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

    .header-section .mainheader .mainheaderbox .mainmenu {
        display: none;
    }

    .header-section .mainheader .mainheaderbox .logoimg {
        width: 50%;
    }

    .header-section .topheader .topheadersection {
        flex-wrap: wrap;
        justify-content: center;
    }

    .header-section .topheader .topheadersection .topheaderright {
        display: none;
    }

    .header-section .mainheader {
        padding: 10px 0;
    }

    .herosection {
        padding: 20px 0;
    }

    .herosection .herosectionbox .herosectioncontent {
        margin: 0;
    }

    .ourpromisesection {
        padding: 20px 0;
    }

    .ourpromisesection .ourpromisebox {
        margin: 20px 10px 0;
    }

    .whychooseussec .whychooseussecbox .whychooseusbox {
        width: 100%;
        flex-direction: column;
    }

    .whychooseussec .whychooseussecbox .whychooseusbox .whychooseusright {
        width: 100%;
    }

    .whychooseussec .whychooseussecbox .whychooseusbox .whychooseusleft .iconbox .icon {
        width: 100px;
        height: 100px;
    }

    .whychooseussec .whychooseussecbox .whychooseusbox .whychooseusleft {
        width: 100%;
        justify-content: center;
    }

    .gallery-section {
        padding: 20px 0!important;
    }

    .mainheading.galleryheading {
        flex-direction: column;
        text-align: center;
        gap: 15px;
    }

    .testimonialsection {
        padding: 20px 0;
    }

    .faqs {
        padding: 20px 0;
    }

    .blogsection {
        padding: 20px 0;
    }

    .footer .footer-top {
        padding: 20px 0;
    }

    .footer .footer-top .footer-box {
        margin: 0 0 25px;
    }

    .mainheader .mobtoggle{
        display: block;
    }

    .our_services {
        padding: 20px 0;
    }

    .herosection .herosectionbox .herosectioncontent h2 {
        font-size: 28px;
    }

    .mainheading h2 {
        font-size: 28px;
    }
    


}

@media only screen and (max-width: 767px){
    .popup-box {
        width: 90%;
    }
    
    .popup-box h2 {
        font-size: 20px;
    }
}
@media only screen and (max-width: 575px){
    .herosection .herosectionbox .herosectioncontent h2 {
        font-size: 22px;
    }

    .mainheading h2 {
        font-size: 22px;
    }
}