/* 
100% = 1920*577
110% = 1760*529
120% = 1600*481
130% = 1472*442
140% = 1376*414
150% = 1280*385
160% = 1216*365
170% = 1120*337
180% = 1056*317
190% = 1024*308
200% = 960*289 

1472*442
1376*414


*/

@media (max-width: 1920px) {
    .hero-1 .hero-content .booking-list-area{
        position: absolute;
        top: 470px;
        max-width: 1200px;
        width: 900px;
    }
    .hero-section .swiper {
      overflow: visible !important;
    }
}

@media (min-width: 1376px) and (max-width: 1472px){
    .hero-1 .hero-content .booking-list-area{
        position: absolute;
        top: 210%;
        max-width: 1200px;
        width: 700px;
    }
    .hero-1 .hero-content .booking-list-area .booking-list h6{
        font-size: 10px;
    }
    .hero-1 .hero-content .booking-list-area .form-select{
        font-size: 0.7rem;
    }
    .hero-1 .hero-content .theme-btn{
        min-width: 100px;
        padding: 14px 10px;
        margin-left: 4px;
    }
}

.header-11 .logo-2 a img{
    width: 200px;
  }


/* 110% zoom (1760px to 1919px) */
@media (min-width: 1760px) and (max-width: 1919px) {
    .hero-1 .hero-content .booking-list-area{
        top: 190%;
    } 
    .hero-section .swiper {
    overflow: visible !important;
  } 
}

/* 120% zoom (1600px to 1759px) */
@media (min-width: 1600px) and (max-width: 1759px) {
    .hero-1 .hero-content .booking-list-area{
        top: 140%;
    } 
    .hero-section .swiper {
    overflow: visible !important;
  }
  .header-11 .logo-2 a img{
    width: 130px;
  }
}

/* 130% zoom (1472px to 1599px) */
@media (min-width: 1472px) and (max-width: 1599px) {
    .hero-1 .hero-content .booking-list-area{
        top: 105%;
    } 
    .hero-section .swiper {
    overflow: visible !important;
  }
  .header-main .main-menu ul li{
    margin-inline-end: 26px;
  }
  .header-11 .logo-2 a img{
    width: 120px;
  }
}

/* 140% zoom (1376px to 1471px) */
@media (min-width: 1376px) and (max-width: 1471px) {
    .hero-1 .hero-content .booking-list-area{
        top: 130%;
    } 
    .hero-section .swiper {
    overflow: visible !important;
  }
  .header-11 .logo-2 a img{
    width: 110px;
  }
}

/* 150% zoom (1280px to 1375px) */
@media (min-width: 1280px) and (max-width: 1375px) {
    .hero-1 .hero-content .booking-list-area{
        top: 120%;
    } 
    .hero-section .swiper {
    overflow: visible !important;
  }
  .header-11 .logo-2 a img{
    width: 110px;
  }
}

/* 160% zoom (1216px to 1279px) */
@media (min-width: 1216px) and (max-width: 1279px) {
    .hero-1 .hero-content .booking-list-area{
        top: 190%;
    } 
    .hero-section .swiper {
    overflow: visible !important;
  }
  .header-main .main-menu ul li{
    margin-inline-end: 29px;
  }
  .header-11 .logo-2 a img{
    width: 100px;
  }
}

/* 170% zoom (1120px to 1215px) */
@media (min-width: 1120px) and (max-width: 1215px) {
    .hero-1 .hero-content .booking-list-area{
        top: 190%;
    } 
    .hero-section .swiper {
    overflow: visible !important;
  }
  .header-11 .logo-2 a img{
    width: 100px;
  }
}

/* 180% zoom (1056px to 1119px) */
@media (min-width: 1056px) and (max-width: 1119px) {
    .hero-1 .hero-content .booking-list-area{
        top: 190%;
    } 
    .hero-section .swiper {
    overflow: visible !important;
  }
  .header-11 .logo-2 a img{
    width: 100px;
  }
}

/* 190% zoom (1024px to 1055px) */
@media (min-width: 1024px) and (max-width: 1055px) {
    .hero-1 .hero-content .booking-list-area{
        top: 190%;
    } 
    .hero-section .swiper {
    overflow: visible !important;
  }
  .header-11 .logo-2 a img{
    width: 100px;
  }
}

/* 200% zoom (960px to 1023px) */
@media (min-width: 960px) and (max-width: 1023px) {
    .hero-1 .hero-content .booking-list-area{
        top: 190%;
    } 
    .hero-section .swiper {
      overflow: visible !important;
    }
    .header-11 .logo-2 a img{
      width: 100px;
    }
}

/* 90% zoom (644px to 2144px) */
@media (min-width: 2134px) and (max-width: 2399px) {
  .hero-1 .hero-content .booking-list-area {
    top: 280%;
  }
  .hero-section .swiper {
      overflow: visible !important;
    }
}


/* 80% zoom (644px to 2144px) */
@media (min-width: 2400px) and (max-width: 2742px) {
  .hero-1 .hero-content .booking-list-area {
    top: 340%;
  }
  .hero-section .swiper {
      overflow: visible !important;
    }
}


/* 70% zoom (644px to 2144px) */
@media (min-width: 2743px) and (max-width: 3199px) {
  .hero-1 .hero-content .booking-list-area {
    top: 420%;
  }
  .hero-section .swiper {
      overflow: visible !important;
    }
}

/* 60% zoom */
@media (min-width: 3200px) and (max-width: 3839px) {
  .hero-1 .hero-content .booking-list-area {
    top: 520%;
  }
  .hero-section .swiper {
      overflow: visible !important;
    }
}

/* 50% zoom */
@media (min-width: 3840px) and (max-width: 4799px) {
  .hero-1 .hero-content .booking-list-area {
    top: 670%;
  }
  .hero-section .swiper {
      overflow: visible !important;
    }
}

/* 40% zoom */
@media (min-width: 4800px) and (max-width: 6399px) {
  .hero-1 .hero-content .booking-list-area {
    top: 900%;
  }
  .hero-section .swiper {
      overflow: visible !important;
    }
}

/* 30% zoom */
@media (min-width: 6400px) {
  .hero-1 .hero-content .booking-list-area {
    top: 660%;
  }
  .hero-section .swiper {
      overflow: visible !important;
    }
}

@media (max-width: 1536px) {
  .hero-1 .hero-content .booking-list-area{
        top: 140%;
    }
  .hero-section .swiper {
      overflow: visible !important;
    }
    .header-11 .logo-2 a img{
      width: 150px;
    }
}

@media (max-width: 425px) {
    #search_form{
        display: none !important;
    }
    .hero-section .swiper {
      overflow: visible !important;
    }
    .header-11 .logo-2 a img{
      width: 100px;
    }
    .header-11.sticky .header-main{
        padding: 13px 0;
    }
}

.testimonial-wrapper .swiper{
  overflow: hidden !important;
}

@media (max-width: 1200px) {
  #search_form{
    display: none !important;
  }
}
@media  (max-width: 767px) {
  .hero-1{
    padding: 150px 50px 150px;
    height: calc(-475px + 100vh);
  }
  .hero-1 .hero-content h1{
    font-size: 30px !important;
  }
}