@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: 1500px; }
.container                                  { max-width: 1500px; }

}

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

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

#welcomeSec:before							{ width: 750px; height: 750px; top: 50%; left: -2%; }
#welcomeSec .welcome .content .h1			{ font-size: 3.152rem; line-height: 3.777rem; }
#hotelsVillasSec .topContent .h3			{ font-size: 3.152rem; line-height: 3.777rem; }
#destiniesSec .destinies .h3				{ font-size: 3.152rem; line-height: 3.777rem; }
#experiencesSec .topContent .h3				{ font-size: 3.152rem; line-height: 3.777rem; }
#promoted-section .promoted-section__content .image .info .h3	{ font-size: 3.152rem; line-height: 3.777rem; }
#newsletterSec:before						{ width: 800px; height: 800px; top: 20%; left: -16.7%; }
#newsletterSec .newsletter					{ padding: 0 8rem; }
#newsletterSec .content .h4					{ font-size: 3.152rem; line-height: 3.777rem; }

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


/*----------------- Hotel Page -----------------*/
#hotelIntroSec .hotelintro .content			{ width: 60%; }
#hotelIntroSec .hotelintro .content .h1		{ font-size: 3.152rem; line-height: 3.777rem; }
#hotelIntroSec .hotelintro .content p		{ margin: 0 15% 20px; }
#hotelsSec .hotels .content .h3				{ font-size: 2.465rem; line-height: 3.09rem; }
#contactInfoSec .contactinfo .content .h3	{ font-size: 2.465rem; line-height: 3.09rem; }

/*----------------- Rooms Page -----------------*/
#roomIntroSec:before						{ width: 850px; height: 850px; top: 57%; left: 10%; }
#roomIntroSec .roomintro .content .h1		{ font-size: 3.152rem; line-height: 3.777rem; }
#roomIntroSec .roomintro .content p			{ margin: 0 0 20px 0; }

/*----------------- Default List Page -----------------*/
#defaultListSec .defaultList .content .h3	{ font-size: 2.465rem; line-height: 3.09rem; }

/*----------------- Contact Page -----------------*/
#contactFormSec .contactform .content .h3	{ font-size: 2.465rem; line-height: 3.09rem; }
#contactMoreSec .topContent .h3				{ font-size: 2.465rem; line-height: 3.09rem; }
#contactMoreSec .topContent p				{ margin: 0 17% 20px; }
#faqsSec .faqs:before, #faqsSec .faqs:after { width: 550px; height: 550px; }
#faqsSec .topContent .h3					{ font-size: 2.465rem; line-height: 3.09rem; }

}

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

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

#caption .title								{ font-size: 2.665rem; line-height: 3.29rem; }
#welcomeSec									{ padding-top: 100px; padding-bottom: 100px; }
#welcomeSec:before							{ width: 700px; height: 700px; top: 50%; left: -7%; }
#welcomeSec .welcome .content .h1			{ font-size: 2.665rem; line-height: 3.29rem; }
#hotelsVillasSec							{ padding-top: 100px; padding-bottom: 100px; }
#hotelsVillasSec .topContent .h3			{ font-size: 2.665rem; line-height: 3.29rem; }
#destiniesSec								{ padding-top: 100px; padding-bottom: 100px; }
#destiniesSec .destinies .h3				{ font-size: 2.665rem; line-height: 3.29rem; }
#experiencesSec								{ padding-block: 100px; margin-bottom: 100px; }
#experiencesSec .topContent .h3				{ font-size: 2.665rem; line-height: 3.29rem; }
#promoted-section							{ padding-top: 100px; padding-bottom: 100px; margin-bottom: 100px; }
#promoted-section .promoted-section__content .image .info .h3	{ font-size: 2.665rem; line-height: 3.29rem; }
#acces-section								{ padding-top: 100px; padding-bottom: 100px; }
#acces-section .promoted-section__content .image .info .h3	{ font-size: 2.665rem; line-height: 3.29rem; }
#newsletterSec								{ padding-bottom: 100px; }
#newsletterSec:before						{ width: 700px; height: 700px; top: 20%; left: -23.5%; }
#newsletterSec .newsletter					{ padding: 0 4rem; }
#newsletterSec .content .h4					{ font-size: 2.665rem; line-height: 3.29rem; }
#footer .decor-circle1						{ width: 513px; transform: translate(-70%, -50%); }
#footer .decor-circle2						{ width: 513px; transform: translate(20%, 70%); }
.footerSection .ftr_info					{ width: 25%; }
.footerSection .ftr_menu					{ width: 50%; }
.footerSection .ftr_links					{ width: 25%; }

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


/*----------------- Hotel Page -----------------*/
#hotelIntroSec .hotelintro .content			{ width: 60%; }
#hotelIntroSec .hotelintro .content .h1		{ font-size: 2.665rem; line-height: 3.29rem; }
#hotelIntroSec .hotelintro .content p		{ margin: 0 10% 20px; }
#hotelsSec									{ padding-top: 100px; padding-bottom: 100px; }
#hotelsSec .hotels							{ margin-bottom: 100px; }
#hotelsSec .hotels .content .h3				{ font-size: 2.353rem; line-height: 2.978rem; }
#hotelsSec .hotels.columnReverse .content	{ gap: 70px; padding: 0 0 70px 0; }
#contactInfoSec								{ padding-top: 100px; padding-bottom: 100px; }
#contactInfoSec .contactinfo .content		{ padding: 0 70px; }
#contactInfoSec .contactinfo .content .h3	{ font-size: 2.353rem; line-height: 2.978rem; }

/*----------------- Rooms Page -----------------*/
#roomIntroSec								{ padding-top: 100px; padding-bottom: 100px; }
#roomIntroSec:before						{ width: 700px; height: 700px; top: 50%; left: 10%; }
#roomIntroSec .roomintro .content .h1		{ font-size: 2.665rem; line-height: 3.29rem; }
#roomIntroSec .roomintro .content p			{ margin: 0 0 20px 0; }

/*----------------- Default List Page -----------------*/
#defaultListSec								{ padding-top: 100px; padding-bottom: 100px; }
#defaultListSec .defaultList				{ margin-bottom: 100px; }
#defaultListSec .defaultList .content		{ padding: 0 70px; }
#defaultListSec .defaultList .content .h3	{ font-size: 2.353rem; line-height: 2.978rem; }
#defaultListSec .defaultList.half .image	{ padding-left: 0; }
#defaultListSec .defaultList:nth-child(odd).half .image { padding-left: 0; padding-right: 0; }

/*----------------- Contact Page -----------------*/
#contactFormSec .contactform .content		{ padding: 0 70px; }
#contactFormSec .contactform .content .h3	{ font-size: 2.353rem; line-height: 2.978rem; }
#contactMoreSec .topContent .h3				{ font-size: 2.353rem; line-height: 2.978rem; }
#contactMoreSec .topContent p				{ margin: 0 17% 20px; }
#faqsSec									{ padding-top: 100px; padding-bottom: 100px; }
#faqsSec .faqs:before, #faqsSec .faqs:after { width: 500px; height: 500px; }
#faqsSec .topContent .h3					{ font-size: 2.353rem; line-height: 2.978rem; }
#faqsSec .faqs__item .faqs-header h4 { font-size: 1.25rem; line-height: 1.875rem; }

}



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

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

