@media only screen and (min-width: 1200px) and (max-width: 1319px) {
  .booking-one__wrap {
    padding: 29px 18px 30px;
  }

  .booking-one__right {
    margin-left: -20px;
  }

  .event-one__tabs-content-outer {
    padding: 40px 25px 40px;
  }

  .counter-one__single {
    gap: 20px;
  }

  .blog-one__content {
    padding: 30px 20px 30px;
  }

  .blog-one__title {
    font-size: 21px;
  }

  .footer-widget__contact-box {
    margin-left: 50px;
  }

  .about-two__booking {
    margin-left: -445px;
  }

  .place-one__left {
    margin-right: -50px;
  }

  .restaurant-one__menu-list-box {
    margin-right: -50px;
  }

  .restaurant-one__img {
    right: -178px;
  }

  .restaurant-one__img img {
    width: 70%;
  }

  .why-choose-one__hotel-info {
    background-color: rgba(var(--hotelux-base-rgb), 1);
  }

  .why-choose-one__hotel-ratting span {
    color: var(--hotelux-white);
  }

  .why-choose-one__sub-title {
    color: var(--hotelux-white);
  }

  .about-three__points-box li {
    gap: 15px;
  }

  .video-two__shape-1 {
    bottom: 85px;
    left: 395px;
  }

  .download-app-one__img-1 {
    right: 30px;
  }

  .why-choose-two__left .section-title__title {
    font-size: 30px;
    line-height: 40px;
  }

  .blog-three__content {
    padding: 30px 20px 30px;
  }

  .blog-three__title {
    font-size: 20px;
    line-height: 30px;
  }

  .footer-widget-three__newsletter-title {
    font-size: 20px;
    line-height: 30px;
  }

  .our-spa__img {
    max-width: 585px;
  }

  .room-list__img {
    max-width: 610px;
  }

  .room-details__img {
    max-width: 570px;
  }

  .blog-two__content {
    padding: 30px 15px 30px;
  }

  .cart-total li span:first-child {
    margin-right: 35px;
  }
}

/* Medium screen  */
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .booking-one__left {
    margin-bottom: 13px;
  }

  .booking-one__input-box {
    margin-bottom: 24px;
  }

  .booking-one__wrap {
    padding: 29px 30px 13px;
  }

  .about-one__right {
    max-width: 600px;
    margin: 0 auto 0;
  }

  .about-one__main-tab-box {
    margin-left: 0;
  }

  .about-one__img-box {
    position: relative;
    top: 0;
    left: 0;
  }

  .about-one__main-tab-box .tab-buttons {
    margin-bottom: 60px;
  }

  .event-one__tabs-content-box {
    flex-direction: column;
    align-items: baseline;
  }

  .counter-one__count-list li {
    flex: 0 0 50%;
    max-width: 50%;
  }

  .pricing-one__single {
    padding: 40px 15px 40px;
  }

  .contact-one__inner {
    padding: 120px 0 160px;
  }

  .contact-one__call-box {
    right: 339px;
  }

  .contact-one__img {
    right: -170px;
  }

  .contact-one__img img {
    width: 70%;
  }

  .blog-one__content {
    padding: 30px 15px 30px;
  }

  .blog-one__list {
    gap: 10px;
  }

  .footer-widget__newsletter {
    flex-direction: column;
    text-align: center;
  }

  .footer-widget__newsletter-title {
    margin-bottom: 20px;
  }

  .footer-widget__about {
    margin-bottom: 34px;
  }

  .footer-widget__usefull-link {
    margin-left: 0;
    margin-bottom: 34px;
  }

  .footer-widget__services {
    margin-left: 0;
  }

  .footer-widget__contact-box {
    margin-left: 0;
  }

  .about-two__left {
    max-width: 600px;
    margin: 0 auto 0;
  }

  .about-two__right {
    max-width: 600px;
    margin: 60px auto 0;
  }

  .about-two__booking {
    margin-left: 0;
  }

  .about-two-booking__left {
    margin-bottom: 20px;
  }

  .about-two-booking__input-box {
    margin-bottom: 20px;
  }

  .about-two-booking__btn-box {
    margin-top: 10px;
  }

  .place-one__left {
    max-width: 600px;
  }

  .restaurant-one__img {
    display: none;
  }

  .why-choose-one__left {
    max-width: 600px;
    margin: 0 auto 0;
  }

  .why-choose-one__right {
    max-width: 600px;
    margin: 60px auto 0;
  }

  .why-choose-one__hotel-info {
    top: 50px;
    left: -90px;
    background-color: rgba(var(--hotelux-base-rgb), 1);
  }

  .why-choose-one__hotel-ratting span {
    color: var(--hotelux-white);
  }

  .why-choose-one__sub-title {
    color: var(--hotelux-white);
  }

  .why-choose-one__img-2 {
    display: none;
  }

  .why-choose-one__video-link {
    left: 50%;
    bottom: inherit;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
  }

  .event-two__content {
    bottom: 20px;
    left: 15px;
    right: 15px;
  }

  .cta-one__img {
    right: 5px;
  }

  .cta-one__shape-1 {
    display: none;
  }

  .blog-two__content {
    padding: 30px 10px 30px;
  }

  .blog-two__author-and-read-more {
    flex-direction: column;
    align-items: baseline;
  }

  .blog-two__author-box {
    margin-bottom: 15px;
  }

  .contact-two__inner .section-title__title {
    font-size: 30px;
  }

  .contact-two__img-1 {
    right: 10px;
  }

  .footer-widget-two__about {
    margin-bottom: 32px;
  }

  .footer-widget-two__usefull-link {
    margin-left: 0;
    margin-bottom: 32px;
  }

  .footer-widget-two__services {
    margin-left: 0;
  }

  .about-three__left {
    max-width: 600px;
    margin: 0 auto 0;
  }

  .about-three__right {
    max-width: 600px;
    margin: 50px auto 0;
  }

  .about-three__experience {
    top: 30px;
    right: -65px;
  }

  .about-three__img-2 {
    bottom: -120px;
    right: -160px;
  }

  .about-three {
    padding: 120px 0 240px;
  }

  .our-rooms-three .our-rooms__price {
    top: 10px;
    right: 10px;
  }

  .video-two__shape-1 {
    bottom: 85px;
    left: 300px;
  }

  .services-three__icon-and-title-box {
    gap: 10px;
    max-width: 360px;
  }

  .services-three__title {
    font-size: 22px;
  }

  .download-app-one__img-1 {
    right: 0;
  }

  .download-app-one__inner {
    padding: 120px 20px 120px;
  }

  .download-app-one__inner .section-title__title {
    font-size: 30px;
    line-height: 40px;
  }

  .why-choose-two__bg-box {
    width: 100%;
    height: 573px;
  }

  .why-choose-two__left {
    max-width: 600px;
    margin: 0 auto 0;
  }

  .why-choose-two__img-1 {
    max-width: 600px;
    margin: 0 auto 0;
  }

  .why-choose-two__right {
    max-width: 600px;
    margin: 50px auto 0;
  }

  .why-choose-two {
    padding: 120px 0 110px;
  }

  .offer-two__single {
    max-width: 650px;
    margin: 0 auto 30px;
  }

  .offer-two__bg-color {
    display: none;
  }

  .team-three__single {
    padding: 40px 15px 20px;
  }

  .team-three__img-1 {
    right: -35px;
  }

  .team-three__img-1 img {
    width: 95%;
  }

  .team-three__name {
    font-size: 25px;
  }

  .blog-three__content {
    padding: 30px 15px 30px;
  }

  .blog-three__list {
    gap: 10px;
  }

  .blog-three__title {
    font-size: 20px;
    line-height: 30px;
  }

  .blog-three__date {
    bottom: -20px;
  }

  .blog-three__date p span {
    margin-top: 0;
  }

  .site-footer-three__bg-color {
    display: none;
  }

  .footer-widget-three__about {
    max-width: 400px;
    margin: 0 auto 0;
  }

  .event-details__text-and-img {
    flex-direction: column;
    align-items: baseline;
  }

  .event-details__img-and-points {
    gap: 30px;
    flex-direction: column;
    align-items: baseline;
  }

  .our-spa__single {
    padding: 20px 20px 20px;
    gap: 20px;
  }

  .our-spa__img {
    max-width: 480px;
  }

  .our-spa__bottom-right {
    margin-left: 0;
  }

  .our-spa__main-tab-box .tab-buttons {
    flex-wrap: wrap;
  }

  .faq-page__single .faq-one-accrodion .accrodion-title {
    padding: 23px 15px 23px;
    padding-right: 40px;
  }

  .faq-page__single .faq-one-accrodion .accrodion-title h4::before {
    right: -25px;
  }

  .room-list__single {
    padding: 20px 20px 20px;
    gap: 20px;
    margin-bottom: 30px;
  }

  .room-list__img {
    max-width: 500px;
  }

  .room-details__single {
    padding: 20px 20px 20px;
    gap: 20px;
  }

  .room-details__img {
    max-width: 470px;
  }

  .room-details__main-tab-box .tab-buttons {
    flex-wrap: wrap;
  }

  .sidebar--two {
    max-width: 550px;
    margin: 0 auto 50px;
  }

  .sidebar--three {
    max-width: 550px;
    margin: 50px auto 0px;
  }

  .blog-details__tag-and-share {
    flex-direction: column;
    gap: 25px;
  }

  .contact-info__single {
    padding: 40px 20px 41px;
  }

  .contact-info__single h3 {
    font-size: 19px;
    line-height: 29px;
  }

  .contact-page__left {
    margin-left: 0;
    margin-right: 0;
  }

  .contact-page__right {
    margin-left: 0;
    margin-right: 0;
    margin-top: 50px;
  }

  .contact-page__inner {
    padding: 60px 50px 60px;
  }

  .product__sidebar {
    max-width: 500px;
    width: 100%;
    margin: 60px auto 0px;
  }

  .product-details__left {
    margin-right: 0;
  }

  .product-details__inner {
    flex-direction: column;
    align-items: baseline;
  }
}

