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

	.ofbllargo > p,
	.ofblcorto > p{
		font-size:1em;
	}

}

/* Tablet */
@media screen and (max-width: 1024px) {

	.wrappermain {
		max-width:100%!important;
		overflow:hidden;
	}

	.overdiapo .logo{
		left:2em;
	}

	.logo a img{
		width:14em;
	}

	.boletinsus .boletcont{
		top:2%;
	}

	.nmarcas{
		width: 90%;
	}

	.checkinonline{
	top:-4em;
	right:2.6em;
	}

	.accagencias{
  top:-4em;
  right:18em;
	}

	#roi-loyalty-icon{
	  width:1.5em;
	  margin:initial;
	  text-indent:-9999px;
	  float:initial;
	  position:absolute;
	  top:-2.5em;
	  right:10.5em;
		z-index:4;
	  background-size:1.3em 1.3em;
	}

	#roi-loyalty-icon .loyalty-icon{
		display:block!important;
		width:100%!important;
	}

	#roi-loyalty-icon .loyalty-icon__user--in,
	#roi-loyalty-icon .loyalty-icon__user--out
	{
	  z-index:9999;
	  position:absolute;
	  top:0em;
	  left:0;
		background:url(../images/ico-blanco-user.png) center center no-repeat!important;
		background-size:100%!important;
	}

	#roi-loyalty-icon > button > .loyalty-icon__user-cta::after
	{
	  content:"";
	  position:absolute;
	  right:5.5em;
	  font-size:0.98em;
	  top:0.2em;
	}

	/* Ofertas */
	.pieban .nhotel{
		line-height:1em;
	}

	.pieban .nhotel span:first-child{
		font-size:0.95em;
	    line-height:0.2em;
	}

	.pieban .nhotel span:last-child{
		font-size:0.8em;
	    line-height:0.2em;
	}

	/* Destinos */
	.expcont .fila1 .texto,
	.expcont .fila2 .texto{
		font-size:1em;
	}

	.expcont .fila1 .texto,
	.expcont .fila2 .texto{
		padding:2em 2em;
	}

	.experiencias > .expcont > .fila1 > .texto > .botonneg,
	.experiencias > .expcont > .fila2 > .texto > .botonneg{
		font-size:0.9em;
	}

	.hm3imgdd > .bloque{
		width:100%;
	}

	/* Home */
	.expcont .fila1 .texto h3,
	.expcont .fila2 .texto h3{
		margin:0;
	}

	.hm62 > .expcont .fila1 .texto,
	.hm62 > .expcont .fila2 .texto,
	.hm62 > .expcont .fila3 .texto{
		font-size:1em;
	}

	.hm42 > .expcont .fila1 .texto,
	.hm42 > .expcont .fila2 .texto{
		font-size:1em;
	}

	.hm100img > .cajatxt{
		top:12%;
	}

	.hm100img > .cajatxt > .tithot{
		font-size: 1.2em;
	}

	.hm100img > .cajatxt > .txt{
	    font-size: 0.8em;
	}

	.hm100img > .cajatxt > .botonneg{
		font-size: 0.9em;
	}

	/* Bodas */
	.diapos > a.sldimg > img{
		display:none;
	}

}

