@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; }
#servicesSec .swiperNavDots {margin-top: 10px}

#welcomeSec .welcome .content .h1			{ font-size: 100px; line-height: 100px; }

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

/*----------------- Rooms Page -----------------*/
#roomsSec .rooms .slider 					{ width: 70%; }
#roomsSec .rooms .info 						{ width: 45%; margin-right: -15%; padding: 50px 50px; padding-right: calc(15% + 50px); }
#roomsSec .rooms .info .rooms-info .h3 		{ width: 180%; font-size: 60px;	line-height: 70px; }
#roomsSec .rooms .info .rooms-info a.button { display: inline-block; padding: 7px 20px;	border: 1px solid #000000; border-radius: 50px; font-size: 13px; color: #000000; font-weight: 400; line-height: 20px; text-transform: uppercase; transition: all .3s ease-in-out; }
#roomsSec .rooms .info .rooms-info .exploreBtn { display: inline-block;	width: auto; margin-left: 10px; }
#roomsSec .rooms .info .rooms-info .exploreBtn a { display: flex; align-items: center; grid-gap: 5px; padding: 7px 22px; border: 1px solid transparent;	border-radius: 30px;	font-size: 13px; color: #000000; font-weight: 400; line-height: 20px; letter-spacing: 2px; transition: all .3s ease-in-out; }
#roomsSec .rooms:nth-child(even) .slider .rooms-slider { padding-right: 0; padding-left: var(--container-padding); margin-left: calc(0px - var(--container-padding)); }
#roomsSec .rooms:nth-child(even) .info { margin-right: 0; margin-left: -15%; padding-right: 50px; padding-left: calc(15% + 50px); }
#roomsSec .rooms:nth-child(even) .info .rooms-info .h3 { margin-left: -80%; }

}

/* #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									{ padding-top: 100px; padding-bottom: 100px; }
#welcomeSec .welcome .image2				{ margin-bottom: -50px; }
#welcomeSec .welcome .content .h1			{ font-size: 80px; line-height: 90px; }
#benefitsSec								{ padding-top: 100px; padding-bottom: 100px; }
#ourRoomsSec								{ padding-top: 100px; padding-bottom: 100px; }
#ourRoomsSec .topContent					{ margin-bottom: 45px; }
#ourRoomsSec .ourrooms-slider .swiper-slide::before { top: 0; right: -140px; font-size: 130px; }
#servicesSec								{ padding-top: 100px; padding-bottom: 100px; }
#servicesSec .services-info					{ width: 45%; }
#servicesSec .services-info .swiper-slide	{ padding: 0 70px; }
#gastronomySec								{ padding-top: 100px; padding-bottom: 100px; }
#gastronomySec .gastronomy					{ padding: 0 50px; }
#gastronomySec .gastronomy .image			{ width: calc(100% + 100px); margin: 0 -50px; }
#inspiredSec								{ padding-top: 100px; padding-bottom: 100px; }
#inspiredSec.blog .inspired-slider			{ padding-top: 45px; margin-left: 70px; margin-right: 70px; }
#inspiredSec.blog .inspired-slider .swiper-slide::before { top: 0; right: -113px; font-size: 130px; }

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

/*----------------- Gallery Page -----------------*/
.portfolio .isotopeSelector img 			{ height: 262px !important; }

/*----------------- Contact Page -----------------*/
.contact_form .form-group .form-control 	{ font-size: 20px; }
#contactFaqSec 								{ margin-top: 35px; margin-bottom: 0px; padding-top: 100px; padding-bottom: 100px; }

/*----------------- Payment Page -----------------*/
#singleTopSec 								{ padding-top: 100px; padding-bottom: 100px; }
#singleMidSec 								{ padding-top: 100px; padding-bottom: 100px; }
#singleBotmSec								{ padding-top: 100px; padding-bottom: 100px; }
#singleBotmSec .singleBotmImg 				{ border-radius: 100px 0; }
#singleBotmSec .singleMidContent img 		{ border-radius: 100px 0; }
#singleBotmSec .singleMidContent .info 		{ padding: 50px; }

/*----------------- Default List Page -----------------*/
#defaultListSec .rooms .info .rooms-info .h3 { font-size: 60px; line-height: 70px; }

/*----------------- Rooms Page -----------------*/
#roomsBenefitsSec 							{ padding-top: 100px; }
#roomsSec .rooms .slider 					{ width: 68%; }
#roomsSec .rooms .info 						{ width: 46%; padding: 40px 50px; padding-right: calc(10% + 70px); }
#roomsSec .rooms .info .rooms-info .h3 		{ width: 180%; margin: 0 0 20px 0; font-size: 60px; line-height: 70px; }
#roomsSec .rooms:nth-child(even) .info 		{ margin-left: -13%; padding-right: 40px; padding-left: calc(10% + 70px); }
}



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

#header .leftNav .hamburger nav .nav_middle .menu ul li { font-size: 34px; line-height: 44px; }

