@media (min-width: 992px) and (max-width: 1199.98px) {
    :root {
        --h1: 42px;
        --h2: 36px;
        --h3: 30px;
        --h4: 25px;
        --h5: 21px;
        --h6: 17px;
        --lg: 17px;
        --bs: 15px;
    }

    .menubar .mega_menu_content {
        width: 740px;
        right: -312px;
    }

    .service-content h5 {
        font-size: var(--lg);
    }

    .blog-card-header img {
        height: 140px;
    }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    :root {
        --h1: 37px;
        --h2: 33px;
        --h3: 27px;
        --h4: 23px;
        --h5: 20px;
        --h6: 16px;
        --lg: 16px;
        --bs: 15px;
        --sm: 14px;
    }

    .action-btn {
        padding: 12px 48px;
    }

    .section-gap {
        padding: 48px 0;
    }

    .header-top .gap-5 {
        gap: 12px !important;
    }

    .banner-content {
        height: 400px;
    }

    .banner-content .row {
        margin-top: 12px;
    }

    .service-content h5 {
        font-size: var(--lg);
    }

    .blog-card-header img {
        height: 140px;
    }

    .activity-banner {
        padding: 64px 0;
    }

    .activity-content .img img {
        width: 50px;
    }

    .activity-content .digit {
        font-size: 32px;
    }
}

@media (max-width: 991.98px) {
    .menubar .mega_menu:hover .nav-link i {
        transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
    }

    .menubar .navigation li {
        margin-left: 0;
        text-align: end;
        margin-bottom: 4px;
    }

    .menubar .navigation li:last-child {
        margin-bottom: 0;
    }

    .menubar .navigation li a {
        font-weight: 600;
        display: inline-block;
        padding: 8px 0;
        text-align: center;
        width: 200px;
        background-color: var(--off_white_color);
        border: 1px solid rgba(0, 0, 0, 0.1);
        border-radius: var(--radius-md);
        -webkit-border-radius: var(--radius-md);
        -moz-border-radius: var(--radius-md);
        -ms-border-radius: var(--radius-md);
        -o-border-radius: var(--radius-md);
    }

    .menubar .navigation li a:hover,
    .menubar .navigation li a.active {
        background-color: var(--white_color);
        border: 1px solid rgba(0, 0, 0, 0.3);
    }

    .menubar .mega_menu a {
        justify-content: center;
    }

    .menubar .navigation a::after,
    .menubar .navigation a::before {
        display: none;
    }

    .menubar .mega_menu .fa-plus {
        display: block;
    }

    .menubar .mega_menu .fa-angle-down {
        display: none;
    }

    .menubar .mega_menu_content {
        display: none !important;
    }
    
    .working-hour {
        display: none !important;
    }

    .main-banner .slider-img img {
        display: none;
    }

    .banner-slide .slick-dots {
        display: none !important;
    }

    .page-footer .services {
        display: none;
    }

    .page-indication {
        padding: 28px 0;
    }
}

@media (min-width: 576px) and (max-width: 767.98px) {
    :root {
        --h1: 33px;
        --h2: 29px;
        --h3: 24px;
        --h4: 21px;
        --h5: 19px;
        --h6: 15px;
        --lg: 15px;
        --bs: 15px;
        --sm: 14px;
    }

    .action-btn {
        padding: 8px 32px;
    }

    .section-gap {
        padding: 48px 0;
    }

    .header-top .gap-5 {
        gap: 12px !important;
    }

    .menubar .navbar-brand img {
        width: 200px;
    }

    .banner-content {
        height: 360px;
    }

    .banner-content .row {
        margin-top: 12px;
    }

    .service-page-content {
        --h1: 28px;
        --h2: 27px;
        --h3: 22px;
        --h4: 19px;
        --h5: 18px;
        --h6: 16px;
    }

    .service-content h5 {
        font-size: var(--lg);
    }

    .blog-card-header img {
        height: 140px;
    }

    .activity-banner {
        padding: 48px 0;
    }

    .activity-content .img img {
        width: 40px;
    }

    .activity-content .digit {
        font-size: 28px;
    }

    .footer-content .social a {
        font-size: 24px;
    }

    .service-content .img {
        margin-bottom: 12px;
    }

    .service-content .img img {
        width: 40px;
    }

    .footer-content .details {
        margin-top: 4px;
    }

    .footer-content .details a {
        font-size: var(--lg);
    }
}

@media (max-width: 575.98px) {
    :root {
        --h1: 29px;
        --h2: 25px;
        --h3: 21px;
        --h4: 20px;
        --h5: 18px;
        --h6: 15px;
        --lg: 15px;
        --bs: 15px;
        --sm: 14px;
    }

    .action-btn {
        padding: 8px 20px;
    }

    .section-gap {
        padding: 32px 0;
    }

    .content-gap {
        margin-top: 20px;
    }

    .header-top ol.d-inline-flex {
        display: block !important;
    }

    .header-top .gap-5 {
        gap: 12px !important;
    }

    .menubar .navbar-brand img {
        width: 200px;
    }

    .banner-content {
        height: 380px;
    }

    .banner-content p {
        margin: 8px 0 20px;
    }

    .banner-content .row {
        margin-top: 12px;
    }

    .service-page-content {
        --h1: 25px;
        --h2: 22px;
        --h3: 20px;
        --h4: 18px;
        --h5: 16px;
        --h6: 15px;
    }

    .service-content {
        padding: 20px 4px;
    }

    .section-heading h3 {
        padding-left: 12px;
    }

    .section-heading h3::after {
        width: 6px;
    }

    .service-content h5 {
        font-size: var(--lg);
    }

    .blog-card-header img {
        height: 140px;
    }

    .activity-banner {
        padding: 48px 0;
    }

    .activity-content .img img {
        width: 40px;
    }

    .activity-content .digit {
        font-size: 28px;
    }

    .footer-content .social a {
        font-size: 24px;
    }

    .page-footer .footer-content h4 {
        margin-bottom: 8px;
    }

    .service-content .img {
        margin-bottom: 12px;
    }

    .service-content .img img {
        width: 40px;
    }

    .footer-content .details {
        margin-top: 4px;
    }

    .footer-content .details a {
        font-size: var(--lg);
    }
}