#header										{ padding: 25px 30px; }
#header .leftNav .hamburger nav .nav_middle .menu ul li { font-size: 34px; }
#header .leftNav .hamburger nav .nav_middle .menu ul.sub-menu { margin-left: 30px; }
#header .leftNav .hamburger nav .nav_middle .menu ul.sub-menu li { font-size: 26px; }
#searchForm									{ height: 100dvh; }
#searchForm .logo							{ display: block; }
#searchForm .container						{ display: flex; flex-direction: column; justify-content: center; height: 100%; padding-top: 30px; padding-bottom: 30px; }
#searchForm .field .popups					{ align-items: center; height: 100%; padding: 30px 30px; top: 0; left: 0; transform: translateX(0%); }
#searchForm .field .popups .calendar		{ width: 100%; }
#searchForm .field .popups .calendar .daterangepicker { float: none; width: 542px; }
#searchForm .field .popups .roomsbox		{ width: 100%; max-height: 237px; padding-right: 7px; }
#searchForm .field .popups .roomsbox:has(~ .addRoom) { margin-top: auto; }
#searchForm .field .popups .addRoom			{ margin-bottom: auto; }
#caption									{ width: calc(90% - 30px); margin: auto; bottom: 60px; right: 0; left: 0; }
#caption .subtitle							{ font-size: 0.844rem; line-height: 1.25rem; letter-spacing: 0.1em; }
#caption .subtitle br						{ display: none; }
#caption .title								{ font-size: 2.20rem; line-height: 2.77rem; }
#caption .title br							{ display: none; }
#welcomeSec									{ padding-top: 70px; padding-bottom: 70px; }
#welcomeSec:before							{ width: 500px; height: 500px; top: 50%; left: -5%; }
#welcomeSec .welcome .image1				{ width: 25%; }
#welcomeSec .welcome .image2				{ width: 25%; }
#welcomeSec .welcome .content				{ width: 50%; padding: 0 15px; }
#welcomeSec .welcome .content .h1			{ margin-bottom: 20px; font-size: 2.20rem; line-height: 2.77rem; }
#welcomeSec .welcome .content .h2			{ margin-bottom: 20px; font-size: 0.844rem; line-height: 1.25rem; letter-spacing: 0.1em; }
#welcomeSec .welcome .content p				{ margin-bottom: 20px; font-size: 1rem; line-height: 1.625rem; }
#welcomeSec .welcome .content button		{ margin-top: 0; }
#hotelsVillasSec							{ padding-top: 70px; padding-bottom: 70px; }
#hotelsVillasSec .topContent				{ margin-bottom: 20px; }
#hotelsVillasSec .topContent .h3			{ font-size: 2.20rem; line-height: 2.77rem; }
#hotelsVillasSec .hotels-villas-slider .swiper-slide .info { top: 30px; bottom: 30px; right: 30px; left: 30px; }
#defaultSliderSec .default-slider-container .swiper-slide .info { top: 30px; bottom: 30px; right: 30px; left: 30px; }
#destiniesSec								{ padding-top: 70px; padding-bottom: 70px; }
#destiniesSec .destinies					{ gap: 3%; }
#destiniesSec .leftBox						{ width: 48.5%; }
#destiniesSec .rightBox						{ width: 48.5%; }
#destiniesSec .destinies .h3				{ margin: 0 0 20px 0; font-size: 2.20rem; line-height: 2.77rem; }
#destiniesSec .destinies p					{ margin-left: 0; font-size: 1rem; line-height: 1.625rem; }
#destiniesSec .destinies .button			{ margin: 20px 0 0 0; }
#destiniesSec .destinies .image				{ margin-bottom: 20px; }
#destiniesSec .destinies .image .info		{ gap: 20px; top: 30px; bottom: 30px; right: 30px; left: 30px; align-items: flex-end;}
#destiniesSec .destinies .image .info .name	{ font-size: 1.5rem; line-height: 2rem; letter-spacing: 0.1em; }
#experiencesSec								{ padding-block: 70px; margin-bottom: 70px; }
#experiencesSec .topContent					{ margin-bottom: 20px; }
#experiencesSec .topContent .h3				{ font-size: 2.20rem; line-height: 2.77rem; }
#experiencesSec .topContent .h3 br			{ display: none; }
#experiencesSec .topContent p				{ font-size: 0.844rem; line-height: 1.25rem; letter-spacing: 0.1em; }
#experiencesSec .experiences-slider .swiper-slide { margin-top: 20px; margin-bottom: 20px; }
#experiencesSec .experiences-slider .swiper-slide .info { top: 30px; bottom: 30px; right: 20px; left: 20px; }
#experiencesSec .experiences-slider .swiper-slide .info .name { font-size: 1.5rem; line-height: 2rem; letter-spacing: 0.1em; }
#experiencesSec .experiences-slider .swiper-slide .info p { font-size: 1rem; line-height: 1.625rem; }
#experiencesSec .swiperNavDots				{ display: flex; justify-content: center; margin-top: 20px; position: static; transform: translateY(0%); }
#experiencesSec .swiperNavDots [class*=swiper-button-] { width: 47px; height: 47px; }
#experiencesSec .swiperNavDots .swiper-button-prev { margin-left: 0; }
#experiencesSec .swiperNavDots .swiper-button-next { margin-right: 0; }
#promoted-section								{ padding-top: 70px; padding-bottom: 70px; margin-bottom: 70px; }
#promoted-section .promoted-section__content					{ padding: 0 15px; }
#promoted-section .promoted-section__content .image			{ display: flex; justify-content: center; align-items: center; width: calc(100% + 30px); margin: 0 -15px; }
#promoted-section .promoted-section__content .image img		{ width: auto; max-width: inherit; height: 420px; }
#promoted-section .promoted-section__content .image .info		{ width: 90%; }
#promoted-section .promoted-section__content .image .info.left { margin: auto auto; }
#promoted-section .promoted-section__content .image .info .h3	{ font-size: 2.20rem; line-height: 2.77rem; }
#promoted-section .promoted-section__content .image .info .h3 br { display: none; }
#promoted-section .promoted-section__content .image .info p	{ margin-top: 20px; font-size: 0.844rem; line-height: 1.25rem; letter-spacing: 0.1em; }
#promoted-section .promoted-section__content .image .info .button { margin-top: 20px; }
#acces-section									{ padding-top: 70px; padding-bottom: 70px; }
#acces-section .promoted-section__content					{ padding: 0 15px; }
#acces-section .promoted-section__content .image			{ display: flex; justify-content: center; align-items: center; width: calc(100% + 30px); margin: 0 -15px; }
#acces-section .promoted-section__content .image img		{ width: auto; max-width: inherit; height: 420px; }
#acces-section .promoted-section__content .image .info		{ width: 90%; }
#acces-section .promoted-section__content .image .info.left { margin: auto auto; }
#acces-section .promoted-section__content .image .info .h3	{ font-size: 2.20rem; line-height: 2.77rem; }
#acces-section .promoted-section__content .image .info .h3 br { display: none; }
#acces-section .promoted-section__content .image .info p	{ margin-top: 20px; font-size: 0.844rem; line-height: 1.25rem; letter-spacing: 0.1em; }
#acces-section .promoted-section__content .image .info .button { margin-top: 20px; }
#newsletterSec								{ padding-bottom: 70px; }
#newsletterSec:before						{ width: 600px; height: 600px; top: 20%; left: -32.3%; }
#newsletterSec .newsletter					{ gap: 4%; padding: 0 4rem; }
#newsletterSec .content						{ width: 48%; }
#newsletterSec .content span				{ font-size: 0.844rem; line-height: 1.25rem; letter-spacing: 0.1em; }
#newsletterSec .content .h4					{ margin-top: 20px; font-size: 2.20rem; line-height: 2.77rem; }
#newsletterSec .content p					{ margin-left: 0; font-size: 0.844rem; line-height: 1.25rem; letter-spacing: 0.1em; }
#newsletterSec .newsform					{ width: 48%; }
#newsletterSec .newsform .form-group .form-control { height: 60px; padding-right: 127px; font-size: 1rem; }
#newsletterSec .newsform .form-group label.checkbox { padding-left: 50px; font-size: 0.844rem; line-height: 1.063rem; }
#newsletterSec .newsform .form-group button { padding: 8px 20px; color: #ffffff; top: 10px; right: 10px; bottom: 10px; z-index: 4; }
#newsletterSec .newsform .form-group button:after { background-color: #000000; }
#footer .decor-circle1						{ width: 413px; transform: translate(-75%, -37.4%); }
#footer .decor-circle2						{ width: 413px; transform: translate(37.5%, 61.3%); }
.footerSection								{ padding: 0 15px; flex-direction: row; flex-wrap: wrap; }
.footerSection .row							{ margin-right: -15px; margin-left: -15px; }
.footerSection [class*="ftr_"]				{ padding: 0 30px; padding-top: 50px; padding-bottom: 50px; }
.footerSection [class*="ftr_"]:after		{ width: 100%; height: 0; border-right: none; border-bottom: 1px solid rgba(180, 180, 180, 0.2); top: auto; bottom: 0; }
.footerSection [class*="ftr_"] h3			{ font-size: 0.844rem; line-height: 1.25rem; letter-spacing: 0.1em; }
.footerSection .ftr_info					{ width: 100%; }
.footerSection .ftr_menu					{ display: flex; flex-direction: row; flex-wrap: wrap; gap: 50px; width: 65%; }
.footerSection .ftr_menu:after				{ width: 0; height: 100%; border-right: 1px solid rgba(180, 180, 180, 0.2); border-bottom: none; top: 0; bottom: auto; }
.footerSection .ftr_menu .box				{ width: calc(50% - 25px); }
.footerSection .ftr_menu ul li				{ font-size: 1rem; line-height: 1.25rem; }
.footerSection .ftr_policy					{ width: 35%; }
.footerSection .ftr_policy ul li			{ font-size: 1rem; line-height: 1.25rem; }
.footerBottom								{ flex-direction: column; grid-gap: 15px; padding: 20px 15px; }
.footerBottom .copy_text					{ font-size: 0.844rem; line-height: 1.25rem; }

