@media (max-width: 1366px) and (min-width:1025px) {
    header a.nav-link {
        font-size:var(--f14)
    }
}

@media (max-width: 1024px) and (min-width:981px) {
    header a.nav-link {
        font-size:var(--f14)
    }
}

@media (max-width: 980px) {
    section.about-us-home .abt-co-img {
        width:100%;
        margin-bottom: var(--m30);
        float: none;
        margin-left: 0
    }

    section.about-us-home .abt-left {
        min-height: auto
    }

    section.about-us-home .abt-co-img-left img {
        width: 100%;
        height: 400px;
        object-fit: cover
    }

    a.sticky.main-btn {
        transform: rotate(-90deg);
        position: fixed;
        right: -53px;
        top: 45%;
        z-index: 999;
        color: #fff!important;
        background: var(--secondary-color);
        padding: var(--p10) var(--p25);
        border-radius: 40px
    }
}

@media (max-width: 540px) {
  
    section.about-us-home .abt-co-img-right {
        text-align:left;
        z-index: 1;
        transform: translateY(0) translateX(0);
        position: relative;
        top: 0;
        margin-top: var(--m20)
    }

    a.sticky.main-btn {
        transform: rotate(-90deg);
        position: fixed;
        left: auto;
        right: -51px;
        top: 45%;
        z-index: 999;
        color: #fff!important;
        background: var(--secondary-color);
        padding: var(--p10) var(--p25);
        border-radius: 40px
    }

    .owl-carousel .owl-item img {
        object-fit: contain;
        object-position: center
    }

    .banner h1 {
        display: none
    }

    section.about-us-home .container {
        display: flex;
        flex-direction: column;
    }

    section.about-us-home .abt-co-img-right img {
        height: 300px;
        width: 100%
    }

    section.about-us-home .abt-co-img-left img {
        width: 100%;
        height: 300px;
        object-fit: cover;
        order: 1;
    }

    section.about-us-home .col-5.abt-left {
        padding: 0
    }
}