/* Tablet Layout: 768px. */
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .booking-one__left {
    margin-bottom: 13px;
  }

  .booking-one__input-box {
    margin-bottom: 24px;
  }

  .booking-one__wrap {
    padding: 29px 30px 13px;
  }

  .about-one__right {
    max-width: 600px;
    margin: 40px auto 0;
  }

  .about-one__main-tab-box {
    margin-left: 0;
  }

  .about-one__img-box {
    position: relative;
    top: 0;
    left: 0;
  }

  .about-one__main-tab-box .tab-buttons {
    margin-bottom: 60px;
  }

  .event-one__tabs-content-box {
    flex-direction: column;
    align-items: baseline;
  }

  .event-one__tabs-content-outer {
    margin-top: 60px;
  }

  .counter-one__count-list li {
    flex: 0 0 50%;
    max-width: 50%;
  }

  .contact-one__inner {
    padding: 120px 0 160px;
  }

  .contact-one__call-box {
    right: 100px;
  }

  .contact-one__img {
    display: none;
  }

  .footer-widget__newsletter {
    flex-direction: column;
    text-align: center;
  }

  .footer-widget__newsletter-title {
    margin-bottom: 20px;
  }

  .footer-widget__about {
    margin-bottom: 34px;
  }

  .footer-widget__usefull-link {
    margin-left: 0;
    margin-bottom: 34px;
  }

  .footer-widget__services {
    margin-left: 0;
  }

  .footer-widget__contact-box {
    margin-left: 0;
  }

  .site-footer__bottom-inner {
    flex-direction: column;
  }

  .about-two__left {
    max-width: 600px;
    margin: 0 auto 0;
  }

  .about-two__right {
    max-width: 600px;
    margin: 60px auto 0;
  }

  .about-two__booking {
    margin-left: 0;
  }

  .about-two-booking__left {
    margin-bottom: 20px;
  }

  .about-two-booking__input-box {
    margin-bottom: 20px;
  }

  .about-two-booking__btn-box {
    margin-top: 10px;
  }

  .restaurant-one__img {
    display: none;
  }

  .why-choose-one__left {
    max-width: 600px;
    margin: 0 auto 0;
  }

  .why-choose-one__right {
    max-width: 600px;
    margin: 60px auto 0;
  }

  .why-choose-one__hotel-info {
    top: 50px;
    left: -90px;
    background-color: rgba(var(--hotelux-base-rgb), 1);
  }

  .why-choose-one__hotel-ratting span {
    color: var(--hotelux-white);
  }

  .why-choose-one__sub-title {
    color: var(--hotelux-white);
  }

  .why-choose-one__img-2 {
    display: none;
  }

  .why-choose-one__video-link {
    left: 50%;
    bottom: inherit;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
  }

  .event-two__content {
    bottom: 20px;
    left: 15px;
    right: 15px;
  }

  .cta-one__img {
    display: none;
  }

  .cta-one__shape-1 {
    display: none;
  }

  .cta-one {
    padding: 120px 0 120px;
  }

  .testimonial-two__carousel {
    margin-top: 50px;
  }

  .contact-two__inner {
    padding: 80px 30px 80px;
  }

  .contact-two__img-1 {
    display: none;
  }

  .contact-two__inner .section-title__title {
    font-size: 30px;
  }

  .contact-two {
    padding: 90px 0 0;
  }

  .footer-widget-two__about {
    margin-bottom: 32px;
  }

  .footer-widget-two__usefull-link {
    margin-left: 0;
    margin-bottom: 32px;
  }

  .footer-widget-two__services {
    margin-left: 0;
  }

  .about-three__left {
    max-width: 600px;
    margin: 0 auto 0;
  }

  .about-three__right {
    max-width: 600px;
    margin: 50px auto 0;
  }

  .about-three__experience {
    top: 30px;
    right: -65px;
  }

  .about-three__img-2 {
    bottom: -120px;
    right: -50px;
  }

  .about-three {
    padding: 120px 0 240px;
  }

  .our-rooms-three .our-rooms__price {
    top: 10px;
    right: 10px;
  }

  .video-two__shape-1 {
    bottom: 85px;
    left: 175px;
  }

  .services-three__services-list li {
    flex-direction: column;
  }

  .services-three__icon-and-title-box {
    gap: 20px;
    justify-content: center;
    margin-bottom: 30px;
  }

  .download-app-one__inner {
    padding: 120px 20px 0px;
  }

  .download-app-one__inner .section-title__title br {
    display: none;
  }

  .download-app-one__img-1 {
    position: relative;
    right: 0;
    margin-top: 40px;
  }

  .why-choose-two__bg-box {
    width: 100%;
    height: 573px;
  }

  .why-choose-two__left {
    max-width: 600px;
    margin: 0 auto 0;
  }

  .why-choose-two__img-1 {
    max-width: 600px;
    margin: 0 auto 0;
  }

  .why-choose-two__right {
    max-width: 600px;
    margin: 50px auto 0;
  }

  .why-choose-two {
    padding: 120px 0 110px;
  }

  .offer-two__single {
    max-width: 650px;
    margin: 0 auto 30px;
  }

  .offer-two__bg-color {
    display: none;
  }

  .team-three__single {
    padding: 40px 15px 20px;
  }

  .team-three__img-1 {
    right: -35px;
  }

  .team-three__img-1 img {
    width: 95%;
  }

  .team-three__name {
    font-size: 25px;
  }

  .site-footer-three__bg-color {
    display: none;
  }

  .footer-widget-three__about {
    max-width: 400px;
    margin: 0 auto 0;
  }

  .footer-widget-three__newsletter {
    padding: 30px 0px 0px;
    padding-right: 0;
    margin-bottom: 50px;
    flex-direction: column;
    text-align: center;
  }

  .footer-widget-three__newsletter-title {
    margin-bottom: 20px;
  }

  .footer-widget-three__right-bottom {
    margin-left: 0;
  }

  .site-footer-three__bottom-inner {
    flex-direction: column;
  }

  .site-footer-three__bottom-text {
    margin-bottom: 10px;
  }

  .history-page__single .year-box {
    position: relative;
    left: 0;
    transform: translateX(0%);
    margin: 0 auto 30px;
  }

  .history-page__single-img {
    padding-right: 0;
  }

  .history-page__single-content {
    padding-left: 0;
    margin-top: 20px;
    text-align: center !important;
  }

  .history-page__line {
    display: none;
  }

  .history-page__single.style2 .history-page__single-content {
    padding-right: 0px;
    text-align: center;
    margin-top: 0px;
    margin-bottom: 30px;
  }

  .history-page__single.style2 .history-page__single-img {
    padding-left: 0px;
  }

  .history-page__single .year-box {
    position: relative;
    margin-bottom: 30px;
  }

  .team-details__top-right {
    margin-left: 0;
    margin-top: 38px;
  }

  .team-details__bottom-left {
    margin-bottom: 30px;
  }

  .event-details__sidebar {
    margin-top: 50px;
  }

  .our-spa__single {
    padding: 20px 20px 20px;
    flex-direction: column;
  }

  .our-spa__bottom-right {
    margin-left: 0;
    margin-top: 40px;
  }

  .our-spa__main-tab-box .tab-buttons {
    flex-wrap: wrap;
  }

  .our-spa {
    padding: 120px 0 120px;
  }

  .error-page__img img {
    width: 100%;
  }

  .room-list__single {
    align-items: baseline;
    padding: 20px 20px 20px;
    gap: 20px;
    flex-direction: column;
  }

  .room-details__single {
    padding: 20px 20px 20px;
    gap: 20px;
    flex-direction: column;
    align-items: baseline;
  }

  .room-details__img {
    max-width: 100%;
  }

  .room-details__main-tab-box .tab-buttons {
    flex-wrap: wrap;
  }

  .blog-page .blog-one__content {
    padding: 30px 15px 30px;
  }

  .blog-page .blog-one__title {
    font-size: 20px;
    line-height: 30px;
  }

  .blog-page-two .blog-two__content {
    padding: 30px 20px 30px;
  }

  .blog-page-two .blog-two__author-and-read-more {
    flex-direction: column;
    align-items: baseline;
  }

  .blog-two__author-box {
    margin-bottom: 15px;
  }

  .blog-page-three .blog-three__date {
    bottom: -20px;
  }

  .sidebar {
    max-width: 550px;
    margin: 50px auto 0;
  }

  .sidebar--two {
    margin: 0 auto 50px;
  }

  .sidebar--three {
    margin: 50px auto 0px;
  }

  .sidebar--four {
    margin: 0 auto 50px;
  }

  .contact-page__left {
    margin-left: 0;
    margin-right: 0;
  }

  .contact-page__right {
    margin-left: 0;
    margin-right: 0;
    margin-top: 50px;
  }

  .contact-page__inner {
    padding: 60px 50px 60px;
  }

  .coming-soon-page {
    height: auto !important;
    padding: 110px 0 120px;
  }

  .coming-soon-page__content .big-title {
    font-size: 55px;
  }

  .coming-soon-page .timer-box .countdown-timer li {
    float: none;
  }

  .coming-soon-page .timer-box .countdown-timer li + li {
    margin-top: 20px;
  }

  .coming-soon-page__content {
    top: 0%;
    transform: translateY(0%);
  }

  .coming-soon-page__content .inner .text p br {
    display: none;
  }

  .coming-soon-page__subscribe-box form {
    flex-direction: column;
  }

  .product__showing-sort {
    max-width: 300px;
  }

  .product__sidebar {
    max-width: 500px;
    width: 100%;
    margin: 60px auto 0px;
  }

  .product-details__left {
    margin-right: 0;
  }

  .product-details__right {
    margin-top: 51px;
  }

  .cart-page__right {
    margin-left: 0;
    margin-top: 60px;
  }

  .sidebar-order-summary {
    margin-top: 60px;
  }
}

