/* PANTALLAS GRANDES */
@media only screen and (min-width: 1399px) {}

/* PANTALLAS MEDIANAS */
@media only screen and (max-width: 1279px) {
    .image-container.no-grid img {
        max-width: 500px;
    }

    .content-animated.nota:not(.content-animated-table) {
        width: 90vw;
    }

    .content-animated.content-animated-table {
        width: 95vw;
    }

    .content-animated.nota.container.container-one-col.no-grid-sec {
        width: 100%;
    }
    
    .content-animated.nota:not(.content-animated-table) {
        width: 100%;
    }

    .content-animated.content-animated-table {
        width: 100%;
        padding: 1rem;
    }

    .image-container.no-grid {
        display: block;
        position: relative;
    }

    .image-container.no-grid img {
        width: 100% !important;
    }

    img#graf-cont3 {
        position: relative;
        width: 70% !important;
        left: 1.5%;
        top: 1px;
        max-width: 43%;
    }
}

/* OTHERS SIZES */
@media only screen and (max-width: 1143px) {
    .container-grafiques {
        height: 40vw;
        grid-template-columns: 100%;
    }

    .container-grafiques .image-container {
        width: 100%;
        height: 25vw;
    }

    .container img.grafiques {
        max-width: 100%;
    }

    .image-container.no-grid img {
        max-width: 500px;
    }

    img#graf-cont1 {
        width: 100%;
        margin-left: 1%;
        margin-top: 3.7%;
    }

    img#graf-cont2 {
        width: 100%;
        margin-left: 2%;
        margin-top: 4.3%;
    }

    .container.container-grafiques.content-animated.first-container-absolute {
        margin-bottom: 180px;
    }

    .container.container-grafiques.content-animated.first-container-absolute {
        margin-bottom: 40%;
        height: 45vh;
    }

    .container-grafiques .image-container {
        height: 45vh;
    }
}

/* PANTALLAS PEQUEÑAS */
@media only screen and (max-width: 1023px) {
    ul.rounded {
        display: inline-block;
    }

    ul.rounded li {
        margin-bottom: 10px;
    }

}

@media only screen and (max-width: 1000px) {
    .mq-840 {
        display: none;
    }

    .mq-default {
        display: block;
    }

    .botones-mob {
        display: block;
    }

    .mq-default>a {
        display: none;
    }



    .mq-default {
        overflow: scroll !important;
        width: 100% !important;
        height: 100% !important;
        height: 150vw !important;
    }

    .mq-default>div {
        width: 100% !important;
    }

    #item7345,
    #item3298,
    #item3298,
    #item3322,
    #item3346,
    #item7585 {
        width: 100% !important;
        left: 0% !important;
        padding-left: 43px;
        position: relative;
        top: 0px !important;
        padding-top: 40px;
        padding: 43px 40px 0px 43px;
        height: fit-content !important;
    }

    .mq-default p.desktop_-_titular br {
        display: none;
    }

    #item7274,
    #item7297,
    #item7320 {
        width: 100% !important;
        left: 0px !important;
        padding-left: 43px;
    }

    #item3322 {
        position: absolute;
        top: 286px !important;
    }

    p.desktop_-_fecha {
        position: relative;
    }

    #container {
        width: 100% !important;
    }

    #item3298 {
        padding-bottom: 0px;
    }

    #item7345 {
        height: 316px !important;
    }

    #item7585 {
        padding-top: 0px;
    }

    #item7585 p.desktop_-_texto {
        padding-top: 40px;
    }

    #item7140 {
        position: relative;
    }

    .mq-default>a button.pageItem {
        position: relative;
    }




    .anythingSlider {
        height: 100% !important;
    }

    /* .anythingSlider .fade .activePage {
        height: auto!important;
    } */

    .botones-mob {
        position: relative;
        clear: both;
        float: none;
        height: 65%;
        display: block;
        grid-template-columns: 100%;
    }

    body .botones-mob a button div.pageItem {
        position: relative;
    }

    #item7140,
    #item7826,
    #item7852 {
        position: relative;
    }

    .botones-mob a {
        width: 100%;
        display: block;
        height: fit-content;
    }

    #item7852 {
        width: 100% !important;
        top: 50px !important;
        left: 0px !important;
        padding-left: 43px;
        padding-top: 50px;
        position: relative;
        /* display: none; */
    }

    #item7140 {
        width: 100% !important;
        top: 0px !important;
        left: 0px !important;
        padding-left: 43px;
        padding-top: 50px;
        position: relative;
        /* display: none; */
    }

    #item7826 {
        width: 100% !important;
        top: 38px !important;
        left: 0px !important;
        padding-left: 43px;
        padding-top: 50px;
        position: relative;
    }

    #item7829 {
        width: 501px !important;
        height: 90px !important;
        padding: 26px 0px 0px 0px;
        top: 0 !important;
        left: 0 !important;
    }

    p.boton-p-2-lineas-naranja-url {
        margin-bottom: 0px !important;
    }

    body[data-scaled-to='w'] #container {
        height: 100%;
    }



}

