@media (min-width: 1200px) {
  .desktop_header .main_menu_el .menu_parent .menu_els a {
    padding: 0px 12px;
  }
  .desktop_header .main_menu_el.white_main_menu .menu_parent .menu_els a {
    padding: 0px 12px;
  }
}
@media (max-width: 1199px) {
.relax_survive_section .row .col-xl-6:first-child {
    margin-bottom: 30px;
}
}
@media (max-width: 1024px) {
  .desktop_header .main_menu_el .menu_parent .menu_els a {
    font-size: 13px;
    padding: 0px 12px;
  }
  .desktop_header .main_menu_el.white_main_menu .menu_parent .menu_els a {
    font-size: 13px;
    padding: 0px 12px;
  }
}
@media (max-width: 991px) {
  .rooms_swiper .myRoomSwiper .swiper-button-next, .rooms_swiper .myWellnessSwiper .swiper-button-next, .relax_swiper .myRoomSwiper .swiper-button-next, .relax_swiper .myWellnessSwiper .swiper-button-next {
    right: 16% !important;
  }
  h1 {
    font-size: 40px;
    line-height: 44px;
  }
  .booking_engine {
    top: -130px;
  }
  .c0059 {
    margin-bottom: 0px;
  }
  .c00112 .c0069 {
    display: none;
  }
  .c00112 .c00108 {
    display: none;
  }
  .c0071 {
    display: none;
  }
  .mySwiper .swiper-wrapper .swiper-slide .swiper_cont .small-text {
    top: 170px;
  }
  .mySwiper .swiper-wrapper .swiper-slide .swiper_cont .stars {
    top: 173px;
  }
  .mySwiper .swiper-wrapper .swiper-slide .swiper_cont .owl {
    top: 175px;
    width: 11%;
  }
  .smaller_banners h1 {
    width: 60%;
  }
  .mobile-header .logo-cont img {
    width: 50% !important;
  }
  .pool_swiper .myPoolSwiper .swiper-button-next {
    right: 15%;
  }
  .bliss-in-the-skin .more-padding, .our_Services .more-padding, .watering_breakfast .more-padding {
    padding-top: 0rem;
  }
  .newsletter-form .form-cont {
    padding-left: 1rem;
  }
  h3 {
    font-size: 24px;
    line-height: 34px;
  }
}



