@media screen and (min-width: 1120px){
    .m_item:hover{
        opacity: 0.6;
    }
}
@media screen and (max-width: 1030px){
    .contact_int p{
        font-size: 0.8rem;
    }
}
@media screen and (max-width: 840px){
    html, body{
        font-size: 14px;
    }
    .contact_footer .txt blockquote{
        font-size: 0.8rem;
    }
    .content{
        width: calc(100% - 6vw);
    }
    .logo_pleca{
        width: calc(100% + 6vw);
        margin: 0 -3vw;
        padding: 10px 3vw;
        margin-top: -38px;
    }
    .logo_pleca img{
            max-height: 17px;
    }

    .columns{
            grid-template-columns: 240px 1fr;
    grid-gap: 40px;
    }
    .full_image{
        width: calc(100% + 6vw);
    margin: 8em -3vw 5em;
    }
    .full_image_top{
        margin: 0 -3vw;
    }
    .columns_escalon{
        grid-template-columns: 1fr;
    }
    .columns_escalon .cl img{
        max-width: 260px;
    }
    .category{
            grid-template-columns: 1fr;
    }
    .grid_cl{
        grid-template-columns: 1fr;
        display: block;
    }
    .grid_cl > *{
            white-space: normal;
    }
    .grid_cl > *:nth-child(2){
            grid-row: initial;
    }
    .grid_cl > *:nth-child(4){
            grid-row: initial;
    }
    .grid_cl > *:nth-child(5){
        padding-left: 0;
    }
    .grid_cl > *:nth-child(6){
        padding-left: calc(4rem/2.2);
    }
    .grid_cl > *:nth-child(7){
        grid-column: initial;
        padding-left: 0;
}
    .grid_cl > *:nth-child(8){
        grid-column: initial;
        padding-left: calc(4rem/2.2);
    }
    .full_image_top{
            padding-bottom: 56.4vw;
    }
    .columns_escalon .dr_bottom{
        transform: none!important;
    }
    .grid_cl > *:nth-child(9){
        grid-row: initial;
        grid-column: initial;
            padding: 0;
    margin-top: 2em;
    }
    .grid_cl > *:nth-child(10){
        grid-row: initial;
        grid-column: initial;
            padding: 0;
    }
    .grid_cl > *:nth-child(11){
        grid-row: initial;
        grid-column: initial;
        margin-top: 2em;
    }
    .grid_cl > *:nth-child(12){
        grid-row: initial;
        grid-column: initial;
    }
    .grid_cl > *:nth-child(13){
        grid-row: initial;
        grid-column: initial;
    }
    .grid_cl > *:nth-child(14){
        grid-row: initial;
        grid-column: initial;
    }
    .grid_cl > *:nth-child(15){
        grid-row: initial;
        grid-column: initial;
        padding-left: calc(23rem/2.2);
    }
    .grid_cl > *:nth-child(16){
        grid-row: initial;
        grid-column: initial;
        padding-left: 0;
    }
    .sec_ancla{
        top: -45px;
    }
}/*840px*/
@media screen and (max-width: 720px){
    .grid_cl > *:nth-child(13){
            margin-top: 2em;
    }
    .grid_cl > *:nth-child(14){
        margin-top: 0;
    }
    .lista li{
        text-indent: 0!important;
    }
    .grid_cl > *:nth-child(1){
        padding-left: 0;
    }
    .grid_cl > *:nth-child(2){
        padding-left: 0;
    }
    .grid_cl > *:nth-child(3){
        padding-left: 0;
    }
    .grid_cl > *:nth-child(4){
        padding-left: 0;
    }
    .grid_cl > *:nth-child(5){
        padding-left: 0;
        margin-top: 2em;
    }
    .grid_cl > *:nth-child(6){
        padding-left: 0;
    }
    .grid_cl > *:nth-child(7){
        padding-left: 0;
    }
    .grid_cl > *:nth-child(8){
        padding-left: 0;
    }
    .grid_cl > *:nth-child(9){
        padding-left: 0;
    }
    .grid_cl > *:nth-child(10){
        padding-left: 0;
    }
    .grid_cl > *:nth-child(11){
        padding-left: 0;
    }
    .grid_cl > *:nth-child(12){
        padding-left: 0;
    }
    .grid_cl > *:nth-child(14){
        padding-left: 0;
    }
    .grid_cl > *:nth-child(15){
        padding-left: 0;
    }
    .category .cl{
        margin-top: 2em;
    }
}/*720px*/
@media screen and (max-width: 620px){
    .columns_escalon .cl img{
        transform: none!important;
    }
    header img{
        width: 55vw;
    }
    .txt h2{
        max-width: initial;
    }
    .columns{
        grid-template-columns: 1fr;
    }
    .txt blockquote{
        font-size: 2em;
            max-width: initial;
    }
    .img_txt img{
        max-width: 40vw;
    }
    .img_txt h2{
            max-width: initial;
    width: 100%;
    box-sizing: border-box;
    }
    .cl:nth-child(2) img{
            max-width: 60vw;
    }
    .category .lista:nth-child(4){
        margin-left: -50px;
    }
    .g_columns .lista:nth-child(2){
        margin-left: -32px;
    }
    .columns_escalon .lista {
        font-size: 1.2rem;
    }   
    .lista{
            font-size: 0.85rem;
    }
    .category .lista{
        font-size: 0.85rem;
    }

    .g_columns .lista:nth-child(2){
        margin: 0;
    }
    .grid_cl > *:nth-child(12) .lista{
        width: auto;
    }
    .grid_cl > *:nth-child(12) .lista{
            width: auto;
    margin-right: 20px;
    }
    .grid_cl > *:nth-child(12){
            width: 100%;
    max-width: initial;
    }
    .cl.dr_top.cl_area_responsive{
        transform: none!important;
    }
    .cl.dr_bottom.cl_area_responsive{
        transform: none!important;
    }
    .img_txt{
        flex-direction: column;
    align-items: flex-start;
    }
    .img_txt h2{
        max-width: initial;
    }
    .img_txt h2{
        transform: none!important;
        margin: 1em 0;
    }
    .dr_bottom.img_mt{
        transform: none!important;
        margin: 1em 0;
    }
    .contact_footer .txt blockquote{
        max-width: initial;
    }
}

@media screen and (max-width: 500px){
    .contact_footer{
        flex-wrap: wrap;
    }
    .cf_cl.txt {
        width: 100%;
        max-width: 300px;
    }
    .contact_footer .cl:nth-child(2){
            width: 100%;
    max-width: 300px;
    margin-left: auto;
    }
    nav.listado_menu{
        justify-content: flex-end;
    }
    .m_item{
            padding-top: 1em;
    padding-bottom: 1em;
    width: 100%;
    box-sizing: border-box;
    }
    .full_image_top{
        position: relative;
    }
    .full_image_top::before{
        content: '';
        display: block;
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        background: rgb(0 0 0 / 15%);
    }
}


