@media (max-width:1400px) {
    .service-col {
        padding: var(--p40) var(--p40) !important;
        width: 31% !important;
    }

    .row.service-row {
        gap: 30px;
    }

    .startproject-btn {
        width: 40% !important;
    }

    .whatourclientsay-btn {
        width: 40% !important;
    }

}

@media (max-width:1200px) {
    section.home-banner .home-cont h1 {
        font-size: var(--f44);
    }

    .whatourclientsay-btn {
        width: 60% !important;
    }

}


@media (max-width:1100px) {
    .indusweserve-head {
        width: 100% !important;
    }

    .indusweserve-cont {
        width: 100% !important;
    }

    .price-row {
        gap: 30px;
    }

    .price-col {
        width: 31% !important;
    }

}

@media (max-width: 1024px) {
    .service-col {
        padding: var(--p30) !important;
        width: 47% !important;
    }

    .row.service-row {
        gap: 30px;
    }
}

@media (max-width: 991px) {
    .price-col {
        width: 47% !important;
    }

    .home-cont {
        order: 2;
    }

    .dbd-video {
        order: 1;
    }

    section.home-banner .home-cont h1 {
        font-size: var(--f40);
    }

}

@media (max-width:768px) {
    section.home-banner .home-vid video {
        height: 350px;
        border-radius: 10px;
    }

    section.home-banner .home-vid {
        padding: 10px;
        border-radius: 10px;
    }

}

@media (max-width: 610px) {
    .price-col {
        width: 100% !important;
    }
}

@media (max-width:600px) {

    section.services {
        padding-left: 24px;
        padding-right: 24px;
    }

    .service-col {
        padding: var(--p30) !important;
        width: 100% !important;
    }

    .row.service-row {
        gap: 30px;
    }
}


@media (max-width:540px) {

    .main-head h2 {
        font-size: var(--f36);
    }

    section.home-banner .home-cont h1 {
        font-size: var(--f32);
    }

    section.home-banner .home-cont p.home-para {
        font-size: var(--f16);
        letter-spacing: 1px;
        line-height: 30px;
    }

    .startproject-btn {
        width: 100% !important;
        margin-bottom: 10px;
    }

    .whatourclientsay-btn {
        width: 100% !important;
    }

    section.pricing {
        padding-left: 24px;
        padding-right: 24px;
    }

    section.home-banner .home-vid video {
        height: 300px;
        border-radius: 10px;
    }

}

@media (max-width: 425px) {
    /* .main-head h2 {
        font-size: var(--f36);
    } */
}





/* ***************** portfolio ****************** */


@media (max-width: 1440px) {
    section.portfolio-sec .portfolio-cont:before {
        left: -170px;
    }
}

@media (max-width: 1366px) {
    section.portfolio-sec .portfolio-cont:before {
        width: 435px;
    }
}

@media (max-width: 1024px) and (min-width:981px) {
    section.portfolio-sec .portfolio-img {
        height: 500px
    }

    section.portfolio-sec h4 {
        font-size: var(--f25)
    }

    section.portfolio-sec .portfolio-img img {
        bottom: -355px
    }

    section.portfolio-sec .portfolio-cont:before {
        left: -136px
    }

    section.portfolio-sec .portfolio-cont:before {
        width: 403px;
    }
}

@media (max-width: 980px) {
    section.portfolio-sec .portfolio-cont:before {
        width: 418px;
    }

    section.portfolio-sec .portfolio {
        width: 50%
    }

    section.portfolio-sec h4 {
        font-size: var(--f24)
    }

    section.portfolio-sec .portfolio-img img {
        bottom: -405px
    }
}

@media (max-width: 540px) {
    section.portfolio-sec .portfolio {
        width: 100%;
        padding: 0
    }

    section.portfolio-sec h4 {
        font-size: var(--f24)
    }

    section.portfolio-sec .portfolio-cont {
        padding: 20px;
        min-height: 200px
    }

    section.portfolio-sec .portfolio-cont:before {
        width: 450px
    }

    section.portfolio-sec .portfolio-img {
        height: 450px
    }

    section.portfolio-sec .portfolio-img img {
        bottom: -585px
    }
}

@media (max-width: 384px) {
    section.portfolio-sec .portfolio-cont:before {
        width: 420px
    }

    section.portfolio-sec .portfolio-cont {
        max-width: 300px
    }

    section.portfolio-sec .portfolio-img {
        height: 430px
    }

    section.portfolio-sec .portfolio-img img {
        bottom: -518px
    }
}

@media (max-width: 375px) {
    section.portfolio-sec .portfolio-img img {
        bottom: -490px
    }

    section.portfolio-sec .portfolio-cont:before {
        width: 410px
    }
}

@media (max-width: 360px) {
    section.portfolio-sec h4 {
        font-size: var(--f20)
    }

    section.portfolio-sec .portfolio-cont:before {
        width: 390px
    }

    section.portfolio-sec .portfolio-cont {
        max-width: 265px
    }

    section.portfolio-sec .portfolio-img {
        height: 400px
    }

    section.portfolio-sec .portfolio-img img {
        bottom: -475px
    }
}

@media (max-width: 320px) {
    section.portfolio-sec .portfolio-img img {
        bottom: -356px
    }

    section.portfolio-sec .portfolio-cont:before {
        width: 350px
    }
}