/* Smartphone */
@media screen and (max-width: 1000px) {

	body{
		overflow-x:hidden;
	}

	header{
		height:38em;
	}

	header > .bdispon{
		display:inline-block!important;
		bottom:1em;
	}

	header .diapos{
		/*top:3.3em;*/
		top:0;
	}

	header .overdiapo{
		/*position:absolute;*/
	  z-index:6;
		height:55px;
		background-color:#000;
	}

	h1{
		font-size:1.35em;
	}

	h2{
		margin-top:1.3em;
		margin-bottom:1.3em;
		font-size:1.3em;
	}

	/* nuevo menu ini */
	#nav-container {
		display:initial;
	}

	.overdiapo .logo{
		left:0.5em;
		top:0.5em;
	}

	.diapos > a.sldimg{
		height:280px;
		background-size:100%!important;
	}

	header .diapos{
		max-height:280px;
	}

	.diapos p.titulo{
		font-size:1.2em;
		top:47%!important;
	}

	.overdiapo .logo a img {
		width:10em;
	}

	.navly nav.menu{
		display:none;
	}

	/*
	.navly .movmenu, .slicknav_menu{
		display:block;
		background-color:rgba(76,76,76,0);
	}
	*/

	.navly .movmenu, .slicknav_menu{
		display:block;
  	background-color:rgba(76,76,76,0);
    background: rgb(0,0,0);
    background: -moz-linear-gradient(180deg, rgba(0,0,0,1) 3.4em, rgba(255,255,255,1) 3.4em);
    background: -webkit-linear-gradient(180deg, rgba(0,0,0,1) 3.4em, rgba(255,255,255,1) 3.4em);
    background: linear-gradient(180deg, rgba(0,0,0,1) 3.4em, rgba(255,255,255,1) 3.4em);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#ffffff",GradientType=1);
    height:3.4em;
  }

  .slicknav_menu::after{
    content:" ";
    position:absolute;
    left:0;
    top:0;
    background-color:#000;
    right:0;
    bottom:5em;
  }

	.navly .telefono{
	  display:block;
	  width:22px;
	  overflow:hidden;
	  height:22px;
	  margin:0;
	  position:absolute;
	  right:8.5em;
	  top:-3em;
		z-index:4;
	}

	.navly .telefono a{
		background:url(../images/ico-telefono.svg) left center no-repeat;
	    background-size:1.4em 1.4em;
    	padding-left:2em;
	}

	.navly .reservarmov{
		background:url(../images/ico-reservar.svg) left center no-repeat;
	    background-size:1.3em 1.3em;
		display:none;
		width:1.3em;
		overflow:hidden;
		height:1.3em;
		margin:0;
		position:absolute;
		right:9.5em;
		top:-2.5em;
	}

	.navly .menulg{
	  position:absolute;
	  z-index:2;
	  right:4em;
	  top:-2.5em;
	  margin-right:0;
	  text-align:right;
	}

	.accagencias{
		display:none;
	}

	.destslider{
	display:flex;
	}

	.diapos a.navizda, .diapos a.navdcha{
		display:none;
	}

	.selectcont{
		width:18em;
		overflow-y:auto;
	}

	#resbotpag{
		display:none;
	}

	.bdispon .caja{
		width:90%;
		margin-bottom:0.1em;
		margin-top:0!important;
		border:1px solid #c0c0c0;
	}

	.bdispon > form#frmdispmain > p.caja.mtop.fsel > span.flechacoj{
		right:38%;
	}

	#dispbusq{
		width:90%;
	}

	.dropdown-menu{
		font-size:12px;
	}

	.table-condensed > thead > tr > th,
	.table-condensed > tbody > tr > th,
	.table-condensed > tfoot > tr > th,
	.table-condensed > thead > tr > td,
	.table-condensed > tbody > tr > td,
	.table-condensed > tfoot > tr > td{
		padding:0;
	}

	/* ficha hotel */
	.descrbloq > .bloqimg, .descrbloq > .descsld{
		width:100%;
	}

	.descrbloq > .descsld > .navizda, .descsld > .navdcha{
		top:23%!important;
	}

	.descrbloq > .descsld .sld div{
		padding-top:1em;
		padding-bottom:1em;
	}

	.servicios img{
		height:11em;
	}

	div.servlista{
		padding-left:1em;
    	padding-right:1em;
	}

	.instmenu{
		height:initial;
	}

	.instmenu ul > li{
		float:none;
	}

	.instalsld > .inscont > img{
		height:11em;
	}

	.instalsld > .cajatxt{
		position:initial;
	}

	.instalsld > .navizda, .instalsld > .navdcha{
		top:2em;
	}

	.instalsld > .cajatxt{
		width:100%;
	}

	.politica > ul{
		float:none;
    	margin-left:0;
    	width:100%;
    	padding:1em;
    	font-size:0.95em;
	}

	.mpagos {
		width:100%;
		padding-left:1em;
	}

	.politica > .mpagos > ul {
		float:left;
		font-size:0.95em;
	}

	.contacto > .mapa {
		width:100%;
		margin-right:0;
		float:none;
	}

	.opblkizda{
		width:100%;
	}

	.barra > .barratxt{
		font-size:0.95em;
	}

	.ratinggraph, .opiniones{
		height:13em;
		width:100%;
	}

	.ofertascont > .hm100img > img{
		height:11em;
	}

	.ofertascont > .hm100img > .caja > .cajatxt{
		position:initial;
	}

	.ofertascont > .hm100img > .caja > .cajatxt{
		width:100%;
		right:initial;
	}

	.app img{
		height:16em;
	}

	.app>div>a.appico{
		width:6em!important;
	}

	.app>div>a.appico>img{
		height:initial;
	}

	/* Ofertas */
	.ofercont .ofbllargo,
	.ofercont .ofblcorto{
		width:100%!important;
	}

	.ofercont .ofblcorto img,
	.ofercont .ofbllargo img{
		height:12em;
		min-height:12em!important;
	}

	.ofbllargo > .resbt,
	.ofblcorto > .resbt{
		top:32%!important;
	}

	.ofbllargo .pieban,
	.ofblcorto .pieban{
		font-size:0.9em!important;
	}

	.hm3img > .bloque,
	.hm2img > .bloquea{
		width:100%;
	}

	/* Destinos */
	.destslider .bloque{
		width:100%;
	}

	.destslider .bloque .pieban{
		padding-top:0.1em;
		font-size:0.9em;
	}

	.destslider .bloque .pieban span.a{
		display:block;
		clear:right;
	}

	.destslider .bloque .pieban span.b{
		font-size:1em;
	}

	.destslider a.navizda,
	.destslider a.navdcha{
		width:1.2em;
		height:2em;
		top:25%;
		background-size:cover;
	}

	.hm2imgdd > .bloque.doscol{
		width:100%;
	}

	.hm2imgdd > .bloque > .pieban > h3 > a{
		font-size:0.8em;
	}

	/* Experiencias */
	.barraopciones ul{
		display:block;
		height:initial;
    	background-color:#efefef;
	}

	.barraopciones ul > li{
		float:none;
		padding-left:0.5em;
		padding-right:0.5em;
	}

	.expcont .fila1 .imagen,
	.expcont .fila1 .texto,
	.expcont .fila2 .imagen,
	.expcont .fila2 .texto{
		width:100%;
		top:initial;
		position:relative;
		transform:initial;
		float:none;
		left:initial;
	}

	.experiencias a.navizda,
	.experiencias a.navdcha{
		top:10%;
	}

	.experiencias a.navizda.navizdamovil,
	.experiencias a.navdcha.navdchamovil{
		top:61%;
		display:inline-block;
	}

	.hm100img > .cajatxt{
		top:12%;
		width:100%;
		position:initial;
	}

	.expcont .fila1 .texto,
	.expcont .fila2 .texto{
		font-size:1em;
	}

	.expcont .fila1 .texto,
	.expcont .fila2 .texto
	{
		padding:1em 2em;
		font-size:0.95em;
	}

	.expcont .fila1 .texto h3,
	.expcont .fila2 .texto h3{
		margin:0;
		font-size:1.15em;
	}

	.descsld .sld img,
	.descsld .sld div
	{
		width:100%;
	}

	.descsld .sld div{
		padding:1em;
	}

	.descsld > .navizda,
	.descsld > .navdcha{
		top:23%;
	}

	.experhot > .navizda,
	.experhot > .navdcha{
		top:17%;
	}

	.experhot > .hm100img > .cajatxt{
		position:initial;
		width:100%;
	}

	.regsubexp > a.navizda,
	.regsubexp > a.navdcha{
		top:14%;
	}

	/* Bodas */
	.bodasfila{
		margin-top:1em;
	}

	.bodasfila img{
		height:10em;
	}

	/* Boletín */
	.boletinsus .boletcont p{
		font-size:0.9em;
	}

	.boletinsus .boletcont form input{
		width:25em;
		border:1px solid #c0c0c0;
	}

	.boletinsus .boletcont a{
		margin-top:1em;
	}

	.boletinsus .boletcont{
		position:relative;
		top:-3em;
	}

	/* Redes sociales */
	.redSoctslider .bloque .bloqimg a{
		font-size:0.5em;
		padding:1.9em;
	}

	.redSoctslider .bloque.blog .icoredsoc p{
		display:none;
	}

	/* módulo marcas */
	.nmarcas{
		margin-top:0;
		margin-bottom:1em;
		border:0;
		width:100%;
		text-align:center
	}
	.nmarcas a{
		float:none;
		margin-left:0;
		width:32%;
	}
	.nmarcas a:first-child{
		/*margin-left:1.3em;	*/
	}
	.nmarcas a:nth-child(4){
		clear:both;
		margin-top:0.5em;
	    /*margin-left:0.8em;*/
	}
	.nmarcas a img{
		width:6em;
	}
	.nmarcas a:nth-child(3) img{
		width:7em;
		margin-top:0.5em;
	}
	.nmarcas .mrbbspa img,
	.nmarcas .mrbbgou img
	{
		width:3em;
	}

	.nmarcas .mrbbr{
		margin-top:2.5em;
	}

	.nmarcas .mrcircle{
		margin-top:1em;
	}

	/* pie */
	.piecont{
		padding-left:10%;
		padding-right:10%;
	}

	.piecont>.blockcto{
		margin-left:1em;
	}

	.piecont>.rrss{
		float:left!important;
    	clear:both;
	}

	.piecont>.priva {
    	margin:0 auto;
		float:none;
    	display:block;
    	width:100%;
		clear:both;
	}
	.piecont>.copy{
		float:none;
	}

	/* Textos legales */
	.contenedorlegal {
    	padding:0 1.5em 30px 1.5em;
	}

	/* Contacto */
	.contenidotxt p{
		text-align:justify;
	}


}