/* Mobile Layout: 320px. */
@media only screen and (max-width: 767px) {
  .section-title {
    margin-bottom: 42px;
  }

  .section-title__title {
    font-size: 28px;
    line-height: 34px;
  }

  .section-title__title br {
    display: none;
  }

  .booking-one__left {
    margin-bottom: 13px;
  }

  .booking-one__input-box {
    margin-bottom: 24px;
  }

  .booking-one__btn-box {
    margin-top: 0;
  }

  .booking-one__wrap {
    padding: 29px 30px 35px;
  }

  .about-one__right {
    max-width: 600px;
    margin: 40px auto 0;
  }

  .about-one__main-tab-box {
    margin-left: 0;
  }

  .about-one__img-box {
    position: relative;
    top: 0;
    left: 0;
  }

  .about-one__main-tab-box .tab-buttons {
    margin-bottom: 60px;
    flex-wrap: wrap;
    gap: 10px;
  }

  .about-one__points-box {
    gap: 15px;
    flex-direction: column;
    align-items: baseline;
  }

  .about-one {
    padding: 80px 0 0px;
  }

  .services-one__carousel {
    max-width: 320px;
    margin: 0px auto 0px;
  }

  .services-one {
    padding: 80px 0 50px;
  }

  .our-rooms__top {
    flex-direction: column;
    align-items: center;
  }

  .our-rooms__top-right {
    margin-top: 25px;
  }

  .our-rooms {
    padding: 80px 0 80px;
  }

  .video-one__title {
    font-size: 30px;
  }

  .video-one__inner {
    padding: 80px 0 80px;
  }

  .team-one__single {
    max-width: 320px;
    margin: 0 auto 22px;
  }

  .team-one {
    padding: 80px 0 50px;
  }

  .event-one__tabs-content-box {
    flex-direction: column;
    align-items: baseline;
  }

  .event-one__tabs-content-outer {
    margin-top: 60px;
    padding: 20px 20px 20px;
  }

  .event-one {
    padding: 80px 0 80px;
  }

  .counter-one__count-list {
    flex-direction: column;
    max-width: 320px;
    margin: 0 auto 0;
  }

  .counter-one__count-list li {
    flex: 0 0 100%;
    max-width: 100%;
  }

  .counter-one__single {
    gap: 0;
  }

  .counter-one__content {
    flex: 1;
    text-align: left;
    margin-left: 30px;
  }

  .counter-one {
    padding: 80px 0 50px;
  }

  .offer-one {
    padding: 80px 0 0px;
  }

  .sliding-text {
    padding: 50px 0 0;
  }

  .pricing-one__single {
    padding: 40px 15px 40px;
  }

  .pricing-one {
    padding: 80px 0 0;
  }

  .testimonial-one__nav {
    position: relative;
    top: 0;
    margin-top: 30px;
  }

  .testimonial-one {
    padding: 50px 0 80px;
  }

  .contact-one__inner {
    padding: 80px 0 80px;
  }

  .contact-one__call-box {
    display: none;
  }

  .contact-one__img {
    display: none;
  }

  .footer-widget__newsletter {
    flex-direction: column;
    text-align: center;
    padding: 73px 0px 65px;
  }

  .footer-widget__newsletter-title {
    margin-bottom: 20px;
    font-size: 25px;
  }

  .footer-widget__newsletter-form {
    flex-direction: column;
  }

  .footer-widget__usefull-link {
    margin-left: 0;
    margin-top: 41px;
    margin-bottom: 33px;
  }

  .footer-widget__services {
    margin-left: 0;
    margin-bottom: 33px;
  }

  .footer-widget__contact-box {
    margin-left: 0;
  }

  .site-footer__bottom-inner {
    flex-direction: column;
    text-align: center;
  }

  .site-footer__bottom-menu {
    flex-direction: column;
    margin-top: 10px;
  }

  .site-footer__bottom-menu li + li {
    margin-left: 0;
    margin-top: 5px;
  }

  .services-two {
    padding: 80px 0 0px;
  }

  .services-two__left .section-title {
    margin-right: 0;
  }

  .about-two__left {
    max-width: 600px;
    margin: 0 auto 0;
  }

  .about-two__experience {
    position: relative;
    top: 0;
    right: 0;
    max-width: 162px;
    margin-top: 30px;
  }

  .about-two__right {
    max-width: 600px;
    margin: 100px auto 0;
  }

  .about-two__points-box {
    gap: 21px;
    flex-direction: column;
    align-items: baseline;
  }

  .about-two__booking {
    margin-left: 0;
  }

  .about-two-booking__left {
    margin-bottom: 20px;
  }

  .about-two-booking__input-box {
    margin-bottom: 20px;
  }

  .about-two-booking__btn-box {
    margin-top: 10px;
  }

  .about-two {
    padding: 50px 0 80px;
  }

  .our-rooms-two {
    padding: 80px 0 80px;
  }

  .restaurant-one__img {
    display: none;
  }

  .restaurant-one__inner {
    padding-bottom: 60px;
  }

  .restaurant-one {
    padding: 80px 0 0px;
  }

  .why-choose-one__right {
    margin-left: 0;
    margin-top: 50px;
  }

  .why-choose-one__hotel-info {
    display: none;
  }

  .why-choose-one__img-2 {
    display: none;
  }

  .why-choose-one__video-link {
    left: 50%;
    bottom: inherit;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
  }

  .why-choose-one__shape-1 {
    display: none;
  }

  .why-choose-one__img {
    border: 0;
  }

  .why-choose-one {
    padding: 80px 0 0px;
  }

  .team-two {
    padding: 80px 0 50px;
  }

  .event-two__content {
    bottom: 20px;
    left: 15px;
    right: 15px;
  }

  .event-two {
    padding: 80px 0 0;
  }

  .cta-one__img {
    display: none;
  }

  .cta-one__shape-1 {
    display: none;
  }

  .cta-one {
    padding: 80px 0 0px;
  }

  .cta-one__content {
    padding: 44px 15px 60px;
  }

  .cta-one__content h2 {
    font-size: 26px;
  }

  .testimonial-two__carousel {
    margin-top: 50px;
  }

  .testimonial-two {
    padding: 80px 0 0;
  }

  .gallery-two {
    padding: 80px 0 0px;
  }

  .blog-two {
    padding: 50px 0 0px;
  }

  .contact-two__inner {
    padding: 40px 15px 40px;
  }

  .contact-two__img-1 {
    display: none;
  }

  .contact-two__inner .section-title__title {
    font-size: 25px;
  }

  .contact-two__inner .section-title__title br {
    display: none;
  }

  .contact-two {
    padding: 50px 0 0;
  }

  .footer-widget-two__about {
    margin-bottom: 44px;
  }

  .footer-widget-two__usefull-link {
    margin-left: 0;
    margin-bottom: 32px;
  }

  .footer-widget-two__services {
    margin-left: 0;
    margin-bottom: 32px;
  }

  .site-footer-two__bottom-inner {
    flex-direction: column;
    text-align: center;
  }

  .site-footer-two__bottom-menu {
    flex-direction: column;
    margin-top: 10px;
  }

  .site-footer-two__bottom-menu li + li {
    margin-left: 0;
    margin-top: 5px;
  }

  .site-footer-two__bottom-menu li:before {
    display: none;
  }

  .site-footer-two__top {
    padding: 170px 0 72px;
  }

  .about-three__points-box li .content p br {
    display: none;
  }

  .about-three__btn-and-video {
    gap: 20px;
    flex-direction: column;
    align-items: baseline;
  }

  .about-three__right {
    margin-right: 0;
    margin-top: 50px;
  }

  .about-three__img-2 {
    position: relative;
    bottom: 0;
    right: 0;
    max-width: 300px;
    margin-top: 30px;
  }

  .about-three__img-2 img {
    width: 100%;
  }

  .about-three__experience {
    position: relative;
    top: 0;
    right: 0;
    max-width: 200px;
    margin-top: 30px;
  }

  .about-two__shape-1 {
    display: none;
  }

  .about-three {
    padding: 80px 0 80px;
  }

  .our-rooms-three .our-rooms__price {
    top: 10px;
    right: 10px;
  }

  .our-rooms-three {
    padding: 80px 0 0px;
  }

  .video-two__inner {
    padding: 80px 10px 80px;
  }

  .video-two__shape-1 {
    display: none;
  }

  .video-two__title {
    font-size: 30px;
    line-height: 40px;
  }

  .video-two {
    padding: 80px 0 80px;
  }

  .services-three__services-list li {
    flex-direction: column;
  }

  .services-three__icon-and-title-box {
    gap: 10px;
    justify-content: center;
    flex-direction: column;
    text-align: center;
    margin-bottom: 30px;
  }

  .services-three__title-box {
    gap: 10px;
  }

  .services-three__title {
    font-size: 20px;
    line-height: 30px;
  }

  .services-three__text-and-btn-box {
    flex-direction: column;
    text-align: center;
  }

  .services-three__text br {
    display: none;
  }

  .services-three__btn-box {
    margin-top: 15px;
  }

  .services-three__services-list .hover-item__box {
    display: none;
  }

  .services-three {
    padding: 80px 0 0px;
  }

  .download-app-one__inner {
    padding: 80px 15px 0px;
  }

  .download-app-one__inner .section-title__title br {
    display: none;
  }

  .download-app-one__text br {
    display: none;
  }

  .download-app-one__img-1 {
    position: relative;
    right: 0;
    margin-top: 40px;
    max-width: 400px;
  }

  .download-app-one__img-1 img {
    width: 100%;
  }

  .download-app-one {
    padding: 50px 0 0px;
  }

  .why-choose-two__bg-box {
    top: 80px;
    width: 100%;
    height: 950px;
  }

  .why-choose-two__left {
    max-width: 600px;
    margin: 0 auto 0;
  }

  .why-choose-two__img-1 {
    max-width: 600px;
    margin: 0 auto 0;
  }

  .why-choose-two__right {
    max-width: 600px;
    margin: 50px auto 0;
  }

  .why-choose-two__bg-shape {
    top: 80px;
  }

  .why-choose-two {
    padding: 80px 0 70px;
  }

  .offer-two__bg-color {
    display: none;
  }

  .offer-two__single {
    padding: 56px 20px 30px;
  }

  .offer-two__price-box {
    top: 22px;
    left: 20px;
  }

  .offer-two__single-bg {
    -webkit-mask: none;
    mask: none;
  }

  .offer-two__single-bg:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(var(--hotelux-base-rgb), 0.8);
    z-index: -1;
  }

  .offer-two__price-box p {
    color: var(--hotelux-white);
  }

  .offer-two__btn-box .thm-btn {
    background-color: var(--hotelux-white);
    color: var(--hotelux-black);
  }

  .offer-two__btn-box .thm-btn:hover {
    color: var(--hotelux-white);
  }

  .offer-two {
    padding: 80px 0 0px;
  }

  .team-three {
    padding: 50px 0 0px;
  }

  .event-three__wrap {
    max-width: 500px;
  }

  .event-three {
    padding: 80px 0 80px;
  }

  .testimonial-three {
    padding: 80px 0 80px;
  }

  .testimonial-three__nav {
    margin-top: 40px;
  }

  .blog-three {
    padding: 80px 0 46px;
  }

  .gallery-three {
    padding: 0 0 80px;
  }

  .site-footer-three__bg-color {
    display: none;
  }

  .footer-widget-three__about {
    max-width: 400px;
    margin: 0 auto 0;
    padding-top: 80px;
  }

  .footer-widget-three__newsletter {
    padding: 30px 0px 0px;
    padding-right: 0;
    margin-bottom: 50px;
    flex-direction: column;
    text-align: center;
  }

  .footer-widget-three__newsletter-title {
    margin-bottom: 20px;
    font-size: 20px;
    line-height: 30px;
  }

  .footer-widget-three__newsletter-form {
    gap: 15px;
    flex-direction: column;
  }

  .footer-widget-three__right-bottom {
    margin-left: 0;
  }

  .footer-widget-three__services {
    margin-top: 33px;
    margin-bottom: 33px;
  }

  .site-footer-three__bottom-inner {
    flex-direction: column;
    text-align: center;
  }

  .site-footer-three__bottom-text {
    margin-bottom: 10px;
  }

  .site-footer-three__bottom-menu {
    flex-direction: column;
  }

  .site-footer-three__bottom-menu li + li {
    margin-left: 0;
    margin-top: 5px;
  }

  .history-page__line {
    display: none;
  }

  .history-page__single-img {
    padding-right: 0px;
  }

  .history-page__single-content {
    padding-left: 0px;
    margin-top: 0px;
    text-align: center !important;
    margin-top: 25px;
  }

  .history-page__single.style2 .history-page__single-content {
    padding-right: 0px;
    text-align: center;
    margin-top: 0px;
    margin-bottom: 30px;
  }

  .history-page__single.style2 .history-page__single-img {
    padding-left: 0px;
  }

  .history-page__single .year-box {
    position: relative;
    margin-bottom: 30px;
  }

  .history-page__single-content h2 {
    font-size: 24px;
    line-height: 34px;
  }

  .history-page {
    padding: 80px 0px 0px;
  }

  .page-header__inner h3 {
    font-size: 25px;
  }

  .page-header__inner {
    padding: 75px 0 72px;
  }

  .team-page {
    padding: 80px 0 50px;
  }

  .team-details__top-right {
    margin-left: 0;
    margin-top: 38px;
  }

  .team-details__bottom-left {
    margin-bottom: 30px;
  }

  .team-details__practice-area-list-box {
    gap: 0;
    flex-direction: column;
    align-items: baseline;
  }

  .team-details {
    padding: 80px 0 80px;
  }

  .team-details-contact {
    padding: 0px 0 80px;
  }

  .event-details__title-1 {
    font-size: 30px;
    line-height: 40px;
  }

  .event-details__title-2 {
    font-size: 30px;
    line-height: 40px;
  }

  .event-details__title-3 {
    font-size: 30px;
    line-height: 40px;
  }

  .event-details__text-and-img {
    flex-direction: column;
    align-items: baseline;
  }

  .event-details__img-and-points {
    flex-direction: column;
    align-items: baseline;
  }

  .event-details__sidebar {
    margin-top: 50px;
  }

  .event-details__information {
    padding: 40px 15px 40px;
  }

  .event-details__get-started {
    padding: 40px 15px 40px;
  }

  .event-details__previous-next ul {
    flex-direction: column;
    gap: 20px;
  }

  .event-details__previous-next ul li::before {
    display: none;
  }

  .event-details {
    padding: 80px 0 80px;
  }

  .place-page {
    padding: 80px 0 50px;
  }

  .places-details {
    padding: 80px 0 70px;
  }

  .offer-page {
    padding: 80px 0 50px;
  }

  .pricing-page {
    padding: 80px 0 50px;
  }

  .our-spa__single {
    padding: 20px 15px 20px;
    flex-direction: column;
  }

  .our-spa__bottom-right {
    margin-left: 0;
    margin-top: 40px;
  }

  .our-spa__main-tab-box .tab-buttons {
    flex-wrap: wrap;
  }

  .our-spa {
    padding: 80px 0 80px;
  }

  .our-restaurant {
    padding: 80px 0 50px;
  }

  .faq-page__single .faq-one-accrodion .accrodion-title {
    padding: 23px 15px 23px;
    padding-right: 50px;
  }

  .faq-page__single .faq-one-accrodion .accrodion-title h4::before {
    right: -35px;
  }

  .faq-page {
    padding: 80px 0 80px;
  }

  .error-page__img img {
    width: 100%;
  }

  .error-page__content h2 {
    font-size: 25px;
  }

  .error-page {
    padding: 80px 0px 80px;
  }

  .services-page {
    padding: 80px 0 50px;
  }

  .service-details__services-box {
    padding: 31px 15px 40px;
    margin-top: 30px;
  }

  .service-details__sidebar-download-box {
    padding: 31px 15px 40px;
  }

  .service-details {
    padding: 80px 0 80px;
  }

  .room-page {
    padding: 80px 0 50px;
  }

  .room-list__single {
    align-items: baseline;
    padding: 20px 15px 20px;
    gap: 15px;
    flex-direction: column;
  }

  .room-list__img {
    max-width: 100%;
  }

  .room-list {
    padding: 80px 0 80px;
  }

  .room-details__single {
    padding: 20px 15px 20px;
    gap: 20px;
    flex-direction: column;
    align-items: baseline;
  }

  .room-details__img {
    max-width: 100%;
  }

  .room-details__main-tab-box .tab-buttons {
    flex-wrap: wrap;
  }

  .room-details {
    padding: 80px 0 60px;
  }

  .comment-one {
    padding: 20px 20px 20px;
  }

  .comment-one__single {
    gap: 10px;
    padding: 15px 15px 12px;
    flex-direction: column;
    align-items: baseline;
  }

  .comment-one__btn-box {
    position: relative;
    margin-top: 5px;
  }

  .room-details__room-book {
    padding: 20px 20px 20px;
  }

  .smiller-room__title {
    font-size: 25px;
    line-height: 35px;
    margin-bottom: 25px;
  }

  .smiller-room {
    padding: 0 0 50px;
  }

  .blog-page {
    padding: 80px 0 50px;
  }

  .sidebar {
    max-width: 550px;
    margin: 50px auto 0;
  }

  .sidebar--two {
    margin: 0 auto 50px;
  }

  .sidebar--three {
    margin: 50px auto 0px;
  }

  .blog-left-sidebar {
    padding: 80px 0 80px;
  }

  .blog-right-sidebar {
    padding: 80px 0 80px;
  }

  .sidebar--four {
    margin: 0 auto 50px;
  }

  .blog-list__content {
    margin-top: 60px;
  }

  .blog-list__user-and-meta {
    gap: 15px;
    flex-direction: column;
  }

  .blog-list__title {
    font-size: 25px;
  }

  .blog-list {
    padding: 80px 0 80px;
  }

  .blog-details {
    padding: 80px 0 80px;
  }

  .blog-details__user-and-meta {
    gap: 15px;
    flex-direction: column;
  }

  .blog-details__content {
    margin-top: 60px;
  }

  .blog-details__title {
    font-size: 25px;
  }

  .blog-details__tag-and-share {
    padding: 30px 10px 30px;
    flex-direction: column;
  }

  .blog-details__share a {
    width: 30px;
    height: 30px;
    font-size: 14px;
  }

  .blog-details__tag-list li a {
    padding: 8px 12px 8px;
  }

  .blog-details__tag {
    margin-bottom: 15px;
  }

  .comment-form {
    padding: 20px 20px 20px;
  }

  .contact-info {
    padding: 80px 0 50px;
  }

  .contact-info__single {
    padding: 40px 15px 41px;
    margin-bottom: 30px;
    height: auto;
  }

  .contact-info__single h3 {
    font-size: 19px;
    line-height: 29px;
  }

  .contact-info {
    padding: 80px 0 50px;
  }

  .contact-page__left {
    margin-left: 0;
    margin-right: 0;
  }

  .contact-page__right {
    margin-left: 0;
    margin-right: 0;
    margin-top: 50px;
  }

  .contact-page__inner {
    padding: 30px 15px 30px;
  }

  .contact-page__form-title {
    font-size: 30px;
  }

  .contact-page {
    padding: 0 0 80px;
  }

  .our-location {
    padding: 80px 0 80px;
  }

  .blog-one {
    padding: 80px 0 50px;
  }

  .coming-soon-page {
    height: auto !important;
    padding: 70px 0 80px;
    border-left: 20px solid rgba(var(--hotelux-base-rgb), 0.1);
    border-right: 20px solid rgba(var(--hotelux-base-rgb), 0.1);
  }

  .coming-soon-page__content .big-title {
    font-size: 35px;
    line-height: 45px;
  }

  .coming-soon-page .timer-box .countdown-timer li {
    float: none;
  }

  .coming-soon-page .timer-box .countdown-timer li + li {
    margin-top: 20px;
  }

  .coming-soon-page__content {
    top: 0%;
    transform: translateY(0%);
  }

  .coming-soon-page__content .inner .text p br {
    display: none;
  }

  .coming-soon-page__subscribe-box form {
    flex-direction: column;
  }

  .product {
    padding: 70px 0 80px;
  }

  .product__sidebar {
    max-width: 500px;
    width: 100%;
    margin: 60px auto 0px;
  }

  .product__showing-result {
    display: block;
    text-align: center;
    padding-right: 0;
    margin-bottom: 10px;
  }

  .product__showing-text-box {
    margin-bottom: 20px;
  }

  .product__showing-sort {
    margin: 0 auto;
  }

  .product__all-tab-button {
    position: relative;
    top: 0;
    width: 120px;
    margin: 0px auto 30px;
  }

  .product__all-tab-single {
    max-width: 350px;
    margin: 0 auto;
  }

  .single-product-style2__content {
    padding: 30px 30px 30px;
    text-align: center;
  }

  .shop-category ul li a:after {
    width: 35px;
  }

  .single-product-style2__review {
    justify-content: center;
  }

  .single-product-style2__info {
    justify-content: center;
  }

  .product-details__left {
    margin-right: 0;
  }

  .product-details__inner {
    flex-direction: column;
    align-items: baseline;
  }

  .product-details__buttons-boxes {
    flex-direction: column;
    align-items: baseline;
  }

  .product-details__right {
    margin-top: 51px;
  }

  .product-details {
    padding: 80px 0px 80px;
  }

  .product-description {
    padding: 60px 0 60px;
  }

  .related-products {
    padding: 0px 0px 80px;
  }

  .related-products__title h3 {
    font-size: 30px;
  }

  .product-details__tab-content-inner {
    padding: 20px 20px 20px;
  }

  .comments-area .comment {
    flex-direction: column;
    align-items: baseline;
  }

  .review-one__content {
    padding-left: 0;
    margin-top: 25px;
  }

  .review-one__content-top {
    flex-direction: column;
    align-items: baseline;
  }

  .review-form-one__rate-box {
    flex-direction: column;
    align-items: baseline;
  }

  .review-form-one__rate {
    margin-left: 0;
    margin-top: 10px;
  }

  .cart-page__right {
    margin-left: 0;
    margin-top: 60px;
  }

  .cart-page {
    padding: 72px 0px 80px;
  }

  .cart-total li {
    font-size: 16px;
  }

  .cart-total li span:first-child {
    font-size: 16px;
    margin-right: 30px;
    width: 115px;
  }

  .cart-page__sidebar {
    padding: 28px 15px 30px;
  }

  .cart-page__buttons {
    flex-direction: column;
    align-items: flex-end;
  }

  .sidebar-order-summary {
    margin-top: 60px;
    padding: 37px 20px 45px;
  }

  .checkout-page {
    padding: 80px 0 80px;
  }

  .wishlist-page {
    padding: 80px 0px 80px;
  }

  .login-one {
    padding: 70px 0px 80px;
  }

  .sign-up-one {
    padding: 70px 0px 80px;
  }
}

