/* responsive  */

@media (min-width: 2000px) {
    .section1 {
        display: flex;
        height: 100vh;

    }
}

/* @media (max-width: 1400px) and (min-height: 1000px) {
    .navs{
        padding-top: 50px;
    }

} */

@media (max-width: 1400px) {

    /* declared */

    .section-padding{
        padding: 0px 30px;
    }

    .menu_padding{
        padding: 0px 100px;
    }

    .hero_section_pad {
        padding: 50px 50px 50px 50px;
    }


    /* navigation */
    .navs{
        padding-top: 30px;
    }

    .exit{
        top: 50px;
        right: 30px;
    }



    .title{
        font-size: 3rem;
    }

    .about {
        padding: 150px 50px 50px 50px;
    }

    .section3 {
        width: 50vw;
        right: 50px;
    }

    .packages-heading-parent {
        padding: 150px 50px 50px 50px;


    }

    .packages-parent {
        padding: 0px 50px 0px 50px;

    }

    .choose-us-heading-parent {
        padding: 100px 50px 50px 50px;
    }

    .why-choose-us {
        padding: 0px 50px 50px 50px;
    }

    .custom-nav{
        padding: 0px 30px;
    }

     .carousel-slide {

              flex: 0 0 72%;
             

        }
         .gallery{
            padding: 40px 50px 70px 50px;
        }
      
        .carousel{

            /* height: 70vh; */
        

        }

             .faq-section{
    padding: 0px 50px 0px 50px;

             }

                .bike-packages{

        padding-bottom: 50px;



     }
     .testimonial-heading{
    padding-top: 50px;
        padding-bottom: 70px;
  
}



/* video-section */

.video_text{
    padding: 0px 50px 0px 50px;
}


    .footer_location{
        height: 40vh;
    }

    .footer1{
        padding: 0px 50px 50px 50px;
    }

 
     


}





@media (max-width: 1200px) and (max-height:1400px) {
    /* navigation  */
    .navs{
        padding-top: 50px;
    }
    .menu_padding{
        padding: 0px 50px;
    }
    .background{
        bottom: 50px;
    }
    .exit{
        top: 60px;
    }

    .low-font{
        display: block;
        /* font-size: 200px; */
        /* background-color: red; */
    }
    .hero_para h1 {
        font-size: 30px;
        /*line-height: 130px;*/
    }
    .bottom_hero {
        height: 35vh;
    }

}

@media (max-width: 1200px) and (max-height: 900px){
    .bottom_hero {
        height: 50vh;
    }

    .low-font{
        display: inline;
    }
}


    @media (max-width: 1200px) {
            :root {
                --carousels-per-view: 3;
            }

            .cards {
                width: 280px;
            }

            .card-bottom p {
                font-size: 18px;
            }
            .new_card{
                    width: 95%;
                }

                .slides-container img{
                    object-fit:cover;
                    
                }
        }





@media (max-width: 1080px) {

    /* navigation */
    .hero_para {
        width: 50%;
    }

    /* offcanvas */
    

    .low-font{
        display: inline;
    }
    .hero_para h1 {
        font-size: 30px;
        /*line-height: 100px;*/
    }




    .about-chiled2 {
        width: 15%;
    }

    /* .section_main_heading {
        font-size: 70px;
        line-height: 80px;
    
    } */

    .hero_section{
        height: 80vh;
    }

    .section_main_heading {
        font-size: clamp(35px, 7vw, 70px);
        line-height: clamp(40px, 7vw, 75px);

    }


    .packages-heading {
        width: 100%;
    }

    .choose_bg1,
    .choose_bg2,
    .choose_bg3,
    .choose_bg4 {
        padding: 40px 0px;
    }

    .why-choose-us-chiled1-heading {
        width: 50%;
    }

    .why-choose-us-chiled img {
        /* height: 50%; */
        width: 15%;
        left: 24%;
        top: 20%;
    }


    /* .choose1 {
        margin-top: 60px;
    } */

    .faq-text {
        height: 670px;
    }

        .top-packages {
        flex-direction: column;
        height: 1000px;
   
    }
    .top-packages-left {
        height: 49%;
        width: 100%;
    }
    .top-packages-right {
        height: 49%;
        width: 100%;
    }


     .footer2{
        flex-direction: column;
    }

    .footer_quick{
        width: 100%;
    }

     .footer_location{
        width: 100%;
        padding-left: 0px;
        height: 20vh;
    }

    .break-text-button-parent {
        width: 70%;
    }


    

      


}

