@charset "utf-8";
/* Table of Contents
==================================================
	#Desktop (1600)
	#Desktop (1366)
	#Desktop (1024)
	#Tablet (Portrait)
	#Mobile (Portrait)
	#Mobile (Landscape)

/* #Additional - Large Screens beyond 1920px
================================================== */
@media only screen and (min-width: 1700px) and (max-width: 2700px) {

:root												{ --container-width: 1545px; }
.container											{ max-width: 1545px; }

}



/* #Additional - Large Screens beyond 1600px
================================================== */
@media only screen and (min-width: 1367px) and (max-width: 1600px) {

:root												{ --container-width: 1345px; }
.container											{ max-width: 1345px; }

#welcomeSec .welcomeBox 							{ gap: 126px; }
#welcomeSec .welcomeBox .content 					{ padding-bottom: 90px; }
#welcomeSec .welcomeBox .image .imageThumb 			{ bottom: 90px; }

#apartmentsSec 										{ --circleFullWidth: 596px; }

#apartmentSlider .apartment-slider .swiper-slide 	{ min-height: 550px; }

#apartmentThumbSec 									{ --circleFullWidth: 547px; }

#skySec .skyBox 									{ gap: 126px; }
#skySec .skyBox .content 							{ padding-bottom: 90px; }
#skySec .skyBox .image .imageThumb 					{ bottom: 90px; }

#locationSec .locationBox 							{ gap: 100px; }

#faqSec .faqBox 									{ gap: 100px; padding: 0 100px; }

/*----------------- Room Details Page -----------------*/
#roomsDetailSec .contentBox 						{ gap: 50px; }
#roomsDetailSec .contentBox .titleBox 				{ max-width: 474px; }
#roomsDetailSec .contentBox .content 				{ padding-left: 50px; }
#roomsDetailSec .contentBox .content ul 			{ column-gap: 34px; }
#roomsDetailSec .contentBox .content ul li 			{ width: calc(50% - 17px); }
#roomsDetailSec .imageBox 							{ --circleFullWidth: 596px; }
#roomsDetailSec .imageBox .circleFull 				{ left: -312px; }

#roomsDetailSlider .roomdetailBox 					{ --circleFullWidth: 596px; }
#roomsDetailSlider .roomdetailBox .circleFull 		{ right: -274px; }
#roomsDetailSlider .roomdetail-slider .swiper-slide { min-height: 550px; }

/*----------------- Gastronomy Page -----------------*/
#gastronomySlider .gastronomy-slider .swiper-slide 	{ min-height: 550px; }

.zigzagSec .zigzagBox 								{ gap: 100px; padding-right: 50px; }
.zigzagSec.firstzigzag .zigzagBox,
.zigzagSec + .zigzagSec + .zigzagSec .zigzagBox,
.zigzagSec + .zigzagSec + .zigzagSec + .zigzagSec + .zigzagSec .zigzagBox { padding-left: 50px; padding-right: 0; }
.zigzagSec .zigzagBox .image 						{ max-width: 750px; }
.zigzagSec .zigzagImgBox .image1 					{ max-width: 652px; }
.zigzagSec .zigzagImgBox .image2 					{ max-width: 554px; }

/*----------------- Experiences Page -----------------*/
#experienceSec .experienceBox 						{ gap: 100px; padding-left: 50px; }
#experienceSec .experienceBox .image 				{ max-width: 750px; }

/*----------------- Location Page -----------------*/
#contactMapsSec .contactMapsBox 					{ gap: 100px; }

#contactRouteSec .contactRouteBox 					{ gap: 100px; padding-right: 50px; }
#contactRouteSec .contactRouteBox .image 			{ max-width: 750px; }

#introTextSec 										{ padding: 70px 70px; }
#introTextSec .introTextBox h1.h1 					{ font-size: 3rem; line-height: 3.625rem; }

#contactInfoSec .contactInfoBox 					{ gap: 70px; padding: 0 100px; }
#contactInfoSec .contactInfoBox .contactForm 		{ padding-left: 70px; }

}



/* #Titles - Margin adjustment for intermediate screens
================================================== */
@media screen and (min-width: 993px) and (max-width: 1650px) {

#welcomeSec .welcomeBox .content h1.h1				{ margin: 0 0 48px 0; }
#skySec .skyBox .content h2.h2						{ margin: 0 0 48px 0; }
#locationSec .locationBox .content span.title		{ margin: 0 0 48px 0; }
#faqSec .faqBox .content h2.h2						{ margin: 0 0 48px 0; }
.zigzagSec .zigzagBox .content h3.h3				{ margin: 0 0 48px 0; }
#contactMapsSec .contactMapsBox .content span.title	{ margin: 0 0 48px 0; }
#contactRouteSec .contactRouteBox .content h2.h2	{ margin: 0 0 48px 0; }

}



/* #Additional - Large Screens beyond 1366px
================================================== */
@media only screen and (min-width: 1180px) and (max-width: 1366px) {

:root												{ --container-width: 1170px; }
.container											{ max-width: 1170px; }

#welcomeSec .welcomeBox 							{ gap: 70px; }
#welcomeSec .welcomeBox .content 					{ max-width: 530px; padding-bottom: 70px; }
#welcomeSec .welcomeBox .content h1.h1				{ margin: 0 0 32px 0; font-size: 3.125rem; line-height: 3.75rem; }
#welcomeSec .welcomeBox .image 						{ padding-left: 100px; }
#welcomeSec .welcomeBox .image .imageThumb 			{ width: 270px; bottom: 70px; }

#apartmentsSec 										{ --circleFullWidth: 496px; }
#apartmentsSec .contentBox .titleBox 				{ width: 48%; }
#apartmentsSec .contentBox .titleBox h2.h2 			{ font-size: 3.125rem; line-height: 3.75rem; }
#apartmentsSec .contentBox .content 				{ width: 48%; }

#apartmentSlider .caption 							{ max-width: 627px; }
#apartmentSlider .caption h3.h3 					{ font-size: 2.5rem; line-height: 3.125rem; }
#apartmentSlider .apartment-slider .swiper-slide 	{ min-height: 500px; }

#apartmentThumbSec 									{ --circleFullWidth: 457px; }
#apartmentThumbSec .circleFull 						{ right: -170px; }
#apartmentThumbSec .apartmentThumbBox .item .info h3.h3 { font-size: 1.875rem; line-height: 2.5rem; }

#skySec .skyBox 									{ gap: 70px; }
#skySec .skyBox .content 							{ max-width: 530px; padding-bottom: 70px; }
#skySec .skyBox .content h2.h2						{ margin: 0 0 32px 0; font-size: 3.125rem; line-height: 3.75rem; }
#skySec .skyBox .image 								{ padding-right: 100px; }
#skySec .skyBox .image .imageThumb 					{ width: 270px; height: 246px; bottom: 70px; }

#locationSec .locationBox 							{ gap: 100px; }
#locationSec .locationBox .content 					{ max-width: 500px; }
#locationSec .locationBox .content span.title 		{ font-size: 2.5rem; line-height: 3.125rem; }
#locationSec .locationBox .image 					{ max-width: 500px; }

#faqSec .faqBox 									{ gap: 100px; padding: 0 70px; }
#faqSec .faqBox .content 							{ max-width: 390px; }
#faqSec .faqBox .content h2.h2 						{ font-size: 2.5rem; line-height: 3.125rem; }

/*----------------- Inner Pages -----------------*/

/*----------------- Rooms Page -----------------*/
#roomsSec .roomsBox .roomsMenu 						{ max-width: 470px; }

/*----------------- FAQs Landing Page -----------------*/
#faqsLandingSec .faqsBox .faqsMenu 					{ max-width: 470px; }

/*----------------- Room Details Page -----------------*/
#roomsDetailSec .contentBox 						{ gap: 50px; padding: 0; }
#roomsDetailSec .contentBox .titleBox 				{ max-width: 424px; }
#roomsDetailSec .contentBox .titleBox h2.h2			{ font-size: 2.5rem; line-height: 3.125rem; }
#roomsDetailSec .contentBox .content 				{ padding-left: 50px; }
#roomsDetailSec .contentBox .content ul 			{ row-gap: 30px; column-gap: 30px; }
#roomsDetailSec .contentBox .content ul li 			{ width: calc(50% - 15px); font-size: 1.4375rem; line-height: 1.75rem; }
#roomsDetailSec .imageBox 							{ --circleFullWidth: 496px; }
#roomsDetailSec .imageBox .circleFull 				{ left: -272px; }

#roomsDetailSlider .roomdetailBox 					{ --circleFullWidth: 496px; }
#roomsDetailSlider .roomdetailBox .circleFull 		{ right: -234px; }
#roomsDetailSlider .roomdetail-slider .swiper-slide { min-height: 500px; }

/*----------------- Gastronomy Page -----------------*/
#gastronomySlider .gastronomy-slider .swiper-slide 	{ min-height: 500px; }

.zigzagSec .zigzagBox 								{ gap: 70px; padding-right: 30px; }
.zigzagSec.firstzigzag .zigzagBox,
.zigzagSec + .zigzagSec + .zigzagSec .zigzagBox,
.zigzagSec + .zigzagSec + .zigzagSec + .zigzagSec + .zigzagSec .zigzagBox { padding-left: 30px; padding-right: 0; }
.zigzagSec .zigzagBox .image 						{ max-width: 620px; }
.zigzagSec .zigzagBox .content h3.h3 				{ font-size: 2.5rem; line-height: 3.125rem; }
.zigzagSec .zigzagImgBox .image1 					{ max-width: 552px; }
.zigzagSec .zigzagImgBox .image2 					{ max-width: 480px; }

/*----------------- Experiences Page -----------------*/
#experienceSec .experienceBox 						{ gap: 70px; padding-left: 30px; }
#experienceSec .experienceBox .image 				{ max-width: 620px; }

/*----------------- Location Page -----------------*/
#contactMapsSec .contactMapsBox 					{ gap: 100px; }
#contactMapsSec .contactMapsBox .content 			{ max-width: 500px; }
#contactMapsSec .contactMapsBox .content span.title { font-size: 2.5rem; line-height: 3.125rem; }
#contactMapsSec .contactMapsBox .image 				{ max-width: 500px; }

#contactRouteSec .contactRouteBox 					{ gap: 70px; padding-right: 30px; }
#contactRouteSec .contactRouteBox .image 			{ max-width: 620px; }
#contactRouteSec .contactRouteBox .content h2.h2 	{ font-size: 2.5rem; line-height: 3.125rem; }

#introTextSec 										{ padding: 60px 50px; }
#introTextSec .introTextBox h1.h1 					{ margin: 0 0 32px 0; font-size: 2.5rem; line-height: 3.125rem; }
#introTextSec .introTextBox .description p 			{ font-size: 1.125rem; line-height: 1.625rem; }

#contactInfoSec .contactInfoBox 					{ gap: 50px; padding: 0 70px; }
#contactInfoSec .contactInfoBox .contactDetail h3.h3 { font-size: 2.5rem; line-height: 3.125rem; }
#contactInfoSec .contactInfoBox .contactForm 		{ padding-left: 50px; }

}