#slider, #slider .home-slider				{ height: auto; }
#caption									{ width: 50%; }
#caption .title								{ font-size: 50px; line-height: 60px; }
#caption .subtitle							{ font-size: 16px; line-height: 26px; }
#scrollDown									{ bottom: 35px; right: calc(0px - var(--container-padding) + 10px); }
#welcomeSec									{ padding-top: 100px; padding-bottom: 100px; }
#welcomeSec .welcome .image1				{ order: 1; width: 30%; border-radius: 100px 0px; }
#welcomeSec .welcome .image2				{ order: 3; width: 20%; margin-bottom: -50px; border-radius: 0px 100px; }
#welcomeSec .welcome .content				{ order: 2; width: 50%; padding: 0 30px; }
#welcomeSec .welcome .content .h1			{ margin: 0 0 0 -80px; font-size: 70px; line-height: 80px; }
#welcomeSec .welcome .content .h2			{ margin: 0 0 0 -80px; margin-bottom: 20px; font-size: 16px; line-height: 20px; }
#welcomeSec .welcome .content p				{ margin: 0 0 20px 0; font-size: 16px; line-height: 26px; }
#benefitsSec								{ padding-top: 100px; padding-bottom: 100px; }
#benefitsSec .topContent .h3				{ font-size: 50px; line-height: 60px; }
#benefitsSec .topContent p					{ font-size: 16px; line-height: 26px; }
#ourRoomsSec								{ padding-top: 100px; padding-bottom: 100px; }
#ourRoomsSec .topContent					{ margin-bottom: 40px; }
#ourRoomsSec .topContent .h3				{ font-size: 50px; line-height: 60px; }
#ourRoomsSec .topContent p					{ font-size: 16px; line-height: 26px; }
#ourRoomsSec .ourrooms-slider .swiper-slide::before { top: 0; right: -107px; font-size: 100px; }
#ourRoomsSec .ourrooms-slider .swiper-slide .info { bottom: 30px; right: 30px; left: 30px; }
#servicesSec								{ padding-top: 100px; padding-bottom: 100px; }
#servicesSec .topContent .h3				{ font-size: 50px; line-height: 60px; }
#servicesSec .topContent p					{ margin-left: 0; font-size: 16px; line-height: 26px; }
#servicesSec .topContent .simple-link		{ top: 20px; }
#servicesSec .services-slider				{ width: 50%; border-radius: 100px 0px; }
#servicesSec .services-info					{ width: 50%; }
#servicesSec .services-info .swiper-slide	{ padding: 0 40px; }
#servicesSec .services-info .h4				{ font-size: 35px; line-height: 45px; }
#servicesSec .services-info p				{ font-size: 16px; line-height: 26px; }
#servicesSec .swiperNavDots					{ width: 50%; padding: 0 40px; margin-top: -16px; }
#gastronomySec								{ padding-top: 100px; padding-bottom: 100px; }
#gastronomySec .topContent .h3				{ font-size: 50px; line-height: 60px; }
#gastronomySec .topContent p				{ margin-left: 0; font-size: 16px; line-height: 26px; }
#gastronomySec .topContent .simple-link		{ top: 20px; }
#gastronomySec .gastronomy					{ padding: 0 50px; }
#gastronomySec .gastronomy .image			{ width: calc(100% + 100px); margin: 0 -50px; }
#inspiredSec								{ padding-top: 100px; padding-bottom: 100px; }
#inspiredSec .topContent .h3				{ font-size: 50px; line-height: 60px; }
#inspiredSec .topContent p					{ font-size: 16px; line-height: 26px; }
#inspiredSec.blog .inspired-slider			{ padding-top: 40px; margin-left: 50px; margin-right: 50px; }
#inspiredSec.blog .inspired-slider .swiper-slide::before { top: 0; right: -86px; font-size: 100px; }
#inspiredSec .inspired-slider .info			{ padding: 20px 15px; }
#inspiredSec .inspired-slider .info .h4		{ font-size: 23px; line-height: 33px; }

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

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

/*----------------- Rooms Page -----------------*/
#topContentSec .content 					{ width: 100%; margin: 50px auto; }
#topContentSec .content .h1					{ font-size: 40px; line-height: 45px; }
#roomsBenefitsSec 							{ padding-top: 100px; padding-bottom: 0px; }
#roomsBenefitsSec .topContent 				{ margin: 0 auto 40px auto; }
#roomsBenefitsSec .topContent .h3			{ font-size: 40px; line-height: 45px; }
#roomsBenefitsSec .topContent p 			{ width: 60%; font-size: 16px; line-height: 26px; }
#roomsBenefitsSec .benefitsIconBox .item 	{ width: 25%; }
#roomsSec 									{ padding-top: 100px; padding-bottom: 0px; }
#roomsSec .rooms 							{ margin-bottom: 70px; }
#roomsSec .rooms .info 						{ padding: 50px 70px 50px 50px; width: 58%; margin-right: -125px; }
#roomsSec .rooms .info .rooms-info .h3 		{ margin: 0 0 10px 0; font-size: 55px; line-height: 65px; }
#roomsSec .rooms .info .rooms-info p 		{ width: 70%; }
#roomsSec .rooms:nth-child(even) .info 		{ padding: 50px 50px 50px 70px; margin-right: 0; margin-left: -125px; }
#roomsSec .rooms:nth-child(even) .info .rooms-info p { width: 100%; padding-left: 20%; }
#roomsSec .rooms:nth-child(even) .info .rooms-info a.button { margin-left: 20%; }
#roomsSec .rooms .info .rooms-info .exploreBtn { margin-left: 10px; }
#roomsSec .rooms .info .rooms-info .exploreBtn > a { padding: 7px 15px; }

/*----------------- Single Page -----------------*/
#singleTopSec 								{ padding-top: 70px; padding-bottom: 70px; }
#singleTopSec .singleItemCnt 				{ margin-top: 15px; }
#singleTopSec .singleItemCnt:after 			{ top: -10px; left: -10px; width: 90%; height: 95%; border-radius: 100px 0; }
#singleTopSec .singleItemCnt img 			{ border-radius: 100px 0; }
#singleTopSec .singleItemLt > .h3 			{ top: 200px; bottom:inherit; left: 10px; font-size: 40px; line-height: 45px; }
#singleTopSec .singleItemRt p:last-child	{ margin-bottom: 0; }
#singleMidSec								{ padding-top: 70px; padding-bottom: 70px; }
#singleMidSec .singleMidTitle > .h3			{ font-size: 40px; line-height: 45px; }
#singleBotmSec 								{ padding-top: 70px; padding-bottom: 70px; }
#singleBotmSec .singleBotmBox 				{ width: 100%; grid-gap: 30px; }
#singleBotmSec .singleBotmImg 				{ border-radius: 0px 0; }
#singleBotmSec .singleBotmImg img 			{ border-radius: 100px 0; }
#singleBotmSec .singleMidContent img 		{ border-radius: 100px 0; }
#singleBotmSec .singleBotmBox > .h3			{ top: 160px; font-size: 40px; line-height: 45px; }
#singleBotmSec .singleMidContent .info 		{ padding: 40px 20px 0; }
#imgEffectsSec .imgEffectsBox 				{ padding: 0 15px; }

