@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: 2100px) {

/*----------------- Habitaciones List Pages -----------------*/
#ourLocation .roomSlider						{ width: calc(100% + (100vw - 1280px) / 2); margin-top: 55px; }

/*----------------- Default List Pages -----------------*/
.eventHotelSlider .owl-stage				{ height: 850px; }

}

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



/*----------------- Habitaciones List Pages -----------------*/
#ourLocation .roomSlider						{ width: calc(100% + (100vw - 1280px) / 2); margin-top: 55px; }

/*----------------- Default List Pages -----------------*/
.eventHotelSlider .owl-stage				{ height: 656px; }

}

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


/*----------------- Producto Pages -----------------*/
#otherSec.loveSec .otherIconTop 			{ left: -90px; top: 320px; }
#otherSec.loveSec .otherIconBotm 			{ right: -90px; bottom: -430px; }

/*----------------- Default List Pages -----------------*/
.eventHotelSlider .owl-stage				{ height: 544px; }

#availableSec.meetSec .meetIconTop 			{ left: -110px; top: 340px; }
#availableSec.meetSec .meetIconTop img 		{ width: 60%; }
#availableSec.meetSec .meetIconBotm 		{ right: -110px; bottom: -490px; }
#availableSec.meetSec .meetIconBotm img 	{ width: 60%; float: right; }

/*----------------- Habitaciones Pages -----------------*/
#allRoomSec .singleRoom.owl-theme .owl-nav	{ bottom: -65px; }
#allRoomSec .singleRoom.owl-theme .owl-nav [class*=owl-] { width: 75px; height: 75px; }

}

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

/*----------------- Inner Pages -----------------*/
#banner .caption h1							{ font-size: 55px; line-height: 60px; }
#banner.small .caption h1					{ font-size: 30px; line-height: 35px; }
#banner .caption p							{ font-size: 35px; line-height: 40px; }
#banner.small .caption p					{ font-size: 20px; line-height: 25px; }
#banner .bannerbox > img					{ width: 100%; max-width: 100%; margin-left: 0%; }
#banner .bannerbox .shape					{ width: 150px; height: 150px; left: 15px; top: 52%; transform: translateY(-50%) rotate(80deg); }
#banner.small .bannerbox .shape				{ width: 150px; height: 150px; left: 0; transform: translateY(-50%) rotate(80deg); }
#breadCrumb									{ margin: var(--section-separation-half-tablet) 0; }

/*----------------- Producto Pages -----------------*/
#vibraWeddingSec .thumbs 							{ width: 100%; }
#vibraWeddingSec .thumbs h3 						{ font-size: 30px; line-height: 35px; }
#vibraWeddingSec .thumbs p							{ margin: 0 0 20px 0; }
#vibraWeddingSec .vibraWedding-thumbs .owl-item		{ padding: 15px 0; }
#vibraWeddingSec .vibraWedding-thumbs .item			{ font-size: 25px; line-height: 30px; }
#vibraWeddingSec .vibraWedding-thumbs .item .textbox { margin: 15px 0 0 0; font-size: 16px; line-height: 26px; }
#vibraWeddingSec .vibraWedding-thumbs .item .textbox ul li { font-size: 16px; line-height: 26px; }
#vibraWeddingSec .vibraWedding-thumbs .item .textbox ul li:before { font-size: 20px; line-height: 13px; }
#vibraWeddingSec .vibraWedding-thumbs .item .textbox p  { margin: 0 0 20px 0; font-size: 13px; line-height: 20px; }

#otherSec.loveSec 								{ overflow: hidden; }
#otherSec.loveSec .otherIconTop 				{ left: -75px; top: 30px; width: 150px; min-height: 150px; }
#otherSec.loveSec .otherIconBotm 				{ right: -75px; bottom: 25px; width: 150px; min-height: 150px; }

/*----------------- Default List Pages -----------------*/
#discoverSec.facilitiesSec .discoverTop 			{ width: 90%; }
#discoverSec.facilitiesSec .discoverTop .content 	{ padding-left: 30px; }
.eventHotelSlider									{ padding: 0 30px; }
.eventHotelSlider .owl-stage						{ height: 450px; }
.eventHotelSlider .owl-item							{ width: calc(33.333333% - 30px) !important; }
.eventHotelSlider .owl-item.nohover					{ width: calc(30.333333% - 30px) !important; }
.eventHotelSlider .owl-item.hover					{ width: calc(39.333333% - 30px) !important; }

#availableSec.meetSec 								{ padding-top: 70px; padding-bottom: 50px; }
#availableSec.meetSec .title h3 					{ width: 50%; margin: 50px auto 50px auto; }
#availableSec.meetSec .content 						{ padding: 30px 30px; }
#availableSec.meetSec .meetIconTop 					{ width: 150px; min-height: 150px; left: -85px; top: 215px; }
#availableSec.meetSec .meetIconBotm 				{ width: 150px; min-height: 150px; right: -85px; bottom: -20px; }
#vibraContactSec .contactInfo 						{ max-width: 40%; flex: 0 0 50%; }
#vibraContactSec .addressInfo 						{ max-width: 40%; flex: 0 0 50%; }

/*----------------- Habitaciones Pages -----------------*/
.navbarSec 									{ padding-top: 0; padding-bottom: var(--section-separation-half-tablet); }
.navbarSec .navMenu ul 						{ flex-direction: inherit; }
.navbarSec .navMenu ul li 					{ padding: 0 14px; }
.navbarSec .navMenu ul li:before 			{ top: -12px; }
.navbarSec .navMenu ul > li a 				{ margin: 12px 5px; font-size: 14px; line-height: 18px; }

#habiRoomsSec 								{ padding-top: 35px; padding-bottom: 35px; }
#habiRoomsSec .habiRoomsTop 				{ width: 100%; }
#habiRoomsSec .habiRoomsTop .content 		{ margin-bottom: 0; padding-right: 5%; width: 80%;}
#habiRoomsSec .habiRoomsTop .content > .title-text 	{ margin: 0 0 20px 0; font-size: 25px; line-height: 35px; }
#habiRoomsSec .habiRoomsTop .content p 		{ margin: 0 0 20px 0; font-size: 16px; line-height: 26px; }
#habiRoomsSec .habiRoomsTop .content > span	{ font-size: 16px; line-height: 26px; }
#habiRoomsSec .habiRoomsTop .content ul 	{ margin: 0 0 15px 0; }
#habiRoomsSec .habiRoomsTop .content ul li 	{ font-size: 16px; line-height: 26px; }
#habiRoomsSec .habiRoomsTop .content h6 	{ font-size: 13px; line-height: 16px; }
#habiRoomsSec .habiRoomsTop .image 			{ width: 300px; height: 320px; }
#habiRoomsSec .habiRoomsTop .image p 		{ font-size: 14px; line-height: 20px; padding: 0 0 0 40%; }

