@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: 1701px) and (max-width: 2100px) {

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






}



/* #Additional - Large Screens beyond 1600px
================================================== */
@media only screen and (min-width: 1451px) and (max-width: 1700px) {
	#introHotels .content						{ padding: 0 15px 0 85px; }
	#introHotels .content h1					{ font-size: var(--font-size-title); line-height: var(--desktop-line-height-title); }


}



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

	#introHotels .content						{ padding: 0 15px 0 85px; }
	#introHotels .content h1					{ font-size: 62px; line-height: 72px; }

}



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

	/*----------------- Inner Pages -----------------*/
#innerBanner .banner > img					{ width: 120%; max-width: 120%; }

/*----------------- Other Blocks -----------------*/
#introHotels								{ padding-top: 100px; padding-bottom: 100px; }
#introHotels .content						{ padding: 0 15px; }
#introHotels .content h1					{ font-size: 57px; line-height: 60px }

/* ESTILOS PARA EL LAYOUT SHIFT */
#ourHotels3									{ padding-top: 100px; padding-bottom: 100px; }
/* FIN ESTILOS PARA EL LAYOUT SHIFT */




}



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


/*----------------- Inner Pages -----------------*/
#innerBanner .desktop						{ display: none; }
#innerBanner .tablet						{ display: block; }

#introHotels								{ padding-top: 70px; padding-bottom: 70px; }
#introHotels .content						{ padding: 0 15px; }
#introHotels .content span.tagnumber		{ margin: 0 0 30px 0; font-size: 20px; line-height: 25px; }
#introHotels .content span.tagnumber strong:after { width: 40px; margin: 0 15px; }
#introHotels .content h1					{ margin: 0 0 30px 0; font-size: var(--font-size-title); line-height: var(--mobile-line-height-title); }

#introHotels .content h2					{ margin: 0 0 30px 0; font-size: 18px; line-height: 23px; }
#introHotels .content p						{ font-size: 16px; line-height: 20px; }
#introHotels .content button				{ margin-top: 10px; padding: 0 0 5px 0; font-size: 18px; }
#introHotels .image							{ padding: 0 15px; margin-top: 0; }
#introHotels .image .introhotels-thumb		{ padding-bottom: 70px; }
#introHotels .image .introhotels-thumb.owl-theme .owl-nav [class*=owl-] { width: 50px; height: 50px; }
#introHotels .image .introhotels-thumb.owl-theme .owl-dots .owl-dot { height: 50px; }

}



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


/*----------------- Inner Pages -----------------*/
#innerBanner .desktop						{ display: none; }
#innerBanner .mobile						{ display: block; }

#introHotels								{ padding-top: 70px; padding-bottom: 70px; }
#introHotels .content						{ padding: 0 15px; }
#introHotels .content span.tagnumber		{ margin: 0 0 30px 0; font-size: 20px; line-height: 25px; }
#introHotels .content span.tagnumber strong:after { width: 40px; margin: 0 15px; }
#introHotels .content h1					{ margin: 0 0 30px 0; font-size: var(--font-size-title); line-height: var(--mobile-line-height-title); }

#introHotels .content h2					{ margin: 0 0 30px 0; font-size: 18px; line-height: 23px; }
#introHotels .content p						{ font-size: 16px; line-height: 20px; }
#introHotels .content button				{ margin-top: 10px; padding: 0 0 5px 0; font-size: 18px; }
#introHotels .image							{ padding: 0 15px; margin-top: 30px; }
#introHotels .image .introhotels-thumb		{ padding-bottom: 70px; }
#introHotels .image .introhotels-thumb.owl-theme .owl-nav [class*=owl-] { width: 50px; height: 50px; }
#introHotels .image .introhotels-thumb.owl-theme .owl-dots .owl-dot { height: 50px; }

}



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


/*----------------- Inner Pages -----------------*/
#innerBanner								{ height: 100vh; }
#innerBanner .banner						{ display: flex; align-items: center; width: 100%; height: 100%; }

/*----------------- Other Blocks -----------------*/


}