/*----------------- Blog Page -----------------*/
#innerBanner.blogBanner 					{ height: 60vh; }
#filterMenu 								{ padding-top: 90px; padding-bottom: 90px; }
#blogTopSec 								{ padding-top: 0px; padding-bottom: 90px; }
#blogTopSec .content .image:before			{ border-radius: 100px 0px; }
#blogTopSec .content .image img				{ border-radius: 100px 0px; }
#blogListSec .blogItem .info 				{ padding: 20px 15px; }
#blogListSec .blogItem .info .h4 			{ font-size: 22px; line-height: 32px; }

/*----------------- Blog Post Page -----------------*/
#blogPostSec 								{ padding-top: 35px; padding-bottom: 0px; }
#blogPostSec .shortContent 					{ width: 100%; margin: 35px auto; }
#blogPostSec .shortContent .h1 				{ font-size: 40px; line-height: 44px; }
#blogPostSec .shortContent .blogs 			{ padding-top: 10px; padding-bottom: 0px; }
#blogPostSec .bigContent 					{ width: 100%; margin: 50px auto 0px auto; }
#blogPostSec .bigContent h3					{ font-size: 40px; line-height: 44px; }

/*----------------- Gallery Page -----------------*/
#gallerySec 								{ padding-top: 90px; padding-bottom: 0px; }
.portfolio .isotopeSelector img 			{ height: 210px !important; }

/*----------------- Contact Page -----------------*/
#contactSec 								{ padding: 35px 15px 0 15px; }
.contactDetail 								{ padding: 0 0px; }
#contactSec .contactBox 					{ margin: 100px auto; }
#contactSec .contactBox .h1 				{ margin: 0 0 20px 0; font-size: 50px; line-height: 60px;  }
#contactSec .contactBox .h2 				{ margin: 0 0 20px 0; }
#contactSec .contactBox .h2 br				{ display:none; }
#contactSec .contactBox p br				{ display:none; }
.contact_form .form-group .form-control 	{ font-size: 18px; }
#mapSec										{ padding-top: 0px; padding-bottom: 0px; }
#mapSec .mapBox	 							{ width: 100%; padding: 0 15px; }
#mapSec .content .h2 						{ font-size: 40px; line-height: 45px; }
#contactFaqSec 								{ padding-top: 100px; padding-bottom: 100px; margin-top: 100px; }
#contactFaqSec .content .h2					{ font-size: 50px; line-height: 60px; }

/*----------------- Payment Page -----------------*/
.paymentSec 								{ margin-top: 120px; margin-bottom: 10px; }
#paymentSec 								{ padding: 35px 15px 0 15px; }
#paymentSec .paymentBox 					{ width: 100%; margin: 100px auto; }
#paymentSec .paymentBox .paymentDetail 		{ width: 50%; }
#paymentSec .paymentBox .paymentDetail .h1	{ margin: 0 0 15px 0; font-size: 50px; line-height: 60px; }
#paymentSec .paymentBox .paymentDetail .h2 	{ margin: 0 0 15px 0; }
#paymentSec .paymentBox .paymentDetail ul li { margin: 0 0 20px 0; padding: 0 0px; font-size: 15px; line-height: 26px; }

/*----------------- Default List Page -----------------*/
#defaultListSec 							{ padding-top: 90px; }
#defaultListSec .rooms 						{ margin-bottom: 100px; padding: 0 50px; }
#defaultListSec .rooms .info .rooms-info .h3 { font-size: 50px; line-height: 60px; }

/*----------------- Rooms Page -----------------*/
#roomsBenefitsSec 							{ padding-top: 90px; }
#roomsSec .rooms .slider 					{ width: 65%; }
#roomsSec .rooms .info 						{ width: 50%; padding: 20px 30px; padding-right: calc(0% + 50px); margin-right: -15%; }
#roomsSec .rooms .info .rooms-info .h3 		{ width: 100%; margin: 0 0 20px 0; font-size: 45px; line-height: 55px; }
#roomsSec .rooms:nth-child(even) .info 		{ margin-left: -13%; padding-right: 30px; padding-left: calc(0% + 50px); padding: 20px 30px; }
#roomsSec .rooms:nth-child(even) .info .rooms-info .h3 	{ width: 100%; margin-left: 0%; }
#roomsSec .rooms:nth-child(even) .info .rooms-info p 	{ padding-left: 29%; }
#roomsSec .rooms:nth-child(even) .info .rooms-info a.button { margin-left: 29%; }


}



