@media (min-width: 1400px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: 1400px;
    }
}
@media only screen and (max-width: 1400px) {
    
}
@media only screen and (max-width: 1199px) {
    .header .navbar .navbar-nav .nav-item {
        margin: 0 3px;
    }
    .main-slider__title {
        font-size: 150px;
    }
    .main-slider__nav {
        display: none;
    }
    .about-us .row {
        flex-direction: column-reverse;
        gap: 20px;
    }
    .cta-button {
        text-align: center;
    }
    .testimonal-arrows {
        display: none !important;
    }
    .contact-us .row {
        gap: 20px;
    }
    .mapping-content {
        margin-top: 20px;
    }
}
@media only screen and (max-width: 991px) {
    .header .navbar .navbar-nav .nav-item:last-child {
        margin: 0 15px;
    }
    .header-call {
        display: none !important;
    }
    .main-slider__title {
        font-size: 120px;
        line-height: 120px;
    }
    .masonry-gallery {
        column-count: 2;
    }
    .carousel-control-prev {
        left: 20px;
        transform: translate(20px, -50%);
    }
    .carousel-control-next {
        right: 20px;
        transform: translate(-20px, -50%);
    }
    .footer .footer-widget {
        margin-bottom: 15px;
    }
}
@media only screen and (max-width: 767px) {
    .topbar .row {
        gap: 10px;
    }
    .main-slider__sub-title {
        font-size: 20px;
    }
    .main-slider__title {
        font-size: 90px;
        line-height: 90px;
    }
    .contact-info div {
        justify-content: center;
    }
    .social-media {
        justify-content: center !important;
    }
    .virtual-tour .ratio .youtube-video {
        padding-bottom: 20px;
    }
    .carousel-control-prev {
        background: var(--green);
        width: 50px;
        height: 50px;
        border-radius: 100%;
        top: 50%;
        left: 20px;
        transform: translate(20px, -50%);
    }
    .carousel-control-next {
        background: var(--green);
        width: 50px;
        height: 50px;
        border-radius: 100%;
        top: 50%;
        right: 20px;
        transform: translate(-20px, -50%);
    }
    .carousel-control-next-icon, .carousel-control-prev-icon {
        width: 1rem;
        height: 1rem;
    }
    .footer .footer-logo {
        width: 35% !important;
    }
}
@media screen and (max-width: 575px) {
    .main-slider__sub-title {
        font-size: 18px;
    }
    .main-slider__title {
        font-size: 70px;
        line-height: 70px;
    }
    .product-item {
        text-align: center;
    }
    .masonry-gallery {
        column-count: 1;
    }
}