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

    .banner-ara {
        padding: 80px 80px 80px 70px;
    }
.services {
    margin-top: -35px;
}
.banner-text h1 {
    font-size: 51px;
}
.banner-text p {
    font-size: 16px;
    width: 87%;
}





/* end banner */




    .testi-con, .pro-slider, .gall-con {
        width: 85%;
        margin: 0 auto;
    }
    .product-main {
        padding: 267px 0 10px;
    }
    .allp-pop-up-area {
        width: 24%;
    }



}

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

.banner-text h1 {
        font-size: 44px;
    }
.banner-text p {
        font-size: 15px;
        width: 100%;
    }
    .banner-ara {
        padding: 80px 50px 80px;
    }
.ser-ban {
        position: absolute;
        bottom: -25%;
        left: 0%;
        width: 100%;
        height: 275px;
    }
.ser-ban img{
    width: 100%;
    height: 100%;
}

/* end banner */

.wel-con {
    flex-direction: column;
    gap: 50px;
}
.wel-text {
    width: 100%;
    text-align: center;
}
.wel-img {
    width: 100%;
}

.wel-img img {
    width: 100%;
    margin-left: 0px;
}

.testi-con, .pro-slider, .gall-con {
    width: 90%;
    margin: 0 auto;
}
.allp-pop-up-area {
    width: 33%;
}

}

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

    .services {
        background-color: #7086d1;
    }
    .ser-ban {
        bottom: -3%;
        height: 106px;
    }
    .banner-ara {
        padding: 80px 36px 80px;
    }
    .banner-text {
        width: 60%;
    }
    .banner-img {
        width: 43%;
    }
    .banner-text h1 {
        font-size: 40px;
    }


/* end banner */

    .testi-con {
        width: 72%;
        margin: 0 auto;
    }
    .ser-con {
        flex-wrap: wrap;
        gap: 40px;
        justify-content: center;
    }
    .ser-area {
        width: 35%;
    }
    .pro-slider {
        width: 45%;
    }
    .pro-slider .owl-next {
        right: -24%;
    }
    .pro-slider .owl-prev {
        left: -24%;
    }
    .pro-bt {
        font-size: 12px;
        padding: 4px 11px;
    }
    .moto-area {
        padding: 0px 0;
    }
    .pro-slider .owl-item.center .item {
        transform: scale(1);
    }
    .gall-con {
        width: 80%;
    }
    .gal-area {
        width: 90%;
        margin: 0 auto;
    }
    .product-main {
        background-image: url(../../homeimage/moto-bg-res-1.png);
        padding: 155px 0 10px;
    }
    .scooter-slider{
        background-image: url(../../homeimage/scooter-bg-res.png);
    }
    .allp-pop-up-area {
        width: 39%;
    }

}

@media only screen and (max-width: 820px) {
/* .banner-text {
    width: 55%;
} */
.banner-text h1 {
    font-size: 35px;
}
.banner-img {
    width: 48%;
}
.banner-text p {
    font-size: 13px;
}

}

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

.banner-text h1 {
    margin-bottom: 20px;
}
.banner-text p {
    margin-bottom: 15px;
}




}


@media only screen and (max-width: 768px) {
    .banner-ara {
        padding: 80px 36px 80px;
        flex-direction: column;
        align-items: center;
        gap: 20px;
    }
    .banner-text {
        width: 69%;
        text-align: center;
    }
    .banner-text img {
        width: 40% !important;
        margin: 0 auto;
    }
    .banner-img {
        width: 74%;
    }

/* end banner */



    .product-main {
        background-image: url(../../homeimage/moto-bg-res-1.png);
        
    }
    .scooter-slider{
        background-image: url(../../homeimage/scooter-bg-res.png);
    }
    .pop-h img {
        width: 35%;
    }


}

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

    .banner-text h1 {
        font-size: 43px;
    }




/* end banner */


    .product-main {
        margin-top: -85px;
    }
    .product-main.scooter-slider {
        margin-top: 0px;
    }
    .ser-area {
        width: 40%;
    }

    .wel-con {
        padding: 0 40px;
    }

    .allp-pop-up-area {
        width: 47%;
    }
    
 }