/* #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 .logo								{ width: 145px; margin: 0 30px; }
#header .leftNav							{ width: calc(50% - 102.5px); }
#header .leftNav .hamburger nav .nav_middle ul.language { display: block; }
#header .leftNav .hamburger nav .nav_middle .menu ul li { font-size: 30px; line-height: 40px; }

#header .leftNav .contactIcon				{ display: none; }
#header .rightNav							{ width: calc(50% - 102.5px); }
#header .rightNav .languageMenu				{ display: none; }
#header .rightNav a.button					{ padding: 4px 15px; }
#slider, #slider .home-slider				{ width: 100%; height: auto; }
#caption									{ width: 50%; left: 15px; }
#caption .title								{ font-size: 45px; line-height: 50px; }
#caption .subtitle							{ font-size: 16px; line-height: 26px; }
#scrollDown									{ bottom: 35px; right: calc(0px - var(--container-padding) + 10px); }
#welcomeSec									{ padding-top: 70px; padding-bottom: 70px; }
#welcomeSec .welcome .image1				{ order: 1; width: 30%; border-radius: 70px 0px; }
#welcomeSec .welcome .image2				{ order: 3; width: 20%; margin-bottom: -35px; border-radius: 0px 70px; }
#welcomeSec .welcome .content				{ order: 2; width: 50%; padding: 0 30px; }
#welcomeSec .welcome .content .h1			{ margin: 0 0 0 -70px; font-size: 50px; line-height: 55px; }
#welcomeSec .welcome .content .h2			{ margin: 0 0 0 -70px; margin-bottom: 20px; font-size: 16px; line-height: 20px; }
#welcomeSec .welcome .content p				{ margin: 0 0 20px 0; font-size: 16px; line-height: 26px; }
#welcomeSec .welcome .content button		{ margin-top: 0; }
#benefitsSec								{ padding-top: 70px; padding-bottom: 70px; }
#benefitsSec .topContent .h3				{ font-size: 40px; line-height: 45px; }
#benefitsSec .topContent p					{ font-size: 16px; line-height: 26px; }
#ourRoomsSec								{ padding-top: 70px; padding-bottom: 70px; }
#ourRoomsSec .topContent					{ margin-bottom: 40px; }
#ourRoomsSec .topContent .h3				{ font-size: 40px; line-height: 45px; }
#ourRoomsSec .topContent p					{ font-size: 16px; line-height: 26px; }
#ourRoomsSec .topContent .simple-link		{ margin-top: 20px; }
#ourRoomsSec .ourrooms-slider .swiper-slide::before { top: 0; right: -90px; font-size: 80px; }
#ourRoomsSec .ourrooms-slider .swiper-slide .info { bottom: 30px; right: 30px; left: 30px; }
#ourRoomsSec .ourrooms-slider .swiper-slide .info .name { font-size: 25px; line-height: 25px; }
#servicesSec								{ padding-top: 70px; padding-bottom: 70px; }
#servicesSec .topContent .h3				{ font-size: 40px; line-height: 45px; }
#servicesSec .topContent p					{ margin-left: 0; font-size: 16px; line-height: 26px; }
#servicesSec .topContent .simple-link		{ top: 12px; }
#servicesSec .services-slider				{ width: 50%; border-radius: 70px 0px; }
#servicesSec .services-info					{ width: 50%; padding: 0 30px 0 0; }
#servicesSec .services-info .swiper-slide	{ padding: 0; }
#servicesSec .services-info .h4				{ font-size: 30px; line-height: 35px; }
#servicesSec .services-info p				{ font-size: 16px; line-height: 26px; }
#servicesSec .services-info .simple-link	{ margin-top: 0; }
#servicesSec .swiperNavDots					{ width: 50%; padding: 0 30px 0 0; margin-top: 20px; }
#gastronomySec								{ padding-top: 70px; padding-bottom: 70px; }
#gastronomySec .topContent .h3				{ font-size: 40px; line-height: 45px; }
#gastronomySec .topContent p				{ margin-left: 0; font-size: 16px; line-height: 26px; }
#gastronomySec .topContent .simple-link		{ top: 12px; }
#gastronomySec .gastronomy					{ padding: 0 15px; }
#gastronomySec .gastronomy .image			{ width: calc(100% + 30px); margin: 0 -15px; }
#inspiredSec								{ padding-top: 70px; padding-bottom: 70px; }
#inspiredSec .topContent .h3				{ font-size: 40px; line-height: 45px; }
#inspiredSec .topContent p					{ font-size: 16px; line-height: 26px; }
#inspiredSec .topContent .simple-link		{ margin-top: 20px; }
#inspiredSec.blog .inspired-slider			{ padding-top: 40px; margin-left: 30px; margin-right: 30px; }
#inspiredSec.blog .inspired-slider .swiper-slide::before { top: 0; right: -73px; font-size: 80px; }
#inspiredSec .inspired-slider .info			{ padding: 20px 0; }
#inspiredSec .inspired-slider .info .h4		{ font-size: 22px; line-height: 27px; }
#inspiredSec .inspired-slider .info .simple-link { margin-top: 15px; }
.footerSection .ftr_info .logo				{ text-align: center; }
.footerSection .ftr_info ul					{ display: flex; flex-direction: column; align-items: center; }
.footerBottom .container					{ flex-direction: column; grid-gap: 15px; }
.publicacion-web__badge						{ max-width: 140px; }

/*----------------- Modal Design -----------------*/
.modalDesign::-webkit-scrollbar				{ width: 0px; }
.modalDesign .modal-body					{ padding: 30px 30px; }
.modalDesign .close							{ width: 30px; margin: -20px -20px 0 0; }
.modalDesign .modal-body h2					{ font-size: 30px; line-height: 35px; }

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

/*----------------- Rooms Page -----------------*/
#topContentSec .content 					{ width: 100%; margin: 30px auto; }
#topContentSec .content .h1					{ font-size: 40px; line-height: 45px; }
#roomsBenefitsSec 							{ padding-top: 70px; padding-bottom: 0px; }
#roomsBenefitsSec .topContent 				{ margin: 0 auto 30px auto; }
#roomsBenefitsSec .topContent .h3			{ font-size: 40px; line-height: 45px; }
#roomsBenefitsSec .topContent p 			{ width: 60%; font-size: 16px; line-height: 26px; }
#roomsBenefitsSec .benefitsIconBox .item 	{ width: 25%; }
#roomsSec 									{ padding-top: 70px; padding-bottom: 0px; }
#roomsSec .rooms 							{ margin-bottom: 70px; }
#roomsSec .rooms .slider 					{ width: 50%; }
#roomsSec .rooms .info 						{ width: 60%; margin-right: -70px; padding: 30px 30px; }
#roomsSec .rooms .info .rooms-info .h3 		{ margin: 0 0 10px 0; font-size: 45px; line-height: 55px; }
#roomsSec .rooms .info .rooms-info p 		{ width: 80%; }
#roomsSec .rooms:nth-child(even) .info 		{ margin-left: -70px; }
#roomsSec .rooms:nth-child(even) .info .rooms-info p { width: 100%; padding-left: 20%; }
#roomsSec .rooms:nth-child(even) .info .rooms-info a.button { margin-left: 20%; }
#roomsSec .rooms .info .rooms-info .exploreBtn { margin-left: 10px; }
#roomsSec .rooms .info .rooms-info .exploreBtn > a { padding: 7px 15px; }