/* #iPad Pro - Large Screens beyond 1024px
================================================== */
@media only screen and (min-width: 959px) and (max-width: 1180px) {

:root												{ --container-width: 960px; }
.container											{ max-width: 960px; }


#slider > .container 								{ max-width: calc(100% - 32px - 32px); }

#welcomeSec											{ padding-top: 70px; padding-bottom: 70px; }
#welcomeSec .welcomeBox 							{ gap: 50px; }
#welcomeSec .welcomeBox .content 					{ max-width: 370px; padding-bottom: 70px; }
#welcomeSec .welcomeBox .content h1.h1				{ margin: 0 0 32px 0; font-size: 2.125rem; line-height: 2.75rem; }
#welcomeSec .welcomeBox .content p 					{ margin: 0 0 20px 0; font-size: 1.125rem; line-height: 1.5625rem; }
#welcomeSec .welcomeBox .image 						{ padding-left: 70px; }
#welcomeSec .welcomeBox .image .imageThumb 			{ width: 230px; bottom: 70px; }

#apartmentsSec 										{ padding-top: 70px; padding-bottom: 40px; --circleFullWidth: 496px; }
#apartmentsSec .contentBox .titleBox 				{ width: 42%; }
#apartmentsSec .contentBox .titleBox h2.h2 			{ font-size: 2.125rem; line-height: 2.75rem; }
#apartmentsSec .contentBox .content 				{ width: 54%; }
#apartmentsSec .contentBox .content p 				{ margin: 0 0 20px 0; font-size: 1.125rem; line-height: 1.5625rem; }

#apartmentSlider .caption 							{ gap: 30px; max-width: 470px; }
#apartmentSlider .caption h3.h3						{ font-size: 1.875rem; line-height: 2.5rem; }
#apartmentSlider .caption .bookBtnBox .exploreBtn,
#apartmentSlider .caption .bookBtnBox .bookNowBtn	{ padding: 10px 17px; }
#apartmentSlider .apartment-slider .swiper-slide 	{ min-height: 400px; }

#apartmentThumbSec 									{ padding: 15px 15px 70px 15px; --circleFullWidth: 357px; }
#apartmentThumbSec .circleFull 						{ right: -170px; }
#apartmentThumbSec .apartmentThumbBox .item .info 	{ padding: 15px 0 0 0; }
#apartmentThumbSec .apartmentThumbBox .item .info h3.h3 { font-size: 1.5625rem; line-height: 1.875rem; }
#apartmentThumbSec .apartmentThumbBox .item .info .bookBtnBox .bookNowBtn,
#apartmentThumbSec .apartmentThumbBox .item .info .bookBtnBox .exploreBtn { padding: 10px 17px; }
#apartmentThumbSec .discoverBox 					{ margin-top: 50px; }
#apartmentThumbSec .discoverBox .discoverBtn		{ padding: 10px 17px; }

#skySec .skyBox 									{ gap: 50px; }
#skySec .skyBox .slideCounter 						{ right: 10px; }
#skySec .skyBox .content 							{ max-width: 370px; padding-bottom: 70px; }
#skySec .skyBox .content h2.h2						{ margin: 0 0 32px 0; font-size: 2.125rem; line-height: 2.75rem; }
#skySec .skyBox .content p 							{ margin: 0 0 20px 0; font-size: 1.125rem; line-height: 1.5625rem; }
#skySec .skyBox .image 								{ padding-right: 70px; }
#skySec .skyBox .image .imageThumb					{ width: 230px; height: 210px; bottom: 70px; }
#skySec .skyBox .content .exploreBtn				{ padding: 10px 17px; }

#locationSec										{ padding-top: 70px; padding-bottom: 70px; }
#locationSec .locationBox 							{ gap: 70px; }
#locationSec .locationBox .content 					{ max-width: 420px; }
#locationSec .locationBox .content span.title		{ margin: 0 0 32px 0; font-size: 2.125rem; line-height: 2.75rem; }
#locationSec .locationBox .content p 				{ margin: 0 0 20px 0; font-size: 1.125rem; line-height: 1.5625rem; }
#locationSec .locationBox .content .arrivalBtn		{ padding: 10px 17px; }
#locationSec .locationBox .image 					{ max-width: 420px; }

#faqSec												{ padding-top: 70px; padding-bottom: 70px; }
#faqSec .faqBox 									{ gap: 100px; padding: 0 0px; }
#faqSec .faqBox .content 							{ max-width: 330px; }
#faqSec .faqBox .content h2.h2						{ margin: 0 0 32px 0; font-size: 2.125rem; line-height: 2.75rem; }
#faqSec .faqBox .content p 							{ margin: 0 0 20px 0; font-size: 1.125rem; line-height: 1.5625rem; }
#faqSec .faqBox .content .faqbtn					{ padding: 10px 17px; }
#faqSec .faqBox .accordionBox .accordion .accordion-item .accordion-header h3 { padding: 12px 0px 12px 24px; font-size: 1.125rem; }
#faqSec .faqBox .accordionBox .accordion .accordion-item .accordion-body { padding: 0 24px 20px 24px; }
#faqSec .faqBox .accordionBox .accordion .accordion-item .accordion-body p { margin: 0 0 20px 0; font-size: 1.125rem; line-height: 1.5625rem; }

#footer 											{ padding: 0 15px; }
.footerSection 										{ padding-top: 50px; padding-bottom: 50px; }
.footerSection .ftr_menu 							{ gap: 30px; }
.footerSection .ftr_menu .box 						{ width: 100%; }
.footerSection .ftr_menu .box ul li					{ font-size: 1.125rem; }
.footerSection .ftr_menu .certificationBox 			{ width: 100%; }
.footerSection .ftr_address ul li 					{ font-size: 1.125rem; }
.ftrLinks 											{ gap: 15px; }

/*----------------- Inner Pages -----------------*/
#innerBanner > .container 							{ max-width: calc(100% - 32px - 32px); }

/*----------------- Rooms Page -----------------*/
#roomsSec 											{ padding: 0 32px; }
#roomsSec .contentBox 								{ padding: 70px 0; }
#roomsSec .roomsBox 								{ margin-bottom: 70px; }
#roomsSec .roomsBox .roomsMenu 						{ max-width: 470px; }
#roomsSec .roomsBox .roomsCont .roomItems .info h3.h3 { font-size: 1.75rem; line-height: 2.125rem; }

/*----------------- FAQs Landing Page -----------------*/
#faqsLandingSec 									{ padding: 0 32px; }
#faqsLandingSec .contentBox 						{ padding: 70px 0; }
#faqsLandingSec .faqsBox 							{ margin-bottom: 70px; }
#faqsLandingSec .faqsBox .faqsMenu 					{ max-width: 470px; }

/*----------------- Room Details Page -----------------*/
#roomsDetailSec 									{ padding: 70px 32px; }
#roomsDetailSec .contentBox 						{ gap: 30px; padding: 0; }
#roomsDetailSec .contentBox .titleBox 				{ max-width: 374px; }
#roomsDetailSec .contentBox .titleBox h2.h2			{ margin: 0 0 20px 0; font-size: 2.125rem; line-height: 2.75rem; }
#roomsDetailSec .contentBox .titleBox p 			{ margin: 0 0 20px 0; font-size: 1.125rem; line-height: 1.5625rem; }
#roomsDetailSec .contentBox .content 				{ padding-left: 30px; }
#roomsDetailSec .contentBox .content ul 			{ row-gap: 30px; column-gap: 30px; }
#roomsDetailSec .contentBox .content ul li 			{ width: calc(50% - 15px); font-size: 1.25rem; line-height: 1.5625rem; }
#roomsDetailSec .imageBox 							{ margin-top: 70px; --circleFullWidth: 436px; }
#roomsDetailSec .imageBox .circleFull 				{ left: -252px; }

#roomsDetailSlider 									{ padding: 0 32px; }
#roomsDetailSlider .titlebox 						{ max-width: 820px; padding-bottom: 70px; }
#roomsDetailSlider .titlebox span.title				{ font-size: 2.125rem; line-height: 2.75rem; }
#roomsDetailSlider .roomdetailBox 					{ --circleFullWidth: 436px; }
#roomsDetailSlider .roomdetailBox .circleFull 		{ right: -224px; }
#roomsDetailSlider .roomdetail-slider .swiper-slide { min-height: 400px; }
#roomsDetailSlider .roomdetail-slider .swiperNav 	{ right: 32px; left: 32px; }

#roomsAppartmentSec 								{ padding: 70px 32px; }
#roomsAppartmentSec .titleBox 						{ max-width: 820px; padding-bottom: 70px; }
#roomsAppartmentSec .titleBox span.title 			{ font-size: 1.75rem; line-height: 2.125rem; }
#roomsAppartmentSec .appartmentsBox .item .info 	{ padding: 15px 0 0 0; }
#roomsAppartmentSec .appartmentsBox .item .info h3.h3 { font-size: 1.75rem; line-height: 2.125rem; }

/*----------------- Gastronomy Page -----------------*/
#innerNavSec										{ padding: 70px 32px 0; }

#gastronomySlider 									{ padding: 0 32px 70px 32px; }
#gastronomySlider .contentBox 						{ padding: 70px 0; }
#gastronomySlider .contentBox p 					{ font-size: 1.75rem; line-height: 2.375rem; }
#gastronomySlider .gastronomy-slider .swiper-slide 	{ min-height: 400px; }
#gastronomySlider .gastronomy-slider .swiperNav		{ right: 32px; left: 32px; }

.zigzagSec 											{ padding: 0 32px 70px 32px; }
.zigzagSec .zigzagBox,
.zigzagSec.firstzigzag .zigzagBox,
.zigzagSec + .zigzagSec + .zigzagSec .zigzagBox,
.zigzagSec + .zigzagSec + .zigzagSec + .zigzagSec .zigzagBox,
.zigzagSec + .zigzagSec + .zigzagSec + .zigzagSec + .zigzagSec .zigzagBox,
.zigzagSec + .zigzagSec + .zigzagSec + .zigzagSec + .zigzagSec + .zigzagSec .zigzagBox { flex-direction: column; gap: 30px; padding-right: 0; padding-left: 0; }
.zigzagSec .zigzagBox .image 						{ max-width: 520px; }
.zigzagSec .zigzagBox .content h3.h3 				{ margin: 0 0 20px 0; font-size: 2.125rem; line-height: 2.75rem; }
.zigzagSec .zigzagBox .content p 					{ margin: 0 0 20px 0; font-size: 1.125rem; line-height: 1.5625rem; }
.zigzagSec .zigzagBox .content .btnBox 				{ margin-top: 20px; }
.zigzagSec .zigzagBox .content .btnBox .bookNowBtn,
.zigzagSec .zigzagBox .content .btnBox .exploreBtn 	{ padding: 10px 17px; }
.zigzagSec .zigzagImgBox 							{ padding-top: 70px; }
.zigzagSec .zigzagImgBox .image1 					{ max-width: 452px; }
.zigzagSec .zigzagImgBox .image2 					{ max-width: 395px; }

#zigzagClaimSec 									{ padding: 0 32px 70px 32px; }
#zigzagClaimSec .titleBox span.title 				{ font-size: 1.75rem; line-height: 2.375rem; }

/*----------------- Experiences Page -----------------*/
#experienceSec 										{ padding: 0 32px 70px 32px; }
#experienceSec .titlebox							{ max-width: 820px; padding: 70px 0; }
#experienceSec .titlebox h2.h2 						{ font-size: 2.125rem; line-height: 2.75rem; }
#experienceSec .experienceBox 						{ gap: 30px; padding-left: 0; }
#experienceSec .experienceBox .content p 			{ margin: 0 0 20px 0; font-size: 1.125rem; line-height: 1.5625rem; }
#experienceSec .experienceBox .content .btnBox 		{ margin-top: 20px; }
#experienceSec .experienceBox .content .btnBox .bookNowBtn,
#experienceSec .experienceBox .content .btnBox a 			{ padding: 10px 17px; }
#experienceSec .experienceBox .image 				{ max-width: 520px; }

#experienceVideo 									{ padding: 0 32px 70px 32px; }

/*----------------- Location Page -----------------*/
#contactMapsSec										{ padding-top: 70px; padding-bottom: 70px; }
#contactMapsSec .contactMapsBox 					{ gap: 70px; }
#contactMapsSec .contactMapsBox .content 			{ max-width: 420px; }
#contactMapsSec .contactMapsBox .content span.title { margin: 0 0 20px 0; font-size: 2.125rem; line-height: 2.75rem; }
#contactMapsSec .contactMapsBox .content p 			{ margin: 0 0 20px 0; font-size: 1.125rem; line-height: 1.5625rem; }
#contactMapsSec .contactMapsBox .content .viewBtn 	{ padding: 10px 17px; }
#contactMapsSec .contactMapsBox .image 				{ max-width: 420px; }

#contactRouteSec 									{ padding: 70px 32px; }
#contactRouteSec .contactRouteBox,
#contactRouteSec:nth-child(even) .contactRouteBox 	{ flex-direction: column; gap: 30px; padding-right: 0; padding-left: 0; }
#contactRouteSec .contactRouteBox .image 			{ max-width: 520px; }
#contactRouteSec .contactRouteBox .content h2.h2 	{ margin: 0 0 20px 0; font-size: 2.125rem; line-height: 2.75rem; }
#contactRouteSec .contactRouteBox .content p 		{ margin: 0 0 20px 0; font-size: 1.125rem; line-height: 1.5625rem; }
#contactRouteSec .contactRouteBox .content .btnBox 	{ margin-top: 20px; }
#contactRouteSec .contactRouteBox .content .btnBox .bookNowBtn,
#contactRouteSec .contactRouteBox .content .btnBox .exploreBtn { padding: 10px 17px; }

#introTextSec 										{ padding: 60px 32px; }
#introTextSec .introTextBox h1.h1 					{ margin: 0 0 28px 0; font-size: 2.125rem; line-height: 2.75rem; }
#introTextSec .introTextBox .description p 			{ margin: 0 0 20px 0; font-size: 1.125rem; line-height: 1.5625rem; }
#introTextSec .introTextBox .description h2 		{ margin: 32px 0 20px 0; font-size: 1.5rem; line-height: 2rem; }
#introTextSec .introTextBox .description h3 		{ margin: 24px 0 12px 0; font-size: 1.25rem; line-height: 1.75rem; }

#contactInfoSec 									{ padding: 70px 32px; }
#contactInfoSec .contactInfoBox 					{ gap: 30px; padding: 0; }
#contactInfoSec .contactInfoBox .contactDetail 		{ max-width: 420px; }
#contactInfoSec .contactInfoBox .contactDetail h3.h3 { margin: 0 0 20px 0; font-size: 2.125rem; line-height: 2.75rem; }
#contactInfoSec .contactInfoBox .contactDetail p 	{ margin: 0 0 20px 0; font-size: 1.125rem; line-height: 1.5625rem; }
#contactInfoSec .contactInfoBox .contactForm 		{ max-width: 834px; padding-left: 30px; }
#contactInfoSec .contactInfoBox .contactForm .sendButton { padding: 10px 17px; }

}