/* Tablet vertical */
@media screen and (max-width: 768px) {

	.checkinonline{
	display:none;
	top:-3.6em;
	right:14.5em;
	padding:0;
	background:url(../images/ico-checkin.svg) center center no-repeat;
	background-size:100% 100%;
	border:0;
	color:transparent;
	width:1.8em;
	height:1.8em;
	}

	#resbotpag{
		display:none;
	}

	.vidcontr{
		top:13.5em;
		right:0.5em;
	}

	.diapos>.videobg{
		width:330%;
		height:100%;
		left:-75%;
		top:0;
	}

	.descrbloq{
		margin-bottom:5em;
	}

	.cajatxt{
		top:11em;
	}

	#dispbusq {
		height: 3em;
		position:initial;
		top:initial;
    line-height:initial;
    padding-top:0.8em;
		float:none;
		border-left:1px solid #818181;
	}

  .bdispon .caja,
	.bdispon .caja.vuelo
	{
    float:none;
  }

	.bdispon .caja.vuelo
	{
		border:1px solid #c0c0c0!important;
	}

  .caja.vuelo.camar,
  .caja.mtop.fsel,
	.caja.ocupa
  {
    width:90%!important;
  }

	.caja.ocupa{
		display:block;
		margin:0 auto;
	}

  .caja.mtop.fsel>.placeholdera{
    left:3em;
  }

  .caja.mtop.fsel>.placeholderb{
    right:3em;
  }

	.ofertascont>.hm2img{
		display:inline-block;
	}

	.ofertascont>.hm2img>.bloquea,
	.ofertascont>.hm2img>.bloqueb{
		width:100%;
	}

	.bloque.blog>.bloqimg>img{
		min-height:initial;
	}

  .reserva{
		width:100%;
		display:inline-block;
	}

	.respict{
	 width:100%;
	 float:none;
	 clear:both;
	}

	.resform{
		width:95%;
		float:none;
		margin:1em auto;
	}

}

/* Smartphone */
@media screen and (max-width:480px) {

	header {
		height:32em;
	}

	header .diapos{
		max-height:245px;
	}

	.diapos > a.sldimg{
		height:245px!important;
		background-position:0 55px!important;
	}

	header > .bdispon {
		bottom:initial;
		top:15em;
	}

	header>.bdispon .bookblleft{
		margin-top:1em;
	}

	.vidcontr{
		max-height:4em;
		top:11.5em;
	}

	.navly .menulg{
	  right:-6em;
	}

	.hm2img{
		display:block;
	}

	.hm2img>.bloquea,
	.hm2img>.bloqueb{
		width:100%;
		clear:right;
	}

	.hm100img > .caja {
		position: initial;
	}

	.hm100img > .caja > .cajatxt {
		position: initial;
		display: inline-block;
		width: 100%;
	}

	.hm100img>.caja>.cajatxt>.precio{
		margin-top:-7em;
	}

}