@media screen and (max-width: 1070px) {
    
    .plr {
        padding-left: 25px !important;
        padding-right: 25px !important;
    }

    .seperator {
        display: none;
    }

    nav ul {
        margin-right: 0px;
        float: left;
    }

    nav .logoStyle {
        padding-left: 30px;
        width: 100%;
    }

    nav ul li, nav ul ul li {
        display: block;
        width: 100%;
    }

    nav ul ul {
        top: 70px;
        position: static;
        float: none;
        display: none;
        opacity: 1;
        visibility: visible;
    }

    .show {
        display: block;
        color: #fff;
        font-size: 18px;
        padding: 0 15px;
        line-height: 70px;
        cursor: pointer;
    }

    .navIcon {
        display: block;
        color: #fff;
        position: absolute;
        right: 40px;
        line-height: 70px;
        font-size: 25px;
        cursor: pointer;
    }

    .show + a, ul{
        display: none;
    }

    [id^=btn]:checked + ul {
        display: block;
    }
}

@media only screen and (max-width: 640px) {

    p, h1, h2 ,h3, h4, h5 {
        text-align: center;
    }

    iframe {
        padding: 0;
        height: 350px;
    }

    .mainHeading {
        font-size: 32px;
        font-weight: bolder;
        text-align: center;
      }

    .secondHeading {
    display: block;

    }

    .hero-image {
        padding: 0;
        padding-bottom: 200px;
        clip-path: polygon(0 0, 100% 0, 100% 90%, 0 100%);
    }
    .hero-text {
        text-align: center;
        padding: 0px;
    }

    .hero-button {
        font-size: 14px;
        padding: 10px;
        margin-top: 25px;
    }

    .circlesR, .logo2, .circlesL, .noDisplay {
        display: none;
    }

    .mobMarT {
        margin-top: 25px;
    }

    .mobMarB {
        margin-bottom: 25px;
        padding-bottom: 50px;
    }

    .mobCenter {
        text-align: center;
    }

    .mtb , .mtb2 , .mtb3 {
        margin: 0 !important;   
    }

    .btnBlueCard {
        margin: 0px 15px 0px 15px;
    }

    .plr {
        padding-left: 25px !important;
        padding-right: 25px !important;
    }

    .plr2 {
        padding: 0px !important;
    }

    .p_card {
        max-height: fit-content;
        text-align: center;
        margin: 50px 15px;
    }

    .container {
        margin: 0;
    }

    .row {
        margin-left: 15px !important;
        margin-right: 15px !important;
    }

    .mh4, .meeting {
        max-height: fit-content;
    }

    .meeting {
        padding: 15px !important;
    }

    .p-5 {
        padding: 0px !important;
    }

    .mobP0 {
        padding: 0px !important;
    }

    .btnBlue {
        position: absolute !important;
        left: 0 !important;
        right: 0 !important;
    }

    .btnBlueReq {
        margin: 1em 5em 2em 5em;
    }

    .footerBG {
        display: none;
    }

    footer {
        padding: 1em !important;
    }

    .footerLogo {
        margin-top: 2em;
        text-align: center;
    }
    
    .footerH3 {
        text-align: left;
    }

    .borderL1 {
        border-left: none;
      }

}