@media only screen and (max-width:1024px) {
	
	ul.listaEventos li {
		width: calc(100% / 4 - (60px / 4));
	}
	ul.listaEventos li:nth-child(4n+4) {
		margin-right: 0 !important;
	}
	ul.listaEventos li:nth-child(5n+5) {
		margin-right: 20px;
	}

}
@media only screen and (max-width:815px) {
	
	body {
		padding-top: 60px;
	}

    #posVenta h1 small {
        float:none;
        display:block;
        clear:both;
        margin-top: 10px;
    }


#migasMobile {
    display:inline-block;
    align-items:center;
}

#bienvenida a {
    margin-right: 0px;
    margin-left: 0px;
    width:100%;
}

#superiorAcceder.logged {
    display:none;
}
#superiorAccederMovil.logged {
    display:initial !important;
}

#superiorVenta.logged {
}



    .formLabelIcon {
        width: 100% !important;
    }

	header #filtros #mostrarFiltros,
	header #superior,
	header #migas {
		display: none;
	}
    #bacInner {
        margin-top: 0px !important;
        padding-left: 10px !important;
    }
    #bacInner .w100, #bacInner .w50, #bacInner .w33 {
        width:calc(100% - 10px) !important;
        margin-right: 10px !important;
    }

    #bacInner h6 {
        line-height: 33px !important;
        font-size: 22px !important;
        padding-top:0px !important;
    }
        #bacInner h5 {
            line-height: 22px !important;
            font-size: 16px !important;
            line-height: 2.5em !important;
        }

#bacContenido > div > ul > li {
    margin-bottom: 10px !important;
}






    #labNombreRecinto {
        display: none !important;
    }