@media only screen and (max-width: 450px) {
  .testimonial-one__img-and-content {
    flex-direction: column;
    align-items: baseline;
  }

  .testimonial-one__single {
    padding: 30px 15px 32px;
  }

  .blog-one__content {
    padding: 30px 15px 30px;
  }

  .blog-one__title {
    font-size: 20px;
    line-height: 30px;
  }

  .blog-one__list {
    gap: 10px;
  }

  .blog-two__content {
    padding: 30px 10px 30px;
  }

  .blog-two__title {
    font-size: 20px;
    line-height: 30px;
  }

  .blog-two__author-and-read-more {
    flex-direction: column;
    align-items: baseline;
  }

  .blog-two__author-box {
    margin-bottom: 15px;
  }

  .offer-two__single {
    max-width: 650px;
    margin: 0 auto 30px;
  }

  .offer-two__bg-color {
    display: none;
  }

  .team-three__single {
    padding: 40px 15px 20px;
  }

  .team-three__img-1 {
    right: -35px;
  }

  .team-three__img-1 img {
    width: 95%;
  }

  .team-three__name {
    font-size: 25px;
  }

  .event-three__content {
    flex-direction: column;
    text-align: center;
  }

  .event-three__meta {
    justify-content: center;
  }

  .event-three__title-box {
    margin-bottom: 20px;
  }

  .blog-three__content {
    padding: 30px 15px 30px;
  }

  .blog-three__list {
    gap: 10px;
  }

  .blog-three__title {
    font-size: 20px;
    line-height: 30px;
  }

  .blog-three__date {
    bottom: -20px;
  }

  .blog-three__date p span {
    margin-top: 0;
  }

  .room-list__ratting-and-text {
    flex-direction: column;
    align-items: baseline;
  }

  .room-list__extra-services {
    flex-direction: column;
    align-items: baseline;
  }

  .room-details__ratting-and-text {
    margin: 10px 0 20px;
    flex-direction: column;
    align-items: baseline;
  }

  .room-details__points-box {
    gap: 7px;
    flex-direction: column;
    align-items: baseline;
  }

  .room-details__extra-services {
    gap: 10px;
    flex-direction: column;
    align-items: baseline;
  }

  .room-details__progress-box {
    margin-top: 40px;
    margin-right: 0;
  }

  .sidebar__search {
    padding: 50px 20px 50px;
  }

  .sidebar__category {
    padding: 42px 20px 50px;
  }

  .sidebar__post {
    padding: 42px 20px 42px;
  }

  .sidebar__tags {
    padding: 41px 20px 40px;
  }

  .blog-details__author-box {
    padding: 20px 20px 27px;
  }

  .blog-details__author-text {
    font-size: 18px;
    line-height: 28px;
  }

  .blog-details__title-2 {
    font-size: 25px;
    line-height: 35px;
  }
}