/*----------------- Modal Design -----------------*/
.modalDesign .modal-body					{ padding: 30px 50px; }
.modalDesign .close							{ margin: -10px -30px 0 0; }
.modalDesign .modal-body h2					{ font-size: 40px; line-height: 50px; }
.modalDesign .modal-body ul.featureIcons	{ gap: 15px; }
.modalDesign .modal-body ul.featureIcons li { gap: 10px; }
.modalDesign .modal-body ul.featureIcons li img { width: 40px; }

/*----------------- Inner Pages -----------------*/
#innerBanner, #innerBanner .inner-slider	{ height: auto; }
#breadCrumb									{ padding: 40px 30px; }

/*----------------- Hotel Page -----------------*/
#hotelIntroSec .hotelintro .content			{ width: 54%; }
#hotelIntroSec .hotelintro .content .h1		{ margin-bottom: 20px; font-size: 2.20rem; line-height: 2.77rem; }
#hotelIntroSec .hotelintro .content .h2		{ margin-bottom: 20px; font-size: 0.844rem; line-height: 1.25rem; letter-spacing: 0.1em; }
#hotelIntroSec .hotelintro .content p		{ margin: 0 0 20px; font-size: 1rem; line-height: 1.625rem; }
#hotelIntroSec .hotelintro .content button	{ margin-top: 0; }
#hotelsSec									{ padding-block: 0 70px; }
#hotelsSec .hotels							{ display: flex; flex-wrap: wrap; align-items: center; margin-bottom: 70px; }
#hotelsSec .hotels .content span			{ margin-bottom: 20px; font-size: 0.844rem; line-height: 1.25rem; letter-spacing: 0.1em; }
#hotelsSec .hotels .content .h3				{ margin-bottom: 20px; font-size: 2.20rem; line-height: 2.77rem; }
#hotelsSec .hotels .content p				{ margin-bottom: 20px; font-size: 1rem; line-height: 1.625rem; }
#hotelsSec .hotels .content .button			{ margin-top: 0; }
#hotelsSec .hotels.reverse					{ flex-direction: row-reverse; }
#hotelsSec .hotels.columnReverse			{ display: flex; flex-direction: column-reverse; align-items: flex-end; }
#hotelsSec .hotels.columnReverse .image		{ width: 100%; }
#hotelsSec .hotels.columnReverse .content	{ display: flex; flex-direction: row; gap: 30px; width: 100%; padding: 0 0 30px 0; }
#contactInfoSec								{ padding-top: 70px; padding-bottom: 70px; }
#contactInfoSec .contactinfo				{ flex-wrap: wrap; padding: 0 15px; }
#contactInfoSec .contactinfo .image			{ width: 55%; }
#contactInfoSec .contactinfo .image img		{ max-width: 120%; width: 120%; }
#contactInfoSec .contactinfo .content		{ width: 45%; padding: 0 30px; }
#contactInfoSec .contactinfo .content span	{ margin-bottom: 20px; font-size: 0.844rem; line-height: 1.25rem; letter-spacing: 0.1em; }
#contactInfoSec .contactinfo .content .h3	{ margin-bottom: 20px; font-size: 2.20rem; line-height: 2.77rem; }
#contactInfoSec .contactinfo .content ul	{ display: flex; flex-direction: column; align-items: flex-start; gap: 15px; }
#contactInfoSec .contactinfo .content ul li { padding: 0 23px 0 30px; font-size: 1rem; line-height: 1.625rem; }
#contactInfoSec .contactinfo .content ul li br { display: block; }
#contactInfoSec .contactinfo .content ul li .icon { top: 4px; left: -30px; }
#contactInfoSec .contactinfo .content ul li .arrow { bottom: 7px; right: -23px; }

/*----------------- Rooms Page -----------------*/
#roomIntroSec								{ padding-top: 70px; padding-bottom: 70px; }
#roomIntroSec:before						{ width: 600px; height: 600px; top: 50%; left: 10%; }
#roomIntroSec .roomintro .content			{ gap: 30px; }
#roomIntroSec .roomintro .content .box		{ width: 57%; }
#roomIntroSec .roomintro .content .box + .box { width: 43%; }
#roomIntroSec .roomintro .content .h1		{ margin-left: 0; font-size: 2.20rem; line-height: 2.77rem; }
#roomIntroSec .roomintro .content .h2		{ font-size: 0.844rem; line-height: 1.25rem; letter-spacing: 0.1em; margin: 0 0 20px 0;}
#roomIntroSec .roomintro .content p			{ margin: 0 0 20px 0; font-size: 1rem; line-height: 1.625rem; }
#roomIntroSec .roomintro .content button	{ margin-top: 0; }

/*----------------- Default List Page -----------------*/
#defaultListSec								{ padding-top: 70px; padding-bottom: 70px; }
#defaultListSec .defaultList				{ display: flex; flex-wrap: wrap; align-items: center; margin-bottom: 70px; }
#defaultListSec .defaultList .image			{ width: 55%; }
#defaultListSec .defaultList .content		{ width: 45%; padding: 0 0 0 30px; }
#defaultListSec .defaultList .content span	{ margin-bottom: 20px; font-size: 0.844rem; line-height: 1.25rem; letter-spacing: 0.1em; }
#defaultListSec .defaultList .content .h3	{ margin-bottom: 20px; font-size: 2.20rem; line-height: 2.77rem; }
#defaultListSec .defaultList .content p		{ margin-bottom: 20px; font-size: 1rem; line-height: 1.625rem; }
#defaultListSec .defaultList .content .button { margin-top: 0; }
#defaultListSec .defaultList:nth-child(odd) .content { padding: 0 30px 0 0; }
#defaultListSec .defaultList.half .image	{ padding-left: 0; }
#defaultListSec .defaultList:nth-child(odd).half .image { padding-left: 0; padding-right: 0; }

/*----------------- Contact Page -----------------*/
#contactFormSec .contactform				{ flex-wrap: wrap; padding: 0 15px; }
#contactFormSec .contactform .image			{ width: 55%; }
#contactFormSec .contactform .image img		{ max-width: 150%; width: 150%; }
#contactFormSec .contactform .content		{ width: 45%; padding: 30px 0 30px 30px; }
#contactFormSec .contactform .content .h3	{ margin-bottom: 20px; font-size: 2.20rem; line-height: 2.77rem; }
#contactFormSec .contactform .content form	{ grid-gap: 25px; }
#contactMoreSec .topContent					{ margin: 0 auto 50px auto; }
#contactMoreSec .topContent .h3				{ font-size: 2.20rem; line-height: 2.77rem; }
#contactMoreSec .topContent p				{ margin: 0 10% 20px; font-size: 1rem; line-height: 1.625rem; }
#contactMoreSec .contactmore ul				{ justify-content: space-between; gap: 15px; }
#contactMoreSec .contactmore ul li			{ padding: 0 23px 0 30px; font-size: 1rem; line-height: 1.625rem; }
#contactMoreSec .contactmore ul li br		{ display: block; }
#contactMoreSec .contactmore ul li .icon	{ top: 4px; left: -30px; }
#contactMoreSec .contactmore ul li .arrow	{ bottom: 7px; right: -23px; }
#faqsSec									{ padding-top: 70px; padding-bottom: 70px; }
#faqsSec .faqs								{ padding: 70px; }
#faqsSec .faqs:before, #faqsSec .faqs:after { width: 450px; height: 450px; }
#faqsSec .topContent						{ margin: 0 auto 50px auto; }
#faqsSec .topContent .h3					{ font-size: 2.20rem; line-height: 2.77rem; }
#faqsSec .topContent p						{ font-size: 0.844rem; line-height: 1.25rem; letter-spacing: 0.1em; }
#faqsSec .faqs__item .faqs-header h4 { font-size: 1.125rem; line-height: 1.75rem; }
#faqsSec .faqs__item .faqs-body p { font-size: 1rem; line-height: 1.625rem; }

}