@media (max-width: 1080px) and (max-height: 800px){
    .hero_section{
        height: 100vh;
    }
}




@media (max-width: 1000px) {
    /* declared */
    .hero_section_pad {
        padding: 50px 30px 50px 30px;
    }


    .section1_left {
        padding: 30px 30px 50px 30px;
    }

    .hero_content {
        margin-top: 70px;
    }

    .section1_left_top_chiled1 img {
        height: 50px;
    }

    .section1_left_top_chiled2 ul {
        padding: 0;
    }

    .section1_left_top_chiled2 li {
        margin-bottom: 15px;
    }

    .section1_left_bottom h1 {
        font-size: clamp(30px, 15vw, 90px);
        line-height: clamp(30px, 15vw, 90px)
    }

    .section1_left_bottom img {
        height: 100px;
    }

    .search {
        height: 38px;
        margin-top: 30px;
    }

    .search img {
        top: 9px;
    }

    .about {
        padding: 100px 30px 50px 30px;
    }

    .section3-chiled3{
        width: 40%;
    }

    .section3 h4 {
        font-size: 20px;
    }

    .section3 h5 {
        font-size: 13px;
    }

    .section3 {
        width: 50vw;
        right: 30px;
    }

    .packages-heading-parent {
        padding: 100px 30px 50px 30px;
        top: -50px;

    }

    .packages-parent {
        padding: 0px 30px 0px 30px;
    }


    .choose-us-heading-parent {
        padding: 70px 30px 50px 30px;
    }

    .why-choose-us {
        padding: 0px 30px 50px 30px;
    }

    .custom-nav{
        padding: 0px 10px;
    }
      .carousel-slide {

              flex: 0 0 72%;
             

        }
      
      
        .carousel{

            /* height: 70vh; */
        

        }
           .gallery{
            padding: 10px 30px 60px 30px;
        }

                 .faq-section{
    padding: 0px 30px 0px 30px;

             }

                .bike-packages{

        padding-bottom: 50px;



     }
     .testimonial-heading{
    padding-top:15px;
        padding-bottom: 60px;
  
}


/* video-section */

.video_text{
    padding: 0px 30px 0px 30px;
}

.video_text h3{
    font-size: 40px;
}

    :root {
                --carousels-per-view: 2;
            }

            .cards {
                width: 380px;
            }

             .footer1{
        padding: 0px 30px 50px 30px;
    }

  





}

@media (max-width: 1000px) and (min-height: 1100px) {

    .section1 {
        height: 75vh;
    }


}

@media (max-width:800px) and (min-height: 1000px) {

    .section1 {
        height: 90vh;
    }

    .section3{
        width: 65vw;
    }


}

@media (max-width:1100px) and (max-height: 700px) {

    .section1 {
        height: 172vh;
    }


}


@media (max-width: 850px) {
    .numbers{
        font-size: 1rem;
    }

    .menu {
        flex-direction: column;
        justify-content: center;
        align-items: flex-start;
    }
    .menu_padding{
        padding: 0px 50px;
    }

    .menu-container{
        margin-top: 50px;
    }
    .information{
        margin-bottom: 20px;
    }

    .information p{
        margin:0;
    }
    .nav-link{
        font-size: 3.5rem;
    }
    .title{
        font-size: 2.5rem;
    }

    .background{
        font-size: 18rem;
        top: 0;
        right: 100px;
        rotate: 90deg;
    }

    .about-chiled2 {
        width: 5%;
    }




  

        /* .faq-text {
        height: 762px;
    } */


    .break-text h3 {
        font-size: 43px;
    }



   
}