#allRoomSec 								{ padding-top: 35px; padding-bottom: 75px; }
#allRoomSec .info 							{ position: absolute; margin: auto 15px; padding: 20px; width: 330px; height: 370px; min-height: auto; max-height: none;}
#allRoomSec .info h4 						{ width: 75%; margin: 0 0 10px 0; font-size: 18px; line-height: 24px; }
#allRoomSec .info p 						{ margin: 0 0 10px 0; font-size: 14px; line-height: 22px; }
#allRoomSec .info ul.icons					{ margin: 0 0 10px 0; }
#allRoomSec .info ul.icons li img			{ width: 40px; }
#allRoomSec .info .button_su_inner 			{ font-size: 14px; line-height: 14px; }
#allRoomSec .container .row 				{ margin-bottom: 120px; }
#allRoomSec .roomSlider 					{ position: relative; float: left; text-align: right; width: calc(100% + (100vw - 960px) / 2); }
#allRoomSec .container .row:nth-child(even) .roomSlider 	{ width: calc(100% + (100vw - 960px) / 2); }
#allRoomSec .singleRoom.owl-theme .owl-nav	{ bottom: -65px; }
#allRoomSec .singleRoom.owl-theme .owl-nav [class*=owl-] { width: 75px; height: 75px; }

#locationSec 										{ margin-bottom: 30px; }
#locationSec:after 									{ height: 250px; transform: translateY(-38%); }
#locationSec .title 								{ padding: 0 0 30px 0; }
#locationSec .title .--title-location-section	 	{ margin: 0px 0 0px 0; font-size: 28px; line-height: 38px; }
#locationSec .title h3	 							{ margin: 0px 0 0px 0; font-size: 28px; line-height: 38px; }
#locationSec .content .--subtitle-location-section	{ margin: 0px 0 10px 0; font-size: 24px; line-height: 34px; }
#locationSec .content h4 							{ margin: 0px 0 10px 0; font-size: 24px; line-height: 34px; }
#locationSec .content p 							{ font-size: 16px; line-height: 26px; }
#locationSec .content .button_su_inner 				{ font-size: 16px; line-height: 16px; }

#moreHotelSec 												{ padding-top: 40px; padding-bottom: 40px; }
#moreHotelSec .title 										{ padding: 0 0 20px 0; }
#moreHotelSec .title .--title-discover-section	 			{ margin: 0px 0 15px 0; font-size: 28px; line-height: 38px; }
#moreHotelSec .title h3	 									{ margin: 0px 0 15px 0; font-size: 28px; line-height: 38px; }
#moreHotelSec .moreHotelSlider .item .info					{ width: 200px; height: 200px; margin: -100px auto 0 auto; }
#moreHotelSec .moreHotelSlider .item .info .otherHd			{ margin: 0 20px; font-size: 20px; line-height: 25px; }
#moreHotelSec .moreHotelSlider .owl-nav [class*=owl-] 		{ width: 45px; height: 45px; background: #6768e0; border-radius: 100%; }
#moreHotelSec .moreHotelSlider .owl-nav [class*=owl-] img 	{ width:26%; }
#moreHotelSec .moreHotelSlider .owl-nav button.owl-next 	{ right: -2%; }
#moreHotelSec .moreHotelSlider .owl-nav button.owl-prev 	{ left: -2%; }

#customersSec 										{ padding-top: 0px; padding-bottom: var(--section-separation-tablet); }
#customersSec .title .--title-more-interested						{ margin: 60px auto 90px auto; width: 40%; font-size: 25px; line-height: 35px; }
#customersSec .title h3 							{ margin: 60px auto 90px auto; width: 40%; font-size: 25px; line-height: 35px; }
#customersSec .title .--title-more-interested:after 						{ width: 210px; height: 210px; background-size: 85%; }
#customersSec .title h3:after 						{ width: 210px; height: 210px; background-size: 85%; }
#customersSec .customersSlider .item .info 			{ padding: 30px 20px 0 20px; flex-direction: column; align-items: flex-start; }
#customersSec .customersSlider .item .infoLt h3 	{ font-size: 24px; line-height: 34px; }
#customersSec .customersSlider .item .infoLt .--subtitle-location-slider 	{ margin: 0 0 15px 0; font-size: 18px; line-height: 18px; }
#customersSec .customersSlider .item .infoLt h4 	{ margin: 0 0 15px 0; font-size: 18px; line-height: 18px; }
#customersSec .customersSlider.owl-theme .owl-nav [class*=owl-] { width: 60px; height: 60px; }
#customersSec .customersSlider .owl-item.active.center .item { transform: rotate(-3deg); }
#customersSec .customersSlider .owl-item.active.center .item .info { transform: rotate(3deg); }

/*----------------- Landing Hotel Pages -----------------*/
#landingHotelSec							{ padding-top: 35px; padding-bottom: 35px; }
#landingHotelSec .landingHotelTop			{ width: 100%; margin: 0 auto 60px auto; }
#landingHotelSec .landingHotelTop .content	{ margin-bottom: 0; padding-right: 5%; width: 80%;}
#landingHotelSec .landingHotelTop .content > h3 { margin: 0 0 20px 0; font-size: 25px; line-height: 35px; }
#landingHotelSec .landingHotelTop .content p { margin: 0 0 20px 0; font-size: 16px; line-height: 26px; }
#landingHotelSec .landingHotelTop .content > span { font-size: 16px; line-height: 26px; }
#landingHotelSec .landingHotelTop .content ul { margin: 0 0 15px 0; }
#landingHotelSec .landingHotelTop .content ul li { font-size: 16px; line-height: 26px; }
#landingHotelSec .landingHotelTop .content h6 { font-size: 13px; line-height: 16px; }
#landingHotelSec .landingHotelTop .image	{ width: 300px; }

#landingHotelSec .thumbslideSec				{ width: 100%; margin: 0 auto 60px auto; }

#landingHotelSec .landingHotelBotm			{ width: 100%; margin: 0 auto 100px auto; }