/* #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; }

#header										{ padding: 15px 0; }
#header .top-content						{ padding: 0;}
#header.sticky .top-content					{ padding: 10px 15px; }
#header .logo								{ width: 200px; margin: 0 auto; }
#header .leftNav							{ width: calc(50% - 115px); }
#header .leftNav .hamburger nav				{ padding: 90px 0 30px 0; }
#header .leftNav .hamburger nav .nav_middle .menu { width: calc(100% - 0px); }
#header .leftNav .hamburger nav .nav_middle .menu ul li { font-size: 28px; }
#header .leftNav .hamburger nav .nav_middle .menu ul.sub-menu { margin-left: 30px; }
#header .leftNav .hamburger nav .nav_middle .menu ul.sub-menu li { font-size: 24px; }
#header .leftNav .hamburger nav .nav_middle .info { width: calc(100% - 0px); }
#header .rightNav							{ width: calc(50% - 115px); }
#header .rightNav .languageMenu				{ display: none; }
#header .rightNav .bookNowBtn				{ visibility: hidden; }
#header ul.hotelMenu						{ display: none; }
#searchForm									{ height: 100dvh; }
#searchForm .logo							{ display: block; }
#searchForm .container						{ display: flex; flex-direction: column; justify-content: center; height: 100%; padding-top: 30px; padding-bottom: 30px; }
#searchForm a.searchFormClose				{ display: block; width: 15px; top: 15px; right: 15px; transform: translateY(0%); }
#searchForm .field							{ position: static; width: 100% !important; padding: 15px 0 !important; }
#searchForm .field .popups					{ align-items: center; height: 100%; padding: 30px 30px; top: 0; left: 0; transform: translateX(0%); }
#searchForm .field .popups .calendar		{ width: 100%; }
#searchForm .field .popups .calendar .daterangepicker { float: none; width: 542px; }
#searchForm .field .popups .roomsbox		{ width: 100%; max-height: 237px; padding-right: 7px; }
#searchForm .field .popups .roomsbox:has(~ .addRoom) { margin-top: auto; }
#searchForm .field .popups .addRoom			{ margin-bottom: auto; }
#caption									{ width: calc(90% - 30px); margin: auto; bottom: 60px; right: 0; left: 0; }
#caption .subtitle							{ font-size: 0.844rem; line-height: 1.25rem; letter-spacing: 0.1em; }
#caption .subtitle br						{ display: none; }
#caption .title								{ font-size: 2.20rem; line-height: 2.77rem; }
#caption .title br							{ display: none; }
#welcomeSec									{ padding-top: 70px; padding-bottom: 70px; }
#welcomeSec:before							{ width: 500px; height: 500px; top: 50%; left: -5%; }
#welcomeSec .welcome .image1				{ width: 50%; }
#welcomeSec .welcome .image2				{ display: none; }
#welcomeSec .welcome .content				{ width: 50%; padding: 0 15px; }
#welcomeSec .welcome .content .h1			{ margin-bottom: 20px; font-size: 2.20rem; line-height: 2.77rem; }
#welcomeSec .welcome .content .h2			{ margin-bottom: 20px; font-size: 0.844rem; line-height: 1.25rem; letter-spacing: 0.1em; }
#welcomeSec .welcome .content p				{ margin-bottom: 20px; font-size: 1rem; line-height: 1.625rem; }
#welcomeSec .welcome .content button		{ margin-top: 0; }
#hotelsVillasSec							{ padding-top: 70px; padding-bottom: 70px; }
#hotelsVillasSec .topContent				{ margin-bottom: 20px; }
#hotelsVillasSec .topContent .h3			{ font-size: 2.20rem; line-height: 2.77rem; }
#hotelsVillasSec .hotels-villas-slider .swiper-slide .info { top: 30px; bottom: 30px; right: 30px; left: 30px; }
#defaultSliderSec .default-slider-container .swiper-slide .info { top: 30px; bottom: 30px; right: 30px; left: 30px; }
#destiniesSec								{ padding-top: 70px; padding-bottom: 70px; }
#destiniesSec .destinies					{ gap: 3%; }
#destiniesSec .leftBox						{ width: 48.5%; }
#destiniesSec .rightBox						{ width: 48.5%; }
#destiniesSec .destinies .h3				{ margin: 0 0 20px 0; font-size: 2.20rem; line-height: 2.77rem; }
#destiniesSec .destinies p					{ margin-left: 0; font-size: 1rem; line-height: 1.625rem; }
#destiniesSec .destinies .button			{ margin: 20px 0 0 0; }
#destiniesSec .destinies .image				{ margin-bottom: 20px; }
#destiniesSec .destinies .image .info		{ gap: 20px; top: 30px; bottom: 30px; right: 30px; left: 30px; align-items: flex-end;}
#destiniesSec .destinies .image .info .name	{ font-size: 1.5rem; line-height: 2rem; letter-spacing: 0.1em; }
#experiencesSec								{ padding-block: 70px; margin-bottom: 70px; }
#experiencesSec .topContent					{ margin-bottom: 20px; }
#experiencesSec .topContent .h3				{ font-size: 2.20rem; line-height: 2.77rem; width: 100%; }
#experiencesSec .topContent .h3	.left-part			{ text-align: center; }
#experiencesSec .topContent .h3	.right-part			{ text-align: center; }
#experiencesSec .topContent .h3 br			{ display: none; }
#experiencesSec .topContent p				{ font-size: 0.844rem; line-height: 1.25rem; letter-spacing: 0.1em; }
#experiencesSec .experiences-slider .swiper-slide { margin-top: 20px; margin-bottom: 20px; }
#experiencesSec .experiences-slider .swiper-slide .info { top: 20px; bottom: 20px; right: 15px; left: 15px; }
#experiencesSec .experiences-slider .swiper-slide .info .name { font-size: 1.5rem; line-height: 2rem; letter-spacing: 0.1em; }
#experiencesSec .experiences-slider .swiper-slide .info p { font-size: 1rem; line-height: 1.625rem; }
#experiencesSec .swiperNavDots				{ display: flex; justify-content: center; margin-top: 20px; position: static; transform: translateY(0%); }
#experiencesSec .swiperNavDots [class*=swiper-button-] { width: 47px; height: 47px; }
#experiencesSec .swiperNavDots .swiper-button-prev { margin-left: 0; }
#experiencesSec .swiperNavDots .swiper-button-next { margin-right: 0; }
#promoted-section								{ padding-top: 70px; padding-bottom: 70px; margin-bottom: 70px; }
#promoted-section .promoted-section__content					{ padding: 0 15px; }
#promoted-section .promoted-section__content .image			{ display: flex; justify-content: center; align-items: center; width: calc(100% + 30px); margin: 0 -15px; }
#promoted-section .promoted-section__content .image img		{ width: auto; max-width: inherit; height: 370px; }
#promoted-section .promoted-section__content .image .info		{ width: 90%; }
#promoted-section .promoted-section__content .image .info.left { margin: auto auto; }
#promoted-section .promoted-section__content .image .info .h3	{ font-size: 2.20rem; line-height: 2.77rem; }
#promoted-section .promoted-section__content .image .info .h3 br { display: none; }
#promoted-section .promoted-section__content .image .info p	{ margin-top: 20px; font-size: 0.844rem; line-height: 1.25rem; letter-spacing: 0.1em; }
#promoted-section .promoted-section__content .image .info .button { margin-top: 20px; }
#acces-section									{ padding-top: 70px; padding-bottom: 70px; }
#acces-section .promoted-section__content					{ padding: 0 15px; }
#acces-section .promoted-section__content .image			{ display: flex; justify-content: center; align-items: center; width: calc(100% + 30px); margin: 0 -15px; }
#acces-section .promoted-section__content .image img		{ width: auto; max-width: inherit; height: 370px; }
#acces-section .promoted-section__content .image .info		{ width: 90%; }
#acces-section .promoted-section__content .image .info.left { margin: auto auto; }
#acces-section .promoted-section__content .image .info .h3	{ font-size: 2.20rem; line-height: 2.77rem; }
#acces-section .promoted-section__content .image .info .h3 br { display: none; }
#acces-section .promoted-section__content .image .info p	{ margin-top: 20px; font-size: 0.844rem; line-height: 1.25rem; letter-spacing: 0.1em; }
#acces-section .promoted-section__content .image .info .button { margin-top: 20px; }
#newsletterSec								{ padding-bottom: 70px; }
#newsletterSec:before						{ width: 800px; height: 800px; top: 20%; left: -30%; }
#newsletterSec .newsletter					{ flex-direction: column; gap: 30px; align-items: flex-start; padding: 0 4rem; }
#newsletterSec .content						{ width: 100%; }
#newsletterSec .content span				{ font-size: 0.844rem; line-height: 1.25rem; letter-spacing: 0.1em; }
#newsletterSec .content .h4					{ margin-top: 20px; font-size: 2.20rem; line-height: 2.77rem; }
#newsletterSec .content .h4 br				{ display: none; }
#newsletterSec .content p					{ margin-left: 0; font-size: 0.844rem; line-height: 1.25rem; letter-spacing: 0.1em; }
#newsletterSec .newsform					{ width: 100%; }
#newsletterSec .newsform .form-group .form-control { height: 60px; padding-right: 127px; font-size: 1rem; }
#newsletterSec .newsform .form-group label.checkbox { padding-left: 50px; font-size: 0.844rem; line-height: 1.063rem; }
#newsletterSec .newsform .form-group button { padding: 8px 20px; color: #ffffff; top: 10px; right: 10px; bottom: 10px; z-index: 4; }
#newsletterSec .newsform .form-group button:after { background-color: #000000; }
#footer .decor-circle1						{ width: 300px; transform: translate(-75%, -37.4%); }
#footer .decor-circle2						{ width: 300px; transform: translate(37.7%, 61.3%); }
.footerSection								{ padding: 0 15px; flex-direction: column; }
.footerSection .row							{ margin-right: -15px; margin-left: -15px; }
.footerSection [class*="ftr_"]				{ padding: 0 15px; padding-top: 50px; padding-bottom: 50px; width: 100%; }
.footerSection [class*="ftr_"]:after		{ width: 100%; height: 0; border-right: none; border-bottom: 1px solid rgba(180, 180, 180, 0.2); top: auto; bottom: 0; }
.footerSection [class*="ftr_"] h3			{ font-size: 0.844rem; line-height: 1.25rem; letter-spacing: 0.1em; }
.footerSection .ftr_menu					{ display: flex; flex-direction: row; flex-wrap: wrap; gap: 50px; width: 100%; }
.footerSection .ftr_menu .box				{ width: calc(50% - 25px); }
.footerSection .ftr_links					{ width: 100%; }
.footerSection .ftr_links ul li				{ font-size: 1rem; line-height: 1.25rem; }
.footerSection .ftr_menu ul li				{ font-size: 1rem; line-height: 1.25rem; }
.footerBottom								{ flex-direction: column; grid-gap: 15px; padding: 20px 15px; }
.footerBottom .copy_text					{ font-size: 0.844rem; line-height: 1.25rem; }
.bookMobileButton 							{ display: block;}

/*----------------- Modal Design -----------------*/
.modalDesign::-webkit-scrollbar				{ width: 0px; }
.modalDesign .modal-body					{ padding: 30px 30px; }
.modalDesign .modal-body:before, .modalDesign .modal-body:after	{ width: 300px; height: 300px; }
.modalDesign .close							{ width: 30px; margin: -20px -20px 0 0; }
.modalDesign .modal-body h2					{ font-size: 30px; line-height: 35px; }
.modalDesign .modal-body ul.featureIcons	{ gap: 15px; }
.modalDesign .modal-body ul.featureIcons li { gap: 7px; }
.modalDesign .modal-body ul.featureIcons li img { width: 30px; }

