@media (max-width: 980px){
    section.hero-sec{
        background-position: 63%;
    }
    section.hero-sec .col-8{
        width: 100%;
    }
    section.hero-sec .search{
        width: 80%;
    }
    .cont-sec {
        margin-top: 60px;
    }
    section.services .col-4{
        width: 100%;
    }
    section.cta-why .col-3{
        width: 50%;
    }
    .achievements .col-4{
        width: 100%;
        margin-bottom: 25px;
    }
    .achievements .col-8{
        width: 100%;
    }
    section.cta-why .number-count .num{
        width: 50%;
    }
    section.benefits .col-4{
        width: 100%;
        margin-bottom: 20px;
    }
    section.benefits .ben-card img{
        height: 340px;
        object-fit: cover;
    }
    section.benefits .ben-card{
        height: auto;
    }
} 

@media only screen and (min-width: 550px) and (max-width: 979px) {

}

@media (max-width: 540px){

    section.hero-sec .cont-sec h1{
        font-size: 32px;
    }
    section.hero-sec .cont-sec p{
        width: 100%;
    }
    section.hero-sec .search{
        width: 100%;
    }
    section.hero-sec .cont-sec{
        padding-top: 50px;
    }
    section.about-us-2 .cont-sec h2{
        font-size: 25px;
    }
    section.about-us-2 .cont-sec h4{
        font-size: 23px;
    }
    section.cta-why .head h2{
        font-size: 25px;
        margin-top: 20px;
    }
    section.cta-why .head p{
        width: 100%;
    }
    section.cta-why .col-3{
        width: 100%;
    }
    section.cta-why .number-count .num h4{
        font-size: 25px;
    }
    section.cta-why .number-count .num p{
        font-size: 15px;
    }
    section.cta-why .achievements .col-4 h2{
        width: 100%;
        font-size: 25px;
    }
    .head h2{
        font-size: 25px;
    }
    section.benefits .ben-card img{
        height: 250px;
    }
    .cta-section .cta-img-2 img{
        height: 300px;
    }
    .cta-section .cta-img-2{ 
        margin-left: 40px;
    }
    .section-title1 h2{
        font-size: 25px;
        margin-bottom: 20px;
    }
    .cta-box-content .main-btn{
        width: auto;
    }




    .delayedPopupWindow .signup-box .signup-form form{
        gap: 10px;
    }
    .delayedPopupWindow .signup-box .main-box{
        flex-direction: column-reverse;
    }
    /*.delayedPopupWindow img{*/
    /*    display: none;*/
    /*}*/
    .delayedPopupWindow .signup-box .signup-form h2{
        color: var(--heading-color);
        font-size: 40px;
    }
    .delayedPopupWindow .signup-box .signup-form form button{
        background: var(--heading-color);
    }
    .delayedPopupWindow .signup-box .signup-form{
        background: #fff;
    }
    .delayedPopupWindow{
        z-index: 999;
    }

}       

@media (max-width: 391px){
   
}