/* #Tablet (Portrait)
================================================== */
/* Note: Design for a width of 768px */
@media only screen and (min-width: 768px) and (max-width: 959px) {

:root												{ --container-width: 100%; }
.container											{ max-width: 100%; padding: 0 15px; }

.swiperNav [class*=swiper-button-],
.swiperNavDots [class*=swiper-button-] 				{ width: 40px; height: 40px; }
.swiperNav [class*=swiper-button-] img,
.swiperNavDots [class*=swiper-button-] img 			{ width: 17px; }

.btnText span 										{ margin: 3px 0 -2px 0; }



#slider, #slider .home-slider						{ width: 100%; height: 100dvh; z-index: inherit; }
#slider > .container 								{ max-width: calc(100% - 15px - 15px); }
#slider > .container .bookBtnBox 					{ display: block; }
#slider .home-slider .swiperNav						{ display: none; }
#slider .home-slider .swiperCountDots [class*=swiper-button-] { display: none; }

#caption 											{ bottom: 86px; }
#caption .boxOverflow 								{ margin: 0 0 20px 0; }
#caption .title 									{ font-size: 2.125rem; line-height: 2.75rem; }
#caption .subtitle 									{ font-size: 0.875rem; line-height: 1.275rem; }

#welcomeSec											{ padding-top: 70px; padding-bottom: 70px; }
#welcomeSec .welcomeBox 							{ gap: 30px; }
#welcomeSec .welcomeBox .content 					{ padding-bottom: 50px; }
#welcomeSec .welcomeBox .content h1.h1				{ margin: 0 0 30px 0; font-size: 2.125rem; line-height: 2.75rem; }
#welcomeSec .welcomeBox .content p 					{ margin: 0 0 20px 0; font-size: 1rem; line-height: 1.5rem; }
#welcomeSec .welcomeBox .image 						{ padding-left: 50px; }
#welcomeSec .welcomeBox .image .imageThumb 			{ width: 160px; bottom: 50px; }

#apartmentsSec 										{ padding-top: 70px; padding-bottom: 40px; --circleFullWidth: 496px; }
#apartmentsSec .contentBox 							{ flex-direction: column; align-items: flex-start; }
#apartmentsSec .contentBox .titleBox 				{ width: 100%; }
#apartmentsSec .contentBox .titleBox h2.h2 			{ font-size: 2.125rem; line-height: 2.75rem; }
#apartmentsSec .contentBox .content 				{ width: 100%; }
#apartmentsSec .contentBox .content p 				{ max-width: none; font-size: 1rem; line-height: 1.5rem; }
#apartmentSlider .apartment-slider .swiper-slide 	{ min-height: 450px; }

#apartmentSlider .caption 							{ gap: 20px; max-width: 420px; }
#apartmentSlider .caption h3.h3						{ font-size: 1.6875rem; line-height: 2.3125rem; }
#apartmentSlider .caption .bookBtnBox .exploreBtn,
#apartmentSlider .caption .bookBtnBox .bookNowBtn	{ padding: 10px 17px; font-size: 0.875rem; }
#apartmentSlider .apartment-slider .swiperNav 		{ padding: 0 15px; }

#apartmentThumbSec 									{ padding: 15px 15px 70px 15px; --circleFullWidth: 307px; }
#apartmentThumbSec .circleFull 						{ right: -170px; }
#apartmentThumbSec .apartmentThumbBox .item .info 	{ padding: 15px 0 0 0; }
#apartmentThumbSec .apartmentThumbBox .item .info h3.h3 { min-height: 56px; font-size: 1.4375rem; line-height: 1.75rem; }
#apartmentThumbSec .apartmentThumbBox .item .info h3.h3 br { display: none; }
#apartmentThumbSec .apartmentThumbBox .item .info .bookBtnBox { gap: 6px; }
#apartmentThumbSec .apartmentThumbBox .item .info .bookBtnBox .bookNowBtn,
#apartmentThumbSec .apartmentThumbBox .item .info .bookBtnBox .exploreBtn { padding: 10px 17px; font-size: 0.8125rem; }
#apartmentThumbSec .discoverBox 					{ margin-top: 50px; }
#apartmentThumbSec .discoverBox .discoverBtn		{ padding: 10px 17px; font-size: 0.875rem; }

#skySec .skyBox 									{ gap: 30px; }
#skySec .skyBox .slideCounter 						{ top: 40%; right: 52%; }
#skySec .skyBox .content 							{ padding-bottom: 70px; }
#skySec .skyBox .content h2.h2						{ margin: 0 0 30px 0; font-size: 2.125rem; line-height: 2.75rem; }
#skySec .skyBox .content p 							{ margin: 0 0 20px 0; font-size: 1rem; line-height: 1.5rem; }
#skySec .skyBox .image 								{ padding-right: 50px; }
#skySec .skyBox .image .imageThumb					{ width: 160px; height: 145px; bottom: 70px; }
#skySec .skyBox .content .exploreBtn				{ padding: 10px 17px; font-size: 0.875rem; }

#locationSec										{ padding-top: 70px; padding-bottom: 70px; }
#locationSec .locationBox 							{ gap: 30px; }
#locationSec .locationBox .content 					{ max-width: 420px; }
#locationSec .locationBox .content span.title		{ margin: 0 0 30px 0; font-size: 1.875rem; line-height: 2.5rem; }
#locationSec .locationBox .content p 				{ margin: 0 0 20px 0; font-size: 1rem; line-height: 1.5rem; }
#locationSec .locationBox .content .arrivalBtn		{ padding: 10px 17px; font-size: 0.875rem; }
#locationSec .locationBox .image 					{ max-width: 420px; }

#faqSec												{ padding-top: 70px; padding-bottom: 70px; }
#faqSec .faqBox 									{ gap: 30px; padding: 0 0px; }
#faqSec .faqBox .content h2.h2						{ margin: 0 0 30px 0; font-size: 1.875rem; line-height: 2.5rem; }
#faqSec .faqBox .content p 							{ margin: 0 0 30px 0; font-size: 1rem; line-height: 1.5rem; }
#faqSec .faqBox .content .faqbtn					{ padding: 10px 17px; font-size: 0.875rem; }
#faqSec .faqBox .accordionBox .accordion .accordion-item .accordion-header h3 { padding: 12px 0px 12px 15px; font-size: 1.125rem; }
#faqSec .faqBox .accordionBox .accordion .accordion-item .accordion-body { padding: 0 0 15px 15px; }
#faqSec .faqBox .accordionBox .accordion .accordion-item .accordion-body p { margin: 0 0 15px 0; font-size: 1rem; line-height: 1.5rem; }

#footer 											{ padding: 0 15px; margin-bottom: 66px; }
.footerSection 										{ padding-top: 50px; padding-bottom: 50px; }
.footerSection .ftr_logo .logo a img				{ width: 200px; }
.footerSection .ftr_menu 							{ gap: 30px; }
.footerSection .ftr_menu .box 						{ width: 100%; }
.footerSection .ftr_menu .box ul li					{ font-size: 1.125rem; }
.footerSection .ftr_menu .box ul li a br			{ display: none; }
.footerSection .ftr_menu .certificationBox 			{ width: 100%; }
.footerSection .ftr_address ul li 					{ font-size: 1.125rem; }
.ftrLinks 											{ gap: 15px; }

/*----------------- Inner Pages -----------------*/
#innerBanner, #innerBanner .inner-slider			{ width: 100%; height: 100dvh; z-index: inherit; }
#innerBanner > .container 							{ max-width: calc(100% - 15px - 15px); }
#innerBanner > .container .bookBtnBox 				{ display: block; }
#innerBanner .inner-slider .swiperNav				{ display: none; }
#innerBanner .inner-slider .swiperCountDots [class*=swiper-button-] { display: flex; }

/*----------------- Rooms Page -----------------*/
#roomsSec 											{ padding: 0 15px; }
#roomsSec .contentBox 								{ padding: 70px 0; }
#roomsSec .contentBox p 							{ margin: 0 0 20px 0; font-size: 1.4375rem; line-height: 2.0625rem; }
#roomsSec .roomsBox 								{ margin-bottom: 70px; }
#roomsSec .roomsBox .roomsMenu 						{ max-width: 470px; padding: 15px 15px; }
#roomsSec .roomsBox .roomsMenu ul > li 				{ margin: 0 0 20px 0; font-size: 1.25rem; line-height: 1.5625rem; }
#roomsSec .roomsBox .roomsMenu ul > li > span 		{ margin: 0 0 10px 0; font-size: 1.25rem; line-height: 1.5625rem; }
#roomsSec .roomsBox .roomsMenu ul > li > ul 		{ padding: 0 0 0 15px; }
#roomsSec .roomsBox .roomsMenu ul > li > ul > li 	{ margin: 0 0 10px 0; font-size: 1.25rem; line-height: 1.5625rem; }
#roomsSec .roomsBox .roomsMenu ul > li > ul > li > a br { display: none; }
#roomsSec .roomsBox .roomsCont 						{ padding: 15px 15px; }
#roomsSec .roomsBox .roomsCont .roomItems .info 	{ padding: 15px 0 0; }
#roomsSec .roomsBox .roomsCont .roomItems .info ul.meta li { font-size: 0.875rem; line-height: 1.125rem; }
#roomsSec .roomsBox .roomsCont .roomItems .info h3.h3 { margin: 0 0 20px 0; font-size: 1.4375rem; line-height: 1.75rem; }
#roomsSec .roomsBox .roomsCont .roomItems .info p 	{ margin: 0 0 20px 0; font-size: 1rem; line-height: 1.5rem; }
#roomsSec .roomsBox .roomsCont .roomItems .info .btnBox { margin-top: 0; }
#roomsSec .roomsBox .roomsCont .roomItems .info .btnBox .bookNowBtn,
#roomsSec .roomsBox .roomsCont .roomItems .info .btnBox .exploreBtn	{ padding: 10px 17px; font-size: 0.875rem; }

/*----------------- FAQs Landing Page -----------------*/
#faqsLandingSec 									{ padding: 0 15px; }
#faqsLandingSec .contentBox 						{ padding: 70px 0; }
#faqsLandingSec .contentBox p 						{ margin: 0 0 20px 0; font-size: 1.4375rem; line-height: 2.0625rem; }
#faqsLandingSec .faqsBox 							{ margin-bottom: 70px; }
#faqsLandingSec .faqsBox .faqsMenu 					{ max-width: 470px; padding: 15px 15px; }
#faqsLandingSec .faqsBox .faqsMenu ul > li 			{ margin: 0 0 15px 0; font-size: 1.25rem; line-height: 1.5625rem; }
#faqsLandingSec .faqsBox .faqsCont 					{ padding: 15px 15px; }
#faqsLandingSec .faqsBox .faqsCont .accordionBox .accordion .accordion-item .accordion-header h3 { font-size: 1.125rem; line-height: 1.3rem; }
#faqsLandingSec .faqsBox .faqsCont .accordionBox .accordion .accordion-item .accordion-body p { font-size: 1rem; line-height: 1.5rem; }

/*----------------- Room Details Page -----------------*/
#roomsDetailSec 									{ padding: 70px 15px; }
#roomsDetailSec .contentBox 						{ flex-direction: column; gap: 30px; padding: 0; }
#roomsDetailSec .contentBox .titleBox 				{ max-width: 100%; padding: 0; }
#roomsDetailSec .contentBox .titleBox h2.h2			{ margin: 0 0 20px 0; font-size: 1.875rem; line-height: 2.5rem; }
#roomsDetailSec .contentBox .titleBox p 			{ margin: 0 0 20px 0; font-size: 1rem; line-height: 1.5rem; }
#roomsDetailSec .contentBox .content 				{ padding: 30px 0 0 0; border-left: none; border-top: 1px solid #DED9D4; }
#roomsDetailSec .contentBox .content ul 			{ row-gap: 20px; column-gap: 20px; }
#roomsDetailSec .contentBox .content ul li 			{ width: calc(50% - 10px); font-size: 1.25rem; line-height: 1.5625rem; }
#roomsDetailSec .imageBox 							{ margin-top: 70px; --circleFullWidth: 307px; }
#roomsDetailSec .imageBox .circleFull 				{ top: -40px; left: -163px; }

#roomsDetailSlider 									{ padding: 0 15px; }
#roomsDetailSlider .titlebox 						{ max-width: 820px; padding-bottom: 70px; }
#roomsDetailSlider .titlebox span.title				{ font-size: 2.125rem; line-height: 2.75rem; }
#roomsDetailSlider .roomdetailBox 					{ --circleFullWidth: 337px; }
#roomsDetailSlider .roomdetailBox .circleFull 		{ top: -47px; right: -173px; }
#roomsDetailSlider .roomdetail-slider .swiper-slide { min-height: 450px; }
#roomsDetailSlider .roomdetail-slider .swiperNav 	{ right: 15px; left: 15px; }

#roomsAppartmentSec 								{ padding: 70px 15px; }
#roomsAppartmentSec .titleBox 						{ max-width: 820px; padding-bottom: 70px; }
#roomsAppartmentSec .titleBox span.title 			{ font-size: 1.75rem; line-height: 2.125rem; }
#roomsAppartmentSec .titleBox span.title br 		{ display: none; }
#roomsAppartmentSec .appartmentsBox .item .info 	{ padding: 15px 0 0 0; }
#roomsAppartmentSec .appartmentsBox .item .info ul.meta li { font-size: 0.875rem; line-height: 1.125rem; }
#roomsAppartmentSec .appartmentsBox .item .info h3.h3 { font-size: 1.4375rem; line-height: 1.75rem; }

/*----------------- Gastronomy Page -----------------*/
#innerNavSec										{ padding: 70px 15px 0; }
#innerNavSec .innerNavBox ul.items li 				{ font-size: 1.125rem; }

#gastronomySlider 									{ padding: 0 15px 70px 15px; }
#gastronomySlider .contentBox 						{ padding: 70px 0; }
#gastronomySlider .contentBox p 					{ font-size: 1.75rem; line-height: 2.375rem; }
#gastronomySlider .gastronomy-slider .swiper-slide 	{ min-height: 450px; }
#gastronomySlider .gastronomy-slider .swiperNav		{ right: 15px; left: 15px; }

.zigzagSec 											{ padding: 0 15px 70px 15px; }
.zigzagSec .zigzagBox,
.zigzagSec.firstzigzag .zigzagBox,
.zigzagSec + .zigzagSec + .zigzagSec .zigzagBox,
.zigzagSec + .zigzagSec + .zigzagSec + .zigzagSec .zigzagBox,
.zigzagSec + .zigzagSec + .zigzagSec + .zigzagSec + .zigzagSec .zigzagBox,
.zigzagSec + .zigzagSec + .zigzagSec + .zigzagSec + .zigzagSec + .zigzagSec .zigzagBox { flex-direction: column; gap: 30px; padding-right: 0; padding-left: 0; }
.zigzagSec .zigzagBox .image 						{ max-width: 370px; }
.zigzagSec .zigzagBox .content h3.h3 				{ margin: 0 0 20px 0; font-size: 1.875rem; line-height: 2.5rem; }
.zigzagSec .zigzagBox .content p 					{ margin: 0 0 20px 0; font-size: 1rem; line-height: 1.5rem; }
.zigzagSec .zigzagBox .content .btnBox 				{ margin-top: 20px; }
.zigzagSec .zigzagBox .content .btnBox .bookNowBtn,
.zigzagSec .zigzagBox .content .btnBox .exploreBtn 	{ padding: 10px 17px; font-size: 0.875rem; }
.zigzagSec .zigzagImgBox 							{ padding-top: 30px; }
.zigzagSec .zigzagImgBox .image1 					{ max-width: 340px; }
.zigzagSec .zigzagImgBox .image2 					{ max-width: 338px; }

#zigzagClaimSec 									{ padding: 0 15px 70px 15px; }
#zigzagClaimSec .titleBox span.title 				{ font-size: 1.75rem; line-height: 2.375rem; }

/*----------------- Experiences Page -----------------*/
#experienceSec 										{ padding: 0 15px 70px 15px; }
#experienceSec .titlebox							{ max-width: 820px; padding: 70px 0; }
#experienceSec .titlebox h2.h2 						{ font-size: 2.125rem; line-height: 2.75rem; }
#experienceSec .experienceBox 						{ gap: 30px; padding-left: 0; }
#experienceSec .experienceBox .content p 			{ margin: 0 0 20px 0; font-size: 1rem; line-height: 1.5rem; }
#experienceSec .experienceBox .content .btnBox 		{ margin-top: 20px; }
#experienceSec .experienceBox .content .btnBox .bookNowBtn,
#experienceSec .experienceBox .content .btnBox a 			{ padding: 10px 17px; font-size: 0.875rem; }
#experienceSec .experienceBox .image 				{ max-width: 370px; }

#experienceVideo 									{ padding: 0 15px 70px 15px; }

/*----------------- Location Page -----------------*/
#contactMapsSec										{ padding-top: 70px; padding-bottom: 70px; }
#contactMapsSec .contactMapsBox 					{ gap: 30px; }
#contactMapsSec .contactMapsBox .content 			{ max-width: 420px; }
#contactMapsSec .contactMapsBox .content span.title { margin: 0 0 20px 0; font-size: 1.875rem; line-height: 2.5rem; }
#contactMapsSec .contactMapsBox .content p 			{ margin: 0 0 20px 0; font-size: 1rem; line-height: 1.5rem; }
#contactMapsSec .contactMapsBox .content .viewBtn 	{ padding: 10px 17px; font-size: 0.875rem; }
#contactMapsSec .contactMapsBox .image 				{ max-width: 420px; }

#contactRouteSec 									{ padding: 70px 15px; }
#contactRouteSec .contactRouteBox,
#contactRouteSec:nth-child(even) .contactRouteBox 	{ flex-direction: column; gap: 30px; padding-right: 0; padding-left: 0; }
#contactRouteSec .contactRouteBox .image 			{ max-width: 370px; }
#contactRouteSec .contactRouteBox .content h2.h2 	{ margin: 0 0 20px 0; font-size: 1.875rem; line-height: 2.5rem; }
#contactRouteSec .contactRouteBox .content p 		{ margin: 0 0 20px 0; font-size: 1rem; line-height: 1.5rem; }
#contactRouteSec .contactRouteBox .content .btnBox 	{ margin-top: 20px; }
#contactRouteSec .contactRouteBox .content .btnBox .bookNowBtn,
#contactRouteSec .contactRouteBox .content .btnBox .exploreBtn { padding: 10px 17px; font-size: 0.875rem; }

#introTextSec 										{ padding: 50px 15px; }
#introTextSec .introTextBox h1.h1 					{ margin: 0 0 24px 0; font-size: 1.875rem; line-height: 2.5rem; }
#introTextSec .introTextBox .description p 			{ margin: 0 0 16px 0; font-size: 1rem; line-height: 1.5rem; }
#introTextSec .introTextBox .description h2 		{ margin: 28px 0 16px 0; font-size: 1.375rem; line-height: 1.875rem; }
#introTextSec .introTextBox .description h3 		{ margin: 20px 0 12px 0; font-size: 1.125rem; line-height: 1.625rem; }
#introTextSec .introTextBox .description ul li,
#introTextSec .introTextBox .description ol li 		{ font-size: 1rem; line-height: 1.5rem; }

#contactInfoSec 									{ padding: 70px 15px; }
#contactInfoSec .contactInfoBox 					{ flex-direction: column; gap: 30px; padding: 0; }
#contactInfoSec .contactInfoBox .contactDetail 		{ max-width: 100%; padding: 0; }
#contactInfoSec .contactInfoBox .contactDetail h3.h3 { margin: 0 0 20px 0; font-size: 1.875rem; line-height: 2.5rem; }
#contactInfoSec .contactInfoBox .contactDetail p 	{ margin: 0 0 20px 0; font-size: 1rem; line-height: 1.5rem; }
#contactInfoSec .contactInfoBox .contactDetail .smalltitle { margin: 20px 0 10px 0; font-size: 1rem; line-height: 1.375rem; }
#contactInfoSec .contactInfoBox .contactDetail ul li { font-size: 1.125rem; line-height: 1.5625rem; }
#contactInfoSec .contactInfoBox .contactForm 		{ max-width: 100%; padding: 40px 0 0 0; border-left: none; border-top: 1px solid #DED9D4; }
#contactInfoSec .contactInfoBox .contactForm .sendButton { padding: 10px 17px; font-size: 0.875rem; }

}