#landingHotelSec .iconText					{ width: 100%; }
#landingHotelSec .iconText .image			{ width: 270px; height: 200px; }
#landingHotelSec .iconText .image span		{ font-size: 25px; line-height: 30px; }

#gallerySec .title 							{ padding: 0 0 30px 0; }
#gallerySec .title .--title-gallery-section	{ margin: 0; font-size: 28px; line-height: 38px; }
#gallerySec .title h3						{ margin: 0; font-size: 28px; line-height: 38px; }

}

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


/*----------------- Inner Pages -----------------*/
#banner .caption h1							{ font-size: 45px; line-height: 50px; }
#banner.small .caption h1					{ font-size: 30px; line-height: 35px; }
#banner .caption p							{ font-size: 25px; line-height: 30px; }
#banner.small .caption p					{ font-size: 20px; line-height: 25px; }
#banner .bannerbox > img					{ width: 100%; max-width: 100%; margin-left: 0%; }
#banner.small .bannerbox > img				{ width: 100%; max-width: 100%; margin-left: 0%; }
#banner .bannerbox .shape					{ width: 150px; height: 150px; left: 15px; top: 52%; transform: translateY(-50%) rotate(80deg); }
#banner.small .bannerbox .shape				{ width: 150px; height: 150px; left: 15px; transform: translateY(-50%) rotate(80deg); }
#breadCrumb									{ margin: var(--section-separation-half-tablet) 0; }
#discoverSec__intro							{padding-bottom: var(--section-separation-tablet);}

/*----------------- Producto Pages -----------------*/
#weddingsSec 								{ padding-top: 50px; padding-bottom: 50px; }
#weddingsSec .weddingsTop .content 			{ width: 50%; }
#weddingsSec .weddingsTop .content h2		{ width: 100%; margin: 0px 0 15px 0; font-size: 25px; line-height: 30px; }
#weddingsSec .weddingsTop .content h3 		{ margin: 0px 15px 15px 0; font-size: 22px; line-height: 28px; }
#weddingsSec .weddingsTop .content p 		{ margin: 0 0 15px 0; font-size: 14px; line-height: 22px; }
#weddingsSec .weddingsTop .iconBox 			{ padding: 70px 60px; }
.weddingSlider 				                { margin-top: 50px; }

#vibraWeddingSec 							{ padding-top: 50px; padding-bottom: 50px; }
#vibraWeddingSec .thumbs 					{ width: 100%; }
#vibraWeddingSec .thumbs h3					{ font-size: 25px; line-height: 30px; }
#vibraWeddingSec .thumbs p 					{ margin: 0 0 20px 0; font-size: 14px; line-height: 22px; }
#vibraWeddingSec .button_su_inner 			{ font-size: 14px; line-height: 14px; }
#vibraWeddingSec .vibraWedding-thumbs .owl-item { padding: 15px 0; }
#vibraWeddingSec .vibraWedding-thumbs .item { font-size: 20px; line-height: 25px; }
#vibraWeddingSec .vibraWedding-thumbs .item .textbox { margin: 15px 0 0 0; font-size: 14px; line-height: 22px; }
#vibraWeddingSec .vibraWedding-thumbs .item .textbox ul li { font-size: 14px; line-height: 22px; }
#vibraWeddingSec .vibraWedding-thumbs .item .textbox ul li:before { font-size: 20px; line-height: 10px; }
#vibraWeddingSec .vibraWedding-thumbs .item .textbox p { margin: 0 0 20px 0; font-size: 13px; line-height: 20px; }
#vibraWeddingSec .vibraWedding-thumbs .item .textbox a.link { font-size: 15px; line-height: 15px; }

#otherSec.loveSec 								{ overflow: hidden; }
#otherSec.loveSec .otherIconTop 				{ left: -20px; top: 30px; }
#otherSec.loveSec .otherIconBotm 				{ right: -20px; bottom: 65px; }

#availableSec 									{ padding-top: 50px; padding-bottom: 40px; }
#availableSec .title h3 						{ margin: 55px auto 60px auto; font-size: 25px; line-height: 35px; }
#availableSec .title h3:after 					{ width: 160px; height: 160px; }
#availableSec .image 							{ }
#availableSec .content 							{ padding: 40px 25px; text-align: center; }
#availableSec .content .--title-article-location{ width: 70%; margin: 0 auto 20px auto; font-size: 20px; line-height: 25px; }
#availableSec .content h4 						{ width: 70%; margin: 0 auto 20px auto; font-size: 20px; line-height: 25px; }
#availableSec .content p 						{ margin: 0 0 30px 0; font-size: 14px; line-height: 22px; }
#availableSec .content .button_su 				{ margin: auto; }
#availableSec .content .button_su_inner  		{ padding: 15px 65px 15px 30px; font-size: 14px; line-height: 14px; }
#availableSec .content .button_su_inner:after 	{ right: 25px; }

#vibraContactSec 								{ padding-top: 0px; padding-bottom: var(--section-separation-tablet); }
#vibraContactSec .title .--title-contact-section{ width: 70%; margin: 0 auto 35px auto; font-size: 25px; line-height: 30px; }
#vibraContactSec .title h3 						{ width: 70%; margin: 0 auto 35px auto; font-size: 25px; line-height: 30px; }
#vibraContactSec .contentBox 					{ padding-top: 60px; padding-bottom: 60px; }
#vibraContactSec .contactInfo 					{ margin-bottom: 35px; }
#vibraContactSec .contactInfo ul li 			{ font-size: 20px; line-height: 25px; }
#vibraContactSec .contactInfo ul li a 			{ font-size: 20px; line-height: 20px; }
#vibraContactSec .contactInfo ul li a strong 	{ font-size: 25px; line-height: 25px; }
#vibraContactSec .addressInfo 					{ max-width: 45%; flex: 0 0 45.333333%; }
/*#vibraContactSec .addressInfo ul 				{ float: inherit; }*/
#vibraContactSec .addressInfo ul li 			{ margin: 0 0 35px 0; font-size: 16px; line-height: 25px; }
#vibraContactSec .addressInfo .link 			{ font-size: 16px; line-height: 18px; }

