@media(max-width: 991px) {
    section,
    .dark-section,
    footer {
        padding: 60px 0;
    } 
    .img-section {
        padding: 40px 0;
    }
    h1,
    h2 {
        font-size: 38px !important;
        line-height: 52px !important;
    } 
    .dark-section .counter-value,
    .image-section h2 {
        font-size: 38px !important;
        line-height: 52px !important;
    }
    .navbar-nav .dropdown-menu .menu-list {
        flex-wrap: wrap !important;
    }
    .img-section .cls-btn {
        margin-bottom: 30px;
    }
    .img-section iframe {
        width: 100% !important;
    }
    .cls-btn,
    .cls-btn-outline {
        font-size: 14px !important;
        line-height: 17px !important;
        padding: 10px;
    }
    .image-section {
        padding-bottom: 40px;
    }
    footer {
        margin: 0;
    }
    .info-box {
        margin-bottom: 20px;
    } 
    footer .row:nth-child(2) {
        margin-bottom: 10px;
    }
    .light-section video,
    .light-section .video:before {
        border-radius: 15px !important;
    }
}

@media(max-width: 768px) {
    section {
        padding: 40px 0;
    }
    footer {
        padding: 40px 0 0;
    }
    h1 {
        margin-bottom: 20px !important;
    }
    h1,
    h2 {
        font-size: 28px !important;
        line-height: 38px !important;
    }
    .dark-section {
        padding: 40px;
    }
    .dark-section .counter-value {
        font-size: 28px !important;
        line-height: 38px !important;
    }
    .image-section h2 {
        font-size: 24px !important;
        line-height: 34px !important;
        text-align: center;
        margin: 30px 0;
    }
    p,
    .dark-section p {
        font-size: 13px;
        line-height: 24px;
    }
    .navbar-brand img {
        height: 55px;
    }
    header nav {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    
    .offcanvas .cls-btn,
    .offcanvas .cls-btn-outline {
        width: 100%;
        display: block !important;
    }
    .offcanvas .head-btn {
        width: 100% !important;
    }
    .offcanvas .head-btn button {
        width: 100% !important;
    }
    .choose-box svg {
        width: 50px;
        height: 50px;
    }
    .choose-box h3 {
        font-size: 20px;
        line-height: 30px;
    }
    .choose-box p {
        height: unset !important;
    }
    .choose-box .icon svg {
        width: 15px;
        height: 15px;
    }
    .image-section .gp-img img {
        height: 50px;
    } 
    footer .info-box a,
    .footer-policy ul > li > a {
        font-size: 16px;
        line-height: 26px;
    }
    .testimonial-section {
        overflow: hidden;
    }
    .popular-box h3 {
        font-size: 16px;
        margin: 0;
    }
    .popular .popular-box,
    .popular .slick-slider {
        margin: 0;
    }
    .mob-pop-section {
        display: block;
    } 
    .desc-pop-section {
        display: none;
    }
    .popular .slick-initialized .slick-slide {
        margin: 0 15px 0 0;
    }
    /* .accordion-item {
        padding: 10px !important;
    } */
    .accordion-button {
        font-size: 18px !important;
        line-height: 28px !important;
    }
    footer ul {
        flex-wrap: wrap;
    }
    .footer-policy ul > li {
        border: 0;
    }
    .light-section video {
       max-width: 60% !important;
    } 
    .light-section .video:before {
        width: 65% !important;
        top: -13px;
    }
}

@media(max-width: 576px) {
    .dark-section {
        padding: 40px 20px;
    }
    .accordion .accordion-button:after {
        width: 26px;
        height: 26px;
        font-size: 12px;
        line-height: 26px;
    }
}