@media only screen and (max-width: 500px) {
  .restaurant-one__menu-img-and-content {
    flex-direction: column;
    align-items: baseline;
  }

  .restaurant-one__btn {
    position: relative;
    top: 0;
    right: 0;
    margin-top: 20px;
  }

  .testimonial-two__single {
    padding: 20px 15px 20px;
  }

  .testimonial-two__img-and-ratting {
    flex-direction: column;
    align-items: baseline;
  }

  .testimonial-two__img-and-name {
    gap: 15px;
    margin-bottom: 20px;
  }

  .testimonial-two__name {
    font-size: 20px;
    line-height: 30px;
  }

  .why-choose-two__client-box-inner {
    flex-direction: column;
  }

  .why-choose-two__client-ratting {
    margin-top: 20px;
  }

  .places-details__img {
    min-height: 300px;
  }

  .places-details__img img {
    height: 300px;
  }

  .places-details__img-text-1 span {
    font-size: 20px;
    line-height: 30px;
  }

  .checkout-page .billing_details {
    padding: 53px 15px 60px;
  }
}

@media only screen and (max-width: 610px) {
  .login-one__form .inner-title {
    padding-bottom: 35px;
  }

  .login-one__form .inner-title h2 {
    font-size: 40px;
  }

  .login-one__form form {
    padding: 60px 15px 52px;
  }

  .login-one__form form .forget a {
    font-size: 14px;
  }

  .login-one__form form .checked-box1 label {
    font-size: 14px;
  }

  .sign-up-one__form form {
    padding: 60px 20px 52px;
  }

  .sign-up-one__form form .google-facebook {
    flex-direction: column;
  }

  .sign-up-one__form form .google-facebook a + a {
    margin-left: 0;
    margin-top: 10px;
  }

  .sign-up-one__form .inner-title {
    padding-bottom: 30px;
  }

  .sign-up-one__form .inner-title h2 {
    font-size: 40px;
  }
}