/* PANTALLAS TABLETS */
@media only screen and (max-width: 800px) {}

@media only screen and (max-width: 768px) {
    #item3626 {
        position: relative;
        height: auto !important;
    }

    #slider {
        height: 100vh;
        /* height: 150vh !important; */
    }

    .anythingSlider .fade .activePage {
        height: 150vh !important;
    }

    .anythingWindow {
        height: 150vh !important;
    }

    .singleline p {
        width: auto;
    }
}

@media only screen and (max-width: 600px) {
    body.loaded #container {
        transform: none !important;
    }

    .anythingSlider {
        width: 100% !important;
    }

    ul#slider {
        width: 100% !important;
    }

    li.page.panel.activePage {
        width: 100% !important;
    }

    .mq-default {
        margin-top: 0;
        height: 95% !important;
    }

    #item7345,
    #item3298,
    #item3298,
    #item3322,
    #item3346,
    #item7585 {
        padding: 43px 20px 0px 20px;
    }

    .botones-mob {
        height: 150vh;
    }

    #item7140,
    #item7826,
    #item7852 {
        padding-left: 10px;
    }

    #item7144,
    #item7829,
    #item7855 {
        width: 98% !important;
    }

    body .botones-mob a button div.pageItem p {
        padding-right: 75px;
    }


    body .botones-mob a button div.pageItem p::before {
        width: 100%;
    }

    body.tall-page {
        overflow-y: hidden;
    }

}

/* PANTALLAS MOVIL */