/*----------------- Default List Pages -----------------*/
#discoverSec.facilitiesSec .discoverTop 		 	{ width: 92%; margin: 20px auto; }
#discoverSec.facilitiesSec .discoverTop .content 	{ width: 80%; padding-left: 30px; }
.eventHotelSlider									{ padding: 0 15px; }
.eventHotelSlider .owl-stage-outer					{ padding-bottom: 125px; overflow: visible; }
.eventHotelSlider .owl-stage						{ height: 500px; }
.eventHotelSlider .owl-item							{ width: calc(33.333333% - 15px) !important; }
.eventHotelSlider .owl-item.nohover					{ width: calc(30.333333% - 15px) !important; }
.eventHotelSlider .owl-item.hover					{ width: calc(39.333333% - 15px) !important; }
.eventHotelSlider .item .info						{ width: 200px; height: 200px; padding: 15px 15px; }
.eventHotelSlider .owl-item.hover .info				{ width: 250px; height: 250px; }
.eventHotelSlider .item .info .otherHd				{ font-size: 25px; line-height: 25px; }
.eventHotelSlider .item .info .otherText			{ font-size: 14px; line-height: 20px; }
.eventHotelSlider.owl-theme .owl-nav [class*=owl-]	{ width: 45px; height: 45px; }
.eventHotelSlider.owl-theme .owl-nav button.owl-prev { left: 15px; }
.eventHotelSlider.owl-theme .owl-nav button.owl-next { right: 15px; }
.eventHotelSlider.owl-theme .owl-nav button.owl-prev img,
.eventHotelSlider.owl-theme .owl-nav button.owl-next img { width: 30%; }

#availableSec.meetSec 								{ padding-top: 0px; padding-bottom: var(--section-separation-tablet); }
#availableSec.meetSec .title h3 					{ width: 70%; }
#availableSec.meetSec .container .row 				{ margin-bottom: 0px; margin-left: 0; margin-right: 0; margin-top: var(--section-separation-mobile); }
#availableSec.meetSec .content h4 					{ width: 100%; }
#availableSec.meetSec .meetIconTop 					{ width: 150px; min-height: 150px; left: -55px; top: 105px; }
#availableSec.meetSec .meetIconBotm 				{ width: 150px; min-height: 150px; right: -55px; bottom: -45px; }

/*----------------- Habitaciones Pages -----------------*/
.navbarSec 									{ padding-top: 0px; padding-bottom: var(--section-separation-half-mobile); }
.navbarSec .navMenu ul 						{ flex-direction: inherit; }
.navbarSec .navMenu ul li 					{ padding: 0 14px; }
.navbarSec .navMenu ul li:before 			{ top: -12px; }
.navbarSec .navMenu ul > li a 				{ margin: 12px 5px; font-size: 14px; line-height: 18px; }

#habiRoomsSec 								{ padding-top: 35px; padding-bottom: 35px; }
#habiRoomsSec .habiRoomsTop 				{ width: 100%; }
#habiRoomsSec .habiRoomsTop .content 		{ margin-bottom: 0; padding-right: 5%; width: 80%;}
#habiRoomsSec .habiRoomsTop .content > .title-text 	{ margin: 0 0 20px 0; font-size: 25px; line-height: 35px; }
#habiRoomsSec .habiRoomsTop .content p 		{ margin: 0 0 20px 0; font-size: 16px; line-height: 26px; }
#habiRoomsSec .habiRoomsTop .content > span	{ font-size: 16px; line-height: 26px; }
#habiRoomsSec .habiRoomsTop .content ul 	{ margin: 0 0 15px 0; }
#habiRoomsSec .habiRoomsTop .content ul li 	{ font-size: 16px; line-height: 26px; }
#habiRoomsSec .habiRoomsTop .content h6 	{ font-size: 13px; line-height: 16px; }
#habiRoomsSec .habiRoomsTop .image 			{ width: 300px; height: 300px; }
#habiRoomsSec .habiRoomsTop .image p 		{ font-size: 14px; line-height: 20px; padding: 0 0 0 40%; }

#allRoomSec 								{ padding-top: 35px; padding-bottom: 75px; }
#allRoomSec .container .row 				{ margin-bottom: 80px; }
#allRoomSec .info 							{ position: absolute; margin: auto 15px; padding: 20px; width: 330px; height: 320px; min-height: auto; max-height: none;}
#allRoomSec .info h4 						{ width: 75%; margin: 0 0 10px 0; font-size: 18px; line-height: 24px; }
#allRoomSec .info p 						{ margin: 0 0 10px 0; font-size: 14px; line-height: 22px; }
#allRoomSec .info ul.icons					{ margin: 0 0 10px 0; }
#allRoomSec .info ul.icons li img			{ width: 40px; }
#allRoomSec .info .button_su_inner 			{ font-size: 14px; line-height: 14px; }
#allRoomSec .roomSlider 					{ position: relative; float: left; text-align: right; /*width: 100%;*/ width: calc(100% + 60px); }
#allRoomSec .roomSlider .owl-carousel 		{ width: 85%; }
#allRoomSec .container .row:nth-child(even) .roomSlider 	{ position: relative; float: left; text-align: right; /*width: 100%;*/ width: calc(100% + 60px); }
#allRoomSec .singleRoom.owl-theme .owl-nav	{ bottom: -55px; }
#allRoomSec .singleRoom.owl-theme .owl-nav [class*=owl-] { width: 65px; height: 65px; }

#locationSec 										{ margin-bottom: var(--section-separation-tablet); }
#locationSec:after 									{ height: 250px; transform: translateY(-38%); }
#locationSec .title 								{ padding: 0 0 30px 0; }
#locationSec .title .--title-location-section	 	{ margin: 0px 0 0px 0; font-size: 28px; line-height: 38px; }
#locationSec .title h3	 							{ margin: 0px 0 0px 0; font-size: 28px; line-height: 38px; }
#locationSec .content .--subtitle-location-section	{ margin: 0px 0 10px 0; font-size: 24px; line-height: 34px; }
#locationSec .content h4 							{ margin: 0px 0 10px 0; font-size: 24px; line-height: 34px; }
#locationSec .content p 							{ font-size: 16px; line-height: 26px; }
#locationSec .content .button_su_inner 				{ font-size: 16px; line-height: 16px; }

