@media (min-width: 1200px) {

    .mobile , .tablet{
        display: none !important;
    }
    
    .desktop {
        display: inline-block;
    }    

    .card-description{
        max-height: 90px;
    }

    .grid-descanso img{        
        width: auto;                    
    } 

    .seccion-main-container{
        flex-direction: row;
        cursor: pointer;
    }

    .seccion-main-title{
        font-size: 45px;        
        line-height: 52px;
        margin:0px;    
        transition: all .25s ease-in;
    }

    .seccion-shrink h2{
        font-size: 32px;        
        line-height: 36px;
    }

    .evento-portada{     
        object-fit: contain !important;     
    }

    .login-register{    
        padding-right: 0px;
    }
    .new-account-button{
        font-family: 'BR-FIRMA-bold';
        font-size: 12px;
        font-weight: normal;        
        width: 80%;            
        margin: auto;            
    }
    .publicidad-botones, 
    .experiencia-botones{
        flex-direction: row;
        justify-content: center;
        margin-bottom: 20px;
    }
    .publicidad-botones .card-button{
        margin:20px 0px;
        padding: 7px 12px; 
        min-width:100px
    }
    .login-back{
        left: 0px;
    }
    #login_button{
        margin: 40px 0px;
    }
    .experiencia-botones .card-button{
        min-width:100px;
        margin: 0px;
    }    
    #recover-password, #register-client{
        min-width: 780px;
    }     
    .checkbox-wrapper-32 {
        margin-left:40px;
    }
    .recover-content{
        width:65%;        
        margin-top: 54px;
    }
    .register-client-wrapper{
        width: 74%;
        max-width: 600px;
    }   
    .second-checkbox{
        margin-top:44px
    }
    .login-register{
        padding-left: 30px;        
    }
    .o-ingresa{        
        margin-top:40px; 
        margin-bottom:10px;
    }
    .login-footer{
        margin-top: 57px;
    }

    .login-login{
        border-right: 1px solid #808080;
    }

    .eventos-cell-contenido .boton-ver-mas{
        opacity: 0;
    }

    .eventos-cell p{
        font-size: 10px;
        text-align: left;
    }

    .cosmovisual-title-container img{
        max-width: 450px;
    }
    .cosmmovisual-categoria-selected{
        font-size: 32px;
        margin: 0px auto 30px auto;
    }
    .cookies-container .content-wrapper{
        flex-direction: row;
        gap: 120px;
    }
    .cookies-container .button-container a{
        min-width: 140px;       
        font-size: 15px;
    }    
    .cookies-button-container a{
        font-size: 15px;
    }
    .cookies-paragraph{
        font-size: 15px;
    }
    .cookies-container p{
        font-size: 15px;
        line-height: 27px;    
    }
    
    .logo-slider-wrapper{
        margin:30px 12%;
    }

    .map-main-container{
        font-family: 'MUSEOSANS';
        background-color: #f9f9f9;
        display: flex;        
        flex-direction: row;
        justify-content: space-evenly;
        padding: 0px 50px;
        position: relative;
    }
    .route-information{
        background-color: #f9f9f9;
        font-family: 'MUSEOSANS';
        padding: 0px 50px;
    }
    .route-step-description p{
        margin: 0px;
        text-align:left;
    }
    .popup-grow{
        justify-content: start !important;
    }

    .step-list{
        list-style: none;
        margin: 0px;
        padding: 0px;
    }

    .route-list{
        width:45%;
        padding:0px;
        margin-right: 20px;
    }
    
    .route-list li{
        display: flex;
        flex-direction: row;
        margin-bottom: 30px;
    }
    .route-popup-container{
        width: 100%;
        height: 100%;
        background: #f9f9f9;
    }
    .route-list .route-step-number{
        margin: 0px 10px 0px 0px;
        width: 30px;
        height: 30px;
        min-width: 30px;
        min-height: 30px;
        font-size: 16px;
    }

    .step-list .route-step-name{
        text-transform: uppercase;
        font-family: 'MUSEOSANS';
        text-transform: uppercase;
        font-size: 14px;
        font-weight: bold;
    }

    .route-map{
        width:55%
    }   

    .step-list .route-step-description{
        margin: 0px;
    }
    .route-info-step{
        font-family: 'MUSEOSANS';
        margin: 30px 0px;
    }

    .route-step, .route-info-step{
        display: flex;
    }

    .route-info-step img{
        width: 33%;
        height: auto;        
    }
   
  
    
    .route-name{
        font-weight: normal;
        font-size: 53px;
        line-height: 65px;
        text-align: left;
        color: #888;
        margin-top: 0px;
        margin-bottom: 40px;
    }
    .route-step-number{
        font-family: 'BR-FIRMA-bold';
        width: 40px;
        height: 40px;
        background-color: #808080;
        border-radius: 50%; 
        display: flex;
        justify-content: center;
        align-items: center;
        color: #ffffff; 
        font-size: 18px;
        margin:0px 10px 0px 20px;
    }
    .route-step-description{
        margin:20px 0px 20px 20px;
        font-size: 13px;
        line-height: 1.5;
    }
    .route-info-step .botones{
        display: flex;
        flex-direction: row;
        justify-content: end;
    }

    .route-step-name{
        font-family: 'BR-FIRMA-bold';
        text-transform: uppercase;
        font-size: 20px;
        margin: 0px;
        padding: 0px;
    }

    .route-step-place{
        margin: 0px;
        padding: 0px;
        font-size: 12px;
    }

    .route-step-description{
        display: block;
    }

    .rating > label:before {
        font-size: 12px;
    }

    .action-buttons{        
        position: absolute;
        display: flex;
        flex-direction: column;
    }
    
    logo-slider{
        margin-top:20px;
    }    

    .cosmovisualtres-main-card-image-container{        
        height: 28vw;
        min-height: 496px;
    }

    .cosmovisualtres-main-card .card-content h3 {
        padding-top: 32px;
        text-align:left;
    }

    .main-card .card-content h3{
        margin: 20px auto 21px auto;
        text-align:left;
    }
    
    .popup-main-image{
        margin-top:66px;
    }
    

    .breadcrumbs-experiencias-wrapper{
        padding-left: 8%;
        padding-right: 8%;
    }
    
    .quepasa-hero{
        display: flex;
        flex-direction: row;
        justify-content: center;
        padding: 66px 8% 30px 8% !important;
        margin-top: 0px;
    }

    .experiencias-hero{
        display: flex;
        flex-direction: row;        
        padding: 66px 8% 6px 8%;
        margin-top: 0px;
    }
    
    .quepasa-hero-text .form-eventos-container{
        margin: 0px;
    }
    
    .calendario-popup .fecha-arrows{
        width: 92%;
        bottom: 8%;
    }        
    
    .popup-content{
        width:100%;
    }
    
    .popup-content .photos-container{
        padding:44px 60px;
        column-gap: 48px;
        grid-template-columns: 1fr 1fr;
    }
    
    .popup-contenido-text{
        padding: 0px;
        display: flex;
        flex-direction: row;
        margin-bottom:44px;
    }
    
    .contenido-left{
        flex:2;
        margin: 0px 25px 0px 60px;
        display: flex;
        flex-direction: column;
        justify-content: center;        
        text-align: left;
    }
    .popup-ad-container .center {
        margin: 0px;        
    }
    
    #map-popup .center{
        background:transparent !important;
    }

    .popup-ad-container,
    .popup-ad-container .center,
    .popup-ad-container .left, 
    .popup-ad-container .right {
        display: flex;        
    }        
    
    .popup-ad-container .left{
        justify-content:end;
    }
    .popup-ad-container .left img{
        margin-right: 25px;
        margin-left: 25px;
        max-height: 600px;
        width: calc(100% - 50px);
        max-height:calc(100% - 90px);
        max-width:160px;
        padding-top: 45px;
        padding-bottom: 45px;
        object-fit:contain;
    }
    
    .popup-ad-container .right{
        justify-content:start;
    }
    .popup-ad-container .right img{
        margin-right: 25px;
        margin-left: 25px;
        max-height: 600px;
        max-width:160px;
        width: calc(100% - 50px);
        max-height:calc(100% - 90px);
        padding-top: 45px;
        padding-bottom: 45px;
        object-fit:contain;
    }
    
    .contenido-left h2{
        font-size: 35px;      
        text-align:left;
        margin: 0px;
    }
    
    .subtitulo-hover{
        font-size: 13px !important;
        /*line-height: 2rem;*/

    }
    
    .contenido-left .subtitulo{
        margin:12px 0px 12px 0px;
        text-align:left;
    }

    .contenido-left .nombre_completo{
        font-family: 'BR-FIRMA-BOLD';
        margin: 0px 0px 12px 0px; 
        text-align:left;
    }
    
    .contenido-left .tabla-wrapper{
        padding:0px;
    }
    .contenido-right{
        flex:3;
        padding:0px;
    }
    .contenido-right img{
        width:100%;
        height:100%;
        background:#f9f9f9;
        margin-bottom:0px;
        object-fit:cover;
        min-height: 385px;
    }

    .route-step-image-wrapper{
        min-width: 300px;
        width: 300px !important;
        height: 225px;         
    }
    .route-step-image-wrapper img{
        object-fit: cover;   
        width: 100%;
        height: 100%;
        display: block;
    }
    
    .popup-content .grid-otras-categorias{
        justify-content:center;
        overflow-x: hidden;
    }
    
    .popup-content .photos-container img{
        height: 650px;
        width: 100%;
        object-fit: cover;
        margin-bottom:0px;
    }
    .like-count{
        font-size: 10px;
    }

    .popup-contenido-text-evento{
        padding-left: 13%;
        padding-right: 13%;     
        height:100%;
        padding-top: 0px;
        padding-bottom: 0px;
        min-height: 470px;
    }

    .calendario-popup{
        margin-top: 0px;
        justify-content: center;
    }

    .calendario-popup .popup-container{
        /*height: 76vh;*/
        grid-template-columns: 1fr 1fr;    
    }

    .evento-imagen-wrapper{
        height: 100%;
    }
    .cosmovisual-categoria{
        font-size: 24px;
        padding-top: 57px; 
        padding-bottom:0px;
    }

    .cosmovisual-hero-container{
        height: 791px; 
    }
    .cosmovisual-categorias h4{
        font-size: 26px;        
    }

    .cosmovisual-categorias .titulo-wrapper {
        padding-top: 90px;
        margin-bottom: 62px;        
        min-width: 40%;
        max-width: 64%;        
    }

    .cosmovisual-categorias img{        
        height: 518px;        
    }

    .cosmovisual-categoria{        
        font-size: 45px;
        padding-top: 36px;
        padding-bottom: 32px;
        margin-bottom:40px;
        border-bottom: 0.5px solid #858584;
    }
    .breadcrumbs-container {
        margin:0px;
        display:flex;
    }

    .experiencias-breadcrumbs-wrapper{
        padding: 15px 12%;
    }
    .experiencias-breadcrumbs-wrapper .breadcrumbs-container{
        padding-top: 0px;
        border-bottom: 0.5px solid #898988;
        margin-bottom: 46px;
        padding-left:0px;
    }

    .breadcrumbs {
        font-size: 13px;
    }
    
    .breadcrumbs span {
        margin: 0 .3125rem;
    }

    .cosmovisual-main-contenido{
        padding-left: 12%;
        padding-right: 12%;
    }
    
    .cosmovisual-main-contenido .breadcrumbs-container{
        margin-bottom:42px;
    }

    .cosmovisual-row-contenido{
        display: grid;
        grid-template-columns: 1fr 2fr;
        padding-top: 42px;
        padding-bottom: 40px;
        padding-left: 0px;
        padding-right: 0px;
    }

    .cosmovisual-row-contenido p{
        margin: 0px 10px 0px 16px;
    }

    .cosmovisual-main-contenido .main-card img{    
        height: 536px;
        width:100%;
        object-fit: cover;
    }

    .card-content{    
        padding-right: 30px;
        padding-left: 30px;    
        display: flex;
        flex-direction: column;        
        justify-content: center;
        align-items: start;
    }
    .card-content p{
        font-size: 15px;
        padding-bottom: 40px;
    }

    .cosmovisualtres-main-card .card-content .fecha{    
        margin: 20px auto 40px auto;
    }

    .secondary-card .card-content{
        text-align: left;
        padding-right: 28px;
        padding-left: 48px;
        padding-bottom: 56px;        
    }

    .secondary-card .card-content h3{     
        margin: auto;
        padding-top: 110px;       
        font-size: 20px;
        line-height: 24px;
        text-align:left;
        margin: 0px 0px 20px 0px;
        height: 48px;
        overflow: hidden;
    }   
    .secondary-card .card-content p{
        height: 108px;
        overflow: hidden;
        
    }

    .secondary-card .card-content .fecha{            
        margin: auto;
        text-underline-offset: 4px;
        text-decoration: underline;
    }

    .cards-container{     
        grid-template-columns: 1fr 1fr 1fr;     
        transition: all .75s ease-in-out;
    }

    .cosmovisual-row-contenido h3{
        font-size: 37px;
        line-height: 55px;        
        text-align: left;
        color: #000;
        margin: 0px;        
        text-align:left;
    }

    .cosmovisual-main-contenido .main-card-background{            
        height: 732px;
        grid-template-columns: 2fr 1fr;
        background-image: url('images/sostenibilidad.jpg');
        background-repeat:no-repeat;
        background-position:center; 
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
    }

    .cosmovisualdos-cards-container{
        display: flex;
        flex-direction: column;
    } 

    .main-card-background .card-content h3{
        padding-top: 110px;
        color: #fff;
    }
    .main-card-background .card-content p{
        color: #fff;
    }
    
    .cosmovisualtres-main-card .card-content p{
        max-height: 145px;
        overflow-y: hidden;        
    }    

    .main-card-background .card-content{
        padding-top: 67px;
        background: transparent;    
        justify-content: start;
    }

    .mas-eventos-button{        
        align-self: center;
    }
    
    .top-nav{
        justify-content: space-between;
    }

    .search-container{
        max-width: 400px;
        min-width: 275px;    
        width: auto;
        margin: auto;
    }

    .search-wrapper{
        margin-top:auto;
        width: 306px;
    }    

    .menu{
        display: flex;
    }

    .menu-left{
        width: auto;
        gap:25px;
        justify-content: start;
    }

    .menu-right{
        display: flex;
        margin-right: 20px;
        gap:10px;        
    }      
    .eventos-grid{     
        display: grid;   
        padding: 0 8%;
        grid-template-columns:repeat(4, 1fr);
        grid-auto-rows: minmax(100px, auto);
    }
    .cosmovisual-contenido .eventos-grid{
        padding: 0 0;
    }

    .eventos-grid-wrapper{
        overflow: scroll;
        -ms-overflow-style: none;  /* IE and Edge */
        scrollbar-width: none;  /* Firefox */
    }
    
    .categoria-span, 
    .evento-categoria{
        display:flex;
        align-items: self-end;
    }
    
    .categoria-span,
    .categoria-span a,
    .evento-categoria a{
        margin: auto 0px 5px 0px;
        flex:none;
    }

    .experiencia-categoria-span{        
        margin: 0px;
    }

    
    .pseudo-card{
        height: 437px;
        width: 100%;
        position: relative;
        padding-top: 0px;
        padding-bottom: 0px;
    }

    .pseudo-card .mas-eventos-button{
        top: 50%;
        left: 50%;
        position: absolute;
        transform: translate(-50%, -50%);
    }

    .eventos-grid .card {        
        position: relative;
        width: 100%;                      
        height: 100%;   
        display: flex;
        flex-direction: column !important;
    }

    .eventos-grid .card h1{        
        font-weight: bold;
        font-size: 22px;
        line-height: 28.4px;        
        min-height: 58px;
    }

    .eventos-grid .card-image-container {
        cursor: pointer;
        width: 100%;
        min-height: 437px;
        height: 437px;
    }
    .eventos-grid .card-event-content{
        padding-left: 0px;
        padding-top: 22px;
    }

    .eventos-grid button {
        background: transparent;
        border: 1px solid #000;
        color: #000;
        padding: 10px 15px;
        cursor: pointer;
        margin-top: 10px;
        margin-bottom: 20px;
        transition: all 0.3s;
    }

    .eventos-grid a {
        /*background: transparent;
        border: 1px solid #000;
        color: #000;
        padding: 10px 15px;
        cursor: pointer;
        margin-top: 10px;
        margin-bottom: 20px;*/
        transition: all 0.3s;
    }

    .popup-contacto-container{
        min-width: 600px;
    }

    .eventos-grid  .boton-ver-mas:hover {
        background: #000;
        color: #fff;
    }
    
    .eventos-grid  button:hover {
        background: #000;
        color: #fff;
    }

    .mas-eventos-button-container{
        padding-top: 90px;
        padding-bottom: 90px;
        width: 100%;
    }
    .newsletter-container{
        flex-direction: row;
        justify-content: center;
        padding-top: 45px;
        padding-bottom: 45px;
    }    
    .newsletter-wrapper{
        max-width: 500px;
    }
    .contacto-container{
        max-width: 500px;
    }

    .prefooter{        
        font-size: 12px;
        line-height: 14.4px;
        padding: 10px 8%;
        display:flex;
    }
    .prefooter h5{        
        text-transform: uppercase;        
        line-height: 45.67px;   
        margin: 0px;
    }
    .prefooter ul{
        list-style: none;
        font-size: 15px;
        margin: 0px;
        padding: 0px;
        line-height: 2.5;
    }
    .prefooter div{
        padding: 20px;
    }

    .explora-lima-dropdown {
        position: relative;
        display: inline-block;        
    }

    .search-main{
        margin-top: 0px;
        font-size: 12px;
        width: 136px;
    }
    .menu{
        margin-left: auto;
    }

    .hero-container{
        /*padding-left: 112px;
        padding-right: 112px;*/
        height: 523px;
        display: flex;
        flex-direction: row;
    }
    .hero{
        width: 50%;
    }

    .hero img{
        padding-bottom: 0px;
    }
    .hero-bottom-title{
        display: flex;
        flex-direction: row;
    }
    .video-container{
        width: 50%;
    }

    .sponsor-container{
        margin-top: 75px;
    }

    .sponsor-container img {     
        margin: 10px 52px;     
    }
    
    .card-title{
        margin-top:25px;
    }
    
    .section-title{
        font-size: 45px;
        margin-top: 60px;
        margin-bottom:45px;
    }
    .intereses-wrapper{
        margin-left: 12%;
        margin-right: 12%;
        width: 76%;
    }

    .main-card{        
        display: grid ;
        margin-top: 45px;        
        gap:16px;
        grid-template-columns: 1fr 1fr !important;
    }
    
    .main-card-reverse{    
        display: grid ;
        margin-top: 45px;
        gap: 16px;
        grid-template-columns: 1fr 1fr;
    }

    .main-card-image{
        display: table-cell;
        max-height: 570px;
        overflow: hidden;
        transition: all .5s;
        position: relative;
    }
    .main-card-image img{
        width: 100%;        
        transition: all .5s;
        object-fit:cover;
        position: relative;
        height: 390px;
    }

    .card-button{
        font-size: 11px;        
        padding: 9px 60px;
        display:inline-block;
    }
    
    .half-cards-container{
        opacity: 0.0;        
        display: grid ;
        padding-top: 16px;
        grid-template-columns: 1fr;
        gap:16px;
        transition: all .5s;
    }

    .card-info-wrapper {
        display: flex;
        flex-direction: row-reverse;
        align-items: center;
    }
    
    .half-card{
        width: 100%;
        position: relative;
        overflow: hidden;
        flex:1;
    }
    .half-card img{
        display: block;
        width: 100%;
        max-height: 390px;
        object-fit: cover;
        transition: all 0.75s;
        aspect-ratio: 1.21;
    }
    .half-card a{
        background-color: #000;
        transition: all .25s;
    }
    
    .half-card a:hover{
        background-color: #000;
        color: #fff;
    }

    .info-panel{        
        font-family: "BR-FIRMA-medium";
        padding: 6%;
        display: flex; 
        flex-direction: column;   
        justify-content: center;        
    }
    
    .info-panel h3{
        font-size: 35px;
        line-height: 42px;
    }
    .info-container{        
        margin-top: 20px;
        opacity: 0.0;    
        transition: all ease-in-out 0.5s;        
    }
    
    .info-panel p{
        line-height: 1.5;
        font-size: 15px;    
        margin-top: 16px;
        margin-bottom: 30px;
    }
    
    .info-panel a:hover{    
        background-color: #000;
        color: #fff;
    }
    .half-card-info-container{
        margin-left: 6%;
        margin-right: 6%;
        flex:1         
    }

    .half-card-info-container h3{        
        font-weight: normal;
        font-size: 32px;
        line-height: 33px;
        text-align: center;
        color: #000;    
        margin-left: auto;
        margin-right: auto;
    }

    .half-card-info-container p{        
        font-weight: normal;
        font-size: 18px;
        line-height: 20px;
        /* min-height: 120px; */
        text-align: center;
        color: #000;
        margin-top: 20px;
        margin-bottom: 20px;
        margin-left: auto;
        margin-right: auto;
    }   
 
    .ver-todos-eventos:hover{
        color:#000;
        background-color:  white;
        border: 1px solid #000;
    }

    .form-eventos .categorias,
    .form-eventos select, input{
        width: 122px;
        text-align: center;
        border-color: #000;
        border-width: 1px;
        font-family: 'BR-FIRMA-regular';
        font-weight: normal;
    }

    .proximos-eventos-grid{
        padding: 0px 12%;
        display: grid;
        column-gap: 10px;
        grid-template-columns: 1fr 1fr 1fr 1fr;
    }
    .proximos-eventos-cell{
        flex-direction: column-reverse;
        width: 100%;
        padding:0px;
    }

    .proximos-eventos-image-container{
        height: 437px;
    }

    .proximos-eventos-image-container img{
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .card-event-content{
        justify-content: '';
    }

    .card-event-content-proximos h1{
        font-family: 'BR-FIRMA-bold';
        font-weight: bold;
        font-size: 22px;
        line-height: 28.4px;
        text-align: left;
        margin-top:22px;
        margin-bottom: 0px;
        color: #000;
    }

    .card-event-content-proximos button {
        margin-top: 10px;
        margin-bottom: 20px;
    }

    .card-event-content-proximos button:hover{
        background: #000;
        color:white;
    }

    .contenedor-visual-prime{
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
        width: 100%;
    }
    .visual-prime{
        height: 705px;
        flex-direction: column;
        justify-content: start;
        padding-left: 58px;
    }
    .visual-prime h1{
        margin-top: 33px;
        font-size: 136px;
        line-height: 131px;
    }
    .visual-prime p{        
        font-size: 63px;
        margin-top: 59px;
        margin-bottom: 32px;
    }
    .visual-prime ul {
        font-size: 48px ;
        margin: 0px;
        text-align: right;
        margin-left: 40%;
        margin-bottom: 35px;
    }
    .visual-prime ul li{
        text-align: left;        
    }
    .momento{
        display: flex;
        flex-direction: column;
        justify-content: start;
    }

    .cosmo-visual{
        height: 589px;
        justify-content: start;
        padding: 58px 55px;
        width: auto;

    }
    .cosmo-visual-texto{
        flex-direction: column;
        justify-content: start;
        align-items:flex-start;
    }
    .cosmo-visual h1{
        font-size: 136px;
        line-height: 131px;
    }
    .cosmo-visual p{
        font-size: 63px;
    }
    .slash{
        position: absolute;
        font-size: 138.45px !important;
        left: 60%;
        top: 34%;
    }
    .botones-cosmovisual{
        padding-top: 0px;
    }
    .botones-cosmovisual div{
        font-size: 12px;
    }

    .publicidad{
        max-height: 630px;
        padding: 30px 83px ;
        height: auto;
        width: auto;
    }
    .encuentra-eventos-title{
        font-size: 45px;
    }

    .proximos-eventos-container .section-title{
        margin-top: 80px;
        margin-bottom: 36px;
        text-decoration: none;
    }

    .opiniones-container .section-title{
        margin-top: 0px;
        margin-bottom: 25px;
        font-size: 45px;
        text-decoration: none;
    }

    .comparte-container .section-title{
        text-decoration: none;
    }

    .opiniones-grid{
        display: flex;
        grid-template-columns: 1fr 1fr 1fr;
        padding: 20px 12%;
        column-gap: 28px;
        row-gap: 35px;
    }
    .opinion:first-child {
        margin-left: 0px;
    }
    .opinion{
        width: auto;        
        max-width: 340px;
        min-height: 361px;
        margin: 0px;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }

    .opinion .logo{
        margin: 0px;
    }

    .comparte-wrapper h4{
        font-size: 19px;
    }

    .instagram-photo img{
        height: 412px;
        width: 605px;
    }

    .instagram-photo p {
        font-size: 15px;
        margin-bottom:15px;
    }

    .menu-home-desktop{
        width: 100%;
        height: 100vh;
        z-index: 7;
        position: fixed;
        top: 0px;
        left: 0px;
        background: white;
    }
    .cosmovisual-title-container{            
        text-align: center;                
        color: white;        
        display: flex;
        flex-direction: column;
        justify-content: center;
    }
    .cosmovisual-title-container h2{
        font-family: 'MUSEOSANS';
        font-weight: normal;
        font-size: 22px;
        margin-top: 40px;
    }

    .cosmovisual-title{
        font-size: 85px;
        font-family: 'BEBAS-bold';
        padding-top: 45px;
        padding-bottom: 0px;
        margin-bottom: 0px;
        margin-top: 0px;
    }

    .experiencia-title-container{        
        text-align: center;
        margin: 0px auto;     
        padding-top: 0px;
    }
    
    .experiencia-title-container h2{
        font-size: 70px;
        line-height: 80px;
        padding-bottom:18px;
        margin:0px auto;
    }

    .experiencia-categoria-wrapper{        
        width: 100%;         
        padding-top: 125px;
        padding-bottom: 50px;
    }
    .experiencia-categoria{                
        padding-top: 0px;        
    }    

    .eventos-cell{
        display:flex;
        text-align: left;
        flex-direction: column !important;
        height: auto;
        gap:0px;
        width: 100%;
    }
    .eventos-cell h3{
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        align-items: center;
    }
    
    .secondary-menu{
        margin-left: 40px;
    }
    .secondary-menu h3{
        font-size: 52px;
        line-height: 60px;
    }
    .tertiary-menu-list{
        padding: 0px;
        margin: 0px;    
    }

    .underline{
        display: inline;
        position: relative;
        overflow: hidden;
    }

    .underline::after{
        content: "";
        position: absolute;        
        left: 0;
        right: 100%;
        bottom: 0px;
        background: #9a9a9a;
        height: 1px;
        transition-property: left right;
        transition-duration: 0.3s;
        transition-timing-function: ease-out;
    }
    .underline:hover:after,
    .underline:focus:after,
    .underline:active:after {
        right: 0;        
    }
    .underline-active:after{
        right: 0;
    }
    
    .menu-header-activo a:after{
        content: "";
        position: absolute;        
        left: 0;
        right: 0;      
        bottom: 0px;
        background: #9a9a9a;
        height: 1px;
        transition-property: left right;
        transition-duration: 0.3s;
        transition-timing-function: ease-out;
    }
    

    .titulo-wrapper .underline::after{        
        bottom: -6px;
        background: #000;
        height: 2px;
    }

    .menu a.underline::after{  
        height: 2px;
    }
    
    .top-nav-activo .menu a.underline::after{
        background:"#000";
    }
    
    .top-nav .underline::after{
        background :"#fff";
    }
    

    .eventos-cell a{        
        object-fit: cover;
        overflow: hidden;        
    }

    .eventos-cell img{
        height: 100%;
        width: 100%;
        object-fit: cover;
        transition: all .25s ease-in-out;        
    }

    .eventos-cell a img:hover {  
        transform: scale(1.05);
        transition: transform .25s ease-in-out;        
        /*background: rgba(0, 0, 0, 0.2); */
    }

    .experiencias-container{
        padding-left: 0%;
        padding-right: 0%;
    }

    .eventos-cell .boton-ver-mas-container{
        text-align: center;
    }

    .eventos-cell h2{                
        font-family: 'BR-FIRMA-bold';
        font-weight: normal;
        font-size: 14px;
        line-height: 20px;        
        text-align: left;
        color: #000;        
        padding-top:0px;
        padding-bottom: 0px;
        height: 56px;
        overflow: hidden;
    }    
    .eventos-cell .fecha{
        padding-bottom: 25px;
    }
    .otras-propuestas-container h2{
        font-size: 30px;
        margin-top: 0px;
        margin-bottom: 0px;
        padding-top:45px;
        padding-bottom:45px;
    }

    .fecha-title-quepasa{                
        margin-top: 0px;
        margin-bottom: 35px;
        font-weight: normal;
        font-size: 45px;
        min-height:45px;
        text-align: center;
    }

    .fecha-arrows{
        position: absolute;        
        transform: translateY(-60%);
        width: 84%;
        display: flex;
        justify-content: space-between;
        align-items: end;    
        cursor: pointer;    
        left: 8%;
        top:29px;
    }

    .otra-categoria-image-wrapper{
        height: 268px;
        width: 268px;        
        margin-bottom: 10px;
    }

    .grid-otras-categorias{        
        padding-bottom: 32px;               
    }

    .eventos-cell:first-child{
        margin-left: 0px;
    }

    .cosmovisualdos-container{
        flex-direction: row;
    }

    .cosmovisualdos-home-container{
        justify-content: space-between;
        display: grid;
        grid-template-columns: 3fr 3fr 4fr;
    }

    .cosmovisualdos-home-container .sections{
        padding:0px 33px;
    }

    .cosmovisualdos-home-container .content-left{
        display: block;
    }

    .cosmovisualdos-home-container .content-left img{     
        max-width: 80%;        
     }

    .cosmovisualdos-home-container .sections h2 {                
        font-size: 20px;
        text-align: center;
        padding: 30px 0px;
    }

    .cosmovisualtres-hero-container-interno-pagina-interna{
        grid-template-columns: 1fr 1fr;    
        column-gap: 16px;
    }

    .pagina-interna{        
        padding-left: 8%;
        padding-right: 8%;
        padding-bottom: 25px;
    }

    .cosmovisual-hero-blue{
        background: #202549;
        color: white;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

    .cosmovisual-hero-blue img{
        max-width: 560px;
        margin: 0px auto;
    }

    .cosmovisual-hero-blue{
        padding: 0px;
    }
    .cosmovisual-hero-blue h2{
        font-size: 36px;
    }
    .cosmovisual-contenido{
        padding:0px;
    }

    .cosmovisualtres-main-card{      
        grid-template-columns: 2fr 1fr;        
        padding-bottom:0px;
    }    

    .voces-main-contenido{
        max-width: 1100px;
        padding-bottom: 90px;
        margin: 0px auto;
    }
    .voces-main-card{      
        flex-direction: row;
        padding-bottom:0px;    
        height: 320px;            
    }    
    .voces-main-card .card-content{
        padding: 22px 40px 22px 30px;
        flex: 2;
        box-sizing: border-box;
        display: block;
    }
    .voces-main-card .card-content p{
        max-height: 145px;
        overflow-y: hidden;
    }

    .voces-main-card-image-container{
        flex: 1;        
    }
    

    .cosmovisual-halfcard img{
        width: 80%;
        height: auto;
        margin: 0px auto;
        object-fit:contain;
    }    

    .cosmovisual-halfcard a{
        position: relative;
        font-size: 23px;        
        text-decoration: none;
        color: #F3333E;
        background-color: transparent;
        transition: all .5s;
        transform: none;
        left: 0px;
        bottom: 0%;
        padding: 34px 0px 0px 0px;
        margin: 0px;
    }
    .cosmovisual-halfcard a:hover{
        background: transparent;
        color: white;
    }

    .hero-video{
        /* margin-top: 70px; */
    }
    
    .cosmovisual-popup .popup-container{
        margin-left:20%;
        margin-right:20%;
        max-height:60vw;
    }
    
    .calendario-popup .popup-container{        
        max-height:80vh;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }
    .calendario-popup-texto{
        padding: 10% 0px;
    }
    
    .calendario-popup-texto h2{
        text-align:left;
        font-size:22px;
        margin:14px 0px 20px 0px;
    }
    .popup-opinion h2{        
        margin:0px 0px 14px 0px;
    }
    
    
    .calendario-popup-texto .subtitulo{
        overflow-y: hidden;
        margin-bottom:20px;
        margin-top: 0px;
        direction: ltr;
        padding-left: 8px;
        max-height:245px;
        overflow-y:scroll;
        direction:rtl;
    }
    .calendario-popup-texto .subtitulo div{
        direction:ltr;
        margin: 0px;
    }
    .calendario-popup-texto .subtitulo p{
        direction:ltr;
        margin: 0px;
    }
    .calendario-popup-texto .fecha{
        margin-bottom: 0px;
        margin-top: 5px;
        font-size: 16px;
        line-height: 16px;
    }
    .calendario-popup-texto .fecha:nth-of-type(:first){
     margin-top:20px;   
    }
    .calendario-popup-texto .botones{
        display: flex;
        justify-content: center;
        margin-top:20px;
        position: relative;
        text-align: center;
    }
    
    .calendario-popup-texto .botones a{
        font-size: 12px;
        padding: 7px 12px;
        margin: 6px;
        flex:auto;
    }
    .popup-container{        
        margin:auto;
        max-width:1000px;
        display:flex;
        flex-direction:column;
    }    

    .cosmovisualcuatro-hero-container{        
        margin-top:70px;
        padding: 45px 8%;
        display: flex;
        flex-direction: row;
        justify-content: space-around;
        height: 338px;
    }
    .cosmovisualcuatro-hero-container .sections{
        font-size: 20px;
        text-align: center;
        padding-top:0px;
    }    
    .cosmovisualcuatro-hero-container .sections .table a h2{
        padding-top: 25px;
        padding-bottom: 25px;       
        padding-left:40px;
        padding-right:40px;
        margin: 0px;
        font-size: 18px;
    }  
    .main-card-logo{    
        width: auto !important;
        height: auto !important;    
        max-height: 60px !important;
        margin: 0px auto;        
        margin-top: 20px;
    }    
    .card-logo{
        top: 30px;
        right: 33px;
    }    
 
    
    .experiencias-cell-contenido .boton-ver-mas{
        font-family: "MUSEOSANS-500";
        font-weight: normal;
        font-size: 12px;
        line-height: 18px;
        text-align: center;
        color: #bbb;
        border: 1px solid #bbb;
        padding: 5px 6px;
        display: inline-block;
        min-width: 50px;
        max-width: 300px;
        width: 72px;
        opacity: 0;
        transition: all .25s ease-in;
    }

    .experiencias-cell-contenido-top h2{
        color: #000;
        font-family: 'BR-FIRMA-bold';
        font-size: 18px; 
        font-weight: normal;
        margin-top: 10px;
        text-transform:uppercase ;
    }
    .textos-experiencia{
        display:inline-block;
        height:110px;
        overflow-y:hidden;
    }

    .textos-experiencia h2{
        color: #000;
        font-family: 'BR-FIRMA-bold';
        font-size: 18px; 
        font-weight: normal;
        margin-top: 10px;
        text-transform:uppercase ;
        line-height: 28px;
        text-align: left;        
        padding-top: 0px;
        padding-bottom: 0px;
        max-height: 56px;
        height:auto;
    }
    
    .experiencias-cell-contenido-top a{
        font-family:  "MUESOSANS";
        font-weight: normal;
        font-size: 22px;    
        text-align: center;
        color: #000;
        margin-top: 10px;
    }
    .experiencias-hero .quepasa-hero-text{
        flex: 1;
    }
    .experiencias-hero .full-image{
        flex:1;
    }
    .grid-otras-categorias-wrapper{
        overflow: hidden;
        padding-left: 8%;
        padding-right: 8%;
    }

    .form-eventos .custom-select{
        width: 122px;        
    }
    
    .top-border-eventos{
        width: 84%;
        margin: auto;
        height: .0625rem;
        background: #fff;
        border-top: .0625rem solid #bbb;
        padding-bottom: 6px;
    }
    
    .quepasa-subtitle{
        font-size: 27px;
        line-height: 30px;
        margin-bottom: 37px;
    }
    .slider-arrow img{
        height: 20px;
    }
    .fecha-arrows p{
        font-size:10px;
        line-height:10px;
        margin:5px auto;
    }

    .boton-descubrelo{
        margin:auto;
    }
    
    .experiencias-subtitle{
        margin-bottom:35px;
    }
    
    .border-experiencias .top-border-eventos{
        padding-bottom:24px
    }
    .menu-left .hamburger {
        position: relative;
        left: 0px;
    }    
    .card-reverse{            
        grid-template-columns: 1fr 2fr !important;   
    }

    #login-register{
        flex-direction: row;
    }

    .hero-slider{
        height: max(40vh , 40vw);
    }

    .publi-bajada{
        max-width: 70%;
    }

    .menu-left .hamburger{
        top:0px
    }

    .experiencias-popup{
        margin-top: 70px;
    }

    .cosmovisualdos-home-container .content-left img{     
        max-width: 80%;
        margin: auto;
    }
    .cosmovisualdos-home-container .subtitle{
        font-size: 18px;
        margin-bottom: 24px;    
        line-height: 55.96px;        
        margin-top: 24px;
    }

    .form-evento-wrapper{
        display: block;
        max-width: 800px;
        margin: auto;
    }

    .submit-event-dates{
        flex-direction: row;
    }
    .event-submit-thumbnail{
        flex-direction: row;
    }

}

