@media (min-width: 992px) {}

@media (min-width: 1200px) {
    .col-xl-custom {
        flex: 0 0 auto;
        width: 20%;
    }
}

@media (max-width: 1400px) {
    .menu-link {
        padding: 1.3rem 0.8rem;
    }
}

@media (max-width: 1199.98px) {
    .menu-link {
        padding: 1.3rem 0.5rem;
        font-size: 0.75rem;
    }

    .header>.container {
        max-width: 100%;
    }

    .header-left {
        min-width: 170px;
    }
}

@media (max-width: 991.98px) {
    .hero-heading {
        font-size: 3rem;
        line-height: 1.1;
    }

    .hero-content {
        padding-block: 5rem 9rem;
        min-height: calc(100vh - 300px);
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

    .hero-card-section {
        margin-top: -4rem;
    }

    .custom-about-box::before {
        bottom: 0;
        top: 0;
    }

    .hero-slide .swiper-pagination {
        bottom: 5rem;
    }

    .newsletter-btn {
        width: 100%;
    }
}

@media (max-width: 767.98px) {
    .contact-map iframe {
        height: 400px;
    }
}

@media (max-width: 575.98px) {
    .custom-about-box {
        padding: 20px;
    }

    .quote-right {
        padding: 1.5rem;
        min-height: 300px;
    }

    .quote-icon {
        margin-bottom: 1rem;
        width: 4rem;
        height: 4rem;
    }

    .quote-text {
        font-size: 18px;
        margin-bottom: 1rem;
    }

    .quote-author {
        font-size: 14px;
        margin-left: -2rem;
        padding: 5px 20px 7px;
        padding-left: 2rem;
    }

    .hero-heading {
        font-size: 2rem;
    }

    .hero-description {
        font-size: 14px;
    }

    .hero-content {
        padding-block: 8rem 9rem;
    }

    .custom-about-box>span {
        margin-bottom: 15px;
    }

    .custom-about-box h3 {
        margin-bottom: 8px;
    }

    .activity-carousel .swiper-button-prev {
        left: -10px;
    }

    .activity-carousel .swiper-button-next {
        right: -10px;
    }

    .faq-section .accordion-button {
        font-size: 14px;
        padding: 15px 10px;
    }

    .fact-card {
        padding: 0rem 1rem 1rem;
    }

    .client-card {
        width: 120px;
    }

    .client-card img {
        height: 60px;
    }

    .newsletter-wrapper {
        text-align: center;
    }

    .sidebar-link {
        padding: 10px 15px;
        font-size: 13px;
    }

    .page-header {
        padding-block: 8rem 3rem;
        min-height: 200px;
    }

    .contact-map iframe {
        height: 300px;
    }

    .contact-section .form-control {
        padding: 10px 16px;
    }

    .hero-card-section {
        padding-bottom: 3rem;
    }

    .header-bottom {
        padding: 0.5rem;
    }

    .logo-link img {
        max-width: 200px;
        object-fit: contain;
    }
}