/*----------------- Single Page -----------------*/
#singleTopSec 								{ padding-top: 70px; padding-bottom: 70px; }
#singleTopSec .singleItemCnt 				{ margin-top: 15px; }
#singleTopSec .singleItemCnt:after 			{ top: -10px; left: -10px; width: 90%; height: 95%; border-radius: 100px 0; }
#singleTopSec .singleItemCnt img 			{ border-radius: 100px 0; }
#singleTopSec .singleItemLt > .h3 			{ top: 50px; bottom:inherit; left: 10px; font-size: 40px; line-height: 45px; }
#singleTopSec .singleItemRt p:last-child	{ margin-bottom: 0; }
#singleMidSec								{ padding-top: 70px; padding-bottom: 70px; }
#singleMidSec .singleMidTitle > .h3			{ font-size: 40px; line-height: 45px; }
#singleBotmSec 								{ padding-top: 70px; padding-bottom: 70px; }
#singleBotmSec .singleBotmBox 				{ width: 100%; grid-gap: 30px; }
#singleBotmSec .singleBotmImg 				{ border-radius: 0px 0; }
#singleBotmSec .singleBotmImg img 			{ border-radius: 100px 0; }
#singleBotmSec .singleMidContent img 		{ border-radius: 100px 0; }
#singleBotmSec .singleBotmBox > .h3			{ top: 110px; font-size: 40px; line-height: 45px; }
#singleBotmSec .singleMidContent .info 		{ padding: 40px 20px 0; }
#imgEffectsSec .imgEffectsBox 				{ padding: 0 15px; }

/*----------------- Blog Page -----------------*/
#innerBanner.blogBanner 					{ height: 45vh; }
.blogBanner #caption 						{ width: 96%; padding:0 0px; transform: translateY(-30%); }
.blogBanner #caption .content .h1 			{ font-size: 38px; line-height: 48px; }
#filterMenu 								{ padding-top: 70px; padding-bottom: 70px; }
#filterMenu ul 								{ grid-gap: 10px; }
#filterMenu ul li a 						{ padding: 10px 14px; font-size: 13px; line-height: 24px; }
#blogTopSec .content .image 				{ width: 65%;  }
#blogTopSec .content .image:before			{ border-radius: 70px 0px; }
#blogTopSec .content .image img				{ border-radius: 70px 0px; }
#blogTopSec .content .info 					{ width: 50%; right: -80px; margin-bottom: 30px; }
#blogTopSec 								{ padding-top: 0px; padding-bottom: 70px; }
#blogTopSec 								{ padding-top: 0px; padding-bottom: 90px; }
#blogListSec .blogItem .info 				{ padding: 20px 0; }
#blogListSec .blogItem .info .h4 			{ font-size: 22px; line-height: 27px; }
#blogListSec .blogItem .info .simple-link	{ margin-top: 15px; }

/*----------------- Blog Post Page -----------------*/
#blogPostSec 								{ padding-top: 35px; padding-bottom: 0px; }
#blogPostSec .shortContent 					{ width: 100%; margin: 35px auto; }
#blogPostSec .shortContent .h1 				{ font-size: 40px; line-height: 44px; }
#blogPostSec .shortContent .blogs 			{ padding-top: 10px; padding-bottom: 0px; }
#blogPostSec .bigContent 					{ width: 100%; margin: 50px auto 0px auto; }
#blogPostSec .bigContent h3					{ font-size: 40px; line-height: 44px; }

/*----------------- Gallery Pages -----------------*/
#gallerySec 								{ padding-top: 70px; padding-bottom: 0px; }
.portfolio .isotopeSelector img 			{ height: 154px!important; }

/*----------------- Contact Page -----------------*/
#contactSec 								{ padding: 35px 15px 0 15px; }
.contactDetail 								{ padding: 0 0px; }
#contactSec .contactBox 					{ margin: 70px auto; }
#contactSec .contactBox .h1 				{ margin: 0 0 15px 0; font-size: 40px; line-height: 45px;  }
#contactSec .contactBox .h2 				{ margin: 0 0 15px 0; }
#contactSec .contactBox .h2 br				{ display:none; }
#contactSec .contactBox p br				{ display:none; }
.contact_form .form-group .form-control 	{ font-size: 18px; }
#mapSec										{ padding-top: 0px; padding-bottom: 0px; }
#mapSec .mapBox	 							{ width: 100%; padding: 0 15px; }
#mapSec .content .h2 						{ font-size: 40px; line-height: 45px; }
#contactFaqSec 								{ padding-top: 70px; padding-bottom: 70px; }
#contactFaqSec .content .h2					{ font-size: 40px; line-height: 45px; }

/*----------------- Payment Page -----------------*/
.paymentSec 								{ margin-top: 120px; margin-bottom: 10px; }
#paymentSec 								{ padding: 35px 15px 0 15px; }
#paymentSec .paymentBox 					{ width: 100%; margin: 70px auto; }
#paymentSec .paymentBox .paymentDetail 		{ width: 70%; }
#paymentSec .paymentBox .paymentDetail .h1	{ margin: 0 0 15px 0; font-size: 40px; line-height: 45px; }
#paymentSec .paymentBox .paymentDetail .h2 	{ margin: 0 0 15px 0; }
#paymentSec .paymentBox .paymentDetail ul li { margin: 0 0 20px 0; padding: 0 0px; font-size: 15px; line-height: 26px; }

/*----------------- Default List Page -----------------*/
#defaultListSec 							{ padding-top: 90px; }
#defaultListSec .rooms 						{ margin-bottom: 100px; padding: 0 20px; }
#defaultListSec .rooms .info 				{ padding: 30px 30px; }
#defaultListSec .rooms .info .rooms-info .h3 { font-size: 45px; line-height: 55px; }
#defaultListSec .rooms .slider .defaultlist-slider { border-radius: 0 100px; }
#defaultListSec .rooms .slider:after 		{ border-radius: 0 100px; top: -20px; right: -20px; }
#defaultListSec .rooms:nth-child(even) .slider .defaultlist-slider { border-radius: 100px 0; }
#defaultListSec .rooms:nth-child(even) .slider:after { border-radius: 100px 0; top: -20px; left: -20px; }

