@media(max-width:991px) {
    .nav-justified .nav-item {
        min-height: 40px !important
    }
}

@media(min-width:768px) {
    .service-offering-card {
        display: none
    }
}

@media(max-width:767px) {
    .opacity-0,
    .service-offer-sec {
        display: none
    }
    .abstraction-process,
    .lease-md-flex-direction {
        flex-direction: column-reverse
    }
    .lease-services {
        top: -28px;
        height: 16px
    }
    #myTabContent {
        margin-top: 8em !important
    }
}

/*@media (max-width:370px) {
    .lease-services {
        top: -57px
    }
}*/

@media(max-width:400px) {
    .d-lg-inline-block,
    .service-offering-card .dropdown-toggle {
        width: 100% !important
    }
}

@media(max-width:1307px) {
    .lease-services:after {
        height: 150px
    }
}

@media(max-width:770px) {
    .lease-services:after {
        height: 135px
    }
}

@media(max-width:500px) {
    .lease-services:after {
        height: 135px
    }
}

@media(max-width:375px) {
    .lease-services:after {
        height: 130px
    }
}

@media(max-width:991px) {
    .tab-content .container-fluid {
        padding-right: 15px !important;
        padding-left: 15px !important
    }
}

@media screen and (max-width:1305px) {
    .nav-justified .nav-item {
        min-height: 45px
    }
}

@media screen and (max-width:1223px) {
    .nav-pills {
        display: flex !important;
        text-align-last: auto
    }
    .nav-justified .nav-item {
        min-height: 60px
    }
}

@media screen and (max-width:606px) {
    #hero {
        background-image: url(../images/lease-cover-mobile-banner.png) !important;
        background-repeat: no-repeat !important;
        background-size: cover !important;
        height: 75vh !important;
        width: 100% !important
    }
    .back-to-top {
        right: 16px;
        bottom: 72px
    }
}