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

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

@media (max-width: 1199.98px) {
    .header-menu .menu-link {
        padding: 25px 10px;
        font-size: 13px;
    }
}

@media (max-width: 991.98px) {
    .video-wrapper::before {
        padding-top: 450px;
    }

    .submenu-link,
    .menu-link {
        font-size: 13px;
        text-transform: uppercase;
        border-bottom: 1px solid var(--bs-gray-200);
        color: var(--bs-gray-800);
        padding: 0.5rem 1rem !important;
        display: block;
    }

    .submenu-link {
        padding-left: 2rem !important;
        font-size: 12px;
        text-transform: capitalize;
    }

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

}

@media (max-width: 767.98px) {
    .header-top-left {
        flex-direction: column;
        flex-wrap: wrap;
        gap: 5px;
        align-items: flex-start;
    }

    .header-top-phone::after {
        display: none;
    }

    .logo-link {
        top: -65px;
    }

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

@media (max-width: 575.98px) {
    body {
        font-size: 13px;
    }

    .logo-link {
        max-width: 130px;
    }

    .header-nav,
    .header-top-content {
        padding-left: 145px;
    }

    .video-wrapper::before {
        padding-top: 360px;
    }

    .btn {
        font-size: 0.75rem;
        border-radius: 0.25rem;
        padding: 0.3rem 1rem;
    }

    .gradient-btn {
        padding: 5px 5px 5px 12px;
    }

    .gradient-btn .icon {
        width: 26px;
        height: 26px;
    }

    .director-name {
        font-size: 18px;
    }

    .team-role {
        margin-bottom: 0;
    }

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