@media (min-width: 1361px) {
	body.f-min footer .container{max-width: 1140px}
}
@media (max-width: 1359px) {
	#wrap-pago .info-pago,
	#wrap-pago .terminos,
	#wrap-pago .btn-pago,
	.wrap-pago .content{
		max-width: 780px;
	}
}
@media (max-width: 1440px) {
	.wrap-pago .resumen{
	    top: 70px;
	}
	body {
	    padding-top: 120px;
	}
	 header{
		height: 120px;
	}
	 header .banner-evento{height: 94px;margin-top: 13px;padding-left: 180px}
	 header .banner-evento .logo{margin-top: 12px;height: 70px;}
	 header .banner-evento .img-evento{width: 186px;height: 100px;}
	 header .banner-evento .logo img{max-width: 99px;}
	 header .banner-evento .info-evento .datos .back{display: none}
	 header .banner-evento #counter ,
	
	 header .banner-evento #counter .wrap{height: 70px;}
	 header .banner-evento .info-evento .datos .direccion,
	 header .banner-evento .info-evento .datos .fecha{font-size: 14px}
	 header .banner-evento .info-evento .datos .title{margin-bottom: 5px;}

	
	  #mapa-boletos-wrap .mapa .container-map{
	  	height: calc(100vh - 165px);
	  }

}

@media (max-width: 1200px) {
	#mapa-boletos-wrap .mapa .container-map{
		height: calc(100vh - 210px);
	}

	body#evento #main .wrap-evento .banner-evento figure{
		position: relative;
		width: 500px;
		overflow: hidden;
	}
	body#evento #main .wrap-evento .banner-evento .share-precio{
		width: 435px;
	}
	body#evento .bg-top{
		height: 350px;
	}
	body#evento #main .wrap-evento .calendar-book .calendar{max-width: 465px}
	body#evento #main .wrap-evento .calendar-book .button-book{max-width: 380px;}
	body#evento #main .wrap-evento .map {max-width: 305px;}
	body#evento #main .wrap-evento .map{padding-left: 0}
	header.fixed .banner-evento .info-evento .datos .fecha,
	header.fixed .banner-evento #counter.show .wrap p
	{color: #fff}

	#wrap-pago-realizado .wrap-orden .datos-o > div:last-child .d-item .news-letter .wrap{margin: 0 -5px;}
	#wrap-pago-realizado .wrap-orden .datos-o > div:last-child .d-item .news-letter .wrap div{
		font-size: 12px;
		padding: 0 5px;
	}
	#wrap-pago-realizado .wrap-orden .datos-o > div:last-child .d-item{height: 255px;min-height: 255px;padding-top: 35px;}
	#wrap-pago-realizado .valores article .wrap.estacionamiento .sitios p span {
		display: block;
	}
	#wrap-pago .info-pago,
	#wrap-pago .terminos,
	#wrap-pago .btn-pago,
	.wrap-pago .content{
		max-width: 580px;
	}
	#wrap-pago .info-pago .metodos article{width: 25%}
}


