@media screen and (min-width: 1500px)
{
	.front #section-main-content .container::before
	{
		top: -2vw;
		width: 1400px;
		height: 900px;
	}
}
	
@media screen and (min-width: 1250px)
{
	.container
	{
	    padding: 0;
	    width: 1170px;
	    margin: 0 auto;
	}
}

@media screen and (min-width: 992px)
{
	.front #section-message .dexp-container,
	.not-front  #section-parallax-02 .dexp-container,
	.not-front #section-services .dexp-container
	{
		width: 1170px;
		margin: 0 auto;
	}

	.dexp-body-inner.showMenu
	{
		right: 400px;
	}

	.dexp-body-inner
	{
		right: 0;
		transition: right 1s ease;
	}

	#section-top .telefonoMobile
	{
		display: none;
	}

}
	

@media screen and (max-width: 1700px)
{
	#section-parallax-04
	{
		height: 900px;
	}

	.hotelesFooter .content > ul.menu
	{
		columns: 4;
		height: 450px;
	}

	.hazScroll
	{
		left: 4%;
	}
}

@media screen and (max-width: 1400px)
{
	.hazScroll
	{
		display: none;
	}
}

@media screen and (max-width: 1250px)
{
	body
	{
		font-size: 14px;
	}

	.container,
	.dexp-container,
	#section-parallax-03 .dexp-container,
	.not-front #section-parallax-02 .dexp-container,
	.not-front #section-services .dexp-container
	{
		width: 90%;
		padding: 0;
		margin: 0 auto;
	}

	#section-parallax-04 .dexp-container,
	#section-slider .dexp-container
	{
		width: 100%;
	}

	.mainMenu .dexp-menu > ul.menu > li
	{
		padding: 5px 0 !important;
	}

	.mainMenu .dexp-menu > ul.menu > li > a,
	.mainMenu .dexp-menu > ul.menu > li > span
	{
		font-size: 18px !important;
	}

	.front #section-message
	{
		background-position-y: 0;
	}

	.menuDestacado p a,
	.menuDestacado p a:hover
	{
		font-size: 16px;
	}

	.front .claimSlide,
	#section-slider .ventajas
	{
		width: 90%;
	}

	#section-slider .ventajas p.titulo
	{
		width: 34%;
	}

	#section-slider .ventajas .destacados
	{
		width: 65%;
	}

	#section-footer .region-footer-menu ul:not(.contextual-links)
	{
		width: 100%;
	}

	#section-footer .region-footer-menu ul.menu li
	{
		padding: 8px 15px;
	}

	.redesSociales > .content > p a
	{
		font-size: 50px;
	}

	.descubreHoteles .content > p:nth-child(2)
	{
		bottom: 60px;
		font-size: 40px;
		line-height: 45px;
	}

	.mapaRedondo
	{
		width: 450px;
		height: 450px;
		margin: 0 50px 50px;
	}

	.mapaRedondo .view-content > div
	{
		height: 450px !important;
	}

	.mapaTexto
	{
		width: 500px;
		left: 420px;
	}

	.mapaTexto > h2
	{
		padding-left: 120px;
		font-size: 35px;
		line-height: 35px;
	}

	.mapaTexto .content h3
	{
		font-size: 30px;
		line-height: 32px;
	}

	.fotosGaleria ul li
	{
		width: 25%;
	}

	.front .puzzleHome .dexp-grid-items
	{
		width: 90%;
	}

	.front .puzzleHome .dexp-grid-item .textbanner a
	{
		font-size: 20px;
	}

	.node-type-servicios .hotelInfo .text
	{
		width: 900px;
		margin: 0 auto;
	}

	.node-type-servicios .hotelInfo .text ul li
	{
		width: 23%;
	}

	.hotelInfo .text ul.horarios li
	{
		width: 30%;
	}

	.hotelInfo .text ul.horarios li > div::before
	{
		left: -20%;
		width: 20%;
	}

	.front #section-message,
	.not-front #section-user-05
	{
		background-position-y: 0;
	}

	.puzzleHotel .portfolio-tools h3 a
	{
		font-size: 18px;
		line-height: 22px;
	}

	.page-contact .tituloContacto
	{
		left: -45%;
	}

	.node-type-pie-web #section-main-content #block-system-main p,
	.node-type-pie-web #section-main-content #block-system-main p > strong span,
	.node-type-pie-web #section-main-content #block-system-main p strong,
	.node-type-pie-web #section-main-content #block-system-main a,
	.node-type-pie-web #section-main-content #block-system-main ul li
	{
		font-size: 16px !important;
		line-height: 20px;
		color: #aaaaaa;
	}

	.hotelInfo .text > *:not(table)
	{
		font-size: 16px;
		line-height: 20px;
	}
}

