/* ****************
Ratina
************** */

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

@media (max-width: 1999.98px) {}

@media (max-width: 1599.98px) {}

@media (max-width: 1399.98px) {
    .sm-simple a,
    .sm-simple a:hover,
    .sm-simple a:focus,
    .sm-simple a:active,
    .sm-simple a.highlighted {
        padding: 10px 15px;
    }
    .sm-simple a .sub-arrow {
        right: 0 !important;
    }
}

@media (min-width: 1200px) {
    .sm-simple a .sub-arrow::before {
        content: '\F282';
        font-family: 'Bootstrap-icons';
    }
    .sm-simple a.highlighted .sub-arrow::before {
        content: '\F282';
        font-family: 'Bootstrap-icons';
    }
    .sm-simple a .sub-arrow {
        right: 0 !important;
        width: 14px;
        height: 16px;
    }
    .sm-simple a.has-submenu {
        padding-right: 20px !important;
    }
}

@media (max-width: 1199.98px) {
    .navbar-toggler {
        padding: 0;
        line-height: 1;
        color: #222;
        background-color: transparent;
        border: none;
        border-radius: 0;
        transition: var(--bs-navbar-toggler-transition);
    }
    .navbar-toggler:focus {
        text-decoration: none;
        outline: 0;
        box-shadow: none;
    }
    .navbar-brand img {
        height: 60px;
    }
    .main-content {
        margin-top: 86px;
    }
    .slick-slide img {
        height: 540px;
    }
    .menus h2 {
        font-size: 36px;
    }
    .menus h3 {
        font-size: 22px;
    }
    .service h1 {
        font-size: 36px;
    }
    .service h2 {
        font-size: 22px;
    }
    .service h4 {
        font-size: 16px;
    }
    .title h2 {
        font-size: 36px;
    }
    .info h4 {
        font-size: 16px;
    }
    .footer-grid h3,
    .maps h3 {
        font-size: 22px;
    }
    .footer-grid h4 {
        font-size: 16px;
    }
    .mapimg img {
        height: 370px;
    }
    .mapimg p {
        top: 24%;
    }
}


/* ****************
Desktop
************** */

@media (max-width: 1023.98px) {
    .containers {
        width: 90%;
        margin: 0 auto;
    }
}

@media (max-width: 991.98px) {}


/* **************** 
Tab 
************** */

@media (max-width: 767.98px) {
    .slick-slide img {
        height: 340px;
    }
    .mapimg iframe {
        height: 300px;
        width: 100%;
    }
}

@media (max-width: 575.98px) {}


/* **************** 
Mobile 
************** */

@media (max-width: 375.98px) {}

@media (max-width: 320px) {}