@media only screen and (min-width: 768px) and (max-width: 1024px) {
    .scaffolding-services li {
        width: 75%;
    }
   
    .Equipment-rental.scaffolding-services .row div:nth-child(4) img {
        height: 145px !important;
    }

    .contact-cards {
        display: grid;
        grid-template-columns: 4fr 4fr;
    }

    .clients-cards,
    .industrial-cards {
        display: grid;
        grid-template-columns: 4fr 4fr 4fr !important;
        grid-column-gap: 26px;
    }

    .business-segments {
        display: grid;
        grid-template-columns: 6fr 6fr;
    }

    .clients-img,
    .it-industrial {
        width: unset;
    }

    .banner-p {
        top: 221px;
    }

    h1.display-2.text-white.slideInDown.modon-logo img {
        width: 500px;
        right: 133px !important;
    }

    .eqp-grid {
        display: grid;
        grid-template-columns: 6fr 6fr;
    }

    .seldom-products {
        display: grid !important;
        grid-template-columns: 6fr 6fr;
    }

}

@media only screen and (max-width:1180px) {
    .contact-section.phone {
        width: 269px;
        height: 273px;
        margin-bottom: 20px;
    }

    .container-fluid.scaffolding-header.py-5.mb-5:before,
    .container-fluid.equpiment-header.py-5.mb-5:before,
    .container-fluid.manpower-header.py-5.mb-5:before,
    .container-fluid.page-header.py-5.mb-5:before,
    .container-fluid.construction-header.py-5.mb-5:before,
    .container-fluid.rotating-header.py-5.mb-5:before,
    .container-fluid.training-header.py-5.mb-5:before,
    .container-fluid.clients-header.py-5.mb-5:before,
    .container-fluid.careers-header.py-5.mb-5:before,
    .container-fluid.contact-header.py-5.mb-5:before,
    .container-fluid.it-header.py-5.mb-5:before {
        height: 310px !important;
    }

    .mech-ser-abs {
        right: -2%;
    }

    .managment-flex {
        width: unset;
    }

    span.navbar-toggler-icon {
        color: #ffff !important;
        background-image: unset;
        height: 25px;
    }

    .navbar .navbar-nav {
        background-color: #fff;
    }

    span.navbar-toggler-icon:before {
        content: "\f0c9";
        font-family: 'Font Awesome 5 Free';
    }

    .navbar .navbar-nav .nav-link {
        color: #000;
    }

}

@media only screen and (max-width: 768px) {

    .s-white {
        display: none !important;
    }
    .seldom-icon{
        display: block !important;
    }

    .managment-flex {
        width: unset;
    }

    .banner-p {
        position: relative;
        top: 41px;
    }

    .navbar .navbar-nav .nav-link {
        color: #000;
    }

    .navbar .navbar-nav {
        background-color: #fff;
    }

    span.navbar-toggler-icon:before {
        content: "\f0c9";
        font-family: 'Font Awesome 5 Free';
    }

    .container-fluid.equpiment-header.py-5.mb-5:before {
        height: 293px;
    }

    video {
        width: 350px;
        margin-left: unset;
    }

    /*mobile header*/
    header nav.navbar {
        display: flex;
    }

    .navbar .navbar-brand a {
        width: 70%;
    }

    .navbar .navbar-brand {
        margin: 0;
    }

    span.navbar-toggler-icon {
        color: #ffff !important;
        background-image: unset;
        height: 25px;
    }

    /*mobile header end*/
    h1.display-2.text-white.slideInDown.modon-logo img {
        object-fit: unset;
        position: absolute;
        right: 0;
        left: auto;
        top: -48px;
        /* bottom: -194px; */
        /* height: 154px; */
    }

    .header-carousel .owl-dots .owl-dot {
        width: 30px;
        height: 30px;
    }

    .header-carousel .owl-dots .owl-dot.active {
        width: 35px;
        height: 35px;
    }

    .header-carousel .owl-dots {
        right: 0px;
    }

    .container.about .card {
        margin: 0 0 10px 0;
    }

    .about .container {
        padding: 0;
    }

    .services .container {
        padding: 0;
    }

    .container.feature {
        padding: 0;
    }

    .compines-img {
        display: flex;
        justify-content: center;
    }

    .clients-img {
        margin-right: unset;
    }

    .choose-clients .clients-img {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .container-fluid.scaffolding-header.py-5.mb-5:before,
    .container-fluid.equpiment-header.py-5.mb-5:before,
    .container-fluid.manpower-header.py-5.mb-5:before,
    .container-fluid.page-header.py-5.mb-5:before,
    .container-fluid.construction-header.py-5.mb-5:before,
    .container-fluid.rotating-header.py-5.mb-5:before,
    .container-fluid.training-header.py-5.mb-5:before,
    .container-fluid.clients-header.py-5.mb-5:before,
    .container-fluid.careers-header.py-5.mb-5:before,
    .container-fluid.contact-header.py-5.mb-5:before,
    .container-fluid.it-header.py-5.mb-5:before {
        height: 295px !important;
    }

    .about-yimg img:first-of-type {
        right: -18px !important;
        bottom: 20px !important;
    }

    .about-yimg img:nth-child(2) {
        display: none !important;
    }

    .founder-msg .about-text {
        padding: 0 !important;
    }

    .method-list {
        display: unset;
    }

    .method-item {
        width: 100%;
    }

    .method-item .content p {
        margin: unset;
    }

    .page-header+.container-fluid.bg-light.overflow-hidden.my-5.px-lg-0 .row {
        flex-direction: column-reverse;
    }

    .row.mach-routing-img div:nth-child(2) .eqp-card,
    .row.mach-routing-img div:nth-child(2) .eqp-card-text {
        width: unset !important;
    }

    .design {
        top: -201px;
        left: 245px;
    }

    .row.mach-routing-img div:nth-child(3) {
        margin-bottom: 0 !important;
    }

    .scaffolding-services li {
        width: 100%;
    }

    .scaffolding-services,
    .scaffolding-services ul {
        padding: 0;
    }

    .col-md-3.col-6.scaffolding-gallery img {
        margin: unset;
        padding: 0 0 10px 0;
    }

    .equoiment-sideimg {
        width: 320px;
    }

    .col-md-2.clients-img,
    .col-md-2.it-industrial {
        margin-left: unset;
    }

    .mech-ser-abs {
        right: -2%;
    }

    .seldom-products {
        display: flex;
        flex-direction: column;
    }

    /*----contact---*/
    .contact-section {
        width: 269px;
        height: 273px;
        margin-bottom: 20px;
    }

    .contact-section:hover {
        width: 269px;
        height: 273px;
    }
}