@media only screen and (max-width: 580px) {
    html.ios body #container, html.safari body #container, html.responsive body #container {
        top: 50px!important;
    }

    #item7345 {
        height: 330px !important;
    }

    #item7274 {
        height: 50px !important;
        top: 35px !important;
    }

    #item7297 {
        top: 130px !important;
    }

    #item7320 {
        top: 275px !important;
    }

    #item7344 {
        top: 255px !important;
        left: 25px !important;
    }

    #item3322 {
        top: 300px !important;
        padding-right: 2px;
    }

    #item7274,
    #item7297,
    #item7320 {
        padding-left: 25px;
    }

    .botones-mob {
        height: 115vh;
    }

    #item7826 {
        top: 26px !important;
    }

    body .botones-mob a button div.pageItem p::before {
        content: none;
    }

    .boton-p-2-lineas-naranja-url:after,
    .boton-p-2-lineas-verde-url:after {
        right: 15px;
    }

    body .botones-mob a button div.pageItem p {
        padding-right: 60px;
    }

    #item7852 {
        width: 100% !important;
        top: 0px !important;
        left: 0px !important;
        padding-top: 50px;
        position: relative;
    }

    #item7140 {
        top: 30px !important;
        padding-top: 70px;
    }

    body.graficas {
        width: 100%;
    }

    .content-animated.nota:not(.content-animated-table) {
        width: 90%;
    }

    .content-animated table {
        width: 100%;
        display: flex;
        width: 100%;
        flex-flow: wrap;
    }

    .content-animated table td.head-table-th {
        width: 100%;
    }

    .content-animated table tr {
        display: flex;
        flex-flow: wrap;
        width: 100%;
    }

    .content-animated table tr td.head-table-th {
        writing-mode: inherit;
        -webkit-writing-mode: inherit;
        transform: none;
        width: 100%;
    }

    .content-animated table tr td {
        width: 100%;
    }

    .content-animated h2,
    .content-animated p {
        text-align: left;
    }

    .content-animated.nota:not(.content-animated-table) {
        width: 88%;
    }

    .content-animated.nota.content-animated-table {
        width: 100%;
    }

    .container.container-grafiques.content-animated.first-container-absolute {
        height: fit-content;
        margin-bottom: 10%;
    }

    img#graf-cont1 {
        width: 92%;
        margin-left: 5%;
        margin-top: 10.4%;
    }

    img#graf-cont2 {
        width: 94%;
        margin-left: 6%;
        margin-top: 11%;
    }

    .container img.grafiques {
        height: 30vh;
    }

    img#graf-bak1 {
        margin-bottom: 0px;
        padding-bottom: 0px;
    }

    .container-grafiques .image-container {
        height: 30vh;
    }

    .content-animated li {
        text-align: left;
    }

    .botones-mob {
        position: relative;
    }

    .botones-mob a {
        width: 100% !important;
        top: 0px !important;
        left: 0px !important;
        padding-top: 20px;
        display: block;
        position: relative;
    }

    #item7852,
    #item7826,
    #item7140 {
        width: 100% !important;
        top: auto !important;
        padding-top: 0px;
    }

    button .state {
        height: fit-content !important;
    }


    .content-animated.nota.container.container-one-col.no-grid-sec,
    .content-animated.nota.container.container-one-col.no-grid-sec.no-grid-sec-2 {
        height: auto;
    }

    .image-container.no-grid {
        display: block;
        position: relative;
    }

    img#graf-cont3 {
        position: relative;
        margin-top: 3.3%;
        margin-left: 13%;
        width: 79% !important;
        top: 14px;
        left: 3px;
        max-width: 500px;
    }

    .image-container.no-grid img {
        width: 94% !important;
    }

    img#graf-cont4 {
        position: relative;
        margin-top: 9.6%;
        margin-left: 7%;
        width: 86% !important;
        top: 0;
        left: 0;
    }

    .content-animated.nota.container.container-one-col.no-grid-sec {
        width: 88%;
    }

    /* Place The scroll down button at the bottom */
    ::-webkit-scrollbar-button:end:increment {
        background-image: none;
    }

    /* Place The scroll up button at the up */
    ::-webkit-scrollbar-button:start:decrement {
        background-image: none;
    }

    .scroll-img {
        animation: none;
    }



    .boton-p-2-lineas-verde-url::after {
        top: 20px;
    }

    p.autoParaStyle1 span {
        font-size: 26px;
    }
    
    p.pastilla-bold {
        font-size: 15px;
        line-height: 20px;
    }
    
    p.autoParaStyle2 span {
        font-size: 10px;
    }
    
    #item7274 {
        height: 50px!important;
        top: 10px !important;
    }
    
    #item7297 {
        top: 75px !important;
    }
    
    #item7344 {
        top: 150px !important;
        width: 115px !important;
        height: 2px !important;
    }
    
    #item7320 {
        top: 165px !important;
    }
    
    #item7345 {
        height: 210px !important;
    }
    
    #item3322 {
        top: 180px !important;
    }
    
    p.desktop_-_titular {
        font-size: 26px;
        line-height: 32px;
    }
    
    body .botones-mob a button div.pageItem p {
        font-size: 14px;
    }

    #item7140 {
        padding-top: 0px;
        top: -20px !important;
    }

}

@media only screen and (max-width: 375px) {}