@media screen and (min-width:1299px) and (max-width:1499px){
    .eventos-cell h2{
        font-size: 16px;
        line-height: 22px;
        max-height: 44px;    
    }
}
@media screen and (min-width:1500px) {
    .eventos-cell h2 {
        font-size: 18px;
        line-height: 28px;
        height: 56px;
    }
}

@media (min-width: 1600px) {
    .cosmovisualcuatro-hero-container .sections{        
        font-size: 25px;        
    }  
    .cosmovisualdos-home-container .sections{
        padding:0px 55px;
    }

    .main-card .card-content h3{
        padding-top: 110px;
    }

    .main-card-logo{
        width: auto !important;
        height: auto !important;
        position: absolute;
        right: 32px;        
    }

    .cosmovisualdos-home-container .sections h2 {                        
        font-size:22px;
        padding: 30px 12px;
    }
    
    .opinion{     
        padding:30px;
    }

    .fecha-title{
        font-size:49px;
    }

    .cosmovisualtres-main-card .card-content h3{
        padding-top: 110px;
        margin: 20px auto 40px auto;
    }
    
    .pseudo-card{
        padding-top: 45px;
        padding-bottom: 45px;
    }
    
    .top-border-eventos{
        width:84%; 
        margin: auto;
        height:.0625rem; 
        background: #fff;
        border-top: .0625rem solid #bbb;
        padding-bottom: 46px;
    }
    
    .experiencia-title-container h2{
        font-size: 90.51px;
        line-height: 101.85px;
        padding-bottom:18px;
        margin:auto;
    }
    .quepasa-hero{
        padding: 130px 8% 56px 8% !important;
        margin-top: 0px;
    }
    
    .fecha-arrows{
        transform: translateY(-40%);
    }
    
    .fecha-title-quepasa{                
        font-size: 61px;        
        min-height: 61px;
    }
    
    .slider-arrow img{
        height: 30px;
    }
    
    .experiencias-hero{
        padding: 66px 8% 56px 8%;
    }
    
    .border-experiencias .top-border-eventos{
        padding-bottom:46px
    }
    
    .calendario-popup-texto h2{
        font-size: 20px;    
        margin: 18px 0px 41px 0px;
    }
    .secondary-menu {
        margin-left: 65px;
    }
    
    .secondary-menu h3{
        font-size: 43px;
        line-height: 55px;
    }
    
    .quepasa-subtitle{
        font-size: 29.33px;
        line-height: 36.17px;
        margin:0px auto;
        margin-bottom:47px; 
    }    

    .hero-slider .carousel-cell .inner .subtitle {
        font-size: 27px;
    }

    .custom-select{
        width: 320px;
    }

    .menu-home{
        display: block;
        position: relative;
        left: 0%;
        transform: translateX(0%)
    }
    #opinion_name, #opinion_cargo{
        font-size:15px !important;   
    }
    .calendario-popup-texto h3{
        font-size:25px;   
    }
    .calendario-popup-texto .botones a{
        font-size:15px;
    }
    logo-slider{
        margin-top:45px;
    }

    .rating > label:before{
        font-size:1em;
    }
}

@media (min-width:1920px) {
    logo-slider div img {
       /* -webkit-mask-image: linear-gradient(to right, transparent, white 10vw, white calc(100% - 10vw), transparent);*/
    }
}