/*----------------- Inner Pages -----------------*/
#innerBanner, #innerBanner .inner-slider	{ width: 100%; height: auto; }
#breadCrumb									{ padding-right: 15px; padding-left: 15px; }

/*----------------- Hotel Page -----------------*/
#hotelIntroSec .hotelintro .content			{ width: 70%; }
#hotelIntroSec .hotelintro .content .h1		{ margin-bottom: 20px; font-size: 2.20rem; line-height: 2.77rem; }
#hotelIntroSec .hotelintro .content .h2		{ margin-bottom: 20px; font-size: 0.844rem; line-height: 1.25rem; letter-spacing: 0.1em; }
#hotelIntroSec .hotelintro .content p		{ margin: 0 0 20px; font-size: 1rem; line-height: 1.625rem; }
#hotelIntroSec .hotelintro .content button	{ margin-top: 0; }
#hotelsSec									{ padding-block: 0 70px; }
#hotelsSec .hotels							{ display: flex; flex-wrap: wrap; align-items: center; margin-bottom: 70px; }
#hotelsSec .hotels .image,
#hotelsSec .hotels.rowReverse .image		{ width: 100%; margin-left: 0; }
#hotelsSec .hotels .content					{ width: 100%; padding: 20px 0 0 0; margin: 0 !important;}
#hotelsSec .hotels .image .circle			{display: none;}
#hotelsSec .hotels .image .vertical			{display: none;}
#hotelsSec .hotels.rowReverse				{ flex-direction: column; align-items: center; }
#hotelsSec .hotels.rowReverse .content		{ flex-direction: column; width: 100%; padding: 20px 0 0; gap: 0; }
#hotelsSec .hotels .content span			{ margin-bottom: 20px; font-size: 0.844rem; line-height: 1.25rem; letter-spacing: 0.1em; }
#hotelsSec .hotels .content .h3				{ margin-bottom: 20px; font-size: 2.20rem; line-height: 2.77rem; }
#hotelsSec .hotels .content p				{ margin-bottom: 20px; font-size: 1rem; line-height: 1.625rem; }
#hotelsSec .hotels .content .button			{ margin-top: 0; }
#hotelsSec .hotels.reverse					{ flex-direction: row-reverse; }
#hotelsSec .hotels.reverse .content			{ padding: 30px 0 0 0; }
#hotelsSec .hotels.columnReverse			{ display: flex; flex-direction: column; align-items: center; }
#hotelsSec .hotels.columnReverse .image		{ width: 100%; }
#hotelsSec .hotels.columnReverse .content	{ display: flex; flex-direction: column; gap: 0px; width: 100%; padding: 20px 0 0 0; }
#contactInfoSec								{ padding-top: 70px; padding-bottom: 70px; }
#contactInfoSec .contactinfo				{ flex-wrap: wrap; padding: 0 15px; }
#contactInfoSec .contactinfo .image			{ width: 55%; }
#contactInfoSec .contactinfo .image img		{ max-width: 180%; width: 180%; }
#contactInfoSec .contactinfo .content		{ width: 45%; padding: 0 15px; }
#contactInfoSec .contactinfo .content span	{ margin-bottom: 20px; font-size: 0.844rem; line-height: 1.25rem; letter-spacing: 0.1em; }
#contactInfoSec .contactinfo .content .h3	{ margin-bottom: 20px; font-size: 2.20rem; line-height: 2.77rem; }
#contactInfoSec .contactinfo .content ul	{ display: flex; flex-direction: column; align-items: flex-start; gap: 15px; }
#contactInfoSec .contactinfo .content ul li { padding: 0 23px 0 30px; font-size: 1rem; line-height: 1.625rem; }
#contactInfoSec .contactinfo .content ul li br { display: none; }
#contactInfoSec .contactinfo .content ul li .icon { top: 4px; left: -30px; }
#contactInfoSec .contactinfo .content ul li .arrow { bottom: 7px; right: -23px; }

/*----------------- Rooms Page -----------------*/
#roomIntroSec								{ padding-top: 70px; padding-bottom: 70px; }
#roomIntroSec:before						{ width: 600px; height: 600px; top: 50%; left: 14%; }
#roomIntroSec .roomintro .content			{ gap: 30px; }
#roomIntroSec .roomintro .content .box		{ width: 50%; }
#roomIntroSec .roomintro .content .box + .box { width: 50%; }
#roomIntroSec .roomintro .content .h1		{ margin-left: 0; font-size: 2.20rem; line-height: 2.77rem; }
#roomIntroSec .roomintro .content .h2		{ font-size: 0.844rem; line-height: 1.25rem; letter-spacing: 0.1em; margin: 0 0 20px 0;}
#roomIntroSec .roomintro .content p			{ margin: 0 0 20px 0; font-size: 1rem; line-height: 1.625rem; }
#roomIntroSec .roomintro .content button	{ margin-top: 0; }