@media (max-width: 992px) {
	#wrap-pago .info-pago .metodos article{
		width: 50%;
	}
	#wrap-pago-realizado .wrap-orden .datos-o > div,
	#wrap-pago-realizado .valores article{width: 100%}
	.tooltip-term{
		width: 310px;
	}
	.tooltip-term i{font-size: 25px;}
	.tooltip-term span{font-size: 14px;}
	#wrap-pago-realizado .wrap-mapa iframe{height: 160px !important;}
	#wrap-pago-realizado .wrap-orden .datos-o div .d-item{padding-top: 20px}
	#wrap-pago-realizado .valores{margin-top: 35px}
	#wrap-pago-realizado .valores article .wrap.estacionamiento .sitios p span {
		display: inline-block;
	}

	body#evento #main .wrap-evento .banner-evento figure {
		width: 100%;
	}
	body#evento #main .wrap-evento .banner-evento figure img{width: 100%}
	body#evento .bg-top {height: 382px;}
	body#evento #main .wrap-evento .banner-evento {
		padding-bottom: 80px;
	}
	body#evento #main .wrap-evento .banner-evento .info-evento {
		margin-top: 30px;
		position: relative;
		padding:0 15px;
		width: 100%;
		width: calc(100% - 15px);
		max-width: 100%;
		float: left;
	}
	body#evento #main .wrap-evento .banner-evento .share-precio{
		width: 100%;
		bottom: 20px;
		max-width: 100%;
		padding: 0 15px;
	}
	body#evento #main .wrap-evento .calendar-book,
	body#evento #main .wrap-evento .descripcion,
	body#evento #main .wrap-evento .map
	{
		padding-left: 15px;
		padding-right: 15px;
	}
	body#evento #main .wrap-evento .calendar-book .calendar{left: 15px;}
	body#evento #main .wrap-evento .banner-evento .share-precio i {
		margin-top: 17px;
	}
	body#evento #main .wrap-evento .descripcion {
		max-width: 100%;
		width: 100%;
	}
	body#evento #main .wrap-evento .map {
		max-width: 100%;
		width: 100%;
		margin-top: 5px;
		margin-bottom: 30px;
	}
	body#evento #main .wrap-evento .descripcion .video iframe{margin-right: auto;margin-left: auto;max-width: 100%;}
	body#evento #main .wrap-evento .calendar-book .button-book,.calendar-fix .wrap button {max-width: 180px;}
	footer .info .dir{font-size: 12px;}
	footer .info .redes {margin-top: 5px;}
	footer .dev{display: none;}
	body.f-min footer .dev{display: block;}
	.calendar-fix .calendar{max-width: 450px;}

	#wrap-pago .info-pago,
	#wrap-pago .terminos,
	#wrap-pago .btn-pago,
	.wrap-pago .content{
		max-width: 100%;
	}
	.wrap-pago .resumen{
		position: relative;
		width: 100%;
		max-width: 100%;
		top:0;
	}
	.modal-dialog{
		width: 100%;
		max-width: 780px;
	}
	body#evento #main .wrap-evento .calendar-book .calendar {
    	max-width: 365px;
	}
	body#evento #main .wrap-evento .calendar-book .button-book,body#evento #main .wrap-evento .calendar-book .button-wait, body#evento #main .wrap-evento .calendar-book .btn-gratis{
		max-width: 300px
	}
	#modalWait .modal-content .content> .row .bg-banner{display: none;}
}