@media only screen and (min-width: 1320px) and (max-width: 1670px) {
  .restaurant-one__img {
    right: -178px;
  }

  .restaurant-one__img img {
    width: 70%;
  }
}

@media only screen and (min-width: 1400px) and (max-width: 1600px) {
}

@media only screen and (min-width: 1320px) and (max-width: 1399px) {
}

@media only screen and (min-width: 1320px) and (max-width: 1470px) {
}

/*--------------------------------------------------------------
# Slider All Responsive Css
--------------------------------------------------------------*/
@media only screen and (min-width: 1200px) and (max-width: 1319px) {
  #main-slider-pagination {
    right: 20px;
  }

  .main-slider__shape-arrow img {
    width: 50%;
  }

  .main-slider__shape-arrow {
    left: 560px;
  }

  .main-slider__video-link {
    right: 20px;
  }

  .banner-one__inner {
    margin-left: 0;
  }

  .banner-one__shape-box {
    left: 180px;
  }

  .banner-one__slider {
    max-width: 700px;
    clip-path: polygon(0 0, 100% 0%, 100% 100%, 60% 100%);
  }

  .banner-one__title {
    font-size: 50px;
  }

  .banner-one__text {
    font-size: 17px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  #main-slider-pagination {
    right: 20px;
  }

  .main-slider__shape-arrow {
    display: none;
  }

  .main-slider__video-link {
    right: 20px;
  }

  .banner-one__slider-outer {
    display: none;
  }

  .banner-one__inner {
    margin-left: 0;
  }

  .banner-one__shape-box {
    left: 300px;
  }

  .banner-two__left {
    max-width: 600px;
    margin: 0 auto 60px;
  }

  .banner-two__right {
    max-width: 600px;
    margin: 0 auto 0;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .main-slider__video-link {
    position: relative;
    margin-top: 50px;
    top: 0;
    -webkit-transform: perspective(400px) rotateY(0deg) translateY(0%)
      translateX(100px);
    -ms-transform: perspective(400px) rotateY(0deg) translateY(0%)
      translateX(100px);
    transform: perspective(400px) rotateY(0deg) translateY(0%) translateX(100px);
  }

  .main-slider .swiper-slide-active .main-slider__video-link {
    -webkit-transform: perspective(400px) rotateY(0deg) translateY(0%)
      translateX(0px);
    -ms-transform: perspective(400px) rotateY(0deg) translateY(0%)
      translateX(0px);
    transform: perspective(400px) rotateY(0deg) translateY(0%) translateX(0px);
  }

  .main-slider__title {
    font-size: 55px;
  }

  .main-slider__shape-arrow {
    display: none;
  }

  #main-slider-pagination {
    right: 20px;
  }

  .banner-one__slider-outer {
    display: none;
  }

  .banner-one__inner {
    margin-left: 0;
  }

  .banner-one__shape-box {
    left: 270px;
    border-bottom: 260px solid rgba(var(--hotelux-primary-rgb), 1);
    border-left: 360px solid transparent;
  }

  .banner-one__text br {
    display: none;
  }

  .banner-one__video-link {
    top: 90px;
    left: -95px;
  }

  .banner-two__left {
    max-width: 600px;
    margin: 0 auto 60px;
  }

  .banner-two__right {
    max-width: 600px;
    margin: 0 auto 0;
  }
}