@media (max-width: 770px) {

    /* offcanvas */
    .nav-link{
        font-size: 2.5rem;
    }
    
    .title{
        font-size: 1.8rem;
    }
    .background{
        font-size: 16rem;
        right: 80px;
    }

     /* hero_section */
     .hero_para{
        width: 100%;
     }

     .hero_para h1{
        bottom: 25px;
     }

    .about-chiled2 {
        width: 0%;
    }


    .packages-heading {
        width: 100%;
    }



     :root {
                --carousels-per-view: 2;
            }

            /* .cards{
                height: 500px;
            } */

            h1 {
                font-size: 2.5rem;
            }

            .subtitle {
                font-size: 1.1rem;
            }

            .large-carousel {
                padding: 0px 0px;
            }

            .large-slide {
                padding: 10px;
            }

            .cards {
                width: 100%;
                /* max-width: 350px; */
            }
        }










@media (max-width: 660px) {

    


    /* declared */
    .section-padding{
        padding: 0px 10px;
    }

    .hero_section_pad {
        padding: 50px 10px 50px 10px;
    }

    /* menu */


    .menu-container{
        margin-top: 0;
    }

    .menu_none{
        margin-top: 20px;
    }
    .information {
        margin-bottom: 10px;
    }

    .nav-link{
        font-size: 2rem;
    }

    .remove{
        display: none;
    }

    .menu_padding{
        padding: 0px 50px;
    }

    .background{
        font-size: 160px;
        right: 0;
        top: 20%;
        /* rotate: 0deg;
        left: 0; */
    }


    /* navigation */

    .logo img{
        height: 60px;
    }

    .navs{
        padding-top: 30px;
    }

    .para {
        font-size: 13px;
    }

    


    .mobile-bars {
        display: flex;

    }

    .mobile-bars img {
        height: 35px;
    }

    .section1_left_bottom {
        margin-top: 95px;
    }


    .about {
        flex-direction: column;
        padding: 80px 10px 50px 10px;
    }

    .about-chiled2 {
        width: 100%;
        margin-top: 30px;
    }

    .section3 {
        width: 100%;
        position: static;
        padding: 0px 0px 30px 0px;
    }

    .section3-mid-chiled{
        padding: 0px 0px 0px 10px;
    }
    .section3-chiled1-parent{
        padding: 10px 10px 10px 0px;
    }

    .section3-chiled3{
        width: 55%;
    }


    .section_main_heading {
        margin-bottom: 5px;
    }

    .about-chiled1-ka-chiled4 {
        padding-top: 25px;
    }

    .packages-heading-parent {
        padding: 80px 10px 30px 10px;
        top: -40px;

    }

    .packages-parent {
        padding: 0px 10px 0px 10px;

    }

    .choose-us-heading-parent {
        padding: 30px 10px 0px 10px;
    }

    .why-choose-us {
        padding: 0px 10px 50px 10px;
    }

    .why_choose_heading {
        text-align: left;
    }

    .custom-nav{
        padding: 0px 0px;
    }



    
    .why-choose-us-chiled {
        flex-direction: column;
    }

    .why-choose-us-chiled1-para {
        width: 100%;
        margin-top: 20px;
    }

    .why-choose-us-chiled img {
                width: 132px;
        height: 90px;
        left: 60%;
        top: 7%;
    }

    .why-choose-us-chiled1-heading {
        width: 100%;
    }


.why_choose_heading h2{
    font-size: 35px;
}



             .gallery{
               padding: 30px 10px 30px 10px;
       }
                .faq-section{
    padding: 0px 10px 0px 10px;

             }

     
      .choose1 .para {
            padding: 0px 15px 30px 15px;

    }

       .bike-packages{

        padding-bottom: 50px;



     }
     .testimonial-heading{
    padding-top: 0px;
  
}


/* video-section */

.video_text{
    padding: 0px 10px 0px 10px;
}

.video_text h3{
    font-size: 30px;
}
.about-chiled-none{
    display: block;
}
.display-block{
    display: none;
}


    .footer1{
        padding: 0px 10px 30px 10px;
    }
    
    .footer_logo img{
            height: 50px;
        }

            .break-text-button-parent {
                width: 90%;
            }
            .break-text h3 {
                font-size: 32px;
            }

            .break-text p {
                font-size: 13px;
            }
.break-section {
    height: 364px;
}
.break-button {
    margin-top: 10px;
}








}