/*----------------- Rooms Page -----------------*/
#roomsBenefitsSec 							{ padding-top: 70px; }
#roomsSec .rooms .info .rooms-info .h3 		{ width: 105%; }
#roomsSec .rooms:nth-child(even) .info 		{ margin-right: 0; padding-right: 30px; padding-left: calc(0% + 50px); }
#roomsSec .rooms:nth-child(even) .info .rooms-info .h3 { margin-left: 0%; }
#roomsSec .rooms:nth-child(even) .info .rooms-info p { padding-left: 15%; }
#roomsSec .rooms:nth-child(even) .info .rooms-info a.button { margin-left: 15%; }

}



/*  #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 .logo								{ width: 145px; margin: 0 15px; }
#header .leftNav							{ width: calc(50% - 111px); }
#header .leftNav .hamburger nav				{ padding: 90px 0 30px 0; }
#header .leftNav .hamburger nav .nav_middle ul.language { display: block; }
#header .leftNav .hamburger nav .nav_middle .menu ul li { font-size: 25px; line-height: 35px; }

#header .leftNav .hamburger nav .nav_middle .menu { width: calc(100% - 0px); }
#header .leftNav .hamburger nav .nav_middle .info { width: calc(100% - 0px); }
#header .leftNav .hamburger nav .nav_middle .links-text { grid-gap: 15px; }
#header .leftNav .contactIcon				{ display: none; }
#header .rightNav							{ width: calc(50% - 87.5px); }
#header .rightNav .languageMenu				{ display: none; }
#header .rightNav a.button					{ padding: 4px 15px; }
#slider, #slider .home-slider				{ width: 100%; height: 100dvh; }
#caption									{ width: calc(90% - 30px); margin: auto; bottom: 52px; right: 0; left: 0; text-align: center; }
#caption .title								{ font-size: 40px; line-height: 45px; }
#caption .title br							{ display: none; }
#caption .subtitle							{ font-size: 16px; line-height: 26px; }
#caption .subtitle br						{ display: none; }
#scrollDown									{ bottom: 35px; right: calc(0px - var(--container-padding) + 10px); }
#welcomeSec									{ padding-top: 50px; padding-bottom: 50px; }
#welcomeSec .welcome .image1				{ order: 1; width: 75%; border-radius: 30px 0px; }
#welcomeSec .welcome .image2				{ order: 2; width: 45%; margin-bottom: -20px; margin-left: -20%; border-radius: 0px 30px; }
#welcomeSec .welcome .content				{ order: 3; width: 100%; padding: 50px 0 0 0; }
#welcomeSec .welcome .content .h1			{ margin: 0; margin-bottom: 20px; font-size: 35px; line-height: 40px; }
#welcomeSec .welcome .content .h2			{ margin: 0; margin-bottom: 20px; font-size: 16px; line-height: 20px; }
#welcomeSec .welcome .content p				{ margin: 0 0 20px 0; font-size: 16px; line-height: 26px; }
#welcomeSec .welcome .content button		{ margin-top: 0; }
#benefitsSec								{ padding-top: 50px; padding-bottom: 50px; }
#benefitsSec .topContent .h3				{ font-size: 35px; line-height: 40px; }
#benefitsSec .topContent p					{ font-size: 16px; line-height: 26px; }
#benefitsSec .topContent p br				{ display: none; }
#benefitsSec .benefits-slider .swiper-slide	{ padding: 25px 15px; }
#ourRoomsSec								{ padding-top: 50px; padding-bottom: 50px; }
#ourRoomsSec .topContent					{ margin-bottom: 40px; }
#ourRoomsSec .topContent .h3				{ font-size: 35px; line-height: 40px; }
#ourRoomsSec .topContent p					{ font-size: 16px; line-height: 26px; }
#ourRoomsSec .topContent p br				{ display: none; }
#ourRoomsSec .topContent .simple-link		{ margin-top: 20px; }
#ourRoomsSec .ourrooms-slider				{ width: calc(100% + 30px); margin-left: -15px; }
#ourRoomsSec .ourrooms-slider .swiper-slide::before { top: -10px; right: 0; font-size: 50px; }
#ourRoomsSec .ourrooms-slider .swiper-slide .image	{ display: flex; justify-content: center; align-items: center; }
#ourRoomsSec .ourrooms-slider .swiper-slide .image img { width: auto; max-width: inherit; height: 345px; }
#ourRoomsSec .ourrooms-slider .swiper-slide .info { bottom: 15px; right: 15px; left: 15px; justify-content: center; }
#ourRoomsSec .ourrooms-slider .swiper-slide .info .name { font-size: 20px; line-height: 20px; width: 100%; text-align: center; }
#servicesSec								{ padding-top: 50px; padding-bottom: 50px; }
#servicesSec .topContent .h3				{ font-size: 35px; line-height: 40px; }
#servicesSec .topContent p					{ margin-left: 0; font-size: 16px; line-height: 26px; }
#servicesSec .topContent p br				{ display: none; }
#servicesSec .topContent .simple-link		{ margin-top: 20px; position: relative; top: 0; right: 0; }
#servicesSec .services						{ flex-direction: row; }
#servicesSec .services-slider				{ width: 100%; border-radius: 30px 0px; }
#servicesSec .services-info					{ width: 100%; padding: 30px 0 0 0; }
#servicesSec .services-info .swiper-slide	{ padding: 0; }
#servicesSec .services-info .h4				{ font-size: 25px; line-height: 30px; }
#servicesSec .services-info p				{ font-size: 16px; line-height: 26px; }
#servicesSec .services-info .simple-link	{ margin-top: 0; }
#servicesSec .swiperNavDots					{ width: 100%; padding: 0 0 0 0; margin-top: 20px; }
#gastronomySec								{ padding-top: 50px; padding-bottom: 50px; }
#gastronomySec .topContent .h3				{ font-size: 35px; line-height: 40px; }
#gastronomySec .topContent p				{ margin-left: 0; font-size: 16px; line-height: 26px; }
#gastronomySec .topContent p br				{ display: none; }
#gastronomySec .topContent .simple-link		{ margin-top: 20px; position: relative; top: 0; right: 0; }
#gastronomySec .gastronomy					{ padding: 0 15px; }
#gastronomySec .gastronomy .image			{ display: flex; justify-content: center; align-items: center; width: calc(100% + 30px); margin: 0 -15px; }
#gastronomySec .gastronomy .image img		{ width: auto; max-width: inherit; height: 345px; }
#inspiredSec								{ padding-top: 50px; padding-bottom: 50px; }
#inspiredSec .topContent .h3				{ font-size: 35px; line-height: 40px; }
#inspiredSec .topContent p					{ font-size: 16px; line-height: 26px; }
#inspiredSec .topContent p br				{ display: none; }
#inspiredSec .topContent .simple-link		{ margin-top: 20px; }
#inspiredSec.blog .inspired-slider			{ padding-top: 40px; margin-left: 20px; margin-right: 20px; }
#inspiredSec.blog .inspired-slider .swiper-slide::before { top: -10px; right: 0; font-size: 50px; }
#inspiredSec .inspired-slider .info			{ padding: 20px 0; }
#inspiredSec .inspired-slider .info .h4		{ font-size: 20px; line-height: 25px; }
#inspiredSec .inspired-slider .info .simple-link { margin-top: 15px; }
.footerBottom .container					{ flex-direction: column; grid-gap: 15px; }
.publicacion-web__badge						{ max-width: 120px; }

/*----------------- Modal Design -----------------*/
.modalDesign::-webkit-scrollbar				{ width: 0px; }
.modalDesign .modal-body					{ padding: 25px 25px; }
.modalDesign .close							{ width: 25px; margin: -20px -20px 0 0; }
.modalDesign .modal-body h2					{ font-size: 25px; line-height: 30px; }

