@media (max-width:1400px){
    #hoteles .divCell {
      width: calc(100% / 2);
    }
}
@media (max-width:1200px){
    .halfttl{
        font-size: 1.5em;
    }
    .headttl{
        font-size: 2.5em;
    }
}
@media (max-width:992px){
    #toppart{
        flex-wrap: wrap;
        height: auto;
        padding-bottom: 15px;
    }
    #topcenter{
        order: 1;
        width: 100%;
    }
    #nuevasfechas{
        font-size: 30px;
    }
    .headttl{
        font-size: 2em;
    }
    .secc{
        padding: 20px 0;
    }
    .halfsquare{
        padding:0 7.5px;
    }
    .halfcont{
        padding:20px 0;
    }
    .advantages{
        width: 100%;
    }
    #fechas{
        font-size: 25px;
    }
    #donde{
        font-size: 20px;
    }
    #menu{
        display: flex;
        width: 100%;
        justify-content: space-between;
    }
    #menu ul{
        width: 100%;
        align-items: center;
    }
    nav li{
        font-size: 0.8em;
    }
    nav li a{
        padding: 14px 8px;
    }
    #cover{
        color: #FFF;
        background-size: auto;
        background-position: center 0%;
        background-repeat: no-repeat;
    }
    #headline{
        font-size: 1.9em;
    }
    #subheadline{
        font-size: 1.3em;
        line-height: 1.2;
        padding:0;
    }

    #content h1{
        font-size: 1.5em;
    }
    #reginstr{
        padding:0 15px;
    }
    #header-interiores .container h1{
        margin: 0 0px 30px;
    }
    #documentos{
        margin-bottom: 30px;
    }
    #hoteles .divCell:nth-child(n+4){
        width: 50%;
    }

}
@media (max-width:767px){
    #toppart .container{
        flex-direction: column;
    }
    
    #register{
        width: 100%;
    }
    nav li{
        font-size: 1em;
    }
    nav li a {
        padding: 20px 8px;
    }
    .ttl{
        font-size: 2em;
    }
    #cover .container{
        flex-direction: column;
    }
    #schedule{
        width: 100%;
        text-align: center;
    }
    #countdowntime{
        justify-content: space-evenly;
    }
    #coverfade{
        padding: 60px 20px;
    }
    #headline {
        font-size: 1.7em;
        margin-bottom: 20px;
    }
    #subheadline{
        font-size: 1.1em;
        line-height: 1.3;
    }
    .yellow{
        padding: 15px 0;
    }
    .yellow .container{
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    #menu{
        position: fixed;
        top:0;
        width: 100%;
        background: #000;
        z-index: 200;
        height: 100%;
        left: 100%;
        transition: all .4s ease-in;
    }
    #menu.active{
        left: 0;
    }
    #menu ul{
        flex-direction: column;
    }
    #menu .cerrar{
        display: inline-block;
        position: absolute;
        top:15px;
        right:15px;
        width: 25px;
        height: 25px;
    }
    #menu .cerrar:before,
    #menu .cerrar:after{
        content:'';
        width: 100%;
        height: 3px;
        background: #F5DB06;
        position: absolute;
        top:50%;
        transform: translate(0, -50%);
    }
    #menu .cerrar:before{
        transform: translate(0, -50%) rotate(45deg);
    }
    #menu .cerrar:after{
        transform: translate(0, -50%) rotate(-45deg);
    }
    #menu a{
        color:#fff;
    }
    #menu-mobile{
        display: block;
    }
    #menu-mobile ul{
        margin:0;
    }
    #menu-mobile li.red{
        max-width: 200px;
        margin: 0 auto;
        text-align: center;
    }
    #menutoggle{
        display: block;
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    #menutoggle span{
        width: 40px;
        height: 4px;
        border-radius: 8px;
        background: #fff;
        margin: 3px 0;
    }
    .secc{
        padding:10px;
        width: 100%;
    }
    .titulos{
        flex-wrap: wrap;
    }
    .titulos .mitad{
        width: 100%;
    }
    .titulos .mitad:first-child{
        margin-bottom: 15px;
    }
    .third{
        width: auto!important;
    }
    .extension{

    }
    #scta .container{
        flex-direction: column;
        padding: 15px 30px;
    }
    #sctabtn{
        flex: inherit;
    }
    #sctatxt, #sctabtn{
        margin: 0 0 15px;
    }
    .headttl{
        font-size: 1.5em;
    }
    #participaoptns{
        flex-direction: column;
    }
    .halfsquare{
        width: 100%;
    }
    .cintermexaddress{
        font-size: 2.5em;
        padding: 20px 15px;
    }
    #patros .container{
        flex-direction: column;
    }
    #patros .container img{
        margin-bottom: 15px;
    }
    #submit{
        width: 100%;
    }
    .titulos .mitad-numero{
        width: 100%!important;
        margin-top: 10px;
    }
    .titulos .tres-espacios{
        width: 100%!important;
        margin-bottom: 10px
    }
    #footer{
        height: auto;
    }
    #footerlinks .divRow{
        display: flex;
        flex-wrap: wrap;
        align-items: center;
    }
    #footerlinks .divRow .divCell{
        width: 50%;
    }
    .divCell{
        text-align:center;
    }
    .divCell > div{
        margin-left:0!important;
    }
    #footerreg{
        position: relative;
    }
    #header-interiores .container{
        flex-direction: column;
    }
    #espacios h2{
        font-size: 1.4em;
    }
    #documentos{
        width: 100%;
        margin-right: 0;
    }
    #encontraras .divRow{
        display: flex;
        flex-wrap:wrap; 
    }
    #encontraras .divRow > div{
        width: calc(100% / 2);
        display: block;
    }
    #encontraras .divRow > div:last-child{
        width: 100%;
        display: block;
    }
    #hoteles .divCell{
        width: 100%!important;
    }
    #standsprecios{
        display: flex;
        flex-direction: column;
        width: 100%;
        min-width: auto;
    }
    #standsprecios .headRow,
    #standsprecios .divRow{
        display: flex;
    }
    #standsprecios .headRow > div,
    #standsprecios .divRow > div{
        width: calc(100% / 5);
    }
    #galleftarrow{
        right:-45px;
    }
    #galrightarrow{
        left: -45px;
    }
    #contactform,.complete{
        width: 100%!important;
    }
   #servicios > .divRow{
    display: flex;
    flex-direction: column;
   }
   #servicios > .divRow img{
    width: 100%;
    max-width: 190px;
    height: 100%;
   }
   .campos{
    flex-direction: column;
   } 
   .selectcont{
    margin-bottom: 15px;
   }
    .campos .half{
        width: 100%;
    }
}
@media (max-width:500px){
    #standsprecios{
        font-size: 0.9em;
    }
}