@media (max-width: 550px) {
    .numbers{
        font-size: 0.6rem;
    }

    .section3-chiled1-parent {
        flex-direction: column;
        padding: 10px 10px 10px 0px;
        box-sizing: border-box;
        width: 60%;
    }


    .section3-chiled2 {
        margin: 0;
    }

    .section3-chiled1,
    .section3-chiled2 {
        /* height: 150px; */
        width: 100%;
    }

    .section3-chiled2 {
        margin-top: 20px;
    }

    .black-color {
        flex-direction: column;
        justify-content: end;
    }

    .section3 h4 {
        margin-bottom: 5px;
    }



    /* packages section  */

    /* .packages-parent {
        padding: 10px 10px 10px 10px
    } */

    .package_detail {
        padding: 10px;
    }

    .custom-nav button {
        padding: 15px;
        font-size: 12px;
    }

  

    .custom-prev,
    .custom-next {
        height: auto;
        width: auto;
    }

        /* .choose1 {
        margin-top: 50px;
    } */
     .choose5{
        height: 200px;
     }




     /* gallery section  */

     .gallery-carousel{
        height: 50vh;
     }

      .faq-text {
        height: 625px;
    }

    .imgs{
    width: 350px;
   

   
}

    .top-packages-left p {
        font-size: 21px;
    }
.footer1 {
    margin-top: 160px;
}

  



    

}



            @media (max-width: 500px){
                .cards2{
                    margin-bottom: 50px;
                }
            }