#moreHotelSec 												{ padding-top: 0px; padding-bottom: var(--section-separation-tablet); }
#moreHotelSec .title 										{ padding: 0 0 20px 0; }
#moreHotelSec .title .--title-discover-section	 			{ margin: 0px 0 15px 0; font-size: 28px; line-height: 38px; }
#moreHotelSec .title h3	 									{ margin: 0px 0 15px 0; font-size: 28px; line-height: 38px; }
#moreHotelSec .moreHotelSlider								{ width: calc(100% - 60px); margin: 0 auto; }
#moreHotelSec .moreHotelSlider .owl-stage-outer				{ overflow: visible; }
#moreHotelSec .moreHotelSlider .item .info					{ width: 200px; height: 200px; margin: -100px auto 0 auto; }
#moreHotelSec .moreHotelSlider .item .info .otherHd			{ margin: 0 20px; font-size: 20px; line-height: 25px; }
#moreHotelSec .moreHotelSlider .owl-nav [class*=owl-] 		{ width: 45px; height: 45px; background: #6768e0; border-radius: 100%; }
#moreHotelSec .moreHotelSlider .owl-nav [class*=owl-] img 	{ width: 26%; }
#moreHotelSec .moreHotelSlider .owl-nav button.owl-next 	{ right: -30px; }
#moreHotelSec .moreHotelSlider .owl-nav button.owl-prev 	{ left: -30px; }

#customersSec 										{ padding-top: 0px; padding-bottom: var(--section-separation-tablet); }
#customersSec .title .--title-more-interested 							{ margin: 60px auto 90px auto; width: 60%; font-size: 25px; line-height: 35px; }
#customersSec .title h3 							{ margin: 60px auto 90px auto; width: 60%; font-size: 25px; line-height: 35px; }
#customersSec .title .--title-more-interested:after 						{ width: 210px; height: 210px; background-size: 85%; }
#customersSec .title h3:after 						{ width: 210px; height: 210px; background-size: 85%; }
#customersSec .customersSlider .item .info 			{ padding: 30px 20px 0 20px; flex-direction: column; align-items: flex-start; }
#customersSec .customersSlider .item .infoLt h3 	{ font-size: 24px; line-height: 34px; }
#customersSec .customersSlider .item .infoLt .--subtitle-location-slider	{ margin: 0 0 15px 0; font-size: 18px; line-height: 18px; }
#customersSec .customersSlider .item .infoLt h4 	{ margin: 0 0 15px 0; font-size: 18px; line-height: 18px; }
#customersSec .customersSlider.owl-theme .owl-nav [class*=owl-] { width: 60px; height: 60px; }
#customersSec .customersSlider .owl-item.active.center .item 		{ transform: rotate(-3deg); }
#customersSec .customersSlider .owl-item.active.center .item .info 	{ transform: rotate(3deg); }

/*----------------- Landing Hotel Pages -----------------*/
#landingHotelSec							{ padding-top: 0; padding-bottom: var(--section-separation-tablet); }
#landingHotelSec .landingHotelTop			{ width: 100%; margin: 0 auto 40px auto; }
#landingHotelSec .landingHotelTop .content	{ margin-bottom: 0; padding-right: 5%; width: 80%;}
#landingHotelSec .landingHotelTop .content > h3 { margin: 0 0 20px 0; font-size: 25px; line-height: 35px; }
#landingHotelSec .landingHotelTop .content p { margin: 0 0 20px 0; font-size: 16px; line-height: 26px; }
#landingHotelSec .landingHotelTop .content > span { font-size: 16px; line-height: 26px; }
#landingHotelSec .landingHotelTop .content ul { margin: 0 0 15px 0; }
#landingHotelSec .landingHotelTop .content ul li { font-size: 16px; line-height: 26px; }
#landingHotelSec .landingHotelTop .content h6 { font-size: 13px; line-height: 16px; }
#landingHotelSec .landingHotelTop .image	{ width: 300px; }

#landingHotelSec .thumbslideSec				{ width: 100%; margin: 0 auto 40px auto; }

#landingHotelSec .landingHotelBotm			{ width: 100%; margin: 0 auto 40px auto; }

#landingHotelSec .iconText					{ width: 100%; }
#landingHotelSec .iconText .image			{ width: 230px; height: 170px; }
#landingHotelSec .iconText .image span		{ font-size: 20px; line-height: 25px; }

#gallerySec									{ padding-top: 0px; padding-bottom: var(--section-separation-tablet); }
#gallerySec .title 							{ padding: 0 0 30px 0; }
#gallerySec .title .--title-gallery-section	{ margin: 0; font-size: 28px; line-height: 38px; }
#gallerySec .title h3						{ margin: 0; font-size: 28px; line-height: 38px; }
#gallerySec .gallerySlider					{ padding-bottom: 0; }

}



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

/*----------------- Inner Pages -----------------*/
.navbarSecMobile							{ display: flex; }
#banner .caption h1							{ font-size: 30px; line-height: 35px; }
#banner.small .caption h1					{ font-size: 25px; line-height: 30px; }
#banner .caption p							{ font-size: 22px; line-height: 27px; }
#banner.small .caption p					{ font-size: 18px; line-height: 23px; }
#banner .bannerbox > img					{ width: 150%; max-width: 150%; margin-left: -25%; }
#banner.small .bannerbox > img				{ width: 200%; max-width: 200%; margin-left: -50%; }
#banner .bannerbox .shape					{ width: 150px; height: 150px; left: 15px; top: 52%; transform: translateY(-50%) rotate(80deg); }
#banner.small .bannerbox .shape				{ width: 100px; height: 100px; left: 15px; transform: translateY(-50%) rotate(80deg); }
#breadCrumb									{ margin: var(--section-separation-half-mobile) 0; }

/*----------------- Producto Pages -----------------*/
#weddingsSec 								{ padding-top: 0px; padding-bottom: var(--section-separation-mobile); }
#weddingsSec .weddingsTop 					{ flex-direction: column; margin-bottom: 0;}
#weddingsSec .weddingsTop .content 			{ width: 100%; padding-right: 0;}
#weddingsSec .weddingsTop .content h2 		{ width: 90%; margin: 0px 0 15px 0; font-size: 30px; line-height: 35px; }
#weddingsSec .weddingsTop .content h3 		{ margin: 0px 0 20px 0; font-size: 25px; line-height: 35px; }
#weddingsSec .weddingsTop .content p 		{ margin: 0 0 20px 0; font-size: 14px; line-height: 22px; }
#weddingsSec .weddingsTop .iconBox 			{ margin-top: 45px; width: 100%; }
.weddingSlider 				                { margin-top: 0px; margin-bottom: var(--section-separation-mobile);}