/*----------------- Inner Pages -----------------*/
#innerBanner, #innerBanner .inner-slider	{ width: 100%; height: 40vh; }

/*----------------- Rooms Page -----------------*/
#topContentSec .content 					{ width: 100%; margin: 25px auto 10px auto; }
#topContentSec .content .h1	 				{ font-size: 35px; line-height: 40px; }
#topContentSec .content p 					{ width: 100%; margin: 0 auto 15px auto; font-size: 16px; line-height: 26px; }
#roomsBenefitsSec 							{ padding-top: 50px; padding-bottom: 0px; }
#roomsBenefitsSec .topContent 				{ margin: 0 auto 30px auto; }
#roomsBenefitsSec .topContent .h3			{ font-size: 35px; line-height: 40px; }
#roomsBenefitsSec .topContent p 			{ width: 100%; }
#roomsBenefitsSec .benefitsIconBox .item 	{ width: 50%; }
#roomsSec 									{ padding-top: 50px; padding-bottom: 0px; }
#roomsSec .rooms 							{ flex-direction: column; width: 100%; margin-bottom: 50px; }
#roomsSec .rooms .slider 					{ align-self: flex-start; width: 100%; }
#roomsSec .rooms .slider .customNavDotsMix 	{ margin-top: 15px; }
#roomsSec .rooms .info 						{ width: 100%; margin-right: 0; padding: 20px 20px; margin-top: 25px; }
#roomsSec .rooms .info .rooms-info .h3		{ font-size: 35px; line-height: 40px; }
#roomsSec .rooms .info .rooms-info p 		{ width: 100%; }
#roomsSec .rooms .info .rooms-info .exploreBtn 				{ margin-left: 10px; }
#roomsSec .rooms .info .rooms-info .exploreBtn > a 			{ padding: 7px 15px; }
#roomsSec .rooms:nth-child(even) 							{ flex-direction: column; }
#roomsSec .rooms:nth-child(even) .info .rooms-info p 		{ width: 100%; padding-left: 0%; }
#roomsSec .rooms:nth-child(even) .info .rooms-info a.button { margin-left: 0%; }
#inspiredSec .topContent 					{ margin: 0 auto 15px auto; }

/*----------------- Single Page Page -----------------*/
#singleTopSec 								{ padding-top: 50px; padding-bottom: 50px; }
#singleTopSec .singleItemLt > .h3 			{ margin: 0 0 60px 0px; left: 0; width: 100%; position: relative; bottom: 0px; font-size: 35px; line-height: 40px; }
#singleTopSec .singleItemRt 				{ padding: 30px 0 0 0; }
#singleTopSec .singleItemRt p:last-child	{ margin-bottom: 0; }
#singleMidSec 								{ padding-top: 50px; padding-bottom: 50px; }
#singleMidSec .singleMidBox 				{ width: 100%; display: flex; grid-gap: 20px; flex-direction: column; }
#singleMidSec .singleMidTitle 				{ width: 100%; }
#singleMidSec .singleMidTitle > .h3			{ font-size: 35px; line-height: 40px; }
#singleMidSec .singleMidContent 			{ width: 100%; }
#singleBotmSec 								{ padding-top: 50px; padding-bottom: 50px; }
#singleBotmSec .singleBotmBox 				{ width: 100%; display: flex; grid-gap: 50px; flex-direction: column; }
#singleBotmSec .singleBotmBox > .h3 		{ position: relative; top: 0; width: 100%; font-size: 35px; line-height: 40px; }
#singleBotmSec .singleBotmImg 				{ width: 100%; border-radius: 100px 0; margin-top: 0; }
#singleBotmSec .singleMidContent 			{ width: 100%; }
#singleBotmSec .singleMidContent img 		{ border-radius: 100px 0; }
#singleBotmSec .singleMidContent .info 		{ padding: 35px 0px 15px 0px; }
#imgEffectsSec .imgEffectsBox 				{ width: 100%; padding: 0 15px; }