/*----------------- Default List Page -----------------*/
#defaultListSec								{ padding-top: 70px; padding-bottom: 70px; }
#defaultListSec .defaultList				{ display: flex; flex-wrap: wrap; align-items: center; margin-bottom: 70px; }
#defaultListSec .defaultList .image			{ width: 55%; }
#defaultListSec .defaultList .content		{ width: 45%; padding: 0 0 0 30px; }
#defaultListSec .defaultList .content span	{ margin-bottom: 20px; font-size: 0.844rem; line-height: 1.25rem; letter-spacing: 0.1em; }
#defaultListSec .defaultList .content .h3	{ margin-bottom: 20px; font-size: 2.20rem; line-height: 2.77rem; }
#defaultListSec .defaultList .content p		{ margin-bottom: 20px; font-size: 1rem; line-height: 1.625rem; }
#defaultListSec .defaultList .content .button { margin-top: 0; }
#defaultListSec .defaultList:nth-child(odd) .content { padding: 0 30px 0 0; }
#defaultListSec .defaultList.half .image	{ padding-left: 0; }
#defaultListSec .defaultList:nth-child(odd).half .image { padding-left: 0; padding-right: 0; }

/*----------------- Contact Page -----------------*/
#contactFormSec .contactform				{ flex-wrap: wrap; padding: 0 15px; }
#contactFormSec .contactform .image			{ width: 100%; }
#contactFormSec .contactform .image img		{ max-width: 100%; width: 100%; }
#contactFormSec .contactform .content		{ width: 100%; padding: 30px 0 0 0; }
#contactFormSec .contactform .content .h3	{ margin-bottom: 20px; font-size: 2.20rem; line-height: 2.77rem; }
#contactFormSec .contactform .content form	{ grid-gap: 30px; }
#contactMoreSec .topContent					{ margin: 0 auto 30px auto; }
#contactMoreSec .topContent .h3				{ font-size: 2.20rem; line-height: 2.77rem; }
#contactMoreSec .topContent p				{ margin: 0 7% 20px; font-size: 1rem; line-height: 1.625rem; }
#contactMoreSec .contactmore ul				{ display: flex; flex-direction: column; align-items: center; gap: 15px; max-width: 90%; margin: 0 auto; }
#contactMoreSec .contactmore ul .box		{ gap: 15px; }
#contactMoreSec .contactmore ul li			{ padding: 0 0 0 30px; font-size: 1rem; line-height: 1.625rem; }
#contactMoreSec .contactmore ul li br		{ display: block; }
#contactMoreSec .contactmore ul li .icon	{ top: 4px; left: -30px; }
#contactMoreSec .contactmore ul li .arrow	{ position: static; display: inline; margin-left: 5px; vertical-align: middle; }
#faqsSec									{ padding-top: 70px; padding-bottom: 70px; }
#faqsSec .faqs								{ padding: 70px; }
#faqsSec .faqs:before, #faqsSec .faqs:after { width: 400px; height: 400px; }
#faqsSec .topContent						{ margin: 0 auto 30px auto; }
#faqsSec .topContent .h3					{ font-size: 2.20rem; line-height: 2.77rem; }
#faqsSec .topContent p						{ font-size: 0.844rem; line-height: 1.25rem; letter-spacing: 0.1em; }
#faqsSec .faqs__item .faqs-header h4 { font-size: 1.125rem; line-height: 1.75rem; }
#faqsSec .faqs__item .faqs-body p { font-size: 1rem; line-height: 1.625rem; }

}



