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

/* width */
::-webkit-scrollbar {
  width: 15px;
  display: none;
}

/* Track */
::-webkit-scrollbar-track {
  background: #333333; 
}
 
/* Handle */
::-webkit-scrollbar-thumb {
  background: #DFB96E; 
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #D9B463; 
}



.onreser-model .modal-header span{
  top: 2%;
  right: 4%;
  font-size: 23px;
}


.onreser-model .modal-body input{
  padding: 5px 8px;
}

.onreser-model .modal-body select{
  padding: 6.5px 8px;
}

.onreser-model .modal-body a{
  padding: 7px 0;
  text-decoration: none;
  text-align: center;
  color: #fff;
  background-color: #f00c0d;
  transition: all ease  0.3s;
}





    .top-section p{
        margin: 0;
        display: inline;
        padding: 0;
        color: #ffffff;
        font-size: 14px;
    }

    /* .top-section{
        display: none;
    } */

    .header-section .box1{
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
    }

    .header-section img{
        width: 100%;
    }

    .demo .content h1{
      color: #ffffff;
      font-size: 60px;
      margin-top: 50px;
      font-family:Georgia, 'Times New Roman', Times, serif;
    }

    .demo .content p{
      color: #ffffff;
      font-size: 20px;
      margin: 20px 0;
      font-family:Georgia, 'Times New Roman', Times, serif;
   }
   
    

    .demo .content{
        margin: 0 0 0 5%;
      }
      

      .demo .box1{
        background-image: url('../img/banner3.jpg');
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        height: 500px;
      }
      
      .demo .box2{
        background-image: url('../img/banner2.jpg');
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        height: 500px;
      }
      
      .demo .box3{
        background-image: url('../img/banner1.jpg');
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        height: 500px;
      }
      

    /* .carousel{
        display: none;
    } */

    .form-section{
        background-color: #fff;
        margin-top: 0%;
        z-index: 100;
        padding-bottom: 0px;
    }
     
    .form-section a{
      display: block;
      text-decoration: none;
      padding: 5.5px 0;
      text-align: center;
      color: #ffffff;
      background-color: #f00c0d;
      border-radius: 5px;
      transition: 0.3s all ease-in-out;
      font-family:Georgia, 'Times New Roman', Times, serif;
  }
  
    .service-section h6{
        color: #ffffff;
        margin: 0;
        font-weight: 300;
    }
    
    .service-section P{
        color: #ffffff;
        margin: 0;
        font-size: 12px;
    }
    

    .about-section{
        padding: 40px 0;
    }    

    .about-section h1{
        font-size: 50px;
        color: #ffffff;
        font-family:Georgia, 'Times New Roman', Times, serif;
    }
    

    .destination-section{
        background-color: #fff;
        padding: 40px 0 0 0;
    }
    
    .destination-section h1{
        font-size: 50px;
        color: #000;
        font-family:Georgia, 'Times New Roman', Times, serif;
    }

    .destination-section .carousel-wrapper .item .content{
        position: absolute;
        z-index: 100;
        bottom: 10%;
        left: 5%;
      }
    
    
    .carousel-wrapper .owl-carousel .nav-button h2{
        font-size: 45px !important;
        color: #D9B463;
        font-weight: 600;
        display: none;
      }


      .carousel-wrapper .owl-theme .owl-nav [class*=owl-] {
        color: #ffffff;
        font-size: 39px;
        background: #000000;
        border-radius: 3px;
        display: none;
      }
    

      .ski-section{
        background-color: #fff;
        padding: 40px 0 0 0;
    }


    .ski-section h1{
      font-size: 50px;
      color: #000;
      font-family:Georgia, 'Times New Roman', Times, serif;
  }

    
  .ski-section .carousel-wrapper .item .content{
    position: absolute;
    z-index: 100;
    bottom: 10%;
    left: 5%;
  }



      .review-section{
        background-color: #fff;
        padding: 30px 0 30px 0;
    }
    
    .review-section h1{
      color: #000;
      margin-bottom: 30px;
      text-align: center;
      font-family:Georgia, 'Times New Roman', Times, serif;
    }
    

    .review-section .box{
      background-color: rgba(128, 128, 128, 0.205) !important;
      padding: 20px 20px;
      border-radius: 20px;
    }
    
    .review-section .content h3{
      color: #000;
      display: inline;
      font-size: 20px;
      font-family:Georgia, 'Times New Roman', Times, serif;
    }
    

    .footer-section{
        background-color: #fff;
        padding: 20px 0 20px 0;
        /* border-top: solid 1px #ffffff; */
      }
      
      .footer-section .box1 h4{
      color: #000;
      margin: 15px 0 15px 0;
      text-align: center;
      font-family:Georgia, 'Times New Roman', Times, serif;
      }
      
      .footer-section .box1 p{
        color: #000;
        text-align: center;
        font-size: 14px;
        font-weight: normal;
        margin: 0;
        }
        
      
        .footer-section .box2 h3{
          color: #000;
          margin: 0 0 20px 0;
          font-family:Georgia, 'Times New Roman', Times, serif;
          }
          
      
        .footer-section .box2 p{
          display: inline;
          font-size: 14px;
          color: #000;
          margin: 0 0 0 10px;
          }
        
          .footer-section .box2 a{
            color: #000;
            text-decoration: none;
            }
        
      
            .footer-section .box3 .btn-box{
              display: flex;
              flex-direction: row;
              justify-content: center;
              gap: 10px;
              }
        
       
       
       
              .footer-section .box3 .btn-box a{
               text-decoration: none;
               padding: 5px 15px;
               font-size: 15px;
               font-weight: 600;
               text-align: center;
               color: #fff;
               outline: solid 1px #f00c0d;
               background-color: #f00c0d;
               border-radius: 2px;
               transition: 0.3s all ease-in-out;
           }
                   
        
      
             .copyright{
              background-color: #000;
             }
      
             .copyright p{
              margin: 0;
              color: #ffffff;
              font-size: 12px;
             }
      

             #myBtn {
              display: none;
              position: fixed;
              bottom: 20px;
              right: 30px;
              z-index: 99;
              font-size: 18px;
              border: none;
              outline: none;
              background-color: #000000;
              color: white;
              cursor: pointer;
              padding: 13px;
              border-radius: 4px;
            }
            
            #myBtn:hover {
              background-color: #222222;
            }
            
}