@media (min-width: 576px) and (max-width: 768px){
  	.insta-head{
		flex-direction: column !important;
	}

	.insta-head h2{
		font-size: 20px !important;
	}

	.book-benefits{
	height: auto !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin-top: -100px !important;
    flex-direction: column !important;
    padding: 0px !important;
	}

	.left-side{
	background: #E7F1FF !important;
    margin-top: 200px !important;
    padding: 50px !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 2rem !important;
    height: auto !important;
    width: 100% !important;
	}

	.book-benefits img{
		display: none !important;
	}

	.left-side h2{
		font-size: 20px !important;
	}

	.left-side p{
		font-size: 13px !important;
	}

	.left-side a{
		font-size: 13px !important;
	}

	.benefits{
	height: auto !important;
  padding: 0px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 2rem !important;
    flex-direction: column !important;
	}

	.business-cont{
	display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: #E7F1FF !important;
    position: relative !important;
    padding: 0px !important;
	flex-direction: column !important;
  height: auto !important;
	}	

	.business-cont img{
		width: 200px !important;
		margin-top: 50px !important;
	}

	.right-side h2{
		font-size: 20px !important;
		margin-top: 20px !important;
	}

	.business-access{
		padding: 0px !important;
	}

	.right-side{
		padding: 0px 40px 0px 40px !important;
	}

	.btn-group{
		padding-bottom: 30px !important;
    flex-direction: column;
	}

  .benefits-left{
    height: auto !important;
    width: 100% !important;
  }

  .benefits-left ul{
    font-size: 13px !important;
  } 

  .terms-right ul{
    font-size: 13px !important;
  }

  .terms-right{
    height: auto !important;
    width: 100% !important;
  }
}
@media (max-width: 767px) {
  h2 {
      font-size: 30px;
      line-height: 1.35em;
  }
  .experience_our_space_section .cards_with_images h3 {
      font-size: 26px;
      line-height: 38px;
  }
  section.have_good_food_section .text-overlap {
      font-size: 26px !important;
  }
  .places_details .more_details {
    margin-top: 15px;
  }
  .faq_section .accordion .accordion-item .accordion-button {
    padding: 10px;
    font-size: 18px;
    line-height: 1.4;
    justify-content: space-between;
  }
  .faq_section .accordion .accordion-item .accordion-button i {
    margin-left: 15px !important;
  }
  .room-listing-section .room-listing .room_wrapper .details {
    margin-top: 10px;
  }
  .details p {
    text-align: initial;
  }
}
@media (max-width: 575px) {
  .mobile_menu {
    margin-top: 55px;
  }
  	.insta-head{
		flex-direction: column !important;
	}

	.insta-head h2{
		font-size: 20px !important;
	}

	.book-benefits{
	height: auto !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin-top: -100px !important;
    flex-direction: column !important;
    padding: 0px !important;
	}

	.left-side{
	background: #E7F1FF !important;
    margin-top: 200px !important;
    padding: 50px !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 2rem !important;
    height: auto !important;
    width: 100% !important;
	}

	.book-benefits img{
		display: none !important;
	}

	.left-side h2{
		font-size: 20px !important;
	}

	.left-side p{
		font-size: 13px !important;
	}

	.left-side a{
		font-size: 13px !important;
	}

	.benefits{
	height: auto !important;
  padding: 0px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 2rem !important;
    flex-direction: column !important;
	}

	.business-cont{
	display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: #E7F1FF !important;
    position: relative !important;
    padding: 0px !important;
	flex-direction: column !important;
  height: auto !important;
	}	

	.business-cont img{
		width: 200px !important;
		margin-top: 50px !important;
	}

	.right-side h2{
		font-size: 20px !important;
		margin-top: 20px !important;
	}

	.business-access{
		padding: 0px !important;
	}

	.right-side{
		padding: 0px 40px 0px 40px !important;
	}

	.btn-group{
		padding-bottom: 30px !important;
    flex-direction: column;
	}

  .benefits-left{
    height: auto !important;
    width: 100% !important;
  }

  .benefits-left ul{
    font-size: 13px !important;
  } 

  .terms-right ul{
    font-size: 13px !important;
  }

  .terms-right{
    height: auto !important;
    width: 100% !important;
  }

  .mySwiper .swiper-pagination {
    top: 150px !important;
  }
  h1 {
    font-size: 31px;
    line-height: 40px;
    width: 100%;
    top: 20%;
  }
  .mySwiper {
    overflow: hidden !important;
  }
  .mySwiper .swiper-wrapper .swiper-slide .swiper_cont {
    width: 90%;
  }
  .mySwiper .swiper-wrapper .swiper-slide .swiper_cont .small-text {
    top: 160px;
  }
  .mySwiper .swiper-wrapper .swiper-slide .swiper_cont .stars {
    top: 173px;
    width: 45%;
  }
  .mySwiper .swiper-wrapper .swiper-slide .swiper_cont .owl {
    top: 183px;
    width: 25%;
  }
  .booking_engine {
    top: -130px;
  }
  .booking_engine .c0070 {
    display: none !important;
  }
  .c00290.c00289 {
    display: none !important;
  }
  .c00108, .c0069 {
    display: none !important;
  }
  .c00106 {
    display: none !important;
  }
  .c0059 {
    margin-bottom: unset !important;
  }
  .have_good_food_section {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .relax_survive_section {
    z-index: 1;
  }
  .relax_survive_section .absolute-shape {
    left: -140px;
    bottom: 10px;
    z-index: -1;
  }
  .enjoy_the_moment_section img {
    width: 48%;
  }
  .faq_section .accordion .accordion-item .accordion-header {
    line-height: 35px !important;
  }
  .explore_online_section {
    padding-bottom: 3rem;
  }
  .explore_online_section .online-posts .row {
    height: unset;
  }
  .need-help-section .directions_content .white_text {
    width: 60%;
  }
  .need-help-section .details_el {
    margin-top: 30px;
  }
  .need-help-section .vertical-shape-bottom {
    right: 0px;
    z-index: 1;
  }
  .smaller_banners h1 {
    width: 100%;
  }
  .room-listing-section .room-listing .room_wrapper .details {
    margin-right: unset !important;
    margin-bottom: 10px !important;
  }
  .gastronomy_swiper {
    width: 100%;
  }
  .gastronomy_swiper .mygastronomySwiper {
    padding-left: 0px;
  }
  .gastronomy_swiper .card .card-img-top {
    height: 180px !important;
  }
  .gastronomy_swiper .mygastronomySwiper .swiper-button-next {
    right: 26%;
  }
  .bliss-in-the-skin .more-padding, .our_Services .more-padding, .watering_breakfast .more-padding {
    padding-top: 0;
  }
  .bliss-in-the-skin .bottom-img, .our_Services .bottom-img, .watering_breakfast .bottom-img {
    right: 12px;
  }
  .pool_swiper .myPoolSwiper {
    overflow: hidden;
  }
  .pool_swiper .myPoolSwiper .swiper-button-next {
    right: 10%;
  }
  .bliss-in-the-skin {
    padding-bottom: 5rem;
  }
  .our_Services, .watering_breakfast {
    padding-bottom: 7rem;
  }
  .events-section h5.card-title.mb-0 {
    width: 50%;
  }
  .newsletter-form .form-cont {
    padding: 3rem 1rem;
    padding-left: unset;
  }
  .smaller_banners h6 {
    top: 73%;
  }
}
@media (min-width: 1390px) {
  /* change this, by default 1140px */
  .container {
    max-width: 1360px;
  }
}

@media screen and (max-width: 320px) {
	.insta-head{
		flex-direction: column !important;
	}

	.insta-head h2{
		font-size: 20px !important;
	}

	.book-benefits{
	height: auto !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin-top: -100px !important;
    flex-direction: column !important;
    padding: 0px !important;
	}

	.left-side{
	background: #E7F1FF !important;
    margin-top: 200px !important;
    padding: 50px !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 2rem !important;
    height: auto !important;
    width: 100% !important;
	}

	.book-benefits img{
		display: none !important;
	}

	.left-side h2{
		font-size: 20px !important;
	}

	.left-side p{
		font-size: 13px !important;
	}

	.left-side a{
		font-size: 13px !important;
	}

	.benefits{
	height: auto !important;
  padding: 0px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 2rem !important;
    flex-direction: column !important;
	}

	.business-cont{
	display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: #E7F1FF !important;
    position: relative !important;
    padding: 0px !important;
	flex-direction: column !important;
  height: auto !important;
	}	

	.business-cont img{
		width: 200px !important;
		margin-top: 50px !important;
	}

	.right-side h2{
		font-size: 20px !important;
		margin-top: 20px !important;
	}

	.business-access{
		padding: 0px !important;
	}

	.right-side{
		padding: 0px 40px 0px 40px !important;
	}

	.btn-group{
		padding-bottom: 30px !important;
    flex-direction: column;
	}

  .benefits-left{
    height: auto !important;
    width: 100% !important;
  }

  .benefits-left ul{
    font-size: 13px !important;
  } 

  .terms-right ul{
    font-size: 13px !important;
  }

  .terms-right{
    height: auto !important;
    width: 100% !important;
  }
}