@media (max-width: 470px) {

    /* menu  */
    .exit {
        top: 40px;
        padding: 2px 10px;
        right: 20px;
    }

    .background{
        right: 42px;    
    }

    .menu_padding{
        padding: 0px 20px;
    }

    /* navigation  */

    .logo img{
        height: 50px;
    }

    .inners{
       padding: 2px 10px;
    }

    .inners span{
        font-size: 14px;
        /* display: none; */
    }
    .line{
        height: 1px;
        width: 20px;
    }

    /* hero_section */
    
    .hero_section{
        height: 110vh;    
    }
    
    
    .bottom_hero{
        height: 40vh;
    }

    .hero_para{
        width: 100%;
    }
    
    .hero_para .para {
        font-size: 11px;
    }


    .hero_para h1{
        bottom: 20px;
    }
    
    /* packages  */

    .packages-heading-parent {
        position: static;
        padding-bottom: 20px;
    }


    .custom-nav button {
        padding: 15px;
        font-size: 12px;
    }

    .custom-nav {
        margin-top: 20px;
        gap: 10px;
    }

    .package_detail {

        padding: 13px 0px 0px 0px;
    }

    .choose_bg1,
    .choose_bg2,
    .choose_bg3,
    .choose_bg4 {
        padding: 30px 0px;
    }


    .owl-carousel .owl-item {
    margin-right: -30px !important;
    
  }


       .why-choose-us-chiled img {
                    width: 103px;
        height: 70px;
        left: 60%;
        top: 8%;
    }

      .carousel-slide {

              flex: 0 0 73%;

        }
        .carousel{

            height: 50vh;

        }

     
        .faq-text {
        height: 680px;
    }
        .faq_heading{
    padding-bottom: 30px;
}




.item-heading h3 {
    font-size: 20px;
}
.item-heading .para{
    padding: 10px 0px;
}
.item-button{
    padding: 10px 0px 10px 0px;
}

.packeges-button, .packeges-button2{
    padding: 9px 25px;
}

.item{
    padding: 0px 8px 8px 8px;
}

.custom-nav button{
    display: none;
}
.owl-stage-outer {
    /* margin-left: -30px;  */
    padding-left: 0 !important;
    overflow: visible;
}


/*testimonial section */

.section-4-imgs-chiled {
    margin-top: 10px;
}
.imgs{
    padding: 20px 0px;
}


/*form section*/

.cta_form_parent{
    margin-top: 50px;
}


/* gallery section  */

.gallery-carousel{
    height: 40vh;
}





.video_text h3{
    font-size: 20px;
    color: white;
}


 .card-bottom{
                padding: 10px 0px;
            }

            .booking_packages {
                padding: 10px 0px 20px 0px;
            }
            .cards{
                width: 90%;
                height: 430px;
            }
            .indicators{
                top: 85%;
            }


             .top-packages-right-img-parent {
        flex-direction: column;
        height: 50%;
    }
    .top-packages-right-img1 {
        height: 140%;
        width: 100%;
        margin-bottom: 20px;
    }
    .top-packages-right-img2 {
        height: 140%;
        width: 100%;
        margin-bottom: 20px;
    }
        .top-packages-left {
            height: 29%;
            margin-bottom: 20px;
        }
            .top-packages-right {
                height: 70%;
            }
                .top-packages {
                    height: 1200px;
                }
                
                    .inner_card{
                        width: 100%;
                    }

                    .card-button2{
                        padding: 10px 10px;
                    }
                               .card-bottom p {
                                font-size: 16px;
                               }

                                       .footer_quick{
        flex-direction: column;
        
    }
    .footer_about , .footer_contact{
        width:100%;

    }
    .footer_location{
        margin-top: 15px;
    }
    .break-text h3{
        font-size: 25px;
    }

    .break-button{
        justify-content: flex-start;
    }
        .break-text-button-parent {
            width: 90%;
            text-align: left;
        }
            .break-text p {
                font-size: 11px;
                margin-top: 8px;
                margin-bottom: 0px;
            }


    .footer1 {
        margin-top: 140px;
    }











}



@media (max-width: 402px) {

    /* menu  */

    .margin_con{
        margin-top  : 60px;
    }
    
    .background{
        font-size: 160px;
        right: 10px;
        top: 15%;
        /* rotate: 0deg;
        left: 0; */
    }


    /* hero_section */
    
     .bottom_hero{
        height: 40vh;
    }
        .hero_para h1 {
            font-size: 20px;
        }

    .section3-chiled1,
    .section3-chiled2 {
        padding: 10px;
    }

    .section3-chiled1-chiled2,
    .section3-chiled1-chiled1 {
        width: 80%;
        margin-top: 3px;
    }

    .section3-chiled2 {
        margin-top: 10px;
    }

    .section3-chiled1-parent {
        flex-direction: column;
        padding: 10px 10px 10px 0px;
    }

    .section3-mid-chiled {
        padding-left: 10px;
    }

         .faq-text {
        height: 710px;
    }








}

@media(max-width: 400px) and (max-height: 700px) {
    .mobile_links {
        padding: 30px 0px 0px 0px;
    }

    .mobile_links ul li {

        margin-bottom: 7px;
    }

    .search {
        height: 34px;
    }

    .search img {
        top: 11px;
        height: 13px;
        width: 13px;
    }

    .section1_right input::placeholder {
        font-size: 12px;

    }

}