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

.ser-area {
    width: 23%;
}

.product-top {
    flex-wrap: wrap;
}
.explore-area {
    padding: 23px 0 170px 0;
}
.cli-bt {
    width: 24%;
}
.choose-area h1 {
    font-size: 20px;
}
.choose-area p {
    font-size: 14px;
}
.main-button {
    z-index: 1;
}
.vector {
    display: none;
}
#reveal-wrap #hidden-div {
    padding: 20px 20px;
}
.enqiry-vi img {
    height: 400px;
    object-fit: cover;
}
.video-top video {
    height: 450px;
}
.ser-div {
    display: none;
}
.ser-top {
    width: 100%;
    background-color: transparent;
}
.ser-area {
    width: 23%;
    background-color: #0368b1;
    border-radius: 120px 120px 0 0;
    padding: 30px 10px;
}



}

@media screen and (max-width: 1024px) {
    .video-top video {
        height: 350px;
    }
    .video .owl-next, .client-con .owl-next {
        right: -4%;
    }
    .video .owl-prev, .client-con .owl-prev {
        left: -4%;
    }
.enq-head h1{
    font-size: 30px;
}
.choose-area p {
    font-size: 13px;
}
.choose-area h1 {
    font-size: 17px;
}
.choose-area {
    height: 250px;
}
#box {
    top: 106%;
}

.choose-head {
    text-align: center;
    padding-left: 0px;
}
.choose-head p {
    margin-left: 0px;
}
.wel-head h3 {
    font-size: 40px;
}
.choose-head h1 {
    font-size: 40px;
}









}









@media screen and (max-width: 912px) {
.ban-video video {
    height: 500px;
}


/* end banner */

.product-con {
    width: 90%;
    margin: 0 auto;
}
.sli-2 h6 {
    font-size: 16px;
}
.sli-2 h5 {
    font-size: 16px;
}
.sli-2 h4 {
    font-size: 18px;
}
.choo-bo, .cli-line, #box {
    display: none;
}
.main-button {
    flex-wrap: wrap;
    justify-content: center;
    gap: 50px;
}
.cli-bt {
    width: 38%;
}
.choose-area p {
    font-size: 14px;
}
.client-text p {
    font-size: 15px;
}
.client-text h1 {
    font-size: 22px;
}
.choose-head h1 {
    font-size: 40px;
}
.choose-head p {
    font-size: 20px;
}
.enq-head h1 {
    font-size: 25px;
    margin-bottom: 5px;
}
.sub-btn {
    margin-top: 30px;
}
.video-area {
    width: 90%;
    margin: 0 auto;
}
.video-top video {
    height: 430px;
}
.gallery-img {
    margin: 0 auto;
    width: 70%;
}
.wel-img img{
    width: 100%;
}
.model-open {
    display: none;
}
.ser-con {
    flex-wrap: wrap;
    gap: 50px;
    justify-content: center;
}
.ser-area {
    width: 40%;
}





}

@media screen and (max-width: 800px) {
.pro-1 {
    font-size: 17px;
}
.choose-head h1 {
    font-size: 35px;
}
.close-btn, .close-btn-2, .close-btn-3, .close-btn-4, .close-btn-5 {
    right: -40px;
}

}

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

.custom-model-main, .custom-model-main-2, .custom-model-main-3, .custom-model-main-4, .custom-model-main-5 {
    display: none;
}
.gallery .owl-theme .owl-dots .owl-dot span {
    width: 80px;
}



}

@media screen and (max-width: 712px) {
.wel-text p {
    font-size: 14px;
}
.wel-btn {
    font-size: 15px;
    padding: 6px 14px;
}
.product-con {
    width: 100%;
}
.sli-2 h5 {
    font-size: 14px;
}
.sli-2 h6 {
    font-size: 13px;
}
.sli-2 h4 {
    font-size: 14px;
}
.cli-bt {
    width: 61%;
}
.enq-head {
    margin-bottom: 10px;
}
::placeholder {
    font-size: 13px;
}
.video-area {
    width: 100%;
}

.video-top video {
    height: 380px;
}
.client-text p {
    font-size: 13px;
}
.client-text h1 {
    font-size: 18px;
}
.star{
    font-size: 10px;
}
.client-text {
    padding: 58px 20px 30px;
}
.choose-head h1 {
    font-size: 30px;
}
.choose-head p {
    font-size: 17px;
}
.wel-head h3 {
    font-size: 35px;
}



}

@media screen and (max-width: 600px) {
.cli-bt {
    width: 74%;
}
.choose-area h1 {
    font-size: 21px;
}
.choose-area p {
    font-size: 16px;
}
.ser-area {
    width: 60%;
}







}

@media screen and (max-width: 540px) {
.client-area {
    width: 70%;
    margin: 0 auto;
}
.video-area {
    width: 61%;
}
.video .owl-next, .client-con .owl-next {
    right: 1%;
}
.video .owl-prev, .client-con .owl-prev {
    left: 1%;
}
.video-top video {
    height: 400px;
}
.choose {
    padding: 60px 0;
}
.wel-head h3 {
    font-size: 30px;
}






}



@media screen and (max-width: 430px) {
    .ban-video video {
        height: 400px;
    }


/* end banner */
.video-area {
    width: 72%;
}

.client-con .owl-prev span, .client-con .owl-next span, .product-slider .owl-prev span, .product-slider .owl-next span, .video .owl-prev span, .video .owl-next span {
 font-size: 40px;
 top: -67%;
}
.client-con .owl-prev, .client-con .owl-next, .product-slider .owl-prev, .product-slider .owl-next, .video .owl-prev, .client-con .owl-prev, .video .owl-next, .client-con .owl-next {
    width: 30px;
    height: 30px;
}

.slider-top {
    flex-wrap: wrap;
    gap: 20px;
    justify-content: center;
    margin-bottom: 15px;
}
.explore-area {
    padding: 23px 0 190px 0;
}
.sli-bot {
    width: 65%;
}
.wel-head h3 {
    font-size: 25px;
}

}


@media screen and (max-width: 393px) {
.ser-area {
    width: 76%;
}
.choose-area {
    height: auto;
}
.enq-head h1 {
    font-size: 20px;
    margin-bottom: 10px;
}
.enq-head p {
    font-size: 13px;
}
.contact-area {
    gap: 20px;
    flex-wrap: wrap;
    justify-content: center;
}
.cont-input {
    width: 43%;
}    
.gallery-img {
    width: 90%;
}
.client-area {
    width: 80%;
}



}


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

    .cli-bt {
        width: 88%;
    }
    .video-area {
        width: 83%;
    }
    .choose-head h1 {
        font-size: 25px;
    }
    .choose-head p {
        font-size: 15px;
    }
    .gallery .owl-theme .owl-dots .owl-dot span {
        width: 43px;
    }
    .wel-head h3 {
        margin-top: 5px;
        font-size: 24px;
    }

}