@media only screen and (max-width: 991px) {
    .mo-left .header-nav {
        overflow-y: scroll;
        position: fixed;
        width: 60px;
        left: -280px;
        height: 100vh !important;
        transition: all 0.5s;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        -o-transition: all 0.5s;
        top: 0;
        background-color: #fff;
        margin: 0;
        z-index: 999;
    }
    .banner-content.container {
        padding-bottom: 110px;
    }
    .section-1 {
        padding-top: 70px;
        padding-bottom: 70px;
    }
    .container.test-container {
        width: 100%;
    }
    .services-dnone {
        display: none;
    }
}
@media only screen and (max-width:777px) {
    .dz-bnr-inr.dz-bnr-inr-sm {
        height: 250px;
    }
    .dz-bnr-inr.dz-bnr-inr-sm .dz-bnr-inr-entry {
        height: 250px;
    }
    .dz-team.style-2 .dz-content {
        padding-left: 20px;
    }
    .btn-center-lr .btn-prev {
        left: 0px;
    }
    .btn-center-lr .btn-next {
        right: 0px;
    }
    .counter-style-3.m-b30.icon-up {
        width: 260px;
        margin: auto;
        padding-bottom: 30px;
    }
    .dz-team {
        width: 400px;
        margin: auto;
    }
}
@media only screen and (max-width:600px) {
    .container.test-container {
        width: 90%;
    }
    .container-fluid {
        width: 97%;
    }
}
@media only screen and (max-width:425px) {
    .dz-team {
        width: 300px;
        margin: auto;
    }
}
@media only screen and (max-width:325px) {
    .dz-team {
        width: 250px;
        margin: auto;
    }
}