@media only screen and (max-width:600px) {
    .banner-text {
        width: 90%;
    }
    .banner-img {
        width: 87%;
    }

/* end banner */


    .product-main {
        background-image: url(../../homeimage/moto-bg-res-2.png);
        padding: 103px 0 10px;
    }

    .scooter-slider{
        background-image: url(../../homeimage/scooter-bg-res.png);
    }

.ser-area {
    width: 46%;
}
.testi-con {
    width: 83%;
}
.enq-bt {
    padding: 5px 0;
}




}



@media only screen and (max-width:540px) {
    .banner-text h1 {
        font-size: 37px;
    }
    .banner-ara {
        padding: 40px 36px 80px;
        flex-direction: column;
        align-items: center;
        gap: 20px;
    }


/* end banner */


.pro-slider {
    width: 54%;
}
.video-area {
    width: 70%;
    margin: 0 auto;
}
    .ser-area {
        width: 45%;
    }
    .ser-con {
        gap: 20px;
    }
    .ser-bot p {
    font-size: 13px;
}
.ser-text h1 {
    font-size: 16px;
}
.gall-con {
    width: 87%;
}

.pop-form {
    gap: 10px;
    padding: 20px 20px;
}
.cont-input-pop {
    height: 35px;
    border-radius: 10px;
    padding: 6px 14px;
}
.pop-form textarea {
    height: 58px;
}
.allp-pop-up-area {
    width: 40%;
}

}


@media only screen and (max-width: 480px) {
   .ser-img {
    width: 17% !important;
    margin: 0 auto;
}
.ser-img img{
    width: 100%;
}
    .ser-bot p {
        font-size: 11px;
    }
    .ser-text h1 {
        font-size: 14px;
    }
    .allp-pop-up-area {
        width: 49%;
    }
}





@media only screen and (max-width:430px) {
    .banner-text {
        width: 100%;
    }
    .banner-text h1 {
        font-size: 33px;
    }
    .banner-img {
        width: 98%;
    }
    .banner .owl-next, .banner .owl-prev {
        height: 25px !important;
        width: 25px !important;
    }
    .banner .owl-prev span, .banner .owl-next span {
        font-size: 32px;
    }

/* end banner */


    .pro-slider {
        width: 62%;
    }
    .pro-slider .owl-prev, .pro-slider .owl-next {
        height: 27px !important;
        width: 27px !important;
    }
    .pro-slider .owl-prev span, .pro-slider .owl-next span {
        font-size: 35px;
    }
   
    .gall-con .owl-prev, .gall-con .owl-next {
        height: 25px !important;
        width: 25px !important;
    }
    .gall-con .owl-prev span, .gall-con .owl-next span {
        font-size: 34px;
        position: absolute;
        top: -66%;
        left: 29%;
        color: red;
    }

    .video-area {
        width: 80%;
    }
.ser-area {
    padding: 15px 0px;
}
/* .pro-slider .owl-prev span, .pro-slider .owl-next span, .testi-con .owl-prev span, .testi-con .owl-next span, .gall-con .owl-prev span, .gall-con .owl-next span {
    top: -50%;
} */
.wel-text {
    padding: 20px;
}

    }

@media only screen and (max-width: 414px) {
.ser-area {
    border-radius: 0%;
}
.ser-bot p {
    padding: 10px 10px;
}

}



    @media only screen and (max-width: 393px) {
        .product-main {
            padding: 75px 0 10px;
        }
        .pop-form {
            padding: 20px 9px;
        }
        .allp-pop-up-area {
            width: 54%;
        }
        .allp-pop-up-area {
            right: 5px;
        }
        .all-popup #close-bttt {
            font-size: 23px;
        }
.wel-text p {
    font-size: 14px;
}

.wel-text {
    padding: 20px;;
}
.wel-con
 {
        padding: 0 15px;
    }

    }


@media only screen and (max-width: 375px) {
    .banner-text h1 {
        font-size: 30px;
    }
    .banner-text p {
        font-size: 11px;
    }
    .ser-ban {
        bottom: 0%;
        height: 105px;
    }


    
/* end banner */


    .wel-text {
        padding: 30px 15px;
    }
    .wel-text p {
        font-size: 14px;
        line-height: 26px;
    }
    .wel-bt {
        font-size: 13px;
        padding: 5px 14px;
    }
    .cli-text h1 {
        font-size: 17px;
    }
    .cli-top {
        gap: 15px;
    }







}


@media only screen and (max-width: 360px) {
    .enq-bt {
        font-size: 15px;
    }


}