#vibraWeddingSec 							{ padding-top: 50px; padding-bottom: 50px; }
#vibraWeddingSec .thumbs 					{ width: 100%; margin-top: 30px; }
#vibraWeddingSec .thumbs h3 				{ font-size: 25px; line-height: 30px; }
#vibraWeddingSec .thumbs p 					{ margin: 0 0 20px 0; font-size: 14px; line-height: 22px; }
#vibraWeddingSec .button_su_inner 			{ font-size: 14px; line-height: 14px; }
#vibraWeddingSec .vibraWedding-thumbs .owl-item { padding: 15px 0; }
#vibraWeddingSec .vibraWedding-thumbs .item { font-size: 20px; line-height: 25px; }
#vibraWeddingSec .vibraWedding-thumbs .item .textbox { margin: 15px 0 0 0; font-size: 14px; line-height: 22px; }
#vibraWeddingSec .vibraWedding-thumbs .item .textbox ul li { font-size: 14px; line-height: 22px; }
#vibraWeddingSec .vibraWedding-thumbs .item .textbox ul li:before { font-size: 20px; line-height: 10px; }
#vibraWeddingSec .vibraWedding-thumbs .item .textbox p { margin: 0 0 20px 0; font-size: 13px; line-height: 20px; }
#vibraWeddingSec .vibraWedding-thumbs .item .textbox a.link { font-size: 15px; line-height: 15px; }

#otherSec.loveSec .otherIconTop 							{ left: -20px; top: 30px; }
#otherSec.loveSec .otherIconBotm 							{ right: -20px; bottom: 65px; }

#availableSec 									{ padding-top: 50px; padding-bottom: 40px; }
#availableSec .title h3 						{ margin: 40px auto; font-size: 25px; line-height: 35px; }
#availableSec .title h3:after 					{ width: 150px; height: 150px; }
#availableSec .image 							{ padding-left: 15px; padding-right: 15px; }
#availableSec .content 							{ margin: 0 4%; padding: 40px 25px; text-align: center; }
#availableSec .content .--title-article-location{ width: 70%; margin: 0 auto 20px auto; font-size: 20px; line-height: 25px; }
#availableSec .content h4 						{ width: 70%; margin: 0 auto 20px auto; font-size: 20px; line-height: 25px; }
#availableSec .content p 						{ margin: 0 0 30px 0; font-size: 14px; line-height: 22px; }
#availableSec .content .button_su 				{ margin: auto; }
#availableSec .content .button_su_inner  		{ padding: 15px 65px 15px 30px; font-size: 14px; line-height: 14px; }
#availableSec .content .button_su_inner:after 	{ right: 25px; }

#vibraContactSec 								{ padding-top: 0px; padding-bottom: var(--section-separation-mobile); }
#vibraContactSec .title .--title-contact-section{ width: 70%; margin: 0 auto 35px auto; font-size: 25px; line-height: 30px; }
#vibraContactSec .title h3 						{ width: 70%; margin: 0 auto 35px auto; font-size: 25px; line-height: 30px; }
#vibraContactSec .contentBox 					{ padding-top: 60px; padding-bottom: 60px; }
#vibraContactSec .contactInfo 					{ margin-bottom: 35px; }
#vibraContactSec .contactInfo ul li 			{ font-size: 20px; line-height: 25px; }
#vibraContactSec .contactInfo ul li a 			{ font-size: 20px; line-height: 20px; }
#vibraContactSec .contactInfo ul li a strong 	{ font-size: 25px; line-height: 25px; }
/*#vibraContactSec .addressInfo ul 				{ float: inherit; }*/
#vibraContactSec .addressInfo .addressInfo__content { width: 85%; }
#vibraContactSec .addressInfo ul li 			{ margin: 0 0 35px 0; font-size: 16px; line-height: 25px; }
#vibraContactSec .addressInfo .link 			{ font-size: 16px; line-height: 18px; }

/*----------------- Default List Pages -----------------*/
#discoverSec.facilitiesSec .discoverTop 		 	{ width: 100%; margin: 0px auto; }
#discoverSec.facilitiesSec .discoverTop .image		{ width: 100%; height: 250px; }
#discoverSec.facilitiesSec .discoverTop .image span { padding: 0 20px; }
#discoverSec.facilitiesSec .discoverTop .content 	{ width: 100%; }
.eventHotelSlider									{ padding: 0 15px; }
.eventHotelSlider .owl-stage-outer					{ padding-bottom: 125px; overflow: visible; }
.eventHotelSlider .owl-stage						{ height: 420px; }
.eventHotelSlider .owl-item							{ width: calc(33.333333% - 15px) !important; height: 80%; }
.eventHotelSlider .owl-item.hover					{ width: calc(33.333333% - 15px) !important; height: 100%; }
.eventHotelSlider .item								{ height: 100%; }
.eventHotelSlider .item .info						{ width: 200px; height: 200px; padding: 15px 15px; }
.eventHotelSlider .owl-item.hover .info				{ width: 250px; height: 250px; }
.eventHotelSlider .item .info .otherHd				{ font-size: 23px; line-height: 23px; }
.eventHotelSlider .item .info .otherText			{ font-size: 14px; line-height: 20px; }
.eventHotelSlider.owl-theme .owl-nav [class*=owl-]	{ width: 45px; height: 45px; }
.eventHotelSlider.owl-theme .owl-nav button.owl-prev { left: 15px; }
.eventHotelSlider.owl-theme .owl-nav button.owl-next { right: 15px; }
.eventHotelSlider.owl-theme .owl-nav button.owl-prev img,
.eventHotelSlider.owl-theme .owl-nav button.owl-next img { width: 30%; }

#availableSec.meetSec .title h3 					{ width: 70%; }
#availableSec.meetSec 								{ padding-top: 0px; padding-bottom: var(--section-separation-mobile); }
#availableSec.meetSec .container .row 				{ margin-bottom: 0px; margin-top: var(--section-separation-half-mobile); }
#availableSec.meetSec .content h4 					{ width: 100%; font-size: 19px; }
#availableSec.meetSec .meetIconTop 					{ width: 100px; min-height: 100px; left: -35px; top: 110px; }
#availableSec.meetSec .meetIconBotm 				{ width: 100px; min-height: 100px; right: -35px; bottom: -25px; }


/*----------------- Habitaciones Pages -----------------*/

