@media (max-width: 767px) {
  /************* 
  Common Css
  *************/
  p{
      font-size: 12px;
  }
  .hide-mobile-device {
    display: none;
  }
  /************* 
  Header
  *************/
   .header-middle .row > *,
   .big-banner-area .row > * {
    width: 100%;
   }
    .top-content p {
     font-size: 10px;
    }
    .home-grid-carousel  .owl-prev{
      left: 2px !important;
      top: 46% !important;
      box-shadow: 2px 1px 10px rgba(0, 0, 0, 0.4);
    }
    .home-grid-carousel   .owl-next{
      right: 2px !important;
      top: 46% !important;
      box-shadow: 2px 1px 10px rgba(0, 0, 0, 0.4);
    }
    .activity-slider .owl-prev{
        left: 15px !important;
        top: 40% !important;
    }
     .activity-slider .owl-next{
        right: 15px !important;
        top: 40% !important;
    }
    .car-rent-carous .owl-prev{
        left: 10px !important;
        top: 55% !important;
        box-shadow: 2px 1px 10px rgba(0, 0, 0, 0.4);
    }
    .car-rent-carous .owl-next{
        right: 10px !important;
        top: 55% !important;
        box-shadow: 2px 1px 10px rgba(0, 0, 0, 0.4);
    }
    
  
    .services-content-area {
        padding: 50px 15px 15px 15px;
    }
    .choose-us .box-container .box{
        margin: 15px 5px;
    }
    .room-type .span-box{
        font-size: 9px;
    }
    .fuel-type .span-box{
        font-size: 9px;
    }
    
    
  /************* 
  Carousel
  *************/
  
  .carousel-item.slider-item img {
    min-height: 350px;
    object-fit: cover;
  }
  .slider-content {
    width: 100%;
    padding: 0px 8%;
  }
  .slider-content h2 {
    font-size: 34px;
  }
  .slider-content p {
    font-size: 16px;
    margin-bottom: 25px;
  }
  .slider-arrow .left-arrow a,
  .slider-arrow .right-arrow a {
    font-size: 22px;
  }
  .slider-arrow .right-arrow {
    right: 2px;
  }
  .slider-arrow .left-arrow {
    left: 2px;
  }
  .custom-banner-inner-area ha{
      font-size: 45px;
  }
  .custom-banner-inner-area p{
      font-size: 12px;
  }
  .registration-sec-box{
      grid-template-columns: 100%;
      padding: 0 0 15% 0;
  }
  .login .content-regis{
      border-radius: 25px 25px 0 0;
  }
  .login .content-regis .opacity{
      border-radius: 25px 25px 0 0;
  }
  .form-grid{
      border-radius: 0 0 25px 25px;
      border-right: 0;
      border-bottom: 4px solid var(--primary);
      padding: 25px 15px 0px;
  }
  .login .content-regis .content-box .carousel-content p{
      font-size: 11px;
  }
  .content-regis .client-name h5{
      font-size: 13px;
  }
  .content-regis .carousel-content{
      padding: 4% 5% 4% 5%;
  }
  
  .view-photo {
    top: -105px;
    position: absolute;
    left: -250px;
  }
  /************* 
  Small-Banner
  *************/
  .small-banner-img {
    margin-bottom: 15px;
  }
  
  .place-visit .place-visit-box .swiper-slide{
      width: 35%;
  }
  
  .place-visit .place-visit-box .where-item .where-content h4{
    padding: 5px 15px;
    font-size: 10px;
   }
   .carousel-area .services-content-area .duration-card div:first-child {
       font-size: 12px;
   }
   .differentdesti{
       padding: 0 0 15% 0;
   }
  
  
  
  
  /************* 
  Big-Banner
  *************/
  .big-banner-img {
    padding: 50px 0px;
  }
  .big-banner-img h3 {
    font-size: 35px;
    line-height: 36px;
  }
  .big-banner-img h4 {
    font-size: 25px;
  }
  .big-btn {
    padding: 15px 25px;
  }
  /************* 
  Carousel-Grid
  *************/
  .carousel-area .owl-nav .owl-prev,
  .where-next .owl-nav .owl-prev {
    left: 20px;
  }
  .carousel-area .owl-nav .owl-next,
  .where-next .owl-nav .owl-next {
    right: 5px;
  }
  .carousel-area .img-carousel .owl-nav .owl-next,
  .carousel-area .img-carousel .owl-nav .owl-prev {
    /*display: none;*/
  }
  
  
  /************* 
   Hotel Details
  *************/
  
    .hotel-drescribe-sec{
      margin: 5% 3%;
    }
    .filter-output img {
      height: 100%;
    }
    .hotel-details-filter-sec{
      padding: 2% 3%;
    }
    .hotel-drescribe-con p{
        font-size: 12px;
    }
    .hotel-amenities-sec{
      padding: 2% 3%;
    }
    .hotel-amenities-sec h5 span{
      padding: 0 2% 0 0;
    }
    .hotel-book-form{
      padding: 0 0 15% 0;
    }
    .hotel-book-form .box-container{
      padding: 5%;
    }
    .hotel-book-form .box-container .hotel-form .form-label{
      font-size: 12px;
    }
    .hotel-book-form .box-container .hotel-form .form-text{
        padding: 0 0 0 5%;
        font-size: 8px;
    }
    .hotel-book-form .box-container .hotel-form .room-book{
        font-size: 12px;
        padding: 1% 10%;
    }
    .hotel-book-form .box-container .hotel-form-heading{
        padding: 0 2% 5% 3%;
    }
    .hotel-book-form .box-container .hotel-form .form-control{
        border-radius: 20px;
    }
  /************* 
  Car Rental
  *************/
  .car-rental-section .car-details{
      grid-template-columns: 100%
  }
  .car-rental-section .car-details .img img{
      width: 100%
  }
  .car-rental-section .content{
      border: 0;
      border-top: 1.5px dashed #aaa;
      border-bottom: 1.5px dashed #aaa;
      padding: 2%;
      margin: 10px;
  }
  .car-rental-section .car-type{
      grid-template-columns: 31.5% 15% 25% 22%;
  }
  .car-rental-section .details-car h5{
      font-size: 13px;
      padding: 0 0 1% 0;
  }
  .car-rental-section .details-car h6{
      font-size: 12px;
      padding: 0 0 1% 0;
  }
  .car-rental-section .price {
      padding: 1% 0 3% 5%;
  }
  /************* 
  Destination
  *************/
  .destination-section .main-box-cont{
      margin:7% 0;
          box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.5);
  }
   .destination-section .main-box-cont .main-heading h3{
      padding: 0 0 0 3%;
  }
  .destination-section .desti-section-box{
    grid-template-columns: 100%;
    }  
    .destination-section .desti-section-box .desti-box{
        box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.4);
    }
    .destination-section .desti-section-box .desti-box .content h4{
        font-size: 14px;
    }
     .destination-section .desti-section-box .desti-box .content p{
        font-size: 11px;
    }
    .destination-section .desti-section-box .desti-box .content .btn{
        font-size: 12px;
        width: 45%;
    }
  /************* 
  Why Us
  *************/
  .why-us .icon-box .icon {
    height: 50px;
    width: 50px;
  }

  /************* 
  Where To Next
   *************/
  .where-next .where-item .where-img img {
    min-height: 160px;
  }

  /************* 
  Another Banner Area
  *************/
  .dflex-div {
    display: flex;
    flex-direction: row;
  }
  .another-area .icon-content h4 {
    text-align: left;
  }
  .another-area .icon-content p {
    text-align: left;
  }
  .large-box {
    margin-bottom: 20px;
  }
  /************* 
  Total Tour Grid
  *************/
  
            .tour-card-detail span{
                font-size: 10px;
            }
  
            .tour-card-box .tour-card-detail h3 {
                font-size: 16px;
                width: 100%;
            }

            .tour-card-box {
                grid-template-columns: 100%;
                padding: 4%;
            }

            .tour-card-box .tour-card-detail .star-count-box {
                grid-template-columns: 40% 60%;
                margin: 3% 0 3% 0;
            }

            .tour-card-box .tour-card-detail {
                padding: 5% 1% 30% 1%;
            }
            .tour-card-box .tour-card-detail .tag-label .best-price-tag{
                font-size: 10px;
            }
            .tour-card-box .tour-card-detail .tag-label .free-cancellation-tag{
                font-size: 10px;
            }
            .tour-card-box .tour-card-detail .tag-label {
                grid-template-columns: 50% 50%;
                bottom: 5%;
            }

            .tour-card-box .package-duration {
                border-left: 0;
                border-top: 1px solid #aaa;
                text-align: left;
                padding: 10% 0 50% 5%;
            }
            .tour-card-box .package-duration .view-detail-box h6{
                font-size: 18px;
            }
            .tour-card-box .package-duration .view-detail-box span {
                font-size: 16px;
            }
            .tour-card-box .package-duration .view-detail-box{
                left: 5%;
                right: 2%;
            }
  .custom-banner-area {
    padding: 80px 0px;
  }
  .custom-banner-inner-area h1 {
    line-height: 55px;
    font-size: 25px;
  }
  .total-tour-grid {
    margin-bottom: 20px;
  }
  .place-grid-area {
    margin-top: -55px;
  }
  .short-div-carousel .owl-stage-outer{
      padding: 5% 0;
  }
  .short-div-carousel .item-hotel{
      box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.4);
  }
  /************* 
  Testimonial
  *************/
  .testimonial-area .owl-nav .owl-prev {
    left: 35%;
  }
  .testimonial-area .owl-nav .owl-next {
    right: 35%;
  }
  /************* 
  Footer 
  *************/
  .footer-upper-part .row .col-lg-3 {
    border-right: none;
  }
  .footer-destinations-area .foot-imgbox {
    width: 55px;
    height: 55px;
  }
  .footer-destinations-area .imgbox-name {
    width: 55px;
    height: 55px;
  }
  .footer-lower-part {
    margin-top: 300px;
  }
  .footer-logo-area::before,
  .footer-logo-area::after {
    top: 70%;
    width: 15%;
  }
  .pre-footer-content ul li a {
    padding-left: 6px;
    padding-right: 6px;
  }
  /* Banner Area Search */
  input.custom-field {
    width: 175px;
  }
  .banner-search-area {
    width: 400px;
  }
  
  
  /************* 
  Destination
  *************/
  
  .dashboard-user .main-body-user .box-container .user-dash{
      background-color: #efefef;
  }
  .dashboard-user .main-body-user .box-container .user-dash .content{
      padding: 3%;
  }
  .dashboard-user .main-body-user .box-container .user-dash .content{
      grid-template-columns: 100%;
  }
  .dashboard-user .main-body-user .box-container .right-content{
      border-radius: 0 0 15px 15px;
  }
  .dashboard-user .top-bar .box-container{
          grid-template-columns: 65% 35%;
  }
  .dashboard-user .top-bar .box-container span {
    font-size: 16px;
  }
  .dashboard-user .top-bar .box-container h5 {
      font-size: 25px;
      padding: 3% 0 0 0;
  }
  .dashboard-user {
      margin: 1.5% 0 0 0;
      padding: 0 0 15% 0;
      border-radius: 0 0 15px 15px;
  }
  
  .dashboard-user .main-body-user .box-container{
          grid-template-columns: 100%;
  }
  .dashboard-user .main-body-user .box-container .booking-sec .content{
          overflow-x: scroll;
  }
  .dashboard-user .main-body-user .box-container .booking-sec thead th{
      font-size: 9px;
  }
  .dashboard-user .main-body-user .box-container .booking-sec .content .tour-package-name{
      grid-template-columns: 100%;
  }
  .dashboard-user .main-body-user .box-container .booking-sec .content .tour-package-name .dres h4{
      font-size: 10px;
  }
  .dashboard-user .main-body-user .box-container .booking-sec .content h6{
      font-size: 10px;
  }
  .dashboard-user .main-body-user .box-container .booking-sec .content h5{
      font-size: 10px;
  }
  .dashboard-user .main-body-user .box-container .booking-sec .content .btn-danger{
      font-size: 9px;
  }
  
  .user-panel-menu {
     padding: 0 0 10% 0;    
     height: 100%;
  }
  
  
}

@media (min-width: 768px) {
  /************* 
  Common Css
  *************/
  .hide-desktop-device {
    display: none;
  }
}