/*  #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; }

#header										{ padding: 15px 0; }
#header .top-content						{ padding: 0;}
#header.sticky .top-content					{ padding: 10px 15px; }
#header .logo								{ width: 200px; margin: 0 15px; }
#header .leftNav							{ width: calc(50% - 115px); }
#header .leftNav .hamburger nav				{ padding: 90px 0 30px 0; }
#header .leftNav .hamburger nav .nav_middle .menu { width: calc(100% - 0px); }
#header .leftNav .hamburger nav .nav_middle .menu ul li { font-size: 26px; }
#header .leftNav .hamburger nav .nav_middle .menu ul.sub-menu { margin-left: 30px; }
#header .leftNav .hamburger nav .nav_middle .menu ul.sub-menu li { font-size: 24px; }
#header .leftNav .hamburger nav .nav_middle .info { width: calc(100% - 0px); }
#header .rightNav							{ width: calc(50% - 115px); }
#header .rightNav .languageMenu				{ display: none; }
#header .rightNav .bookNowBtn				{ visibility: hidden; }
#header ul.hotelMenu						{ display: none; }
#searchForm									{ height: 100dvh; }
#searchForm .logo							{ display: block; }
#searchForm .container						{ display: flex; flex-direction: column; justify-content: center; height: 100%; padding-top: 30px; padding-bottom: 30px; }
#searchForm a.searchFormClose				{ display: block; width: 15px; top: 15px; right: 15px; transform: translateY(0%); }
#searchForm .field							{ position: static; width: 100% !important; padding: 15px 0 !important; }
#searchForm .field .popups					{ align-items: center; height: 100%; padding: 30px 30px; top: 0; left: 0; transform: translateX(0%); }
#searchForm .field .popups .calendar		{ width: 100%; }
#searchForm .field .popups .calendar .daterangepicker .drp-calendar.left { float: none; margin-right: auto; margin-left: auto; }
#searchForm .field .popups .roomsbox		{ width: 100%; max-height: 237px; padding-right: 7px; }
#searchForm .field .popups .roomsbox:has(~ .addRoom) { margin-top: auto; }
#searchForm .field .popups .addRoom			{ margin-bottom: auto; }
#slider, #slider .home-slider				{ width: 100%; height: 100dvh; }
#caption									{ width: calc(90% - 30px); margin: auto; bottom: 60px; right: 0; left: 0; }
#caption .subtitle							{ font-size: 0.844rem; line-height: 1.25rem; letter-spacing: 0.1em; }
#caption .subtitle br						{ display: none; }
#caption .title								{ font-size: 2.20rem; line-height: 2.77rem; }
#caption .title br							{ display: none; }
#welcomeSec									{ padding-top: 50px; padding-bottom: 50px; }
#welcomeSec:before							{ width: 600px; height: 600px; top: 40%; left: -70%; }
#welcomeSec .welcome .image1				{ order: 1; width: 100%; }
#welcomeSec .welcome .image2				{ display: none; }
#welcomeSec .welcome .content				{ order: 3; width: 100%; padding: 50px 0 0 0; }
#welcomeSec .welcome .content .h1			{ margin-bottom: 20px; font-size: 2.20rem; line-height: 2.77rem; }
#welcomeSec .welcome .content .h2			{ margin-bottom: 20px; font-size: 0.844rem; line-height: 1.25rem; letter-spacing: 0.1em; }
#welcomeSec .welcome .content p				{ margin-bottom: 20px; font-size: 1rem; line-height: 1.625rem; }
#welcomeSec .welcome .content button		{ margin-top: 0; }
#hotelsVillasSec							{ padding-top: 50px; padding-bottom: 50px; }
#hotelsVillasSec .topContent				{ margin-bottom: 20px; }
#hotelsVillasSec .topContent .h3			{ font-size: 2.20rem; line-height: 2.77rem; }
#hotelsVillasSec .hotels-villas-slider .swiper-slide .info { top: 30px; bottom: 30px; right: 30px; left: 30px; }
#defaultSliderSec .default-slider-container .swiper-slide .info { top: 30px; bottom: 30px; right: 30px; left: 30px; }
#destiniesSec								{ padding-top: 50px; padding-bottom: 50px; }
#destiniesSec .destinies					{ flex-direction: column; gap: 30px; }
#destiniesSec .leftBox						{ width: 100%; }
#destiniesSec .rightBox						{ width: 100%; }
#destiniesSec .destinies .h3				{ margin: 0 0 20px 0; font-size: 2.20rem; line-height: 2.77rem; }
#destiniesSec .destinies p					{ margin-left: 0; font-size: 1rem; line-height: 1.625rem; }
#destiniesSec .destinies .button			{ margin: 20px 0 0 0; }
#destiniesSec .destinies .image				{ margin-bottom: 20px; }
#destiniesSec .destinies .image .info		{ gap: 20px; top: 30px; bottom: 30px; right: 30px; left: 30px; align-items: flex-end;}
#destiniesSec .destinies .image .info .name	{ font-size: 1.5rem; line-height: 2rem; letter-spacing: 0.1em; }
#experiencesSec								{ padding-block: 50px; margin-bottom: 50px; }
#experiencesSec .topContent					{ margin-bottom: 20px; }
#experiencesSec .topContent .h3				{ font-size: 2.20rem; line-height: 2.77rem; width: 100%; }
#experiencesSec .topContent .h3	.left-part			{ text-align: center; }
#experiencesSec .topContent .h3	.right-part			{ text-align: center; }
#experiencesSec .topContent .h3 br			{ display: none; }
#experiencesSec .topContent p				{ font-size: 0.844rem; line-height: 1.25rem; letter-spacing: 0.1em; }
#experiencesSec .experiences-slider .swiper-slide { margin-top: 0; margin-bottom: 0; }
#experiencesSec .experiences-slider .swiper-slide .info { top: 30px; bottom: 30px; right: 15px; left: 15px; }
#experiencesSec .experiences-slider .swiper-slide .info .name { font-size: 1.5rem; line-height: 2rem; letter-spacing: 0.1em; }
#experiencesSec .experiences-slider .swiper-slide .info p { font-size: 1rem; line-height: 1.625rem; }
#experiencesSec .swiperNavDots				{ display: flex; justify-content: center; margin-top: 20px; position: static; transform: translateY(0%); }
#experiencesSec .swiperNavDots [class*=swiper-button-] { width: 47px; height: 47px; }
#experiencesSec .swiperNavDots .swiper-button-prev { margin-left: 0; }
#experiencesSec .swiperNavDots .swiper-button-next { margin-right: 0; }
#promoted-section								{ padding-top: 50px; padding-bottom: 50px; margin-bottom: 50px;}
#promoted-section .promoted-section__content					{ padding: 0 15px; }
#promoted-section .promoted-section__content .image			{ display: flex; justify-content: center; align-items: center; width: calc(100% + 30px); margin: 0 -15px; }
#promoted-section .promoted-section__content .image img		{ width: 100%; height: 345px; object-fit: cover; }
#promoted-section .promoted-section__content .image .info		{ width: calc(100% - 40px); margin: 20px; }
#promoted-section .promoted-section__content .image .info.left { margin: 20px; }
#promoted-section .promoted-section__content .image .info .h3	{ font-size: 1.8rem; line-height: 2.3rem; }
#promoted-section .promoted-section__content .image .info .h3 br { display: none; }
#promoted-section .promoted-section__content .image .info p	{ margin-top: 20px; font-size: 0.844rem; line-height: 1.25rem; letter-spacing: 0.1em; }
#promoted-section .promoted-section__content .image .info .button { margin-top: 20px; }
#acces-section									{ padding-top: 50px; padding-bottom: 50px; }
#acces-section .promoted-section__content					{ padding: 0 15px; }
#acces-section .promoted-section__content .image			{ display: flex; justify-content: center; align-items: center; width: calc(100% + 30px); margin: 0 -15px; }
#acces-section .promoted-section__content .image img		{ width: 100%; height: 345px; object-fit: cover; }
#acces-section .promoted-section__content .image .info		{ width: calc(100% - 40px); margin: 20px; }
#acces-section .promoted-section__content .image .info.left { margin: 20px; }
#acces-section .promoted-section__content .image .info .h3	{ font-size: 1.8rem; line-height: 2.3rem; }
#acces-section .promoted-section__content .image .info .h3 br { display: none; }
#acces-section .promoted-section__content .image .info p	{ margin-top: 20px; font-size: 0.844rem; line-height: 1.25rem; letter-spacing: 0.1em; }
#acces-section .promoted-section__content .image .info .button { margin-top: 20px; }
#newsletterSec								{ padding-block: 50px; }
#newsletterSec:before						{ width: 600px; height: 600px; top: 35%; left: -90%; }
#newsletterSec .newsletter					{ flex-direction: column; gap: 30px; align-items: flex-start; padding: 0 0rem; }
#newsletterSec .content						{ width: 100%; }
#newsletterSec .content span				{ font-size: 0.844rem; line-height: 1.25rem; letter-spacing: 0.1em; }
#newsletterSec .content .h4					{ margin-top: 20px; font-size: 2.20rem; line-height: 2.77rem; }
#newsletterSec .content .h4 br				{ display: none; }
#newsletterSec .content p					{ margin-left: 0; font-size: 0.844rem; line-height: 1.25rem; letter-spacing: 0.1em; }
#newsletterSec .newsform					{ width: 100%; }
#newsletterSec .newsform .form-group .form-control { height: 60px; padding-right: 127px; font-size: 1rem; }
#newsletterSec .newsform .form-group label.checkbox { padding-left: 50px; font-size: 0.844rem; line-height: 1.063rem; }
#newsletterSec .newsform .form-group button { padding: 8px 20px; color: #ffffff; top: 10px; right: 10px; bottom: 10px; z-index: 4; }
#newsletterSec .newsform .form-group button:after { background-color: #000000; }
#footer .decor-circle1						{ width: 300px; transform: translate(-75%, -37.4%); }
#footer .decor-circle2						{ width: 300px; transform: translate(37.5%, 61.3%); }
.footerSection								{ padding: 0 15px; flex-direction: column; }
.footerSection .row							{ margin-right: -15px; margin-left: -15px; }
.footerSection [class*="ftr_"]				{ padding: 0 15px; padding-top: 39px; padding-bottom: 50px; width: 100%; align-items: flex-start; }
.footerSection [class*="ftr_"]:after		{ width: 100%; height: 0; border-right: none; border-bottom: 1px solid rgba(180, 180, 180, 0.2); top: auto; bottom: 0; }
.footerSection [class*="ftr_"] h3			{ font-size: 0.844rem; line-height: 1.25rem; letter-spacing: 0.1em; }
.footerSection .ftr_menu					{ display: flex; flex-direction: column; flex-wrap: wrap; gap: 50px; }
.footerSection .ftr_menu .box				{ width: calc(100% - 0px); }
.footerSection .ftr_menu ul li				{ font-size: 1rem; line-height: 1.25rem; }
.footerSection .ftr_links ul li				{ font-size: 1rem; line-height: 1.25rem; }
.footerBottom								{ flex-direction: column; grid-gap: 15px; padding: 20px 15px; }
.footerBottom .copy_text					{ font-size: 0.844rem; line-height: 1.25rem; }
.bookMobileButton 							{ display: block;}

/*----------------- Modal Design -----------------*/
.modalDesign::-webkit-scrollbar				{ width: 6px; }
.modalDesign::-webkit-scrollbar-track		{ background: rgba(0, 0, 0, 0.05); border-radius: 10px; }
.modalDesign::-webkit-scrollbar-thumb		{ visibility: visible; background: var(--primary-color); border: none; min-height: 40px; border-radius: 10px; }
.modalDesign									{ scrollbar-width: thin; scrollbar-color: var(--primary-color) rgba(0, 0, 0, 0.05); }
.modalDesign .modal-body					{ padding: 25px 25px; }
.modalDesign .modal-body:before, .modalDesign .modal-body:after	{ width: 300px; height: 300px; }
.modalDesign .close							{ width: 25px; margin: -20px -20px 0 0; }
.modalDesign .modal-body h2					{ font-size: 25px; line-height: 30px; }
.modalDesign .modal-body ul.featureIcons	{ gap: 15px; }
.modalDesign .modal-body ul.featureIcons li { gap: 7px; }
.modalDesign .modal-body ul.featureIcons li img { width: 30px; }

/*----------------- Inner Pages -----------------*/
#innerBanner, #innerBanner .inner-slider	{ width: 100%; height: auto; }
#breadCrumb									{ padding-right: 15px; padding-left: 15px; }

