@media only screen and (max-width:980px){  
    .container, .container-md, .container-sm{
        max-width: 960px;
        width: 100%;
    }
    header{
        padding: 10px 0px;
    }
    #cssmenu{
        display: none;
    } 
    .header-section header .container{
        max-width: initial;
    }
    #dl-menu{
        display: block;
        z-index: 99;
        text-align: right;
        /* width: 50%;
        float: left;
        text-align: right;
        max-width: initial; */
    }
    .dl-menuwrapper button{
        background: transparent !important;
    }
    .dl-menuwrapper button:after {
        background: var(--primarycolor) !important;
        box-shadow: 0 10px 0 var(--primarycolor), 0 20px 0 var(--primarycolor) !important;
    }
    .no-touch .dl-menuwrapper li a:hover {
        background: var(--primarycolor) !important;
        color: var(--white) !important;
    }
    .dl-menuwrapper ul {
        background: var(--white) !important;
        box-shadow: 0px 4px 20px 0px var(--black);
        border-radius: 5px;
        right: 20px;
    }
    .dl-menuwrapper li a{
        color: var(--black) !important;
        text-decoration: none;
    }
    .dl-menuwrapper .dl-menu{
        width: 250% !important;
        text-align: left;
    }
    .login-btn{
        background-color: var(--whi);
        border: 1px solid var(--primarycolor);
        color: var(--white);
        border-radius: 100px;
        padding: 5px 8px;
    }
    .admission-btn{
        background-color: var(--primarycolor);
        border: 1px solid var(--primarycolor);
        color: var(--white);
        border-radius: 100px;
        padding: 5px 8px;
    }
    .admission-btn img{
        filter: invert(1);
    }
    .logo-div{
        padding: 0px;
    }    
    .cambridge-logo{
        display: none;
    }
    .paddingright80{
        padding-right: 15px !important;
    }
    .padding50{
        padding: 0px !important;
    }
    .paddingleft80 {
        padding-left: 15px;
    }
    .pt-15 {
        padding-top: 15px;
    }
    .container{
        padding: 10px;
    }
    .learning-section::before, .promises-section .container:before, .promises-section:after, .harvees-section::before, .harvees-section::after, .faqs-section:before, .faqs-section::after, .cambridge-section::after{
        content: none;
    }
    .box-grid{
        grid-template-columns: repeat(1,1fr);
    }
    .foot-address{
        padding: 20px 0px;
    }
    .social-media{
        padding: 0px 0px 20px 0px;
    }
    .harvees-section{
        padding: 20px 0px;
    }
}

@media only screen and (max-width:768px){
    .mobile-banner{
        display: block !important;
    }
    .desktop-banner{
        display: none !important;
    }
    
}

@media only screen and (max-width:640px){
    .promises-grid .col-lg-4{
        display: none !important;
    }
    .promises-slider{
        display: block !important;
        padding-bottom: 5%;
    }
    .promises-slider div{
        text-align: center !important;
    }
    .promises-section h3{
        text-align: center;
        font-size: var(--font-size-s);
    }
    .promises-section img{
        height: 180px !important;
        width: auto !important;
    }
    .promises-slider .owl-dots{
        margin: 20px 0px !important;
    }
}

@media only screen and (max-width:480px){
    .banner-text h2{
        font-size: var(--font-size-m);
    }
}