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


@media (max-width: 1200px) {




    .offcanvas {
        --bs-offcanvas-width: 80vw;
        background: #231F20;
    }

    .offcanvas-body {
        flex-grow: 1;
        padding: 0px;
        overflow-y: auto;
    }

    .nav {
        --bs-nav-link-padding-y: 0.8rem;
    }

    .nav li {
        padding-left: 20px;
        padding-right: 20px;
    }

    .btn-custom-gradient {
        font-size: 0.8rem;
        border-top-right-radius: 8px !important;
        border-top-left-radius: 0px !important;
        border-bottom-right-radius: 8px !important;
        border-bottom-left-radius: 8px !important;
    }

    .navbar-toggler {
        padding: var(--bs-navbar-toggler-padding-y) var(--bs-navbar-toggler-padding-x);
        font-size: var(--bs-navbar-toggler-font-size);
        line-height: 1;
        color: #fff;
        background-color: transparent;
        border: 1px solid #fff;
        border-radius: var(--bs-navbar-toggler-border-radius);
        transition: var(--bs-navbar-toggler-transition);
    }

    .logo {
        max-width: 200px;
    }

    .navbar a.nav-link-top {
        text-align: left;
        font-size: 15px;
        font-weight: 400;
    }

    .navbar a.nav-link {
        text-align: left;
    }

}

@media (max-width: 992px) {


    #slider {
        width: 100%;
        height: 300px;
        margin: 0px;
        padding: 0px;
    }


    #slider .swiper {
        width: 100%;
        height: 300px !important;
        padding: 0px;
    }

    #slider .swiper .swiper-slide {
        width: 100%;
        padding: 0px;
        height: 300px;
    }

    #slider .swiper .swiper-slide video {
        width: 100%;
        object-fit: cover;
        object-position: center;
        position: absolute;
    }

    #slider .swiper .swiper-slide img {
        width: 100%;
        height: 300px;
        object-fit: cover;
        object-position: center;
        position: absolute;
    }

    .rectangle-left {
        display: none;
    }

    .rectangle-top {
        display: none;
    }

    .rectangle-right {
        display: none;
    }

    .rectangle-underconstruction {
        display: none;
    }

    header.homepage {
        position: static;
        background: #231F20;
    }

    #features p.title-description {
        padding: 0px 10px;
        text-align: center;
        color: var(--text_dark_color);
    }

    #services p.title-description {
        padding: 0px 10px;
        text-align: center;
        color: var(--text_dark_color);
    }

    #blog p.title-description {
        padding: 0px 10px;
        text-align: center;
        color: var(--text_light_color);
    }

    #testimonials p.title-description {
        padding: 0px 10px;
        text-align: center;
        color: var(--text_dark_color);
    }

    #sampleContract p.title-description {
        padding: 0px 10px;
        text-align: center;
        color: var(--text_dark_color);
    }

    #emailsubscribe .card {
    border: 0px;
    padding: 20px 20px;
    background: #F4F1F8 url(../images/emailsubscribeBg.png) no-repeat right center;
}

}

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



@media (min-width: 1240px) {
    .container {
        max-width: 1140px !important;
    }
}

@media (min-width: 1340px) {
    .container {
        max-width: 1240px !important;
    }
}

@media (min-width: 1440px) {
    .container {
        max-width: 1440px !important;
    }
}