#labNombreRecinto2 {
    display:initial !important;
}



    #paginaEvento #evento {
        padding-left:8px;
    }
        #paginaEvento #evento h1 {
            margin: 8px 0px 5px 0px;
        }


    #paginaEvento #leerMas{
      display:block;
    }
    #media, #descripcion {
        display:none;
    }

    #migas {
        /*display: initial !important;*/
        border: none !important;
        background-color: #ffffff;
        margin-top: 10px;
        position: absolute !important;
        font-size: 13px !important;
        border-bottom: 1px solid #f2f2f2 !important;
    }
        .migas-wrapper > i:first-child {
            display: none;
        }
    #migas a {
        background-image:none !important;
    }


	header nav#filtros {
		margin-top: 0;
    	margin-bottom: 0;
	}
	.centrar {
		width: 100%;
		padding: 0 10px;
		float: left;
	}
	header {
		width: calc(100% + 10px);
		margin-bottom: 10px;
		background-color: #cb2b99;
		margin-left: -10px;
		padding: 10px;
		position: fixed;
		z-index: 10;
		top: 5px;
	}
	header .logo {
		float: left;
		position: relative;
		top: -2px;
    	left: 2px;
	}
	header .logo img:first-child{
		display: none;
	}
	header .logo img:last-child{
		display: block;
        height:29px;
	}
	header #botonMovil {
		width: 22px;
		height: 18px;
		margin-top: 3px;
		margin-left: 20px;
        margin-right: 10px;
		float: right;
		position: relative;
		display: block;
	}
	header #botonMovil span {
		width: 100%;
		height: 2px;
		background-color: white;
		position: absolute;
		left: 0;
		transition: all 560ms ease;
	}
	header #botonMovil span:nth-child(1) {
		top: 0;
	}
	header #botonMovil span:nth-child(2) {
		top: 7px;
	}
	header #botonMovil span:nth-child(3) {
		top: 14px;
	}
	header #botonMovil.active span:nth-child(1) {
		top: 8px;
		transform: rotate(315deg);
	}
	header #botonMovil.active span:nth-child(2) {
		top: 7px;
		opacity: 0;
	}
	header #botonMovil.active span:nth-child(3) {
		top: 8px;
		transform: rotate(-315deg);
	}
	header nav#superior {
		width: 100%;
		padding: 15px 0;
		background-color: #fff;
		border-bottom: 1px solid #f2f2f2;
		text-align: center;
		position: fixed;
		top: 53px;
		left: 0;
		z-index: 10;
	}
	header nav#superior a {
		width: calc(100% / 3);
		margin: 0;
		text-align: center;
		float: left;
	}
	header nav#superior a i {
		float: none;
		margin-top: 0;
		position: relative;
		top: 1px;
		margin-right: 2px;
		font-size: 20px;
	}
	header nav#superior a#superiorPuntos span {
		display: none;
	}
	header nav#superior a#superiorPuntos strong {
		text-transform: capitalize;
	}
    #superiorPuntos strong:first-of-type {
        display:none;
    }
    #superiorPuntos strong:last-of-type {
        display:initial !important;
    }
	#sliderInicio {
		height: auto;
        margin-bottom:0px;
	}
	#sliderInicio .slide .imagen-slide {
		width: 100%;
		max-height: 300px;
		overflow: hidden;
		float: left;
	}
	#sliderInicio .slide a .imagen-slide img {
		width: 100%;
		height: auto;
	}
	#sliderInicio .infoEvento {
		position: static;
		width: 100%;
		float: left;
		opacity: 1;
    	transform: scale(1);
    	background-color: #3e3934;
        padding: 8px;
	}
        #sliderInicio .infoEvento h3 {
            margin-bottom: 5px;
            font-size:1em;
        }
	#sliderInicio .owl-item.active.center .infoEvento {
		animation-name: none;
	}
	#sliderInicio .owl-item .slide img {
		opacity: 1 !important;
    	filter: blur(0);
	}
	#sliderInicio .owl-dots {
		width: 100%;
		margin-top: 10px;
		text-align: center;
		float: left;
	}
	#sliderInicio .owl-dots div {
		width: 7px;
		height: 7px;
		border-radius: 100%;
		background-color: #ddd;
		margin: 0 2px;
		display: inline-block;
	}
	#sliderInicio .owl-dots div.active {
		background-color: #cb2b99;
	}
	header #filtros #buscador {
		width: 20px;
    	position: absolute;
	    top: 0;
	    right: 75px;
	    transition: all 120ms ease-in;
	    transition-delay: 200ms;
	}
        header #filtros #buscador button i {
            font-size:20px;
        }
	header #filtros #buscador.active {
		width: calc(100% - 20px);
		right: 10px;
		z-index: 10;
	}
	header #filtros #buscador input {
		height: 42px;
		padding-left: 40px;
		border: 0;
		background-color: rgba(62,57,52,0.3);
		color: #fff;
		opacity: 0;
	}
	header #filtros #buscador.active input {
		background-color: rgba(62,57,52,1);
		opacity: 1;
		transition: all 120ms ease-in;
		transition-delay: 200ms;
	}
	header #filtros #buscador input::-webkit-input-placeholder {
	  color: #fff;
	}
	header #filtros #buscador input:-moz-placeholder {
	  color: #fff;
	  opacity: 1;
	}
	header #filtros #buscador input::-moz-placeholder {
	  color: #fff;
	  opacity: 1;
	}
	header #filtros #buscador input:-ms-input-placeholder {
	  color: #fff;
	}
	header #filtros #buscador input::-ms-input-placeholder {
	  color: #fff;
	}
	header #filtros #buscador button {
		background: none;
		left: 20px;
		font-size: 18px;
		top: 11px;
		color: white !important;
		transition: all 560ms ease;
	}
	header #filtros #buscador.active button {
		left: 10px;
	}
	header #filtros #buscador .cerrarBuscador {
		color: white;
		position: absolute;
		top: 3px;
		right: 10px;
		display: none;
        font-size: 2.2em;
	}
	.fa-times-thin:before {
		content: '\00d7';
	}
	header #filtros a#mostrarFiltros {
		width: 100%;
		margin-bottom: 5px;
    	border: 1px solid #dddddd;
	    color: #999996;
	    float: left;
	    font-size: 14px;
	    height: 50px;
	    line-height: 50px;
	    padding: 0 45px 0 12px;
	    transition: all 560ms ease;
		position: relative;
	}
	header #filtros a#mostrarFiltros:after {
		content: '';
		width: 45px;
		height: 48px;
		background: transparent url(/style/v4/images/rowDown.png) no-repeat scroll right center;
		position: absolute;
		right: 0;
		top: 0;
		transition: all 560ms ease;
	}
	header #filtros a#mostrarFiltros.active:after {
		transform: rotate(180deg);
	}
	header #filtros a#mostrarFiltros i {
		color: #dddddd;
	    float: left;
	    font-size: 22px;
	    margin-right: 10px;
	    margin-top: 13px;
	}
	header #filtros > ul {
		width: 100%;
		height: calc(100% - 99px);
		padding: 15px 10px;
		position: fixed;
		top: 104px;
		left: 0;
		background-color: #fff;
		z-index: 10;
		display: none;
	}
	header #filtros > ul > li {
		width: 100%;
		margin: 0 0 5px 0;
	}
	header #filtros > ul > li > a {
		width: 100%;
	}
	header #opciones #lugares > ul {
		z-index: 12;
	}
	header #opciones ul {
		margin-top: 0;
		position: fixed;
		width: 100%;
		height: 100%;
		padding: 25px;
		padding-top: 60px;
		top: 0;
		left: 0;
		background-color: white;
		overflow: scroll;
		z-index: 11;
	}
	header #opciones ul li {
		width: 100%;
	}
	header #opciones #volver {
		position: fixed;
		top: 0;
		left: 0;
		z-index: 3;
		background: white;
		padding: 25px 25px 15px 25px;
		width: 100%;
		z-index: 12;
	}
	.capaBuscador {
		width: 100%;
		height: 100%;
		align-items: center;
	    justify-content: center;
	    color: white;
	    font-size: 32px;
		position: fixed;
		background-color: rgba(0,0,0,0.7);
		top: 0;
		left: 0;
		z-index: 2;
		display: none;
	}


	ul.listaEventos li {
		width: calc(100% / 2 - 5px);
		margin-right: 0;
	}
	ul.listaEventos li:nth-child(5n+5) {
		margin-right: 0;
	}
	ul.listaEventos li:nth-child(odd) {
		margin-right: 10px;
	}
	#paginaEvento #carrusel ul,
	#paginaEventos #carrusel ul {
		padding: 0;
	}
	#carrusel .owl-dots {
		width: 100%;
		margin-top: 10px;
		text-align: center;
		float: left;
	}
	#carrusel .owl-dots div {
		width: 7px;
		height: 7px;
		margin: 0 2px;
		border-radius: 100%;
		display: inline-block;
		background-color: #ddd;
	}
	#carrusel .owl-dots div.active {
		background-color: #cb2a98;
	}


    #paginaEvento.noGallery h1 {
        font-size: 1.5em;
    }

	#paginaEvento .w60,
	#paginaEvento .w40 {
		width: 100%;
		padding-right: 0;
	}
	#paginaEstatica h1 {
		font-size: 24px;
	}
	#ventas #evento {
		position: relative;
		padding-bottom: 40px;
	}
	#ventas #evento h3 {
		width: 100%;
		padding: 10px 0;
		margin: 0;
		font-size: 16px;
		font-weight: 500;
		background-color: #f2f2f2;
		display: none;
	}
	header h3 {
		color: #fff;
	    float: left;
	    margin: 1px 0 0 20px;
	}
	#ventas #evento h3 br{
		display: none;
	}
	#ventas #evento img {
		float: left;
	}
	#ventas #evento h1 {
		width: 100%;
		padding: 0 10px;
		margin: 10px 0;
		font-size: 18px;
		float: left;
	}
	#ventas #evento #info {
		width: 100%;
		padding: 0 10px;
		float: left;
	}
	#ventas #evento #info span {
		width: 100%;
		margin-bottom: 5px;
		float: left;
	}
	#ventas #evento #info span:last-child {
		margin-bottom: 0;
	}
	#ventas #evento a.volver {
		margin: 0;
	    position: absolute;
	    bottom: 10px;
	    right: 10px;
	}
	footer {
		padding-top: 0;
	}
	footer .w25 {
		width: 100%;
		margin-top: 30px;
		padding-right: 0;
		padding-bottom: 20px;
		border-bottom: 1px solid #ccc;
	}
	footer .banner {
		width: 100%;
		margin-top: 30px;
		/*text-align: center;*/
	}
	footer .banner a {
		float: none;
		display: inline-block;
	}
	body.noscroll {
	  overflow: hidden;
	}
	.paso .content {
		padding-top: 20px;
	}
	#paso1 ul.listaEntradas > li {
		padding-bottom: 10px;
		display: block;
	}
	#paso1 ul.listaEntradas > li p {
		width: 100%;
		padding: 10px;
	}
	#paso1 #tipo ul li .inputNumerico {
		width: 100%;
	}
	#paso1 #tipo ul li .precioEntrada {
		width: 100%;
		text-align: right;
		padding-right: 20px;
	}
	#paso1 .info {
		margin-top: 10px;
	}
	#paso2 #registro,
	#paso2 #acceder {
		padding: 0;
		width: 50%;
	}
	#paso2 #registro {
		padding-right: 20px;
	}
	#paso2 #acceder {
		padding-left: 20px;
	}
	#paso2 #anonimo {
		width: 100%;
		margin: 20px 0 0 0;
	}
	#paso2 #separador {
		display: none;
	}
	#paso2 #registro input[type="button"] {
		clear: both;
	}
	.popup-wrapper .popup {
		top: 10px;
		left: 10px;
		padding: 30px 20px 20px 20px;
		margin-top: 0 !important;
		margin-left: 0 !important;
		overflow: scroll;
		width: calc(100% - 20px);
		height: calc(100% - 20px);
	}

}
@media only screen and (max-width:639px) {

	.listadoEventos .cajaEnlace {
		right: 10px;
	}
	.paso {
		padding: 15px;
	}
	.paso .encabezado a.abrir {
		right: 0;
    	top: 20px;
	}

}
@media only screen and (max-width:420px) {

#posVenta #imprimir, #posVenta #consultar, #posVenta #imprimirPDF, #posVenta #imprimirPDFMovil{
  font-size: 14px;
  width: 100%;
  margin: 20px 0px 0px 0px;
  display: inline-block;
}



    #evento #info span strong {
        display:none;
    }
	
	.centrar {
		padding: 0 5px;
	}
	.listaSesiones > li .info {
		width: 100%;
	}
	.listaSesiones > li a.boton {
		clear: both;
        width: 100%;
        text-align: center;
        text-transform: uppercase;
        font-weight: 700;
	}
	#bannerRecinto .textoRecinto {
		position: static;
		float: left;
		display: block;
		width: 100%;
		background: #3e3934;
		padding: 10px;
	}
	#bannerRecinto .textoRecinto h1 {
		position: static;
    	font-size: 20px;
	}
	#bannerRecinto .iconosRecinto ul {
		top: 0;
		right: 0;
		bottom: auto;
		padding: 10px;
		background: rgba(0, 0, 0, 0.7);
	}
	.listadoEventos li .enlaceImagen span {
		width: 120px;
		clear: both;
		margin: 0;
		float: left;
		display: block;
	}
	.listadoEventos li img,
	.listadoEventos .owl-item li img {
		width: 100px;
	}
	.listadoEventos li a.enlaceMovil {
		width: 100%;
		height: 100%;
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		z-index: 3;
	}
	.listadoEventos a.enlaceMovil span {
		display: none;
	}
	.listadoEventos .infoEvento {
		position: absolute;
		width: calc(100% - 140px);
		align-items: center;
		display: flex;
		left: 110px;
	}
	.listadoEventos .infoEvento h3 {
		font-size: 14px;
		margin: 0 0 5px;
        font-weight:600;
	}
	.listadoEventos li .infoEvento p {
		font-size: 11px;
        line-height: 15px;
        margin-bottom: 5px;
        padding-right: 5px;
	}
	.listadoEventos li .infoEvento p.fecha span.fechaEscritorio {
		display: none;
	}
	.listadoEventos li .infoEvento p.fecha span.fechaMovil {
		display: inline-block;
	}
	.listadoEventos li .flechaMovil {
		position: absolute;
	    right: 5px;
	    width: 15px;
	    display: flex;
	    align-items: center;
	    height: 100%;
        color: #cb2b99;
	}
	.listadoEventos .cajaEnlace {
		display: none;
	}
	.listadoEventos .cajaEnlace a {
		width: 100%;
		text-align: center;
		float: left;
	}


	#carrusel.inicio .listaEventos,
	#paginaEvento #carrusel .listaEventos,
	#paginaEventos #carrusel .listaEventos {
		display: none;
	}
	#carrusel.inicio .listadoEventos,
	#paginaEvento #carrusel .listadoEventos,
	#paginaEventos #carrusel .listadoEventos {
		display: block;
	}

    #paginaEvento.noGallery h1 {
        font-size: 1.1em;
    }
    #tituloEvento img {
        margin-left: 5px;
        max-width: 80px;
        max-height: 80px;
    }



	#paginaEvento h1 {
		margin-bottom: 10px;
	}
	.paso .encabezado h2 em {
		width: 100%;
		margin-top: 10px;
		clear: both;
		float: left;
	}
	#bannerRecinto .infoRecinto {
		z-index: 10;
	    top: 0px;
	    left: 0;
	    right: 0;
	    bottom: 0;
	    overflow: scroll;
	    pointer-events: none;
	    position: fixed;
	}
	#bannerRecinto .infoRecinto img.icono {
		display: none;
	}
	#bannerRecinto.mostrarInfo .infoRecinto {
		pointer-events: auto;
	}
	#paso1 #mapaZonas,
	#paso1 #listaZonas {
		width: 100%;
	}
	#paso1 #asientos .w70 {
		width: 100%;
	}
	#paso1 #asientos #selectorButaca {
		overflow: scroll;
	}
	#paso2 #registro,
	#paso2 #acceder {
		padding: 0;
		width: 100%;
	}


}
@media only screen and (max-width:360px) {

    #paginaEvento.noGallery h1 {
        font-size: 1.1em;
    }
    #tituloEvento img {
        margin-left: 5px;
        max-width: 60px;
        max-height: 60px;
    }

    ul.listaEventos a {
        display: flex;
    }
    ul.listaEventos li {
        padding:0px;
    }

    ul.listaEventos li .fecha,
    ul.listaEventos li h3 {
        display:none;
    }

    ul.listaEventos li .lugar {
        padding: 0px 15px 0px 5px;
    }

    ul.listaEventos li .lugar span {
        text-align: left;
        display:block !important;
        margin-bottom:5px;
    }
        ul.listaEventos li .lugar span.titulo {
            margin-bottom:10px;
            font-size:14px;

        }

        ul.listaEventos li .lugar span.recinto {
            display:none !important;
        }
    ul.listaEventos li .lugar .fechaMovil,
    ul.listaEventos li .lugar .ciudad {
        font-size: 12px;
    }
    ul.listaEventos li .lugar .fechaMovil {
        font-weight: 300;
    }

	ul.listaEventos li {
		width: 100%;
	}
	ul.listaEventos li .grupoEvento {
		width: 100px;
        max-width:100px;
	}

    ul.listaEventos li .grupoEvento img{
		max-width: 100px;
		max-height: 100px;
	}
	ul.listaEventos li .infoEvento {
		width: calc(100% - 100px);
		display: block;
	}

    ul.listaEventos li .infoEvento i.flecha {
        display:initial !important;
        float:right;
        position: absolute;
        right: 0;
        top: 40%;
    }


	ul.listaEventos li .fecha,
	ul.listaEventos li .lugar {
		width: 100%;
	}
	ul.listaEventos li .lugar {
		margin-top: 6px;
	}
	.paso .encabezado h2 {
		font-size: 14px;
	}
	.paso .encabezado span.numero {
		margin-right: 5px;
	}

}