/*  #Mobile (Portrait)
================================================== */
/* Note: Design for a width of 320px */
@media only screen and (max-width: 767px) {

:root												{ --container-width: 100%; }
.container											{ max-width: 100%; padding: 0 15px; }

.swiperNav [class*=swiper-button-],
.swiperNavDots [class*=swiper-button-] 				{ width: 40px; height: 40px; }
.swiperNav [class*=swiper-button-] img,
.swiperNavDots [class*=swiper-button-] img 			{ width: 17px; }

.btnText span 										{ margin: 3px 0 -2px 0; }



#slider, #slider .home-slider						{ width: 100%; height: 100dvh; z-index: inherit; }
#slider > .container 								{ max-width: calc(100% - 15px - 15px); }
#slider > .container .bookBtnBox 					{ display: block; }
#slider .home-slider .swiperNav						{ display: none; }
#slider .home-slider .swiperCountDots [class*=swiper-button-] { display: none; }

#caption 											{ bottom: 86px; }
#caption .boxOverflow 								{ margin: 0 0 20px 0; }
#caption .title 									{ font-size: 2.125rem; line-height: 2.75rem; }
#caption .subtitle 									{ font-size: 0.875rem; line-height: 1.275rem; }

#welcomeSec											{ padding-top: 50px; padding-bottom: 50px; }
#welcomeSec .welcomeBox 							{ flex-direction: column; gap: 30px; }
#welcomeSec .welcomeBox .content 					{ padding-bottom: 0; }
#welcomeSec .welcomeBox .content h1.h1				{ margin: 0 0 30px 0; font-size: 2.125rem; line-height: 2.75rem; }
#welcomeSec .welcomeBox .content p 					{ margin: 0 0 20px 0; font-size: 1rem; }
#welcomeSec .welcomeBox .image 						{ padding-left: 70px; }
#welcomeSec .welcomeBox .image .imageThumb 			{ width: 160px; bottom: 50px; }

#apartmentsSec 										{ padding-top: 50px; padding-bottom: 30px; --circleFullWidth: 370px; }
#apartmentsSec .circleFull 							{ top: 50%; right: -120px; transform: rotate(-120deg); }
#apartmentsSec .contentBox 							{ flex-direction: column; align-items: flex-start; }
#apartmentsSec .contentBox .titleBox 				{ width: 100%; }
#apartmentsSec .contentBox .titleBox h2.h2 			{ font-size: 2.125rem; line-height: 2.75rem; }
#apartmentsSec .contentBox .content 				{ width: 100%; }
#apartmentsSec .contentBox .content p 				{ font-size: 1rem; line-height: 1.5rem; }

#apartmentSlider .caption 							{ gap: 20px; width: calc(100% - 30px); max-width: 540px; }
#apartmentSlider .caption h3.h3						{ font-size: 1.5rem; line-height: 2.2rem; }
#apartmentSlider .caption .bookBtnBox .exploreBtn,
#apartmentSlider .caption .bookBtnBox .bookNowBtn	{ padding: 10px 17px; font-size: 0.875rem; }
#apartmentSlider .apartment-slider .swiper-slide 	{ min-height: 450px; }
#apartmentSlider .apartment-slider .swiperNav 		{ justify-content: center; padding: 0 15px; top: auto; bottom: 30px; transform: translateY(0%); }

#apartmentThumbSec 									{ padding: 15px 15px 50px 15px; --circleFullWidth: 370px; }
#apartmentThumbSec .circleFull 						{ right: -170px; }
#apartmentThumbSec .apartmentThumbBox 				{ flex-direction: column; gap: 32px; }
#apartmentThumbSec .apartmentThumbBox .item 		{ width: 100%; }
#apartmentThumbSec .apartmentThumbBox .item .info 	{ padding: 15px 0 0 0; }
#apartmentThumbSec .apartmentThumbBox .item .info h3.h3 { font-size: 1.875rem; line-height: 2.5rem; }
#apartmentThumbSec .apartmentThumbBox .item .info h3.h3 br { display: none; }
#apartmentThumbSec .apartmentThumbBox .item .info .bookBtnBox .bookNowBtn,
#apartmentThumbSec .apartmentThumbBox .item .info .bookBtnBox .exploreBtn { padding: 10px 17px; font-size: 0.875rem; }
#apartmentThumbSec .discoverBox 					{ margin-top: 50px; }
#apartmentThumbSec .discoverBox .discoverBtn		{ padding: 10px 17px; font-size: 0.875rem; }

#skySec .skyBox 									{ flex-direction: column-reverse; gap: 30px; }
#skySec .skyBox .content 							{ padding-bottom: 0; }
#skySec .skyBox .content h2.h2						{ margin: 0 0 30px 0; font-size: 2.375rem; line-height: 2.75rem; }
#skySec .skyBox .content p 							{ display: none; margin: 0 0 20px 0; font-size: 1rem; line-height: 1.5rem; }
#skySec .skyBox .image 								{ height: 50%; padding-right: 70px; }
#skySec .skyBox .image .imageThumb					{ width: 160px; height: 145px; bottom: 70px; }
#skySec .skyBox .content .exploreBtn				{ padding: 10px 17px; font-size: 0.875rem; }

#locationSec										{ padding-top: 50px; padding-bottom: 50px; }
#locationSec .locationBox 							{ gap: 50px; flex-direction: column; }
#locationSec .locationBox .content span.title		{ margin: 0 0 30px 0; font-size: 2.375rem; line-height: 2.75rem; }
#locationSec .locationBox .content p 				{ font-size: 1rem; line-height: 1.5rem; }
#locationSec .locationBox .content .arrivalBtn		{ padding: 10px 17px; font-size: 0.875rem; }

#faqSec												{ padding-top: 50px; padding-bottom: 50px; }
#faqSec .faqBox 									{ align-items: flex-start; flex-direction: column; gap: 50px; width: 100%; padding-left: 0; padding-right: 0; }
#faqSec .faqBox .content h2.h2						{ margin: 0 0 30px 0; font-size: 2.375rem; line-height: 2.75rem; }
#faqSec .faqBox .content p 							{ margin: 0 0 30px 0; font-size: 1rem; line-height: 1.5rem; }
#faqSec .faqBox .content .faqbtn					{ padding: 10px 17px; font-size: 0.875rem; }
#faqSec .faqBox .accordionBox 						{ padding-top: 0; }
#faqSec .faqBox .accordionBox .accordion .accordion-item .accordion-header h3 { padding: 12px 0px 12px 15px; font-size: 1.125rem; }
#faqSec .faqBox .accordionBox .accordion .accordion-item .accordion-body { padding: 0 0 15px 15px; }
#faqSec .faqBox .accordionBox .accordion .accordion-item .accordion-body p { margin: 0 0 15px 0; font-size: 1rem; line-height: 1.5rem; }

#footer 											{ padding: 0 15px; margin-bottom: 66px; }
.footerSection 										{ padding-top: 50px; padding-bottom: 50px; }
.footerSection .ftr_logo .logo a img				{ width: 200px; }
.footerSection .ftr_menu 							{ gap: 30px; margin-bottom: 30px; }
.footerSection .ftr_menu .box 						{ width: 100%; }
.footerSection .ftr_menu .certificationBox 			{ width: 100%; }
.footerSection .ftr_mid								{ width: 100%; margin-bottom: 30px; }
.footerSection .ftr_address ul li 					{ justify-content: flex-start; }
.footerSection .ftr_social ul 						{ justify-content: flex-start; }
.footerSection .newsletter .newsform 				{ max-width: 100%; }
.ftrLinks 											{ gap: 15px; flex-direction: column; }

/*---------------------- Inner Page -----------------------*/
#innerBanner, #innerBanner .inner-slider			{ width: 100%; height: 100dvh; z-index: inherit; }
#innerBanner > .container 							{ max-width: calc(100% - 15px - 15px); }
#innerBanner > .container .bookBtnBox 				{ display: block; }
#innerBanner .inner-slider .swiperNav				{ display: none; }
#innerBanner .inner-slider .swiperCountDots 		{ pointer-events: inherit; }
#innerBanner .inner-slider .swiperCountDots [class*=swiper-button-] { display: flex; }

/*----------------- Rooms Page -----------------*/
#roomsSec 											{ padding: 0 15px; }
#roomsSec .contentBox 								{ padding: 50px 0; }
#roomsSec .contentBox p 							{ margin: 0 0 20px 0; font-size: 1.25rem; line-height: 1.875rem; }
#roomsSec .roomsBox 								{ flex-direction: column; margin-bottom: 50px; }
#roomsSec .roomsBox .roomsMenu 						{ padding: 15px 15px; }
#roomsSec .roomsBox .roomsMenu ul > li 				{ margin: 0 0 20px 0; font-size: 1.25rem; line-height: 1.5625rem; }
#roomsSec .roomsBox .roomsMenu ul > li > span 		{ margin: 0 0 10px 0; font-size: 1.25rem; line-height: 1.5625rem; }
#roomsSec .roomsBox .roomsMenu ul > li > ul 		{ padding: 0 0 0 15px; }
#roomsSec .roomsBox .roomsMenu ul > li > ul > li 	{ margin: 0 0 10px 0; font-size: 1.25rem; line-height: 1.5625rem; }
#roomsSec .roomsBox .roomsMenu ul > li > ul > li > a br { display: none; }
#roomsSec .roomsBox .roomsCont 						{ padding: 15px 15px; border-left: none; border-top: 1px solid #DED9D4; }
#roomsSec .roomsBox .roomsCont .roomItems .info 	{ padding: 15px 0 0; }
#roomsSec .roomsBox .roomsCont .roomItems .info ul.meta li { font-size: 0.875rem; line-height: 1.125rem; }
#roomsSec .roomsBox .roomsCont .roomItems .info h3.h3 { margin: 0 0 20px 0; font-size: 1.5rem; line-height: 1.875rem; }
#roomsSec .roomsBox .roomsCont .roomItems .info p 	{ margin: 0 0 20px 0; font-size: 1rem; line-height: 1.5rem; }
#roomsSec .roomsBox .roomsCont .roomItems .info .btnBox { margin-top: 0; }
#roomsSec .roomsBox .roomsCont .roomItems .info .btnBox .bookNowBtn,
#roomsSec .roomsBox .roomsCont .roomItems .info .btnBox .exploreBtn	{ padding: 10px 17px; font-size: 0.875rem; }

/*----------------- FAQs Landing Page -----------------*/
#faqsLandingSec 									{ padding: 0 15px; }
#faqsLandingSec .contentBox 						{ padding: 50px 0; }
#faqsLandingSec .contentBox p 						{ margin: 0 0 20px 0; font-size: 1.25rem; line-height: 1.875rem; }
#faqsLandingSec .faqsBox 							{ flex-direction: column; margin-bottom: 50px; }
#faqsLandingSec .faqsBox .faqsMenu 					{ padding: 15px 15px; max-width: 100%; }
#faqsLandingSec .faqsBox .faqsMenu ul > li 			{ margin: 0 0 15px 0; font-size: 1.25rem; line-height: 1.5625rem; }
#faqsLandingSec .faqsBox .faqsCont 					{ padding: 15px 15px; border-left: none; border-top: 1px solid #DED9D4; }
#faqsLandingSec .faqsBox .faqsCont .accordionBox .accordion .accordion-item .accordion-header h3 { padding: 15px 0 15px 20px; font-size: 1rem; line-height: 1.05rem; }
#faqsLandingSec .faqsBox .faqsCont .accordionBox .accordion .accordion-item .accordion-body { padding: 0 15px 15px 20px; }
#faqsLandingSec .faqsBox .faqsCont .accordionBox .accordion .accordion-item .accordion-body p { font-size: 0.9375rem; line-height: 1.4rem; }

/*----------------- Room Details Page -----------------*/
#roomsDetailSec 									{ padding: 50px 15px; }
#roomsDetailSec .contentBox 						{ flex-direction: column; gap: 30px; padding: 0; }
#roomsDetailSec .contentBox .titleBox 				{ max-width: 100%; padding: 0; }
#roomsDetailSec .contentBox .titleBox h2.h2			{ margin: 0 0 20px 0; font-size: 2.375rem; line-height: 2.75rem; }
#roomsDetailSec .contentBox .titleBox p 			{ margin: 0 0 20px 0; font-size: 1rem; line-height: 1.5rem; }
#roomsDetailSec .contentBox .content 				{ padding: 30px 0 0 0; border-left: none; border-top: 1px solid #DED9D4; }
#roomsDetailSec .contentBox .content ul 			{ row-gap: 20px; column-gap: 20px; }
#roomsDetailSec .contentBox .content ul li 			{ width: calc(50% - 10px); font-size: 1.25rem; line-height: 1.5625rem; }
#roomsDetailSec .imageBox 							{ margin-top: 50px; --circleFullWidth: 177px; }
#roomsDetailSec .imageBox .circleFull 				{ top: -32px; left: -113px; }

#roomsDetailSlider 									{ padding: 0 15px; }
#roomsDetailSlider .titlebox 						{ max-width: 820px; padding-bottom: 50px; }
#roomsDetailSlider .titlebox span.title				{ font-size: 2.375rem; line-height: 2.75rem; }
#roomsDetailSlider .roomdetailBox 					{ --circleFullWidth: 237px; }
#roomsDetailSlider .roomdetailBox .circleFull 		{ top: -37px; right: -93px; }
#roomsDetailSlider .roomdetail-slider .swiper-slide { min-height: 450px; }
#roomsDetailSlider .roomdetail-slider .swiperNav 	{ right: 15px; left: 15px; }

#roomsAppartmentSec 								{ padding: 50px 15px; }
#roomsAppartmentSec .titleBox 						{ max-width: 820px; padding-bottom: 50px; }
#roomsAppartmentSec .titleBox span.title 			{ font-size: 1.5rem; line-height: 1.875rem; }
#roomsAppartmentSec .titleBox span.title br 		{ display: none; }
#roomsAppartmentSec .appartmentsBox 				{ flex-direction: column; gap: 32px; }
#roomsAppartmentSec .appartmentsBox .item 			{ width: 100%; }
#roomsAppartmentSec .appartmentsBox .item .info 	{ padding: 15px 0 0 0; }
#roomsAppartmentSec .appartmentsBox .item .info ul.meta li { font-size: 0.875rem; line-height: 1.125rem; }
#roomsAppartmentSec .appartmentsBox .item .info h3.h3 { font-size: 1.5rem; line-height: 1.875rem; }

/*----------------- Gastronomy Page -----------------*/
#innerNavSec										{ padding: 50px 15px 0; }
#innerNavSec .innerNavBox ul.items li 				{ font-size: 1.125rem; }

#gastronomySlider 									{ padding: 0 15px 50px 15px; }
#gastronomySlider .contentBox 						{ padding: 50px 0; }
#gastronomySlider .contentBox p 					{ font-size: 1.5rem; line-height: 1.875rem; }
#gastronomySlider .gastronomy-slider .swiper-slide 	{ min-height: 450px; }
#gastronomySlider .gastronomy-slider .swiperNav		{ right: 15px; left: 15px; }

.zigzagSec 											{ padding: 0 15px 50px 15px; }
.zigzagSec .zigzagBox,
.zigzagSec.firstzigzag .zigzagBox,
.zigzagSec + .zigzagSec + .zigzagSec .zigzagBox,
.zigzagSec + .zigzagSec + .zigzagSec + .zigzagSec .zigzagBox,
.zigzagSec + .zigzagSec + .zigzagSec + .zigzagSec + .zigzagSec .zigzagBox,
.zigzagSec + .zigzagSec + .zigzagSec + .zigzagSec + .zigzagSec + .zigzagSec .zigzagBox { flex-direction: column; gap: 20px; padding-right: 0; padding-left: 0; }
.zigzagSec .zigzagBox .image 						{ max-width: 100%; }
.zigzagSec .zigzagBox .content h3.h3 				{ margin: 0 0 20px 0; font-size: 2.375rem; line-height: 2.75rem; }
.zigzagSec .zigzagBox .content p 					{ margin: 0 0 20px 0; font-size: 1rem; line-height: 1.5rem; }
.zigzagSec .zigzagBox .content .btnBox 				{ margin-top: 20px; }
.zigzagSec .zigzagBox .content .btnBox .bookNowBtn,
.zigzagSec .zigzagBox .content .btnBox .exploreBtn 	{ padding: 10px 17px; font-size: 0.875rem; }
.zigzagSec .zigzagImgBox,
.zigzagSec.firstzigzag .zigzagImgBox,
.zigzagSec + .zigzagSec + .zigzagSec .zigzagImgBox,
.zigzagSec + .zigzagSec + .zigzagSec + .zigzagSec .zigzagImgBox,
.zigzagSec + .zigzagSec + .zigzagSec + .zigzagSec + .zigzagSec .zigzagImgBox,
.zigzagSec + .zigzagSec + .zigzagSec + .zigzagSec + .zigzagSec + .zigzagSec .zigzagImgBox { flex-direction: column; gap: 30px; padding-top: 30px; }
.zigzagSec .zigzagImgBox .image1 					{ max-width: 100%; }
.zigzagSec .zigzagImgBox .image2 					{ max-width: 100%; }

#zigzagClaimSec 									{ padding: 0 15px 50px 15px; }
#zigzagClaimSec .titleBox span.title 				{ font-size: 1.5rem; line-height: 1.875rem; }
#zigzagClaimSec .titleBox span.title br 			{ display: none; }

/*----------------- Experiences Page -----------------*/
#experienceSec 										{ padding: 0 15px 50px 15px; }
#experienceSec .titlebox							{ max-width: 820px; padding: 50px 0; }
#experienceSec .titlebox h2.h2 						{ font-size: 2.375rem; line-height: 2.75rem; }
#experienceSec .experienceBox 						{ flex-direction: column; gap: 20px; padding-left: 0; }
#experienceSec .experienceBox .content p 			{ margin: 0 0 20px 0; font-size: 1rem; line-height: 1.5rem; }
#experienceSec .experienceBox .content .btnBox 		{ margin-top: 20px; }
#experienceSec .experienceBox .content .btnBox .bookNowBtn,
#experienceSec .experienceBox .content .btnBox a 			{ padding: 10px 17px; font-size: 0.875rem; }
#experienceSec .experienceBox .image 				{ max-width: 100%; }

#experienceVideo 									{ padding: 0 15px 50px 15px; }

/*----------------- Location Page -----------------*/
#contactMapsSec										{ padding-top: 50px; padding-bottom: 50px; }
#contactMapsSec .contactMapsBox 					{ gap: 30px; flex-direction: column; }
#contactMapsSec .contactMapsBox .content span.title { margin: 0 0 20px 0; font-size: 2.375rem; line-height: 2.75rem; }
#contactMapsSec .contactMapsBox .content p 			{ margin: 0 0 20px 0; font-size: 1rem; line-height: 1.5rem; }
#contactMapsSec .contactMapsBox .content .viewBtn 	{ padding: 10px 17px; font-size: 0.875rem; }

#contactRouteSec 									{ padding: 50px 15px; }
#contactRouteSec .contactRouteBox,
#contactRouteSec:nth-child(even) .contactRouteBox 	{ flex-direction: column; gap: 20px; padding-right: 0; padding-left: 0; }
#contactRouteSec .contactRouteBox .image 			{ max-width: 100%; }
#contactRouteSec .contactRouteBox .content h2.h2 	{ margin: 0 0 20px 0; font-size: 2.375rem; line-height: 2.75rem; }
#contactRouteSec .contactRouteBox .content p 		{ margin: 0 0 20px 0; font-size: 1rem; line-height: 1.5rem; }
#contactRouteSec .contactRouteBox .content .btnBox 	{ margin-top: 20px; }
#contactRouteSec .contactRouteBox .content .btnBox .bookNowBtn,
#contactRouteSec .contactRouteBox .content .btnBox .exploreBtn { padding: 10px 17px; font-size: 0.875rem; }

#introTextSec 										{ padding: 40px 15px; }
#introTextSec .introTextBox h1.h1 					{ margin: 0 0 24px 0; font-size: 2rem; line-height: 2.5rem; }
#introTextSec .introTextBox span.subTitle 			{ margin: 0 0 12px 0; font-size: 0.875rem; }
#introTextSec .introTextBox .description p 			{ margin: 0 0 16px 0; font-size: 1rem; line-height: 1.5rem; }
#introTextSec .introTextBox .description h2 		{ margin: 28px 0 16px 0; font-size: 1.375rem; line-height: 1.875rem; }
#introTextSec .introTextBox .description h3 		{ margin: 20px 0 12px 0; font-size: 1.125rem; line-height: 1.625rem; }
#introTextSec .introTextBox .description ul,
#introTextSec .introTextBox .description ol 		{ padding-left: 20px; }
#introTextSec .introTextBox .description ul li,
#introTextSec .introTextBox .description ol li 		{ margin: 0 0 6px 0; font-size: 1rem; line-height: 1.5rem; }

#contactInfoSec 									{ padding: 50px 15px; }
#contactInfoSec .contactInfoBox 					{ flex-direction: column; gap: 30px; padding: 0; }
#contactInfoSec .contactInfoBox .contactDetail 		{ max-width: 100%; padding: 0; }
#contactInfoSec .contactInfoBox .contactDetail h3.h3 { margin: 0 0 20px 0; font-size: 2.375rem; line-height: 2.75rem; }
#contactInfoSec .contactInfoBox .contactDetail p 	{ margin: 0 0 20px 0; font-size: 1rem; line-height: 1.5rem; }
#contactInfoSec .contactInfoBox .contactDetail .smalltitle { margin: 20px 0 10px 0; font-size: 1rem; line-height: 1.375rem; }
#contactInfoSec .contactInfoBox .contactDetail ul li { font-size: 1.125rem; line-height: 1.5625rem; }
#contactInfoSec .contactInfoBox .contactForm 		{ max-width: 100%; padding: 40px 0 0 0; border-left: none; border-top: 1px solid #DED9D4; }
#contactInfoSec .contactInfoBox .contactForm .field.half { width: calc(100% - 0px); }
#contactInfoSec .contactInfoBox .contactForm .sendButton { padding: 10px 17px; font-size: 0.875rem; }

}



/* #Mobile (Landscape)
================================================== */
/* Note: Design for a width of 480px */
@media only screen and (min-width: 480px) and (max-width: 767px) {

:root												{ --container-width: 100%; }
.container											{ /*width: 540px;*/ max-width: 100%; padding: 0 15px; }

#skySec 											{ height: 150vh; }

/*----------------- Inner Pages -----------------*/
#innerBanner, #innerBanner .inner-slider			{ height: 100dvh; }

}