@media (max-width: 991px){
    .videoImage2{ margin-top: 0px !important;}
    #playBtn, #pauseBtn{ transform: translate(-50%, -50%);}
}
@media(max-width:950px){
    .whyChooseUsInner{ flex-direction: column;}
    .hyChooseUsVideo{ width: 100%;}
    .whyChooseUsDetails {
        width: 100%;
        float: unset;
    }
    .hyChooseUsVideo .videoImage2{ width: 100%; height: 100%;}
    .whyChooseUsMainContent{ width: 100%;}
    .ms-new{ margin-left: 0%;}
}
@media(max-width:870px) and (min-width: 767px){
    .sendQuery span{ font-size: 13px;}
}
@media(max-width:884px){
    .HeroDeatils h2{ font-size: 70px;}
    .HeroDeatils{ top: 40%;}
}

@media (max-width: 767px){
    .bikeTourBanner{ background-size: cover; min-height: 250px !important}
    .HeroDeatils hr{display: none;}
    .FloorImg{ width: 100%; bottom: -20px;}
    .headingAndSubHeading h3{ font-size: 24px;}
    .HeroDeatils p{ display: none;}
    .whiteSpace{ margin-top: 250px;}
    .sendQuery button{ margin-top: 0px;}
    .HeroDeatils{ width: 96%;}
    .HeroDeatils h2{ font-size: 50px;}
    .HeroDeatils h3{ font-size: 28px;}
    .backButton{ display: block; padding: 10px 15px;}
.fa-bars, .fa-chevron-left{ display: block; font-size: 25px;}
/* .videoImage{ position: absolute; width: 100%;} */
    .mainHeader > div:first-child {
        display: block;
        position: fixed;
        right: 0px;
        width: 300px;
        background: rgb(34, 34, 34);
        height: 100vh;
        z-index: 99;
        top: 0px;
        right: -300px; transition: all 0.3s;
    }
    .showMenu{ right: 0px !important;}
    .mainHeader ul{ margin-top: 15px; margin-left: 25px; flex-direction: column; gap: 15px;}
    .mainHeader ul li a{ color: #fff;}
    .mainHeader ul li a.active{ color: #c9c9c9 !important; border-color: #c9c9c9;}
    .shapeImage {
        margin-top: 30px;
    }
    .STAY_TUNED {
        margin-bottom: 30px !important;
    }
    .footeritems ul{ flex-direction: column;}
    .whyChooseUsMainContent a{     display: block;
        max-width: 250px;
        margin: 0px auto;
        margin-top: 30px;}
}

@media (max-width:575px){
    .banner h2{ font-size: 25px;}
    .banner p{ font-size: 14px;}
    .whyChooseUseCard{ border: none !important;}
    .testimonialCard_Inner{ width: 100%;}
    .slick-next {
        right: -17px;
    }
    .sendQuery button{ font-size: 13px;}
}
@media (max-width: 505px){
    .MenuRightButtons a{    padding: 0px 4px;
        letter-spacing: 0px;}
    .HeroDeatils h2{ font-size: 30px;}
    .HeroDeatils h3{ font-size: 18px;}
    .HeroDeatils{ top: 40%;}
    .Coming_Soon{ font-size: 38px; line-height: 33px;}
}
@media (max-width: 991px) and (min-width: 767px){
    .sendQuery button{ font-size: 15px;}
}
@media (max-width: 414px) and (min-width:345px){
    .textWhite p{ font-size: 18px;}
    .headingAndSubHeading h2{ font-size: 17px;}
    .headingAndSubHeading h3{ font-size: 19px;}
    .btn-theme{ font-size: 12px;}
    .HeroDeatils h3 {
        font-size: 15px;
        margin-bottom: 10px;
    }
    .sendQuery span{ font-size: 13px;}
    .sendQuery button{ font-size: 13px;}
}
@media (max-width: 345px){
    .sendQuery span{ font-size: 13px;}
    .sendQuery button{ font-size: 13px;}
}
@media (max-width: 320px){
    .sendQuery span{ font-size: 13px;}
    .btn-theme{font-size: 9px;}
    .HeroDeatils h3 {
        font-size: 15px;
        margin-bottom: 10px;
    }
    .sendQuery button{ font-size: 13px;}
}