/*----------------- Hotel Page -----------------*/
#hotelIntroSec .hotelintro .content			{ width: 100%; }
#hotelIntroSec .hotelintro .content .h1		{ margin-bottom: 20px; font-size: 2.20rem; line-height: 2.77rem; }
#hotelIntroSec .hotelintro .content .h2		{ margin-bottom: 20px; font-size: 0.844rem; line-height: 1.25rem; letter-spacing: 0.1em; }
#hotelIntroSec .hotelintro .content p		{ margin: 0 0 20px; font-size: 1rem; line-height: 1.625rem; }
#hotelIntroSec .hotelintro .content button	{ margin-top: 0; }
#hotelsSec									{ padding-block: 0 50px; }
#hotelsSec .hotels							{ display: flex; flex-wrap: wrap; align-items: center; margin-bottom: 50px; }
#hotelsSec .hotels .image, 
#hotelsSec .hotels.rowReverse .image		{ width: 100%; margin-left: 0; }
#hotelsSec .hotels .image .circle			{display: none;}
#hotelsSec .hotels .image .vertical			{display: none;}
#hotelsSec .hotels.rowReverse					{ flex-direction: column; align-items: center; }
#hotelsSec .hotels.rowReverse .content		{flex-direction: column; width: 100%; padding: 20px 0 0; gap: 0;}
#hotelsSec .hotels .content					{ width: 100%; padding: 20px 0 0 0; margin: 0 !important;}
#hotelsSec .hotels .content span			{ margin-bottom: 20px; font-size: 0.844rem; line-height: 1.25rem; letter-spacing: 0.1em; }
#hotelsSec .hotels .content .h3				{ margin-bottom: 20px; font-size: 2.20rem; line-height: 2.77rem; }
#hotelsSec .hotels .content p				{ margin-bottom: 20px; font-size: 1rem; line-height: 1.625rem; }
#hotelsSec .hotels .content .button			{ margin-top: 0; }
#hotelsSec .hotels.reverse					{ flex-direction: row-reverse; }
#hotelsSec .hotels.columnReverse			{ display: flex; flex-direction: column; align-items: center; }
#hotelsSec .hotels.columnReverse .image		{ width: 100%; }
#hotelsSec .hotels.columnReverse .content	{ display: flex; flex-direction: column; gap: 0px; width: 100%; padding: 20px 0 0 0; }

#contactInfoSec								{ padding-top: 50px; padding-bottom: 50px; }
#contactInfoSec .contactinfo				{ flex-wrap: wrap; padding: 0 15px; }
#contactInfoSec .contactinfo .image			{ width: 100%; }
#contactInfoSec .contactinfo .content		{ width: 100%; padding: 0 15px; }
#contactInfoSec .contactinfo .content span	{ margin-bottom: 20px; font-size: 0.844rem; line-height: 1.25rem; letter-spacing: 0.1em; }
#contactInfoSec .contactinfo .content .h3	{ margin-bottom: 20px; font-size: 2.20rem; line-height: 2.77rem; }
#contactInfoSec .contactinfo .content ul	{ display: flex; flex-direction: column; align-items: flex-start; gap: 15px; }
#contactInfoSec .contactinfo .content ul li { padding: 0 23px 0 30px; font-size: 1rem; line-height: 1.625rem; }
#contactInfoSec .contactinfo .content ul li br { display: none; }
#contactInfoSec .contactinfo .content ul li .icon { top: 4px; left: -30px; }
#contactInfoSec .contactinfo .content ul li .arrow { bottom: 7px; right: -23px; }

/*----------------- Rooms Page -----------------*/
#roomIntroSec								{ padding-top: 50px; padding-bottom: 50px; }
#roomIntroSec:before						{ width: 600px; height: 600px; top: 50%; left: 30%; }
#roomIntroSec .roomintro .content			{ flex-direction: column; gap: 0px; }
#roomIntroSec .roomintro .content .box		{ width: 100%; }
#roomIntroSec .roomintro .content .box + .box { width: 100%; }
#roomIntroSec .roomintro .content .h1		{ margin-left: 0; font-size: 2.20rem; line-height: 2.77rem; }
#roomIntroSec .roomintro .content .h2		{ font-size: 0.844rem; line-height: 1.25rem; letter-spacing: 0.1em; margin: 0 0 20px 0;}
#roomIntroSec .roomintro .content p			{ margin: 0 0 20px 0; font-size: 1rem; line-height: 1.625rem; }
#roomIntroSec .roomintro .content button	{ margin-top: 0; }

/*----------------- Default List Page -----------------*/
#defaultListSec								{ padding-top: 50px; padding-bottom: 50px; }
#defaultListSec .defaultList				{ display: flex; flex-wrap: wrap; align-items: center; margin-bottom: 50px; }
#defaultListSec .defaultList .image			{ width: 100%; }
#defaultListSec .defaultList .content		{ width: 100%; padding: 20px 0 0 0; }
#defaultListSec .defaultList .content span	{ margin-bottom: 20px; font-size: 0.844rem; line-height: 1.25rem; letter-spacing: 0.1em; }
#defaultListSec .defaultList .content .h3	{ margin-bottom: 20px; font-size: 2.20rem; line-height: 2.77rem; }
#defaultListSec .defaultList .content p		{ margin-bottom: 20px; font-size: 1rem; line-height: 1.625rem; }
#defaultListSec .defaultList .content .button { margin-top: 0; }
#defaultListSec .defaultList.half .image	{ padding-left: 0; }
#defaultListSec .defaultList:nth-child(odd).half .image { padding-left: 0; padding-right: 0; }

/*----------------- Contact Page -----------------*/
#contactFormSec .contactform				{ flex-wrap: wrap; padding: 0 15px; }
#contactFormSec .contactform .image			{ width: 100%; }
#contactFormSec .contactform .image img		{ max-width: 180%; width: 180%; }
#contactFormSec .contactform .content		{ width: 100%; padding: 30px 0 0 0; }
#contactFormSec .contactform .content .h3	{ margin-bottom: 20px; font-size: 2.20rem; line-height: 2.77rem; }
#contactFormSec .contactform .content form	{ grid-gap: 25px; }
#contactFormSec .contactform .content .form-group.half { width: calc(100% - 0px); }
#contactMoreSec .topContent					{ margin: 0 auto 30px auto; }
#contactMoreSec .topContent .h3				{ font-size: 2.20rem; line-height: 2.77rem; }
#contactMoreSec .topContent p				{ margin: 0 0 20px; font-size: 1rem; line-height: 1.625rem; }
#contactMoreSec .contactmore ul				{ display: flex; flex-direction: column; align-items: center; gap: 15px; max-width: 90%; margin: 0 auto; }
#contactMoreSec .contactmore ul .box		{ gap: 15px; }
#contactMoreSec .contactmore ul li			{ padding: 0 0 0 30px; font-size: 1rem; line-height: 1.625rem; }
#contactMoreSec .contactmore ul li br		{ display: block; }
#contactMoreSec .contactmore ul li .icon	{ top: 4px; left: -30px; }
#contactMoreSec .contactmore ul li .arrow	{ position: static; display: inline; margin-left: 5px; vertical-align: middle; }
#faqsSec									{ padding-top: 50px; padding-bottom: 50px; }
#faqsSec .faqs								{ padding: 50px 15px; }
#faqsSec .faqs:before, #faqsSec .faqs:after { width: 300px; height: 300px; }
#faqsSec .topContent						{ margin: 0 auto 30px auto; }
#faqsSec .topContent .h3					{ font-size: 2.20rem; line-height: 2.77rem; }
#faqsSec .topContent .h3 br					{ display: none; }
#faqsSec .topContent p						{ margin: 0 0 20px 0; font-size: 0.844rem; line-height: 1.25rem; letter-spacing: 0.1em; }
#faqsSec .faqs__item .faqs-header h4 { font-size: 1.125rem; line-height: 1.75rem; }
#faqsSec .faqs__item .faqs-body p { font-size: 1rem; line-height: 1.625rem; }

}



/* #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; }

.footerSection .ftr_menu					{ flex-direction: row; }
.footerSection .ftr_menu .box				{ width: calc(50% - 25px); }

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

/*----------------- Contact Page -----------------*/
#contactFormSec .contactform .image img		{ max-width: 100%; width: 100%; }
#contactFormSec .contactform .content form	{ grid-gap: 30px; }
#contactFormSec .contactform .content .form-group.half { width: calc(50% - 15px); }

}