@media (max-width: 1199.98px) {
    section#info_general {
        background-size: contain;
        height: 65vh;
    }

    header #logo img {
        display: none;
    }

    #mayor_festival {
        padding: 0%;
    }

    #texto_mayor_festival {
        margin: auto;
    }

    #entradas_vendidas_header {
        width: 75%;
    }

    #entradas_vendidas {
        width: 100%;
        /* margin: 20%; */
    }

    .entradas_vendidas_texto {
        order: 0;
        font-size: 1.3em;
    }

    #entradas_vendidas_header img:first-child {
        padding-right: 4px;
    }

    #entradas_vendidas_header img:last-child {
        padding-left: 4px;
    }

    #contenedor_circles {
        display: flex;
        flex-direction: column;
        padding-top: 40vh;
    }

    .circle {
        margin-bottom: 40px;
        order: 2;
    }

    #boton_entrada {
        width: 66%;
        margin-top: 1vh;
    }

    #aftermovie iframe {
        width: 100%;
        height: 182px;
        margin-top: 75px;
    }

    #aftermovie {
        flex-wrap: wrap;
        position: relative;
    }

    #aftermovie>div {
        width: 100%;
        margin-top: 10px;
    }

    #aftermovie>div div:first-child {
        width: 100%;
        position: absolute;
        top: 0;
    }

    #aftermovie .descripcion {
        width: 100%;
    }

    #destacados {
        flex-wrap: wrap;
        justify-content: space-around;
    }

    #destacados .destacado {
        width: 49%;
        margin-bottom: 35px;
    }

    #destacados .sobre {
        opacity: 1;
    }

    .invitados {
        width: 50%;
    }

    #grupo_invitados {
        padding-left: 5%;
        padding-right: 5%;
    }

    #noticias {
        flex-wrap: wrap;
        padding: 5%;
    }

    #noticias .noticia {
        width: 100%;
        padding-bottom: 14vw;
    }

    #noticias .noticia:first-child {
        margin-bottom: 30px;
    }

    #siguenos {
        display: none;
    }

    #texto_cabecera {
        left: 37%;
        top: 3vw;
    }

    #segunda_cabecera {
        display: flex;
        position: fixed;
        top: 3vw;
        font-size: 5vw;
        left: 2%;
        align-items: center;
        font-family: ITCKabelBold;

    }


    #entradas_cabecera {
        display: flex;
    }


    #contenedor_contador_atras {
        bottom: 40%;
    }

    #sobremapa {
        position: static;
    }

    #como_llegar {
        height: initial;
    }

    #sobremapa {
        width: 96%;
        padding-bottom: 50px;
    }

    nav {
        position: fixed;
        left: 0px;
        top: 0px;
        bottom: 0px;
        width: 0%;
        background-color: #020040;
        transition: width 0.3s;
        color: white;
        z-index: 99;
        overflow-y: auto;
    }

    nav ul {
        opacity: 0;
        transition: opacity 1s;
        flex-direction: column;
        display: none;
        padding: 5%;
    }

    nav li a {
        color: white;
    }

    nav li {
        display: flex;
        text-align: left;
        font-size: 3vh;
        padding-top: 5%;
    }

    #redes {
        display: none;
    }

    #menu_movil {
        display: flex;
        position: fixed;
        font-size: 13vw;
        color: white;
        background-color: #020040;
        border-radius: 10px;
        right: 5%;
    }

    nav ul>li>ul {
        visibility: visible;
        background-color: inherit;
        position: static;
        display: none;
    }

    nav>ul>li>ul>li a {
        padding: 0;
        font-size: 80%;
    }

    nav li a.uppercat {
        padding-bottom: 5%;
    }

    /*
    nav li:hover > ul, nav li:active > ul {
        display: block;
    }*/

    #margen_boton {
        padding-top: 25%;
    }

    #cat_entradas {
        display: block !important;
        border-radius: 10px;
    }


    nav ul>li>ul {
        opacity: 1;
    }

    section#portada {
        /* background-image: url("../images/video.jpg"); */
        background-image: url('../images/posterfondo.jpg');
        background-size: cover;
        background-position: center;
        max-width: 100%;
        height: 90vh;

    }

	#logo_portada{
		height: 15svh !important;
	}

    #texto_portada {
        font-size: 190%;
        text-shadow: black 1px 1px 12px;
        /* top: 2vh; */
        justify-content: center;
        text-align: center;
        top: -52vh;

    }

    #contador_atras {
        text-shadow: black 1px 1px 12px;
        width: 87%;
    }

    #flechita {
		display: block;
        position: absolute;
        bottom: 10vh;
        left: 0;
        right: 0;
        text-align: center;
    }

    #flechita img {
        max-width: 15%;
        margin-top: 5vh;
    }


    #cuerpo_seccion {
        padding-left: 10px;
        padding-right: 10px;
    }

    #cuerpo_seccion h4 {
        margin: 10% 0% 10% 0%;
    }

    #entrada_3dias_img {
        max-width: 100%;
    }

    .bloque_seccion {
        width: 88% !important;
    }

    #bloque_viaja .bloque_seccion {
        width: 88%;
    }

    .bloque_seccion_rv {
        width: 88%;
    }

    #cuerpo_seccion>div:first-child {
        margin-left: 5px !important;
        margin-right: 5px !important;
    }

    #nombre_seccion img {
        width: 7%;
    }

    .bloque_actividades>div {
        width: 100%;

    }

    .bloque_actividades {
        width: 97%;
    }

    label {
        font-size: 59%;
    }

    input,
    select,
    textarea {
        width: 50%;
    }




    .precios_hora {

        font-size: 100% !important;

    }

    .texto_entrada_especial {
        margin: 0px !important;
        padding-left: 12px;
    }

    .bloque_ofertas {
        width: 80% !important;
    }

    .bloque_premium {
        width: 85%;
        height: inherit;
    }

    .puntos_venta {
        margin: 0 !important;
        padding: 0 !important;
    }

    #bloque_invitados_seccion {
        width: 90% !important;
    }

    #bloque_invitados_seccion>div {
        width: 45% !important;
    }

    #bloque_invitados_seccion>div img {
        width: 100%;
    }

    #flotante_invitado .ventana {
        width: 100% !important;
        text-align: center;
        margin-top: 0 !important;
        position: absolute !important;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
    }

    #flotante_invitado .ventana>div {
        margin-left: 0 !important;
    }

    #foto_invitado {
        float: initial !important;
        margin-left: 0 !important;
        width: 175px !important;
        margin-top: 20px !important;

    }

    #nombre_invitado {
        font-size: 149% !important;
        padding-top: 0 !important;
    }

    #profesion_invitado {
        font-size: 84%;
        padding-top: 0px;
    }

    #info_invitado {
        padding-left: 12px;
        height: 230px !important;
    }

    #x_cierre_invitado {
        font-size: 250% !important;
        top: 0 !important;
    }


    html {
        overflow: hidden
    }

    body {
        height: 100%;
        width: 100vw;
        position: fixed;
        /* prevent overscroll bounce*/
        overflow-y: scroll;
        -webkit-overflow-scrolling: touch;
        /* iOS velocity scrolling */
    }

    .bloque_seccion_artistas {
        width: 92%;
        margin: 0;
        margin-bottom: 10px;
        float: initial;
    }

    .bloque_seccion_artistas div {
        float: initial !important;
    }


    .bloque_seccion_artistas .a-b-r-La a {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        width: 280px;
        display: block;
    }


    #cuerpo_seccion .flexible>div {
        width: 70%;
        text-align: center;

    }

    #gratis_cosplay_img {
        float: initial;
        width: 95%;
    }

    #gratis_cosplay_descripcion {
        margin-left: 0;
    }

    #cuerpo_seccion .entrada_general {
        width: 100%;
    }

    #cuerpo_seccion .flexible>div>div {
        /*    margin-bottom: 50px;*/
    }

    .flexible>div>img {
        /* margin-top: 50px; */
    }

    .horarios_hora {
        width: 50% !important;
    }

    .horas_actividad {
        margin-bottom: 20px !important;
        width: 100% !important;
    }

    #horario_contenedor {
        width: 100% !important;
    }

    .horario_dias {
        width: 31% !important;
        font-size: 80%;
    }

    #horarios_derecha {
        width: 0% !important;
    }

    #horarios_izquierda {
        font-size: 80%;
    }

    #idol_time {
        margin-left: 5px !important;
        margin-right: 5px !important;
    }


    #entrada_3dias_img {
        float: none;
    }

    #contador_atras .dias {
        font-size: 240%;
        padding-bottom: 5px;
    }

    #descuento_entradas {
        top: -6vh !important;
        right: 0.5vw !important;
        height: 20vw !important;
    }

    #cuerpo_seccion.noticia {
        padding-left: 10px;
        padding-right: 10px;
    }

    #cuerpo_seccion.noticia .cuerpo img {
        max-width: 95%;
        height: inherit;
    }

    #colaboradores div {
        padding: 0px;
    }

    .bloque_destacadas {
        margin: 0 !important;
    }

    #contenedor_normas_covid div {
        width: 80%;
    }

    #cuerpo_seccion .precios_dias.flexible>div {
        width: 92%;
        margin-bottom: 50px;
    }

    #entrada_3dias_img {
        width: 100%;

    }

    #listado_actividades_flexible {
        display: block;
    }

    #listado_actividades_flexible div img {
        display: block !important;
    }

    #listado_actividades_flexible>div {
        width: 100% !important;
        margin-bottom: 10px;
        margin-top: 10px;
    }

    #listado_actividades_flexible>div>div {
        max-width: 100% !important;
    }

    .dia_circle {
        font-size: 60%;
    }

    .logo_colaborador_horario {
        width: 100% !important;
        padding-right: 0 !important;
    }

    .parrafo_colaborador_horario {
        margin-left: 0 !important;
    }

    section#subeventos {
        height: 65svh;
        display: flex;
        align-items: center;
    }

    #subeventos {
        display: none;
    }

    #subeventos_movil {
        display: flex !important;
        background-color: #020040;
        justify-content: space-evenly;
        flex-wrap: wrap;
    }

    #subeventos_movil a {
        max-width: 48%;
    }

    #subeventos_movil img {
        max-width: 100%;
        padding: 3px;
    }

    #portada_subeventos {
        height: 42svh;
    }

    #header_seccion.subevento img {
        width: 100%;
        object-fit: cover;
        height: 18vh;
    }

    #subeventos_contenedor>div {
        flex: 0 0 98% !important;
    }

    #subeventos_contenedor>div>p {
        width: 98% !important;
        padding: 0 !important;
    }

    .subeventos_titulo {
        font-size: 3vmax;
    }

    .subeventos_presentacion {
        width: 98% !important;
        padding: 0 !important;
    }

    .subeventos_entradas {
        width: 70vw !important;
    }

    #subeventos_contenedor h4 {
        padding: 0 !important;
    }

    .container {
        display: block;
    }

    .container-music {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        ;
    }

    .icon {
        top: 7vh;
    }

    .icon img {
        max-width: 2vh;
    }

    #oferta_familiar {
        content: url('http://mangafest.es/sevilla/2024/images/subeventos/4kids/oferta-movil.png');
        max-width: 100%;
    }

    #subeventos_contenedor_kids {
        display: block !important;
    }

    .bloque_actividad {
        max-width: 47%;
    }

    .bloque_actividad>a>img {
        max-width: 100%;
    }

    /* FERIA del LIBRO */
    .iconos_libros {
        display: block !important;
    }

    .autores>img {
        max-width: 165px;
    }

    .editoriales>img {
        max-width: 160px;
    }

    .autores-destacados {
        display: block !important;
    }

    .autores-feria {
        width: 65% !important;
        height: 42vh !important;
    }

    /* GASTRONOMIA */
    .restaurantes {
        /*flex-basis: 45%;*/
    }

    .restaurantes>img {
        max-width: 100%;
    }

    div>video {
        width: 100%;
    }

    #gastro-video {
        display: block !important;
    }

    #gastro-video video {
        padding: 0 !important;
    }

    #gastro-video div {
        padding-right: 0 !important;
    }


    /* PRECIOS GRUPOS */
    .grupo-contenedor {
        text-align: center;
        display: flex;
        flex-direction: column;
    }

    .grupo-texto,
    .grupo-imagen {
        width: 100%;
        padding: 0;
    }

    .grupo-imagen {
        margin-top: 20px;
    }


    /* Tiendas Arte Artesania */
    .iconos_tiendas_artes img {
        width: 100px;
    }

    .contenedor_tiendas {
        width: 100%;
    }

    .bloque_tiendas_artes {
        height: 5vh;
        width: 30%;
        font-size: 15px;
        align-content: center;
    }

    .customer-logos {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 10px;
    }


    /* Tiendas Arte Artesania */
    .iconos_tiendas_artes img {
        width: 100px;
    }

    .contenedor_tiendas {
        width: 100%;
    }

    #contenedor_tiendas_artes {
        width: 100% !important;
    }


    .bloque_tiendas_artes {
        height: 5vh;
        width: 30%;
        font-size: 15px;
        align-content: center;
    }

    .customer-logos {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 10px;
        font-size: 2vh;

    }

    .destacados {
        display: flex;
        justify-content: space-between;
        width: 100%;
        gap: 10px;
    }


    .destacados .slide {
        flex: 1;
        max-width: 33%;
    }

    .destacados .slide .image-container {
        padding: 0px;
        height: 27vh !important;
    }


    .image-container {
        padding: 20px;
    }

    .image-container img {
        max-width: 85%;
        margin: auto;
    }
	
	/*DEMON HUNTERS*/
	#contenedor_demon{
		max-width:  100% !important;
	}
	#contenedor_demon>p{
		width: 85% !important;
	}
	
	#experiencia_demon p{
		width: 80% !important;
		margin: auto;
	}
	
	#sello_demon{
		display: none !important;
	}



}



@media (min-width: 1199.98px) {
    nav li:hover>.uppercat {
        color: white;
        background-color: #2b3d7f;

    }

    nav>ul>li>ul>li:hover {
        background-color: white;
        color: #6985ee;
    }

    nav li:hover>ul {
        /*display: block;*/
        opacity: 1;
        visibility: visible;
        transition-delay: 0s;
    }

    nav li:hover>#cat_entradas {
        color: white;
        background-color: #2b3d7f;

    }


}