@media only screen and (max-width: 767px) {
  .main-slider__video-link {
    position: relative;
    margin-top: 50px;
    top: 0;
    -webkit-transform: perspective(400px) rotateY(0deg) translateY(0%)
      translateX(100px);
    -ms-transform: perspective(400px) rotateY(0deg) translateY(0%)
      translateX(100px);
    transform: perspective(400px) rotateY(0deg) translateY(0%) translateX(100px);
  }

  .main-slider .swiper-slide-active .main-slider__video-link {
    -webkit-transform: perspective(400px) rotateY(0deg) translateY(0%)
      translateX(0px);
    -ms-transform: perspective(400px) rotateY(0deg) translateY(0%)
      translateX(0px);
    transform: perspective(400px) rotateY(0deg) translateY(0%) translateX(0px);
  }

  .main-slider__title {
    font-size: 28px;
    line-height: 40px;
  }

  .main-slider__title br {
    display: none;
  }

  .main-slider__text br {
    display: none;
  }

  .main-slider__btn-and-review-box {
    flex-direction: column;
    align-items: baseline;
  }

  .main-slider__shape-arrow {
    display: none;
  }

  #main-slider-pagination {
    display: none;
  }

  .main-slider__content {
    padding-top: 70px;
    padding-bottom: 70px;
  }

  .banner-one__slider-outer {
    display: none;
  }

  .banner-one__inner {
    margin-left: 0;
  }

  .banner-one__title {
    font-size: 35px;
  }

  .banner-one__title br {
    display: none;
  }

  .banner-one__shape-box {
    display: none;
  }

  .banner-one__text br {
    display: none;
  }

  .banner-one__btn-and-review-box {
    gap: 20px;
    flex-direction: column;
    align-items: baseline;
  }

  .banner-one__review-box .text-box h2 {
    font-size: 18px;
  }

  .banner-one {
    padding: 96px 0 100px;
  }

  .banner-two__left {
    margin-right: 0;
    margin-bottom: 50px;
  }

  .banner-two__title {
    font-size: 32px;
  }

  .banner-two__search-title {
    font-size: 35px;
  }

  .banner-two__right {
    margin-top: 0;
    margin-left: 0;
  }

  .banner-two__form-box {
    padding: 45px 20px 50px;
  }

  .banner-two {
    padding: 197px 0 100px;
  }
}