#habiRoomsSec 										{ padding-top: 0px; padding-bottom: var(--section-separation-mobile); }
#habiRoomsSec .habiRoomsTop 						{ width: 100%; display: flex; justify-content: space-between; align-items: center;flex-direction: column; }
#habiRoomsSec .habiRoomsTop .content 				{ width: 100%; margin-bottom: 30px; }
#habiRoomsSec .habiRoomsTop .content > .title-text 			{ margin: 0 0 20px 0; font-size: 24px; line-height: 36px; }
#habiRoomsSec .habiRoomsTop .content p 				{ margin: 0 0 20px 0; font-size: 14px; line-height: 22px; }
#habiRoomsSec .habiRoomsTop .content > span			{ font-size: 14px; line-height: 22px; }
#habiRoomsSec .habiRoomsTop .content ul 			{ margin: 0 0 15px 0; }
#habiRoomsSec .habiRoomsTop .content ul li 			{ font-size: 14px; line-height: 24px; }
#habiRoomsSec .habiRoomsTop .content h6 			{ font-size: 13px; line-height: 16px; }
#habiRoomsSec .habiRoomsTop .image 					{ width: 100%; height: 300px; }
#habiRoomsSec .habiRoomsTop .image p 				{ padding: 0 0 0 30%; font-size: 14px; line-height: 18px; }

#allRoomSec 										{ padding-top: 0px; padding-bottom: var(--section-separation-mobile); }
#allRoomSec .container .row 						{ margin-bottom: 50px; }
#allRoomSec .info 									{ position: relative; margin: auto 0px; padding: 20px; width: 100%; height: auto; min-height: auto; max-height: none;}
#allRoomSec .info h4 								{ width: 75%; margin: 0 0 10px 0; font-size: 18px; line-height: 24px; }
#allRoomSec .info p 								{ margin: 0 0 10px 0; font-size: 14px; line-height: 22px; }
#allRoomSec .info ul.icons							{ margin: 0 0 15px 0; }
#allRoomSec .info ul.icons li img					{ width: 40px; }
#allRoomSec .info .button_su_inner 					{ font-size: 14px; line-height: 14px; }
#allRoomSec .roomSlider 							{ position: relative; float: left; text-align: right; width: 100%; /*width: calc(100% + 60px);*/ }
#allRoomSec .roomSlider .owl-carousel 				{ width: 100%; }
#allRoomSec .container .row:nth-child(even) .roomSlider { position: relative; float: left; text-align: right; width: 100%; }
#allRoomSec .singleRoom.owl-theme .owl-nav			{ position: static; margin-top: 10px; }
#allRoomSec .singleRoom.owl-theme .owl-nav [class*=owl-] { width: 60px; height: 60px; }

#locationSec 										{ padding-bottom: 50px; margin-bottom: var(--section-separation-mobile); }
#locationSec:after 									{ height: 500px; transform: translateY(-38%); }
#locationSec .title 								{ padding: 0 0 30px 0; }
#locationSec .title .--title-location-section		{ margin: 0px 0 0px 0; font-size: 25px; line-height: 35px; }
#locationSec .title h3	 							{ margin: 0px 0 0px 0; font-size: 25px; line-height: 35px; }
#locationSec .content .--subtitle-location-section	{ margin: 20px 0 10px 0; font-size: 25px; line-height: 35px; }
#locationSec .content h4 							{ margin: 20px 0 10px 0; font-size: 25px; line-height: 35px; }
#locationSec .content p 							{ font-size: 16px; line-height: 26px; }
#locationSec .content .button_su_inner 				{ font-size: 16px; line-height: 16px; }

#moreHotelSec 												{ padding-top: 0px; padding-bottom: var(--section-separation-mobile); }
#moreHotelSec .title 										{ padding: 0 0 20px 0; }
#moreHotelSec .title .--title-discover-section 				{ margin: 0; font-size: 25px; line-height: 35px; }
#moreHotelSec .title h3	 									{ margin: 0; font-size: 25px; line-height: 35px; }
#moreHotelSec .moreHotelSlider								{ width: calc(100% - 60px); margin: 0 auto; }
#moreHotelSec .moreHotelSlider .owl-stage-outer				{ overflow: visible; }
#moreHotelSec .moreHotelSlider .item .info					{ width: 200px; height: 200px; margin: -100px auto 0 auto; }
#moreHotelSec .moreHotelSlider .item .info .otherHd			{ margin: 0 20px; font-size: 20px; line-height: 25px; }
#moreHotelSec .moreHotelSlider .owl-nav [class*=owl-] 		{ width: 45px; height: 45px; background: #6768e0; border-radius: 100%; }
#moreHotelSec .moreHotelSlider .owl-nav [class*=owl-] img 	{ width: 26%; }
#moreHotelSec .moreHotelSlider .owl-nav button.owl-next 	{ right: -30px; }
#moreHotelSec .moreHotelSlider .owl-nav button.owl-prev 	{ left: -30px; }

#customersSec 														{ padding-top: 0px; padding-bottom: var(--section-separation-mobile); }
#customersSec .title .--title-more-interested											{ margin: 62px 0 40px 0; width: 100%; font-size: 25px; line-height: 35px; }
#customersSec .title h3	 											{ margin: 62px 0 40px 0; width: 100%; font-size: 25px; line-height: 35px; }
#customersSec .title .--title-more-interested:after 										{ width: 150px; height: 150px; }
#customersSec .title h3:after 										{ width: 150px; height: 150px; }
#customersSec .customersSlider .owl-item.active.center .item 		{ transform: rotate(-0deg); }
#customersSec .customersSlider .owl-item.active.center .item .info 	{ transform: rotate(0deg); }
#customersSec .customersSlider .item .info 							{ padding: 10px 10px; }
#customersSec .customersSlider .item .info 							{ flex-direction: column; }
#customersSec .customersSlider .item .infoLt 						{ width: 100%; display: flex; justify-content: center; align-items: center; flex-direction: column;}
#customersSec .customersSlider .item .infoLt h3 					{ margin: 0 0 5px 0; font-size: 20px; line-height: 25px; }
#customersSec .customersSlider .item .infoLt .--subtitle-location-slider					{ margin: 0 0 12px 0; font-size: 15px; line-height: 20px; }
#customersSec .customersSlider .item .infoLt h4 					{ margin: 0 0 12px 0; font-size: 15px; line-height: 20px; }
#customersSec .customersSlider .item .infoRt	 					{ margin: 0 auto;}
#customersSec .customersSlider .item .infoRt .from 					{ font-size: 14px; line-height: 20px;}
#customersSec .customersSlider .item .infoRt .from p 				{ font-size: 18px; }
#customersSec .customersSlider .item .infoRt .from p strong 		{ font-size: 14px; }
#customersSec .customersSlider .item .infoRt .from span 			{ font-size: 14px; }
#customersSec .customersSlider.owl-theme .owl-nav [class*=owl-] 	{ width: 45px; height: 45px; }
#customersSec .customersSlider.owl-theme .owl-nav button.owl-prev 	{ left: 0; }
#customersSec .customersSlider.owl-theme .owl-nav button.owl-next 	{ right: 0; }
#customersSec .customersSlider.owl-theme .owl-nav button.owl-prev img,
#customersSec .customersSlider.owl-theme .owl-nav button.owl-next img { width: 30%; }