@media (max-width: 768px) {
	header.fixed .banner-evento,
	header .banner-evento {
		padding-left: 0px;
	}
	header .banner-evento .img-evento {display: none}
	#tabla-boletos tbody tr td:nth-child(3),
	#tabla-boletos thead tr th:nth-child(3){display: none}


	footer .info {
		max-width: 250px;
		margin-top: 30px
	}
	footer .info .dir,
	footer .info .redes{
		float: none;
		display: inline-block;
		margin-left: 0;
	}
	footer .info .redes{margin-top: 20px;}
	#mapa-boletos-wrap{
		padding-right: 0;
	}
	.wrap-pago .resumen, #mapa-boletos-wrap .wrap-boletos{
		position: relative !important;
		width: 100% !important;
		margin-top: 30px;
		right: 0 !important;
		top: 0 !important;
	}
	#wrap-pago .info-met#tdc{margin-top: 0}
	.wrap-pago{padding-right: 0}
	#wrap-pago-realizado .valores article .wrap{
		padding: 10px 30px 10px 100px;
	}
	#wrap-pago-realizado .redes-f article{width: 100%;margin-bottom: 35px}
	#wrap-pago-realizado > .title{font-size: 22px;}
	#wrap-pago-realizado .send img{margin-bottom: 0px}

	#wrap-pago-realizado .wrap-orden .datos-o div .d-item > div .title,
	#wrap-pago-realizado .valores article .wrap .content .title,
	#wrap-pago-realizado .wrap-mapa .s-title,
	#wrap-pago-realizado .redes-f article .title,
	#wrap-pago-realizado .nota .title{font-size: 18px}

	#wrap-pago-realizado .send p,
	#wrap-pago-realizado .wrap-orden .s-title,
	#wrap-pago-realizado .valores article .wrap .content p{font-size: 16px;}
	body:not(.f-perm) #main #wrap-ppal{
		padding-bottom: 50px;
	}
	 #main footer:not(.f-perm){display: none}
	.btn-get-tk,.btn-ticket-mapa{display: none}

	#footer-m{
		display: block;
		height: 50px;
		position: fixed;
		bottom: 0;
		left: 0;
		width: 100%;
		z-index: 9;
	}
	#footer-m .car{
		float: left;
		margin-top: 13px;
	}
	#footer-m .car >span {
		display: block;
		position: relative;
		display: inline-block;
		vertical-align: top;
		margin-top: -1px;
	}
	#footer-m .car > span span.active{
		position: absolute;
		background: rgb(255,255,255);
		border-radius: 50%;
		color: rgb(0,0,0);
		display: block;
		width: 17px;
		height: 17px;
		text-align: center;
		line-height: 17px;
		font-size: 14px;
		bottom: 0;
		right: 0;
	}
	#footer-m .car >p {
		display: inline-block;margin-left: 20px;
		font-size: 16px;
		font-weight: bold;
		vertical-align: top;
		line-height: 16px;
		margin-top: 5px;
	}
	#footer-m .car span i{
		font-size: 25px;
	}
	#footer-m a{
		display: block !important; 
		float: right;
		width: 110px;
		line-height: 35px;
		margin-top: 7px;
	}

	.show-seats{cursor: pointer;}
	#mapa-boletos-wrap .mapa{
		border: none;
		padding: 0px 0;
	}
	#mapa-boletos-wrap{margin: 20px 0}
	#mapa-boletos-wrap .wrap-boletos .boletos .content .title-t span:nth-child(2),
	#mapa-boletos-wrap .wrap-boletos .boletos .content .item > span:nth-child(2)
	{display: none}
	#mapa-boletos-wrap{margin: 20px 0}
	#mapa-boletos-wrap .wrap-boletos .boletos .content .title-t span:nth-child(1),
	#mapa-boletos-wrap .wrap-boletos .boletos .content .item > span:nth-child(1){width: 70%}
	#mapa-boletos-wrap .wrap-boletos{
		position: fixed !important;
		top: auto !important;
		bottom: -100%;
		z-index: 5;
		background: rgb(255,255,255);
		border-radius: 5px 5px 0 0;
		transition: ease all .6s;
	}
	#mapa-boletos-wrap .wrap-boletos.show{
		bottom: 50px;
	}
	#mapa-boletos-wrap .wrap-boletos .boletos{
		border: none
	}
	#mapa-boletos-wrap .wrap-boletos .boletos .title {display: none}
	#mapa-boletos-wrap .wrap-boletos .boletos .content{min-height: 60px}
	
	#wrap-pago .btn-pago span{display: inline-block;}
	body:not(.f-perm) footer{display: none}
		
	body#evento #main .wrap-evento .calendar-book {
		padding: 80px 30px 15px;
	}
	body#evento #main .wrap-evento .calendar-book .calendar {
		max-width: 460px;
	}
	body#evento #main .wrap-evento .calendar-book .button-book {
		max-width: 100%;
	}
	.calendar-fix .wrap button,
	.calendar-fix .wrap .precio
	{display: none !important}

	.calendar-fix .calendar {
		max-width: 900px;
		width: auto;
		position: relative;
		border-radius: 0px;
		padding: 15px 15px ;
		top: 0px;
		margin: 0 -15px;
	}
	.calendar-fix .wrap .title {
		line-height: 16px;
		margin-top: 0px;
		float:none;
		padding: 15px 0;
		border-bottom: solid 1px rgb(240,240,240)
	}
	.calendar-fix{height: 100px;}
	.calendar-fix .calendar i.icon-angle-d, .calendar-fix .calendar i.icon-calendar {
		left: auto;
		right: 15px;
		top: 17px;
		pointer-events: none;
	}
	.calendar-fix .calendar .item.sel {
		padding-right: 30px;
	}
	#modalGratis .wrap-gratis{
		padding-right: 0;
	}
	#modalGratis .wrap-gratis .resumen{
		position: relative;
		width: 100%;
	}
	#modalGratis .wrap-gratis .resumen>figure{display: none;}
	#modalGratis .wrap-gratis .wrap-info{
		height: auto;
	}
	body#evento #main .wrap-evento .calendar-book .calendar,
	body#evento #main .wrap-evento .calendar-book .button-book, body#evento #main .wrap-evento .calendar-book .btn-gratis{
		width: 100%;
		left: 30px;
	}
	#modalGratis .wrap-gratis .resumen .wrap-resumen{margin-bottom: 30px}
	#modalGratis .wrap-gratis .resumen #registrarG{
		max-width: 90%;
		max-width: calc(100% - 40px)
	}
	#modalGratis{
		padding: 0 !important;
		background: rgb(255,255,255);
	}
	#modalGratis .modal-content{
		border:none !important;
		box-shadow: none !important;
	}
	.resumen-merch{
		display: none;
	}
	.footer-m-merch{
		background: rgb(255,255,255) !important;
		border-top: solid 1px rgb(190,190,190) !important;
	}

	 header.fixed .banner-evento #counter {
	     margin-top: 12px;
	 }
	 header.fixed .banner-evento .info-evento .datos .direccion{display: none}
	 
	 body.h-fixed {   padding-top: 120px;}

	header.fixed{height: 70px;}
	  header.fixed .banner-evento,
	  header.fixed .banner-evento {
	  	height: 70px;
	  	margin-top: 0px;
	  	background: none;
	  	padding-left: 0;
	  }
	  header.fixed .banner-evento .info-evento{
	  	position: relative;
	  	padding-right: 120px;
	  }
	  header.fixed .banner-evento #counter {
	  	height: 56px;
	  	margin-top: 7px;
	  	padding: 0 0px;
	  	position: absolute;
	  	right: 0;
	  }
	  header.fixed .banner-evento #counter .wrap {height: 56px}
	  header.fixed .banner-evento .info-evento .datos {
	  	padding-left: 0px;
	  	padding-top: 10px;
	  	width: 100%;
	  }
	  header.fixed .banner-evento .info-evento .datos .title{
	  	white-space: nowrap;
	  	text-overflow: ellipsis;
	  	overflow: hidden;
	  }
	  header.fixed .banner-evento .info-evento .datos .fecha {	font-size: 14px;}
	  header.fixed .banner-evento #counter{border-left: none;}
	  header.fixed .banner-evento #counter span{display: none}
	  header.fixed .banner-evento .logo{display: none}
	  header.fixed .banner-evento .img-evento{display:none }
}	