@media only screen and (min-width: 1320px) and (max-width: 1500px) {
  .main-slider__video-link {
    right: 100px;
  }

  .main-slider__shape-arrow img {
    width: 70%;
  }
}

@media only screen and (min-width: 1500px) and (max-width: 1690px) {
  .banner-one__inner {
    margin-left: -50px;
  }

  .banner-one__shape-box {
    left: 200px;
  }

  .banner-one__slider {
    max-width: 930px;
    clip-path: polygon(0 0, 100% 0%, 100% 100%, 38% 100%);
  }
}

@media only screen and (min-width: 1320px) and (max-width: 1499px) {
  .banner-one__inner {
    margin-left: 0;
  }

  .banner-one__shape-box {
    left: 180px;
  }

  .banner-one__slider {
    max-width: 800px;
    clip-path: polygon(0 0, 100% 0%, 100% 100%, 50% 100%);
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1600px) {
}

/*--------------------------------------------------------------
# Main Menu All Responsive Css
--------------------------------------------------------------*/
@media only screen and (min-width: 1200px) and (max-width: 1319px) {
  .main-menu__top-inner {
    padding: 5px 20px 5px;
  }

  .main-menu__top-inner:before {
    left: 80%;
  }

  .main-menu__top-welcome-text {
    display: none;
  }

  .main-menu__top-time {
    display: none;
  }

  .main-menu__wrapper-inner {
    padding: 0 20px;
  }

  .main-menu__call {
    display: none;
  }

  .main-menu__search-cart-box {
    display: none;
  }

  .main-menu-two__top-inner {
    padding: 5px 20px 5px;
  }

  .main-menu-two__top-inner:before {
    right: 37%;
  }

  .main-menu-two__top-inner::after {
    right: 38%;
  }

  .main-menu-two__top-time {
    display: none;
  }

  .main-menu-two__wrapper-inner {
    padding: 0 20px;
  }

  .main-menu-two__call {
    display: none;
  }

  .main-menu-two__search-cart-box {
    display: none;
  }

  .main-menu-three__search-cart-box {
    display: none;
  }

  .main-menu .main-menu__list > li.menu-list-apper-right > ul > li > ul,
  .stricky-header .main-menu__list > li.menu-list-apper-right > ul > li > ul {
    left: auto;
    margin-left: 0;
    right: 100%;
    margin-right: 20px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .main-menu__top-inner {
    padding: 5px 15px 5px;
  }

  .main-menu__top-inner:before {
    display: none;
  }

  .main-menu__top-welcome-text {
    display: none;
  }

  .main-menu__top-time {
    display: none;
  }

  .main-menu__wrapper-inner {
    padding: 0 15px;
  }

  .main-menu-two__top {
    display: none;
  }

  .main-menu-two__wrapper-inner {
    padding: 0 25px;
  }

  .main-menu-three .mobile-nav__toggler:hover {
    color: var(--hotelux-white);
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .main-menu__top {
    display: none;
  }

  .main-menu__wrapper-inner {
    padding: 0 15px;
  }

  .main-menu__call {
    display: none;
  }

  .search-popup form {
    max-width: 500px;
  }

  .main-menu-two__top {
    display: none;
  }

  .main-menu-two__wrapper-inner {
    padding: 0 15px;
  }

  .main-menu-two__call {
    display: none;
  }

  .main-menu-three__top {
    display: none;
  }

  .main-menu-three .mobile-nav__toggler:hover {
    color: var(--hotelux-white);
  }
}

@media (max-width: 767px) {
  .main-menu__top {
    display: none;
  }

  .main-menu__wrapper-inner {
    padding: 0 15px;
  }

  .main-menu__right {
    display: none;
  }

  .main-menu__logo {
    padding: 10px 0;
  }

  .main-menu-two__top {
    display: none;
  }

  .main-menu-two__wrapper-inner {
    padding: 0 15px;
  }

  .main-menu-two__right {
    display: none;
  }

  .main-menu-three__top {
    display: none;
  }

  .main-menu-three__right {
    display: none;
  }

  .main-menu-three .mobile-nav__toggler:hover {
    color: var(--hotelux-white);
  }

  .main-menu-three__wrapper-inner {
    background-color: transparent;
  }

  .main-menu-three__wrapper-inner:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: -10000000px;
    right: -1000000px;
    background-color: rgba(var(--hotelux-black-rgb), 0.3);
    z-index: -1;
  }
}

@media only screen and (min-width: 1320px) and (max-width: 1600px) {
  .main-menu__top-inner {
    padding: 5px 25px 5px;
  }

  .main-menu__top-inner:before {
    left: 65%;
  }

  .main-menu__top-welcome-text {
    display: none;
  }

  .main-menu__wrapper-inner {
    padding: 0 25px;
  }

  .main-menu__call {
    display: none;
  }

  .main-menu-two__top-inner {
    padding: 5px 25px 5px;
  }

  .main-menu-two__wrapper-inner {
    padding: 0 25px;
  }

  .main-menu-two__call {
    display: none;
  }
}

@media only screen and (min-width: 1320px) and (max-width: 1400px) {
  .main-menu .main-menu__list > li.menu-list-apper-right > ul > li > ul,
  .stricky-header .main-menu__list > li.menu-list-apper-right > ul > li > ul {
    left: auto;
    margin-left: 0;
    right: 100%;
    margin-right: 20px;
  }
}