/*----------------- Landing Hotel Pages -----------------*/
#landingHotelSec							{ padding-top: 0; padding-bottom:var(--section-separation-mobile); }
#landingHotelSec .landingHotelTop			{ width: 100%; margin: 0 auto var(--section-separation-half-mobile) auto; display: flex; justify-content: space-between; align-items: center;flex-direction: column; }
#landingHotelSec .landingHotelTop .content	{ width: 100%; margin-bottom: 30px; }
#landingHotelSec .landingHotelTop .content > h3 { margin: 0 0 20px 0; font-size: 24px; line-height: 36px; }
#landingHotelSec .landingHotelTop .content p { margin: 0 0 20px 0; font-size: 14px; line-height: 22px; }
#landingHotelSec .landingHotelTop .content > span { font-size: 14px; line-height: 22px; }
#landingHotelSec .landingHotelTop .content ul { margin: 0 0 15px 0; }
#landingHotelSec .landingHotelTop .content ul li { font-size: 14px; line-height: 24px; }
#landingHotelSec .landingHotelTop .content h6 { font-size: 13px; line-height: 16px; }
#landingHotelSec .landingHotelTop .image	{ width: 100%; }

#landingHotelSec .thumbslideSec				{ width: 100%; margin: 0 auto var(--section-separation-half-mobile) auto; padding: 20px 50px; }
#landingHotelSec .thumbslider .owl-item .item > div	{ width: 100%; margin: 20px auto; }

#landingHotelSec .landingHotelBotm			{ width: 100%; margin: 0 auto 40px auto; }
#landingHotelSec .landingHotelBotm .content	{ width: 100%; }

#landingHotelSec .iconText					{ width: 100%; flex-direction: column; grid-gap: 30px; }
#landingHotelSec .iconText .image			{ width: 100%; height: 200px; }
#landingHotelSec .iconText .image span		{ font-size: 20px; line-height: 25px; }

#gallerySec									{ padding-top: 0px; padding-bottom: var(--section-separation-mobile); }
#gallerySec .title 							{ padding: 0 0 30px 0; }
#gallerySec .title .--title-gallery-section	{ margin: 0; font-size: 25px; line-height: 35px; }
#gallerySec .title h3						{ margin: 0; font-size: 25px; line-height: 35px; }
#gallerySec .gallerySlider					{ padding-bottom: 0; }

}



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



/*----------------- Producto Pages -----------------*/
#otherSec.loveSec 							{ overflow: hidden; }
#availableSec .title h3 					{ margin: 40px auto 60px auto; font-size: 25px; line-height: 35px; }
#availableSec .content 						{ margin: 0 2.2%; max-width: 95.6%; }

/*----------------- Default List Pages -----------------*/
#discoverSec.facilitiesSec .discoverTop 	{ flex-direction: row; }
#discoverSec.facilitiesSec .discoverTop .image { width: 50%; }
#discoverSec.facilitiesSec .discoverTop .content { width: 50%; }

#availableSec.meetSec .content 				{ margin: 0 2.3%; max-width: 95.5%; }

/*----------------- Habitaciones Pages -----------------*/
.navbarSec 									{ display: block; padding-top: 20px; padding-bottom: 0; }
.navbarSec .navMenu 						{ padding: 15px 0; }
.navbarSec .navMenu ul 						{ display: flex; flex-direction: inherit; }
.navbarSec .navMenu ul li 					{ padding: 0 14px; text-align: center; }
.navbarSec .navMenu ul > li a 				{ margin: 0; font-size: 14px; line-height: 18px; }
.navbarSec .navMenu ul li:before			{ display: none; }

#habiRoomsSec .habiRoomsTop 				{ flex-direction: inherit; }
#habiRoomsSec .habiRoomsTop .content 		{ margin-bottom: 0; padding-right: 4%; }

#allRoomSec .container .row 				{ margin-bottom: 80px; }
#allRoomSec .info 							{ position: absolute; margin: auto 15px; padding: 20px; width: 330px; height: 300px; min-height: auto; max-height: none;}
#allRoomSec .roomSlider 					{ position: relative; float: left; text-align: right; /*width: 100%;*/ width: calc(100% + 60px); }
#allRoomSec .roomSlider .owl-carousel 		{ width: 85%; }
#allRoomSec .container .row:nth-child(even) .roomSlider { position: relative; float: left; text-align: right; /*width: 100%;*/ width: calc(100% + 60px); }

#locationSec								{ padding-bottom: 0; }
#locationSec:after 							{ height: 230px; transform: translateY(-35%); }
#locationSec .content .--subtitle-location-section { margin: 0px 0 10px 0; }
#locationSec .content h4 					{ margin: 0px 0 10px 0; }

#customersSec .title .--title-more-interested				{ margin: 60px auto 60px auto; width: 60%; font-size: 25px; line-height: 35px; }
#customersSec .title h3 					{ margin: 60px auto 60px auto; width: 60%; font-size: 25px; line-height: 35px; }
#customersSec .customersSlider .owl-item.active.center .item 		{ transform: rotate(-3deg); }
#customersSec .customersSlider .owl-item.active.center .item .info 	{ transform: rotate(3deg); }

/*----------------- Landing Hotel Pages -----------------*/
#landingHotelSec .landingHotelTop			{ flex-direction: inherit; }
#landingHotelSec .landingHotelTop .content	{ margin-bottom: 0; }

#landingHotelSec .iconText					{ flex-direction: inherit; }

}


@media only screen and (max-width: 576px) {
    #vibraContactSec .addressInfo .addressInfo__content { width: 100%; }
}