@media (max-width: 576px) {
	#main #wrap-ppal.pageMapa .container{padding-left: 0px;padding-right: 0px;}
	#mapa-boletos-wrap {
	    margin: 0px 0;
	}
	.body-mapa{
		background: rgb(250,250,250);
	}
	header .banner-evento .info-evento .datos .direccion{display: none}
	body {   padding-top: 70px;padding-bottom: 50px}
	 header,header.fixed{height: 70px;}
	 header.fixed .banner-evento,
	 header .banner-evento {
	 	height: 70px;
	 	margin-top: 0px;
	 	background: none;
	 }
	 header .banner-evento .info-evento{
	 	position: relative;
	 	padding-right: 120px;
	 }
	 header .banner-evento #counter {
	 	height: 56px;
	 	margin-top: 7px;
	 	padding: 0 0px;
	 	position: absolute;
	 	right: 0;
	 }
	 header .banner-evento #counter .wrap {height: 56px;padding-left: 10px;}
	 header .banner-evento #counter .wrap span{display: none;}
	 header .banner-evento #counter{border-left: none;}
	 header .banner-evento .info-evento .datos {
	 	padding-left: 0px;
	 	padding-top: 15px;
	 	width: 100%;
	 }
	 header .banner-evento .info-evento .datos .title,header .banner-evento .info-evento .datos .fecha{
	 	white-space: nowrap;
	 	text-overflow: ellipsis;
	 	overflow: hidden;
	 }
	 header .banner-evento .info-evento .datos .fecha {	font-size: 14px;}
	 header .banner-evento .logo{display: none}
	 #tabla-boletos-wrap{margin: 50px 0}
	 #tabla-boletos thead tr th:nth-child(4) span{display: none}
	 #tabla-boletos thead tr th:nth-child(4) i{display: block;font-style: normal}

	 #tabla-boletos tbody tr td {
	 	padding: 20px 5px;
	 	font-size: 14px;
	 	border-bottom: solid 1px rgb(214,214,214);
	 }
	 #tabla-boletos tbody tr:first-child td{padding-top: 20px;}
	 #tabla-boletos tbody tr:last-child td{padding-bottom: 20px;}
	 #tabla-boletos thead tr th {font-size: 14px}
	 #tabla-boletos tbody tr td:nth-child(1),
	 #tabla-boletos thead tr th:nth-child(1){
	 	padding-left: 10px;
	 	width: 250px;
	 	white-space: nowrap;
	 	text-overflow: ellipsis;
	 	overflow: hidden;
	 }
	 #tabla-boletos thead tr th:nth-child(4), #tabla-boletos tbody tr td:nth-child(4){
	 	width: 140px !important
	 }
	 #tabla-boletos tbody tr td .ctrl-cant button {
	 	height: 35px;
	 	width: 35px;
	 	font-size: 13px;
	 }
	 #tabla-boletos tbody tr td .ctrl-cant label {
	 	line-height: 35px;
	 	width: 20px;
	 	font-size: 18px;
	 	display: inline-block;
	 	vertical-align: top;
	 }
	

	
	#wrap-pago .datos-cli .row .col{width: 100%;}
	#wrap-pago .btn-pago,#wrap-pagoGratis .btn-pago-gratis{
		position: fixed;
		bottom: 0;
		border-radius: 0;
		left: 0;
		margin: 0 auto;
		z-index: 99999;
	}
	.wrap-pago{margin-bottom: 30px}
	body.f-perm footer .info{
		max-width: 100%;
		width: 100%;
		margin-top: 20px;
	}
	body.f-perm footer .info .dir,
	body.f-perm footer .info .redes{
		display: block;
		text-align: center;
		max-width: 100%;
		width: 100%;
	}
	body.f-perm footer .info .redes{margin-top: 10px;}
	body.f-perm footer .info .redes a{line-height: 35px;}
	body.f-perm footer .dev{
		width: 100%;
		text-align: center;
		margin-top: 10px;
	}
	body.f-perm.f-min footer .dev{margin-top: 0}
	body.f-min footer .dev img{
		width: 150px;
		margin-top: 3px;
		float: right;
	}
	body.f-perm footer .dev p{text-align: right;width: 100%;margin-top: 12px}
	#mapa-boletos-wrap .mapa .container-map{
		height: calc(100vh - 240px);
		width:100%;
	}
	.confirmacion .title-h h1{font-size: 20px;padding-right: 0}
	#wrap-pago-realizado .wrap-orden .datos-o div .d-item > div .title, #wrap-pago-realizado .valores article .wrap .content .title, #wrap-pago-realizado .wrap-mapa .s-title, #wrap-pago-realizado .redes-f article .title, #wrap-pago-realizado .nota .title {
	    font-size: 16px;
	}
	#wrap-pago-realizado .send p, #wrap-pago-realizado .wrap-orden .s-title, #wrap-pago-realizado .valores article .wrap .content p {
	    
	}
	#wrap-pago-realizado .valores article .wrap,#wrap-pago-realizado .valores article .wrap.estacionamiento {
		padding: 10px 10px 10px 80px;
	}
	#wrap-pago-realizado .valores article .wrap img{
		width: 60px;
		left: 10px;
	}
	#wrap-pago-realizado .valores article .wrap.calendar img{width: 40px;margin-left: 10px}
	#wrap-pago-realizado .valores article .wrap.donacion p br{display: block}
	#modalTerminos .modal-content{padding: 20px 0px;}
	#modalTerminos .modal-content .wrap-terms .text{border:none;}
	#modalTerminos .modal-content .cerrar{
		top: 10px;
		right: 10px;
	}
	
	#modalMoreDon .modal-content .conten-don {
	    padding: 0 0px 20px 0px;
	    position: relative;
	}
	#modalMoreDon .modal-content .wrap-terms .text{border:none;padding: 0}
	
	#wrap-pago-realizado .send img{
		display: block;
		margin: 0 auto 20px;
	}
	.confirmacion header img{display: none}

	#evento .container{
		padding-left: 0;
		padding-right: 0;
	}
	body#evento #main .wrap-evento {
		margin: 0px auto;
		border-radius: 0px;
		padding-bottom: 50px;
	}
	body#evento #main .wrap-evento .calendar-book .button-book,
	body#evento #main .wrap-evento .calendar-book .button-wait{
		position: fixed;
		bottom: 0;
		border-radius: 0;
		width: 100%;
		max-width: 100%;
		left: 0;
		z-index: 999;
		display: none;
	}
	body#evento #main .wrap-evento .calendar-book .button-wait{
		display: none ;
		color:#fff !important;
		background: rgb(255,157,0) !important;
		border:solid 1px rgb(255,157,0) !important;
	}
	body#evento #main .wrap-evento .calendar-book .button-wait:hover{
		color: rgb(255,255,255) !important;
		background:rgb(0,98,196) !important;
		border:solid 1px rgb(0,98,196) !important;
	}
	body#evento #main .wrap-evento .calendar-book .button-book.active{display: block}
	body#evento #main .wrap-evento .calendar-book {
		padding: 60px 30px 15px;
	}
	body#evento #main .wrap-evento .calendar-book .calendar {
		max-width: 100%;
		max-width: calc(100% - 30px);
		left: 15px;
	}
	body#evento .calendar .wrap-opciones article .fecha p, body#evento .calendar .wrap-opciones article .dir p {
		font-size: 14px;
		line-height: 16px;
	}
	#wrap-pago-realizado .valores article .wrap.estacionamiento .sitios p {
		font-size: 12px;
	}
	#wrap-pago-realizado .valores article .wrap.donacion .content{
		padding: 10px 20px;
		background: rgba(255,255,255,.8);
		border-radius: 4px;
	}
	#wrap-pago-realizado .wrap-orden .datos-o > div:last-child .d-item .news-letter .wrap div:first-child{margin-bottom: 15px;}
	#wrap-pago-realizado .wrap-orden .datos-o > div:last-child .d-item .news-letter .wrap div{
		width: 100%;
	}
	#wrap-pago-realizado .wrap-orden .datos-o > div:last-child .d-item {
		height: 315px;
		min-height: 315px;
	}
	body#evento #main .wrap-evento .banner-evento .info-evento {
		margin-top: 30px;
		position: relative;
		padding: 0 15px;
		width: 100%;
		max-width: 900px; 
		float: left;
	}
	body#evento #main .wrap-evento .banner-evento .info-evento #fecha-r {
		right: 15px;
	}
	#wrap-pago-realizado .redes-f {
		margin: 30px -15px 0;
	}
	#wrap-pago-realizado .redes-f article{padding: 0 15px;}
	.wrap-merch .productos .itemprod .desc .colores-m{
		display: block;
		line-height: 12px;
		font-size: 12px;
		margin-top: 10px;
		margin-bottom: 10px;
	}
	.wrap-merch .productos .itemprod .desc .colores{display: none;}
	#modalProd .modal-content .detalleProd .info{
		width: 100%;
	}
	#modalProd .modal-content .detalleProd .images{
		width: 100%;
		margin-bottom: 30px;
	}
	#modalProd .modal-content .detalleProd .images .slider{
		padding-left: 10px;
	}
	#modalProd .modal-content .detalleProd .images .slider > div:last-child{
		display: none;
	}
	#modalProd .modal-dialog{
		padding: 0 0 !important;
	}
	#modalProd .modal-dialog .modal-content{
		border-radius: 0 !important;
		padding: 40px 0px 0px;
	}
	#modalProd .modal-content .detalleProd .info button{
		position: absolute;
		bottom: 0;
		left: 0;
		border-radius: 0;
	}
	#modalProd .modal-content .detalleProd .images{padding: 0 20px;}
	#modalProd .modal-content .detalleProd .info{padding: 0 20px 60px;}
}

@media (max-width: 480px) {
	#tabla-boletos tbody tr td:nth-child(1),
	#tabla-boletos thead tr th:nth-child(1){width: 170px;}
	#wrap-pago-realizado .valores article .wrap.estacionamiento .sitios p span {
		display:block;
	}
}

@media (max-width: 390px) {
	#tabla-boletos tbody tr td .ctrl-cant button {
		height: 25px;
		width: 25px;
		font-size: 13px;
	}
	#tabla-boletos tbody tr td .ctrl-cant label {
		line-height: 25px;
	}
}
@media (max-width: 360px) {
	#tabla-boletos tbody tr td:nth-child(1),
	#tabla-boletos thead tr th:nth-child(1){width: 170px;}
}

@media (max-height: 800px) {
	
}