@media screen and (min-width: 1120px){

    .submenu:hover .main_sub{
        display: flex;
    }
    .post_int:hover .post_imagen{
        background-color: #000;
    }
    .post_int:hover .post_imagen_int{
        opacity: 0.7;
    }
    .post_int:hover .post_info_int{
        opacity: 1;
        pointer-events: auto;
    }
    .m_item:hover{
        border-bottom: 1px solid currentColor;
    }
    .sm_item:hover{
        border-bottom:1px solid #000;
    }
}

@media screen and (max-width: 1250px){
    html, body{
        font-size: 18px;
    }
}

@media screen and (max-width: 1120px){
    .submenu.act .main_sub{
    display: flex;
    position: absolute;
    left: 0;
    bottom: 100%;
    flex-direction: column;
    align-items: center;
    width: 100%;
    }
    .main_sub li{
        margin: 0;
    }
    .sm_item{
        padding: 0.6rem 0;
    }
    .carousel {
        width: calc(100% - 27vw - 1.1rem);
        margin-left: 1.1rem;
    }
    .post_info_int{
        opacity: 1;
    pointer-events: auto;
    }
    
}

@media screen and (max-width: 1100px){
    .txt.content_single img.aligncenter, .txt.content_single .aligncenter, .txt.content_single .wp-caption.aligncenter{
        max-width: calc(100% + 14rem - 2.2rem);
    }
    .content_single{
        width:calc(100% - 14rem);
    }
    .content_single.txt .carousel_nosotros_single{
        width: calc(100% + 14rem - 2.2rem);
        margin-left: calc(-7rem + 1.1rem);
    }
    .content_single.txt .carousel {
        width: calc(100% + 11.8rem);
    }
    .txt.content_single img.aligncenter, 
    .txt.content_single .aligncenter, 
    .txt.content_single .wp-caption.aligncenter{
        margin-left: calc(-7rem + 1.1rem);
    }
}

@media screen and (max-width: 940px){
    .s_carousel .content{
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
    }
    .txt.txt_phrase_carousel{
        margin-left: 11.9rem;
        width: 31.8rem;
        max-width: calc(100% - 11.9rem);
    }
    .carousel{
        width: 100%;
        margin: 0;
    }
    .txt.txt_phrase_carousel{
        padding-bottom: 3rem;
    }
    .carousel_int .splide__arrows{
        justify-content: space-between;
    right: initial;
    left: 11.9rem;
    bottom: calc(100% + 1.1rem);
    }

    .nosotros_carousel .txt.txt_phrase_carousel{
        width: 15rem;
    margin-left: 0;
    margin-right: 1.1rem;
    }
    .nosotros_carousel .carousel{
        width: calc(100% - 13.9rem);
    }
    .carousel_int .splide__slide img{
        height: 30vw;
    }

    .titulo_section .content{
        position: relative;
    }
    .titulo_section .content h1{
        padding: 1.1rem 0;
    margin: 0;
    }

}

@media screen and (max-width: 870px){
    .content_single {
        width: calc(100% - 2.2rem);
    }
    .txt.content_single img.aligncenter, .txt.content_single .aligncenter, .txt.content_single .wp-caption.aligncenter{
        max-width: 100%;
    }
    .content_single.txt .carousel_nosotros_single{
        width: 100%;
        margin-left: 0;
    }
    .content_single.txt .carousel {
        width: 100%;
    }
    .txt.content_single img.aligncenter, 
    .txt.content_single .aligncenter, 
    .txt.content_single .wp-caption.aligncenter{
        margin-left: 0;
    }


    .content_single.instagram_grid{
        width: calc(100% - 6rem);
    }
    .content_single.instagram_grid {
        width: calc(100% - 1.1rem);
        grid-gap: 1.1rem;
    }
    .titulo_section .content h1 {
        padding: 2.2rem 0;
        margin: 0;
        padding-left: 5rem;
        text-align: left;
    }

    .content_single.txt h1, .content_single.txt h2{
        top: 9.1rem;
    }
    .content_single .single_column_int h2{
        top: initial;
    }

}
@media screen and (max-width: 720px){
    .content_single.txt ul{
        column-count: 1;
    }
    .content_single.txt p,
    .content_single.txt ul,
    .txt .single_column {
        margin-left: 5rem;
    }
    .content_single.txt h1, .content_single.txt h2{
        width: 4.7rem;
        font-size: 0.9rem;
    }
    footer {
        margin-top: 5rem;
    }
    footer .content{
        flex-direction: column;
    }
    .f_column{
        width: 100%;
    }
    .m_item{
        font-size: 0.77rem;
        text-transform: uppercase;
    }
    .grid_l_r .post_int, .grid_r_l .post_int, .grid .post_int {
        width: 90%;
    }
    .txt_phrase{
        margin-left: 0;
    max-width: calc(100% - 2.2rem);
    }
    .txt.txt_phrase_carousel{
        margin-left: 0;
    }
    .carousel_int .splide__arrows{
        left: 0;
    }

}

@media screen and (max-width: 660px){
    .nosotros_carousel .content{
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;
    }
    .nosotros_carousel .txt.txt_phrase_carousel{
        width: 100%;
        margin: 0;
        text-align: left;
        margin-bottom: 1.1rem;
        max-width: initial;
    }
    .txt.txt_phrase_carousel{
        max-width: initial;
        width: 100%;
    }
    .nosotros_carousel .txt.txt_phrase_carousel h6 a{
        margin-left: 0;
    }
    .nosotros_carousel .carousel{
        width: 100%;
    }
    .grid_l_r .post_int, .grid_r_l .post_int, .grid .post_int{
        width: calc(100% - 0.55rem);
    }
    .carousel_int .splide__slide img {
        height: 60vw;
    }
    .back_phrase > div{
        max-width: calc(100% - 2.2rem);
    }
    .sm_item{
        font-size: 0.8rem;
    }
    .txt h5 img.alignleft, .txt h5 .alignleft, .txt h5 .wp-caption.alignleft{
        margin-right: 0.55rem;
        max-width: calc(50% - 0.55rem);
    }
    .txt h5 img.alignright, .txt h5 .alignright, .txt h5 .wp-caption.alignright{
        margin-left: 0.55rem;
        max-width: calc(50% - 0.55rem);
    }
    .carousel_nosotros_single_int .splide__slide img{
        height: 50vw;
    }
    .content_single.instagram_grid {
        grid-template-columns: 1fr 1fr;
    }
    .carousel_relacionados .splide__arrows{
        left: 0;
    }
    .carousel_single .splide__slide img{
        height: 66.5vw;
    }
    .content_single.txt .carousel{
        margin-bottom: 3rem;
    }
    .flechas_pag{
        width: 100%;
        margin-left: 0;
    }
    
    .logo img{
        width: 4rem;
    }
    footer {
        margin-top: 2rem;
    }
    .error404{
        min-height: calc(100vh - 10rem);
    }

    .content_single.txt h1, .content_single.txt h2{
        top: 6.5rem;
    }
    .content_single .single_column_int h2{
        top: initial;
    }

}