/*----------------- Blog Page -----------------*/
#innerBanner.blogBanner 					{ height: 70vh; }
.blogBanner #caption 						{ width: 92%; padding: 0 0px; transform: translateY(-35%); }
.blogBanner #caption .content 				{ margin: 20px auto 0px auto; }
.blogBanner #caption .content .h1 			{ font-size: 34px; line-height: 44px; }
.blogBanner #caption .content .h2 			{ font-size: 15px; line-height: 15px; }
.blogBanner #caption .content p	br			{ display:none; }
#filterMenu 								{ padding-top: 50px; padding-bottom: 50px; }
#filterMenu ul 								{ grid-gap: 10px; align-items: center; flex-wrap: wrap; justify-content: center; }
#filterMenu ul li a 						{ padding: 6px 12px; font-size: 13px; line-height: 24px; }
#blogTopSec 								{ padding-top: 0px; padding-bottom: 50px; }
#blogTopSec .content 						{ flex-direction: column; align-items: flex-end; }
#blogTopSec .content .image 				{ width: 100%; }
#blogTopSec .content .image:before			{ border-radius: 30px 0px; }
#blogTopSec .content .image img				{ border-radius: 30px 0px; }
#blogTopSec .content .info 					{ width: 100%; right: 0px; margin-top:30px; margin-bottom: 30px; }
#blogTopSec .content .info .h3 				{ margin: 0 0 20px 0; font-size: 30px; line-height: 38px; }
#blogTopSec 								{ padding-top: 0px; padding-bottom: 50px; }
#blogListSec .blogItem .info 				{ padding: 20px 0; }
#blogListSec .blogItem .info .h4 			{ font-size: 22px; line-height: 27px; }
#blogListSec .blogItem .info .simple-link	{ margin-top: 15px; }

/*----------------- Blog Post Page -----------------*/
#blogPostSec 								{ padding-top: 35px; padding-bottom: 0px; }
#blogPostSec .shortContent 					{ width: 100%; margin: 35px auto; }
#blogPostSec .shortContent .h1 				{ font-size: 35px; line-height: 40px; }
#blogPostSec .shortContent .blogs 			{ padding-top: 20px; padding-bottom: 0px; }
#blogPostSec .bigContent 					{ width: 100%; margin: 50px auto 0px auto; }
#blogPostSec .bigContent h3					{ font-size: 30px; line-height: 38px; }

/*----------------- Gallery Page -----------------*/
#gallerySec 								{ padding-top: 50px; padding-bottom: 0px; }
.filter-section 							{ margin: 40px 0 30px 0; display: inline-block; }
ul.filter 									{ display: flex; justify-content: center; flex-wrap: wrap; }
ul.filter > li > a 							{ display: inline-block; padding: 7px 20px; }
.portfolio .isotopeSelector img 			{ height: auto !important; }

/*----------------- Contact Page -----------------*/
#contactSec 								{ padding: 35px 15px 0 15px; }
.contactDetail 								{ padding: 0 0px; }
#contactSec .contactBox 					{ margin: 50px auto; }
#contactSec .contactBox .h1 				{ margin: 0 0 15px 0; font-size: 34px; line-height: 40px; }
#contactSec .contactBox .h2 				{ margin: 0 0 15px 0; font-size: 15px; line-height: 22px; }
#contactSec .contactBox .h2 br				{ display:none; }
#contactSec .contactBox p br				{ display:none; }
.contact_form .form-group .form-control 	{ font-size: 18px; }
#mapSec										{ padding-top: 50px; padding-bottom: 0px; }
#mapSec .mapBox	 							{ width: 100%; padding: 0 15px; }
#mapSec .content .h2 						{ font-size: 35px; line-height: 40px; }
#contactFaqSec 								{ padding-top: 50px; padding-bottom: 50px; }
#contactFaqSec .content .h2					{ font-size: 35px; line-height: 40px; }

/*----------------- Payment Page -----------------*/
.paymentSec 								{ margin-top: 100px; margin-bottom: 10px; }
#paymentSec 								{ padding: 35px 15px 0 15px; }
#paymentSec .paymentBox 					{ width: 100%; margin: 50px auto; }
#paymentSec .paymentBox .paymentDetail 		{ width: 100%; }
#paymentSec .paymentBox .paymentDetail .h1	{ margin: 0 0 15px 0; font-size: 34px; line-height: 40px; }
#paymentSec .paymentBox .paymentDetail .h2 	{ margin: 0 0 15px 0; font-size: 15px; line-height: 22px; }
#paymentSec .paymentBox .paymentDetail h2 br{ display:none; }
#paymentSec .paymentBox .paymentDetail ul li { margin: 0 0 20px 0; padding: 0 0px; font-size: 15px; line-height: 26px; }

/*----------------- Default List Page -----------------*/
#defaultListSec 							{ padding-top: 70px; }
#defaultListSec .rooms 						{ margin-bottom: 80px; padding: 0 20px 0 5px; flex-direction: column; }
#defaultListSec .rooms .slider 				{ width: 100%; }
#defaultListSec .rooms .info 				{ width: 100%; padding: 30px 5px 0px 5px; }
#defaultListSec .rooms .info .rooms-info .h3 { font-size: 34px; line-height: 40px; }

#defaultListSec .rooms .slider .defaultlist-slider { border-radius: 0 100px; }
#defaultListSec .rooms .slider:after 		{ border-radius: 0 100px; top: -20px; right: -20px; }

#defaultListSec .rooms:nth-child(even) 		{ flex-direction: column; padding: 0 5px 0 20px; }
#defaultListSec .rooms:nth-child(even) .slider .defaultlist-slider { border-radius: 100px 0; }
#defaultListSec .rooms:nth-child(even) .slider:after { border-radius: 100px 0; top: -20px; left: -20px; }

/*----------------- Rooms Page -----------------*/
#roomsBenefitsSec 							{ padding-top: 70px; }
#roomsSec .rooms .info .rooms-info .h3 		{ width: 100%; font-size: 30px; line-height: 36px; }
#roomsSec .rooms:nth-child(even) .info 		{ margin-right: 0; margin-left: 0; padding-right: 20px; padding-left: calc(0% + 20px); }
#roomsSec .rooms:nth-child(even) .info .rooms-info .h3 { margin-left: 0; }


}



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

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

}