@media screen and (max-width: 1100px)
{
	.hotelesFooter .content > ul.menu
	{
		padding: 0 20px;
	}

	.newsletterSuscribete p.headNwsltt
	{
		font-size: 30px;
		line-height: 30px;
	}

	.dexp-body-inner.fixeddd #section-header a.site-logo
	{
		width: 418px;
		height: 30px;
		top: 10px;
	}

	.fondoGastro .views-field-field-pdf-gastronomia .field-content
	{
		width: 100%;
	}
}

@media screen and (max-width: 1024px)
{
	.menuDestacado p a,
	.menuDestacado p a:hover
	{
		font-size: 14px;
	}

	#section-footer .region-footer-menu ul.menu li
	{
		padding: 8px 12px;
	}

	.mainMenu .dexp-menu > ul.menu
	{
		top: 90px;
	}

}


@media screen and (max-width: 991px)
{
	.not-front .dexp-body-inner
	{
		padding-top: 75px;
	}

	.sticky-wrapper
	{
		z-index: 2000;
	}

	body.not-front.preset-dark #section-top,
	body.front.preset-dark .showMenu #section-top
	{
		display: block;
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 75px;
		background: #fafafa;
		transition: all .55s ease;
	}

	.dexp-body-inner.fixeddd #section-top
	{
		height: 75px;
		display: block !important;
	}

	body.front.preset-dark.fixeddd #section-top
	{
		background: transparent;
	}

	.front #section-header a.site-logo,
	.not-front #section-header a.site-logo,
	.dexp-body-inner.fixeddd #section-header a.site-logo
	{
		background-image: url(https://c2fa2e.claudeassets.com/20180822103835im_/https://www.hotelalgarbibiza.com/sites/all/themes/shoot/assets/images/logoMobileBlack.png);
		width: 124px;
		height: 36px;
		top: 20px;
		left: 10px;
	}

	.front .dexp-body-inner:not(.showMenu):not(.fixeddd) #section-header a.site-logo
	{
		background-image: url(https://a8eaa8.claudeassets.com/20180822103835im_/https://www.hotelalgarbibiza.com/sites/all/themes/shoot/assets/images/logoMobileWhite.png);
	}

	#section-header a.site-logo
	{
		position: fixed;
	}

	#section-header >.container
	{
		position: fixed !important;
		width: 500px;
		height: 35px;
	}

	.menuIdiomas,
	#section-slider .ventajas,
	.hazScroll,
	.claimSlideTitulos,
	#block-locale-language,
	.claimLogo
	{
		display: none;
	}

	body.preset-dark #section-top
	{
		display: block !important;
	}

	#section-top .telefonos,
	.dexp-body-inner.fixeddd #section-top .telefonos
	{
		right: 90px;
		margin-right: 0;
		width: 65px;
		text-align: center;
	}

	#section-top .telefonos ul
	{
		display: none;
	}

	#section-top .telefonoMobile a
	{
		display: inline-block;
	}

	#section-top .telefonoMobile i
	{
		padding: 15px 10px;
		font-size: 45px;
		color: #545358;
		cursor: pointer;
	}

	.front .dexp-body-inner:not(.fixeddd):not(.showMenu) #section-top .telefonoMobile i
	{
		color: white
	}

	#section-top .menuButton,
	.dexp-body-inner.fixeddd #section-top .menuButton
	{
		top: 18px;
	}

	.front .dexp-body-inner:not(.fixeddd):not(.showMenu) #section-top .menuButton .linea
	{
		background: white;
	}

	.front .dexp-body-inner:not(.fixeddd):not(.showMenu) #section-top .menuButton .txt
	{
		color: white;
	}

	.dexp-body-inner.showMenu #section-top .menuButton,
	.dexp-body-inner.fixeddd.showMenu #section-top .menuButton
	{
		top: 20px;
	}

	#section-top .menuButton .linea
	{
		background: #545358;
	}

	#section-top .menuButton .linea.med
	{
		top: 2px;
	}

	#section-top .menuButton .linea.max
	{
		top: 14px;
	}

	#section-top .menuButton .txt
	{
		top: 24px;
	}

	.dexp-body-inner.showMenu #section-top .menuButton .linea.med
	{
		top: 14px;
	}

	#section-header
	{
		left: 0;
	}

	#section-header .mainMenu
	{
		top: 75px;
		width: 400px;
		right: -401px;
	}

	.dexp-body-inner #section-header .mainMenu,
	.dexp-body-inner.fixeddd #section-header .mainMenu
	{
		top: 75px;
	}
	
	.mainMenu .dexp-dropdown
	{
		display: block;
		position: relative;
		background: none;
		width: 100%;
		margin: 0 auto;
		padding: 10px 4.5vh;
	}

	.dexp-body-inner .mainMenu
	{
		top: 75px;
	}

	.mainMenu > .content > a.dexp-menu-toggler
	{
		display: none;
	}

	.mainMenu .dexp-menu::before
	{
		display: none;
	}

	.mainMenu .dexp-menu > ul.menu
	{
		position: relative;
		padding: 0;
		top: 0;
		margin-top: 10px;
	}

	.mainMenu .dexp-menu ul.menu li.expanded,
	.mainMenu .dexp-menu ul.menu li.leaf
	{
		list-style-type: none;
		list-style-image: none;
		margin: 0;
	}

	.mainMenu .dexp-menu > ul.menu > li.expanded::after
	{
		top: 4px;
	}

	.mainMenu .dexp-menu ul.menu > li.last.expanded
	{
		padding-top: 2px !important;
	}

	.mainMenu .dexp-menu ul.menu > li.last.expanded > span
	{
		display: inline-block;
		width: 100%;
	}
		
	.mainMenu .dexp-menu ul.menu > li.last.expanded::before
	{
		content: '';
		position: relative;
		display: inline-block;
		width: 5px;
		height: 1px;
		background: #545358;
		margin-bottom: 5px;
		opacity: .7;
		transition: all .55s ease 0s;
	}

	.mainMenu .dexp-menu > ul.menu > li > a::before,
	.mainMenu .dexp-menu > ul.menu > li > span::before
	{
		height: 5px;
		top: 9px;
	}
		
	.dexp-body-inner.showMenu .mainMenu .dexp-menu ul.menu > li.last.expanded::before
	{
		width: 100%;
		transition: all .55s ease .75s;
	}

	#section-header .mainMenu .dexp-menu ul.menu > li.last.expanded > ul.menu
	{
		width: 95%;
		display: -webkit-box;   /* OLD: Safari,  iOS, Android browser, older WebKit browsers.  */
		display: -moz-box;      /* OLD: Firefox (buggy) */
		display: -o-box;
		display: -ms-flexbox;   /* MID: IE 10 */
		display: -webkit-flex;  /* NEW, Chrome 21+ */
		display: flex;          /* NEW: Opera 12.1, Firefox 22+ */
		flex-wrap: wrap;
	   	-webkit-flex-wrap: wrap;
	   	-moz-flex-wrap: wrap;
		justify-content: space-between;
		padding: 5px 0;
		height: auto;
	}

	.mainMenu .dexp-menu ul.menu > li.last.expanded > ul.menu > li.leaf
	{
		width: 28px;
		overflow: hidden;
		text-transform: uppercase;
		padding: 0 !important;
	}

	.mainMenu .dexp-menu ul.menu > li.last.expanded > ul.menu > li.leaf a:hover,
	.mainMenu .dexp-menu ul.menu > li.last.expanded > ul.menu > li.leaf a:focus,
	.mainMenu .dexp-menu ul.menu > li.last.expanded > ul.menu > li.leaf a:active
	{
		color: #00aec9;
	}

	.mainMenu .dexp-menu .menu-toggler
	{
		display: none;
	}

	.mainMenu .dexp-menu > ul.menu > li.first > div > .dexp-menu-col:last-child .menu-attach-block-wrapper
	{
		display: block;
	}

	.mainMenu .dexp-menu > ul.menu > li.first > div > .dexp-menu-col:last-child .menu-attach-block-wrapper.orientation-horizontal .block
	{
		position: relative;
		padding: 0;
		top: 0;
		width: 100%;
	}

	.mainMenu .dexp-menu > ul.menu > li:first-child > div,
	.mainMenu .dexp-menu > ul.menu > li.first > div > .dexp-menu-col:last-child .item-list ul
	{
		display: block;
	}

	.mainMenu .dexp-menu > ul.menu > li.last.expanded::after,
	.mainMenu .dexp-menu > ul.menu > li.last.expanded span::before
	{
		display: none;
	}

	.mainMenu .dexp-menu > ul.menu > li > a,
	.mainMenu .dexp-menu > ul.menu > li > span
	{
		font-size: 16px !important;
	}

	.newsletterSuscribete p.headNwsltt,
	.newsletterSuscribete form
	{
		width: 100%;
	}

	.newsletterSuscribete form
	{
		text-align: left;
	}

	.newsletterSuscribete p.headNwsltt
	{
		font-size: 40px;
		line-height: 50px;
	}

	#section-parallax-04
	{
		height: 750px;
	}

	.hotelesFooter .content > ul.menu
	{
		columns: 3;
		height: auto;
	}

	#section-footer
	{
		position: relative;
		background: #fafafa;
		margin-bottom: 55px;
	}

	.newsletterSuscribete p.headNwsltt,
	.newsletterSuscribete form
	{
		width: 100%;
	}

	.newsletterSuscribete form
	{
		text-align: left;
	}

	.newsletterSuscribete p.headNwsltt
	{
		font-size: 40px;
		line-height: 50px;
	}

	#section-user-07 > .container
	{
		width: 100%;
		padding: 0;
	}

	.redesSociales
	{
		padding: 30px 0 45px;
	}

	.redesSociales > h2,
	.redesSociales > .content
	{
		width: 100%;
		padding: 0 25px;
		text-align: center;
	}

	.redesSociales > .content
	{
		margin-top: 45px;
	}

	.redesSociales > .content > p
	{
		padding: 25px;
	}

	.menuDestacado,
	#section-page-title ul.breadcrumb
	{
		display: none;
	}

	#section-top .menuButton .txt
	{
		color: #545358;
	}

	.claimLogo
	{
		top: 0;
		right: -230px;
		overflow: hidden;
	}

	.claimLogo .circulo
	{
		width: 460px;
		height: 230px;
		top: 115px;
	}

	.claimLogo .circulo::before,
	.claimLogo .circulo::after
	{
		border-width: 80px;
	}

	.claimLogo .cuadrado
	{
		height: 70px;
		margin-top: 275px;
	}

	.mapaRedondo
	{
		width: 70vw;
		height: 70vw;
		margin: 25px auto 0;
		max-width: none;
		max-height: none;
	}

	.mapaRedondo .view-content > div
	{
		height: 70vw !important;
	}

	.mapaTexto
	{
		position: relative;
		left: 0;
		top: 0;
		width: 100%;
		max-width: 700px;
		margin-top: 50px;
	}

	.mapaTexto > h2
	{
		padding-left: 0;
	}

	.front #section-user-04
	{
		margin-top: 100px;
	}

	.view > .item-list .pagination
	{
		margin-top: 0;
	}

	#section-page-title .region.col-lg-6
	{
		width: 90%;
	}

	.node-type-noticia .region-pagetitle
	{
		top: 20px;
	}

	.page-contact #section-slider .region-slider
	{
		height: 100px;
	}

	#section-page-title .region.col-lg-6
	{
		width: 100%;
	}

	.node-type-pie-web .hotelInfo
	{
		overflow-x: scroll;
	}

	.node-type-pie-web .hotelInfo .text > table
	{
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		box-shadow: none;
	}

	.node-type-pie-web .hotelInfo .text > table td
	{
		padding: 8px 5px;
	}

	.hotelInfo .text > table
	{
		overflow-x: scroll;
		display: block;
	}

	.hotelInfo .views-field-title
	{
		display: block;
		width: 100%;
		margin: 40px 0 20px;
		display: inline-block;
		text-transform: uppercase;
		font-weight: 800;
		font-size: 24px;
		text-align: left;
	}

	.node-type-mapa #section-slider .mapaTexto
	{
		position: absolute;
		top: 12rem;
		margin-top: 0;
		width: 100%;
	}

	.node-type-mapa #section-slider .mapaRedondo
	{
		max-width: none;
		max-height: none;
	}

	#eighty_hotel_reviews_widget
	{
		bottom: 70px !important;
	}

	.hotelesFooter .content > ul.menu
	{
		columns: 3;
		height: auto;
	}

	.fotosGaleria ul li
	{
		width: 33.33%;
	}

	.node-type-galeria #section-slider .region-slider
	{
		height: 85px;
	}

	.node-type-pie-web #section-main-content #block-system-main p,
	.node-type-pie-web #section-main-content #block-system-main p > strong span,
	.node-type-pie-web #section-main-content #block-system-main p strong,
	.node-type-pie-web #section-main-content #block-system-main a,
	.node-type-pie-web #section-main-content #block-system-main ul li
	{
		font-size: 14px !important;
		line-height: 18px;
		color: #aaaaaa;
	}

	.node-type-servicios .hotelInfo .text
	{
		width: 100%;
	}

	.node-type-servicios .hotelInfo .text ul li
	{
		width: 28%;
	}

	.node-type-servicios .hotelInfo .text ul li img
	{
		max-width: 50px;
	}

	.clubPS .content .der
	{
		width: auto;
	}

	.front .puzzleHome .dexp-grid-items
	{
		padding: 50px 0 0;
	}

	#section-user-03 .region
	{
		width: 100%;
		display: inline-flex;
		flex-wrap: wrap;
		flex-direction: column-reverse;
	}

	.slideGaleria
	{
		margin: 75px 0;
	}

	.hotelInfo .text ul.horarios
	{
		margin-top: 0;
	}

	.hotelInfo .text ul.horarios li
	{
		width: 100%;
		margin-top: 25px;
	}

	.hotelInfo .text ul.horarios li > div::after
	{
	    content: '';
	    position: absolute;
	    right: -1000px;
	    width: 1000px;
	    height: 100%;
	    top: 0;
	    z-index: 5;
	    background: #ecebe9;
	}

	.hotelInfo .text > *:not(table)
	{
		font-size: 16px;
		line-height: 20px;
	}

	.not-front #section-parallax-02 .dexp-container
	{
		width: 100%;
	}

	.mapaTexto,
	.mapaTexto .content
	{
		max-width: none;
	}

	.puzzleHome
	{
		margin-bottom: 50px;
	}

	.node-type-habitaci-n #section-services
	{
		margin-bottom: 0;
	}

	.node-type-habitaci-n .habitaciones .fila .views-field-field-imagenes
	{
		width: 100%;
		height: 50vw;
		overflow: visible;
	}

	.node-type-habitaci-n .habitaciones .fila .views-field-nothing
	{
		width: 100% !important;
		padding: 0 5% !important;
		text-align: center;
	}

	.node-type-habitaci-n .habitaciones .fila .views-field-nothing .title
	{
		margin: 40px 0 25px;
		text-align: center;
	}

	.node-type-habitaci-n .habitaciones .fila .views-field-nothing p,
	.node-type-habitaci-n .habitaciones .fila .views-field-nothing ul li > p
	{
		text-align: left;
	}

	.node-type-habitaci-n .habitaciones .fila .views-field-nothing .btnReservar p
	{
		text-align: center;
		padding-left: 0;
	}

	.node-type-habitaci-n .habitaciones .fila .views-field-nothing ul li > img
	{
		max-width: 50px;
	}

	.node-type-habitaci-n .habitaciones .fila
	{
		padding: 0 0 50px;
	}
}


@media screen and (max-width: 767px)
{
	#section-parallax-04
	{
		height: 950px;
	}

	.hotelesFooter .content > ul.menu
	{
		columns: 2;
		height: auto;
	}

	.hotelesFooter h2.block-title
	{
		font-size: 35px;
		padding: 25px 20px;
	}

	.newsletterSuscribete
	{
		padding: 0 25px;
	}

	#section-parallax-03 div[id^='block-views-portfolio']
	{
		display: none !important;
	}

	.front .puzzleHome .dexp-grid-item
	{
		width: 100% !important;
		max-width: 575px;
		margin: 0 auto 75px !important;
	}

	.fotosGaleria ul li
	{
		width: 50%;
	}

	.node-type-mapa .hotelInfo .text > table::before
	{
		content: '';
		position: absolute;
		z-index: 10;
		left: 15px;
		bottom: 60px;
		width: 23px;
		height: 25px;
		background: url(https://18beec.claudeassets.com/20180822103835im_/https://www.hotelalgarbibiza.com/sites/all/themes/shoot/assets/images/arrow-grey-left.png);
		background-repeat: no-repeat;
		background-size: contain;
	}

	.node-type-mapa .hotelInfo .text > table::after
	{
		content: '';
		position: absolute;
		z-index: 10;
		right: 15px;
		bottom: 60px;
		width: 23px;
		height: 25px;
		background: url(https://8f2d3a.claudeassets.com/20180822103835im_/https://www.hotelalgarbibiza.com/sites/all/themes/shoot/assets/images/arrow-grey-right.png);
		background-repeat: no-repeat;
		background-size: contain;
	}

	.node-type-mapa .hotelInfo .text > table > tbody::after
	{
		content: '';
		position: absolute;
		z-index: 10;
		left: 50%;
		transform: translateX(-50%);
		-webkit-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
		bottom: 60px;
		width: 30px;
		height: 30px;
		background: url(https://b1025a.claudeassets.com/20180822103835im_/https://www.hotelalgarbibiza.com/sites/all/themes/shoot/assets/images/hand.png);
		background-repeat: no-repeat;
		background-size: contain;
	}

	.page-user #section-main-content form
	{
		width: 100%;
	}

	.descubreHoteles
	{
		margin-bottom: 150px;
	}

	.descubreHoteles .content > p:first-child
	{
		height: 250px;
		overflow: hidden;
	}

	.descubreHoteles .content > p img
	{
		max-width: none;
		width: auto;
		height: 100%;
	}

	.descubreHoteles .content > p:nth-child(2)
	{
		bottom: 65px;
		font-size: 30px;
		line-height: 35px;
	}

	.front #section-main-content .region
	{
		padding: 50px 0 0;
		width: 100%;
		display: inline-flex;
		flex-wrap: wrap;
		flex-direction: column-reverse;
	}

	.front .descubreOfertas
	{
		width: 100%;
		margin-bottom: 50px;
	}

	.front .hotelInfo
	{
		width: 100%;
	}

	.front .descubreOfertas p.title
	{
		left: 5%;
		font-size: 35px;
		line-height: 40px;
	}

	.front .descubreOfertas p.link
	{
		left: 5%;
	}

	.front .hotelInfo .field-content .text p
	{
		padding-top: 0;
	}

	.mapaRedondo
	{
		width: 90vw;
		height: 90vw;
		max-width: none;
		max-height: none;
	}

	.mapaRedondo .view-content > div
	{
		height: 90vw !important;
	}

	.front #section-user-04
	{
		margin-top: 50px;
	}

	.clubPS .content .izq
	{
		position: absolute;
		width: 100px;
		top: 30px;
	}

	.clubPS .content .izq img
	{
		width: 100%;
		height: auto;
	}

	.clubPS .content .der
	{
		padding: 25px 0 0;
		margin-left: 20px;
	}

	.clubPS .content .der .titulo
	{
		padding-left: 110px;
	}

	.clubPS .content .der .titulo h2
	{
		font-size: 30px;
		line-height: 35px;
		margin-top: 25px;
	}

	.clubPS .content .der .dto
	{
		position: absolute;
		left: 0;
		bottom: -100px;
		text-align: left;
	}

	.clubPS .content .der .dto .unete
	{
		position: relative;
		display: inline-block;
		bottom: auto;
		top: 0;
		left: 0;
		margin-top: 20px;
		min-width: 0;
	}

	.front #section-message,
	.not-front #section-user-05
	{
		background-color: #00aec9 !important;
		background-image: url(https://e7bd5d.claudeassets.com/20180822103835im_/https://www.hotelalgarbibiza.com/sites/default/files/bg-club-mobile.jpg);
		background-repeat: no-repeat;
		background-size: cover;
		height: 500px;
		background-position-y: -45vw;
	}

	.front #section-main-content .container
	{
		width: 100%;
	}

	.front #section-main-content .container .hotelInfo
	{
		width: 90%;
		margin: 0 auto;
	}

	.front .descubreOfertas .img
	{
		height: 70vw;
	}

	.puzzleHotel
	{
		display: block !important;
	}

	.puzzleHotel ul
	{
		width: 100%;
		display: inline-flex;
		flex-wrap: wrap;
	}

	.puzzleHotel ul li
	{
		width: 100% !important;
		height: 250px !important;
	}

	.puzzleHotel ul li:nth-child(1) { order: 1;	}
	.puzzleHotel ul li:nth-child(2) { order: 4;	}
	.puzzleHotel ul li:nth-child(3) { order: 2;	}
	.puzzleHotel ul li:nth-child(4) { order: 3;	}
	
	.puzzleHotel .portfolio-tools h3
	{
		line-height: 1;
	}

	#section-user-03 .container
	{
		width: 100%;
	}

	.mapaTexto > h2
	{
		padding-left: 5%;
		font-size: 30px;
		line-height: 30px;
	}

	.puzzleHome
	{
		margin-bottom: 0;
	}

	.hotelInfo .checkInfo > p span
	{
		display: inline-block;
		width: 100%;
		padding-top: 10px;
	}

	.hotelInfo .checkInfo > p:first-child span:first-child
	{
		padding-top: 0;
	}

	.hotelInfo .checkInfo > p span:last-child::before
	{
		display: none;
	}

	.node-type-habitaci-n #section-services .dexp-container
	{
		width: 100%;
	}

	.node-type-habitaci-n .habitaciones .fila .views-field-nothing p
	{
		padding: 0 5%;
	}

	.fondoGastro .views-field-field-pdf-gastronomia .field-content .file
	{
		width: 100%;
		padding: 0 0 50px;
	}

	.fondoGastro .views-field-field-pdf-gastronomia .field-content .file:first-child
	{
		padding-top: 50px;
	}

	.fondoGastro .views-field-field-pdf-gastronomia .field-content .file a
	{
		width: 70%;
		display: inline-block;
	}
}


@media screen and (max-width: 600px)
{
	.front #section-message,
	.not-front #section-user-05
	{
		background-position-y: -32vw;
	}

	.node-type-habitaci-n .habitaciones .fila .views-field-nothing ul li
	{
		width: 50%;
	}
}


@media screen and (max-width: 500px)
{
	.mainMenu .dexp-menu > ul.menu > li
	{
		padding: 3px 0 !important;
	}

	#section-parallax-04
	{
		height: 1475px;
	}

	.hotelesFooter .content > ul.menu
	{
		columns: 1;
		height: auto;
	}

	.newsletterSuscribete form .form-item
	{
		width: 100%;
		margin-bottom: 20px;
	}

	.newsletterSuscribete form .button-primary
	{
		text-align: center !important;
		width: 100%;
	}

	.front .puzzleHome .dexp-grid-items
	{
		width: 100%;
	}

	.fotosGaleria ul li
	{
		width: 100%;
	}

	.front .descubreOfertas p.title
	{
		top: 50px;
	}

	.front #section-message,
	.not-front #section-user-05
	{
		background-position-y: -8vw;
	}

	.clubPS .content .der .titulo h2
	{
		font-size: 26px;
		line-height: 30px;
	}

	.clubPS .content .der .dto > p
	{
		font-size: 16px;
	}

	.clubPS .content .der .dto > span
	{
		font-size: 100px;
		line-height: 75px;
	}

	.puzzleHotel .portfolio-tools h3 a
	{
		font-size: 16px;
		line-height: 20px;
	}

	.node-type-habitaci-n .habitaciones .fila .views-field-nothing ul li > img
	{
		width: 30%;
	}

}

@media screen and (max-width: 400px)
{

	#section-top .menuButton
	{
		right: 15px;
	}

	#section-top .telefonos,
	.dexp-body-inner.fixeddd #section-top .telefonos
	{
		right: 80px;
	}

	#section-header .mainMenu
	{
		width: 100%;
	}

	.redesSociales > .content > p
	{
		padding: 25px 0;
	}

	.newsletterSuscribete p.headNwsltt > span
	{
		font-size: 14px;
		line-height: 22px;
	}

	.newsletterSuscribete p.headNwsltt
	{
		font-size: 35px;
		line-height: 40px;
	}

	.hotelesFooter h2.block-title
	{
		font-size: 30px;
	}

	.node-type-servicios .hotelInfo .text ul li
	{
		width: 100%;
		margin-bottom: 5px;
	}

	.mapaTexto .content h3,
	.mapaTexto .content h4
	{
		font-size: 24px;
		line-height: 28px;
	}

	.mapaTexto .content h3::before,
	.mapaTexto .content h4::before
	{
		font-size: 60px;
		top: 36px;
		left: -30px;
	}

	.mapaTexto .content
	{
		padding: 20px 20px 20px 35px;	
	}

	.front .descubreOfertas p.title
	{
		font-size: 30px;
		line-height: 35px;
		top: 25px;
	}

	.front #section-message,
	.not-front #section-user-05
	{
		background-position-y: 0;
	}

	.clubPS .content .der .titulo
	{
		padding-left: 100px;
	}

	.clubPS .content .der .titulo h2
	{
		font-size: 20px;
		line-height: 26px;
	}

	.hotelInfo .text ul.horarios li > p
	{
		font-size: 14px;
	}

	.node-type-habitaci-n .habitaciones .fila .views-field-nothing p
	{
		padding: 0;
	}
}



/*
     FILE ARCHIVED ON 21:29:22 Jul 03, 2018 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 06:46:29 Sep 12, 2026.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 0.414
  exclusion.robots: 0.059
  exclusion.robots.policy: 0.051
  esindex: 0.007
  cdx.remote: 8.079
  LoadShardBlock: 178.761 (3)
  PetaboxLoader3.resolve: 161.029 (3)
  PetaboxLoader3.datanode: 80.761 (4)
  load_resource: 135.272
*/