@media screen and (max-width: 1400px){
    #accesos.activo {
        margin-top: -6rem;
      }
}

@media screen and (max-width: 1366px){
    .app{
        padding-top: 1rem;         
    }
    .app .col-md-6:nth-child(1){
        padding-bottom: 1.5rem;
    }
}

@media screen and (max-width: 991px){
    .navbar-expand-lg .navbar-nav .nav-link{
        padding-top: 14px;
        padding-bottom: 14px;
    }

    .programa-bottom .programa-subtitulo{
        display: none;
    }
    .programa-bottom .programa-speakers{
        border-left: 2px solid #D6D6D6;
    }

    .modal-speaker .img-speaker{
        max-width: 260px;
        margin-left: auto;
        margin-right: auto;
    }

    .img-speaker img:nth-child(2){
        width: 140px;
    }

    .div{
        height: 2px;
        width: 100%;
    }
}

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

    .navbar-expand-lg .navbar-nav{
        border-top: 2px solid #D6D6D6;
    }

    .navbar-expand-lg .navbar-nav .nav-link{
        text-align: center;
    }

    header img{
        height: 40px;
    }

    #accesos.activo{
        margin-top: -12rem;
    }

    .carnet.desc .carnet-content{
        padding: .5rem;
    }

    .modal-hoteles-tarifas .modal-hoteles-item.mark{
        width: 100%;
    }


    .clock,
    .clock-ms {
        justify-content: center
    }

    .clock span {
        font-size: 24px;
        padding: 0 10px
    }

    .clock span .small {
        font-size: 12px
    }

    .programa-inf .programa-titulo,
    .programa-inf .programa-tipo,
    .programa-speakers ul{
        font-size: 14px;
    }

    .programa-top .programa-hora{
        min-width: 60px;
        height: auto;
        font-size: 12px;
    }
    .programa-icono img{
        width: 60px;
    }
    .programa-top .programa-icono{
        min-width: 60px;
        max-width: 60px;
    }

    .recinto .title{
        font-size: 1.5rem;
    }

    .recinto .subtitle{
        font-size: 1rem;
    }
    
    .footer__news {
    padding:2rem 1.2rem
    }
    
    .footer__title,.footer__subtitle {
    text-align:center
    }
    
    .footer__subtitle {
    padding-bottom:1rem
    }
    
    .footer__form {
    flex-direction:column
    }
    
    .footer__input {
    border-top-right-radius:var(--radious-general);
    border-bottom-right-radius:var(--radious-general);
    margin-bottom:.5rem
    }
    
    .footer__button {
    border-top-left-radius:var(--radious-general);
    border-bottom-left-radius:var(--radious-general);
    padding:1rem 2rem
    }
    
    .footer__contact-links,.jc-rwd {
        justify-content:center
    }
}

@media (max-width: 768px) {
    .title-main{
        font-size: 2.5rem;
    }

    .app{
        background-image: url('/img/app/bg-rwd.png');
        padding-top: 2rem;
    }

    .speakers-nav{
        margin-right: auto;
    }

    .modal-hoteles-qr img{
        width: 100%;
        max-width: 200px;
    }

    .modal-hoteles-qr a,
    .modal-hoteles-qr div{
        width: 100%;
        padding-left: 0;
        padding-right: 0;
    }
}

@media (max-width: 399px) {
    .clock,
    .clock-ms {
        flex-wrap: wrap
    }
}