@media (max-width: 1366px){ 

    .post_destaque .swiper-container {
        height: 55vh;
    }
    /* main .post_destaque .post .content {
        height: 100%;
    } */
}

@media (max-width: 1300px) {
    header .content  ul#menu {
        display: none;
    }

    header nav a.menu-burguer { display: flex; }

    main .post_destaque .swiper-slide .post .box-text span:nth-child(1) { margin-left: 23.5%; margin-right: 0; }
    main .post_destaque .swiper-slide .post .box-text span:nth-child(2) { margin-left: 17.5%; margin-right: 0; }
    main .post_destaque .swiper-slide .post .box-text span:nth-child(3) { margin-left: 33%; margin-right: 0; }
    main .post_destaque .swiper-slide .post .box-text span:nth-child(4) { margin-top: 10px; margin-left: 41.5%; margin-right: 0;}
}

@media (max-width: 1024px) {
    /* CABEÇALHO */
    header .content {
        width: var(--width-90);
    } 

    header.normal {
        padding: 30px 0;
        transition: padding 0.5s;
        transition: background 0.5s;
    } 

    header.scrolling {
        background: #fff;
        padding: 15px 0;
        transition: padding 0.5s;
        /* transition: background 0.5s; */
    }

    main {
        margin-top: 100px;
        width: var(--width-90);
    }

    main .post_destaque .post{
        height: 48vh;
    }

    

    main .post_destaque .post .content {
        position: absolute;
        z-index: 25;
        left: 0%;
        width: 100%;
        height: 100%;
        padding: 25px;
        justify-content: flex-end;
    }

    .post_destaque .post .content .tag {
        padding: 5px;
        font-size: 0.94rem;
        font-weight: 400;
        background-color: var(--details2);
        color: var(--text-light);
        margin-bottom: 15px;
    }
    
    .post_destaque .post .content .title_destaque {
        font-size: 1rem;
        font-weight: 600;
        color: var(--text-light);
        margin-bottom: 15px;
    }

    section.propaganda img {
        width: var(--width-90);
    }

    section.propaganda a img,
    section.main_propaganda .propaganda a img {
        width: 100%;
    }

    main .post_group .grid-posts {
        display: grid;
        width: 100%;
        height: 100%;
        grid-template-columns: 1fr 1fr;
        grid-template-rows: 1fr 1fr 1fr;
        gap: 55px;
    }

    main .post_group .grid-posts .post_card .content_card {
        padding: 15px;
    }

    #head_post #content .assunto a {
        font-size: 0.9375rem;
    }

    /* .reading-bar.position-fixed { */
        /* margin-top: 70px; */
        /* animation: marginTop100-2 var(--time-trans08); */
    /* } */

    #content_post .main {
        width: var(--width-90);
    }

    #content-categories .tags-categories > a {
        margin-right: initial;
        white-space: nowrap;
        margin-bottom: 10px;
    }

    #grid-form .area-submit div {
        margin-right: 20px;
    }
    #post_group {
        width: var(--width-90);
    }

    #post_group .grid-posts {
        grid-template-columns: 1fr;
        gap: 55px;
    }
    
    footer .wrapper {
        width: var(--width-90);
    }

    footer .left .etiquetas {
        flex-wrap: wrap;
    }

    footer .wrapper .links_contatos .newsletter .input_news input {
        width: 100%;
    }

    footer .wrapper .links_contatos .contatos .row {
            display: flex;
            flex-direction: column;
            align-items: flex-end;
            margin-top: 17px;
    }

    footer .left .etiquetas a {
        white-space: nowrap;
        margin-bottom: 20px;
    }

}

@media (max-width: 850px) {
    #head_post {
        min-height: 550px;
    }

 

    .reading-bar.position-fixed {
        margin-top: 85px;
        /* animation: marginTop100 var(--time-trans08); */
    }

    main .post_destaque .swiper-slide .post_fixo .content_fixo {
        flex-direction: column;
        align-items: flex-start;
    }

    main .post_destaque .swiper-slide .post_fixo .box-title {
        padding-left: 5%;
        text-align: left;
        width: 100%;
    }

    main .post_destaque .swiper-slide .post_fixo .box-title span.light {
        font-size: 2rem;
        line-height: 2rem;
    }
    
    main .post_destaque .swiper-slide .post_fixo .box-title span.bold{
        font-size: 5.25rem;
        font-weight: 900;
        line-height: 5rem;
    }

    main .post_destaque .swiper-slide .post_fixo .box-text {
        flex-direction: column;
        align-items: flex-end;
        width: 100%;
    }

    main .post_destaque .swiper-slide .post_fixo .box-text span.light {
        font-size: 1.5rem;
        font-weight: 400;
        line-height: 1.5rem;
        opacity: .75;
    }
    main .post_destaque .swiper-slide .post_fixo .box-text span.bold {
        font-size: 2rem;
        font-weight: 700;
        line-height: 2rem;
    }
    
    main .post_destaque .swiper-slide .post_fixo .box-text span:nth-child(1) { margin-right: 37.5%; margin-left: 0;}
    main .post_destaque .swiper-slide .post_fixo .box-text span:nth-child(2) { margin-right: 14%; margin-left: 0;}
    main .post_destaque .swiper-slide .post_fixo .box-text span:nth-child(3) { margin-right:  3.5%; margin-left: 0;}
    main .post_destaque .swiper-slide .post_fixo .box-text span:nth-child(4) { margin-top: 2px;  margin-right: 11.5%; margin-left: 0;}

    #comment-form #grid-form {
        display: grid;
        grid-template-columns: 1fr;
        grid-auto-flow: dense;
        column-gap: 0px;
        row-gap: 15px;
    }

    #grid-form .area-text {
        grid-column: 1;
    }
    
    #grid-form .area-submit {
        grid-column: 1;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }
    .modal.modalNewsLetter {
        padding-top: 50px ;
    }
    .modalNewsLetter.news .modal-body { 
        width: 95%;
        padding: 35px;
        margin: 0 auto;
        flex-direction: column;
        align-items: center;
        gap: 10px;
    }

    .modalNewsLetter .modal-body form {
        gap: 10px;
    }

    .modalNewsLetter.news .modal-content {
        width: 95%;
    }

    .modalNewsLetter.video .modal-content {
        width: 80%;
        height: 70%;
        border-radius: 0;
    }

    .modalNewsLetter.news .modal-text {
        gap: 10px;
    }

    .modalNewsLetter .image-top {
        height: 230px;
        flex: none;
    }
}

@media (max-width: 720px) {
    
    /* CABEÇALHO */
    header .content {
        width: var(--width-90);
    }        

    body.delta24 header .content .logo div {
        background-image: url('../../img/blog/deltaGlobal-logo_delta24_mobile.svg');
        margin-right: 20px;
    }
    
    body.delta24 header .content .logo2 div {
        background-image: url('../../img/blog/deltaGlobal-logo_delta24_mobile_white.svg');
        margin-right: 20px;
    }
    
    body.grupodelta header .content .logo div {
        background-image: url('../../nova_home/img/deltaGlobal-deltagrupo-logo-color.svg');
        width: 125px;
        height: 40px;
        margin-right: 20px;
    }
    
    body.grupodelta header .content .logo2 div {
        background-image: url('../../img/blog/deltaGlobal-logo_grupodelta_white.svg');
        width: 125px;
        height: 40px;
        margin-right: 20px;
    }
    
    body.historicar header .content .logo div {
        background-image: url('../../img/blog/deltaGlobal-logo_historicar_mobile.svg');
        margin-right: 20px;
    }
    
    body.historicar header .content .logo2 div {
        background-image: url('../../img/blog/deltaGlobal-logo_historicar_mobile_white.svg');
        margin-right: 20px;
    }

    header .content .logo div,
    header .content .logo2 div {
        width: 150px;
        height: 20px;
        /* background-image: url('../img/logo_38x.svg'); */
        margin-right: 0px;
    }

    header.normal {
        padding: 30px 0;
        transition: padding 0.5s;
        transition: background-color 0.5s;
    } 

    header.scrolling {
        background-color: #fff;
        padding: 15px 0;
        transition: padding 0.5s;
        transition: background-color 0.5s;
    }

    header nav {
        display: flex;
        flex-direction: inherit;
        justify-content: space-between;
        align-items: center;
    }

    header nav .toSite, 
    header nav .toSite2 {
        font-size: 0.8125rem;
    }

    #panel-search {
        padding: 100px 0;
    }
    
    #panel-search .wrapper-painel {
        width: var(--width-90);
        display: flex;
        align-items: center;
        border-bottom: 1px solid var(--border-3);
        padding-bottom: 18px;
    }
    
    #panel-search .wrapper-painel input{
        width: 100%;
        font-size: 1.4rem;
        font-weight: 700;
        color: var(--text-light);
        background-color: transparent;
        outline: none;
    }

    /* CONTEÚDO DA PÁGINA */
    main {
        margin-top: 100px;
        width: var(--width-90);
    }

    main .title_main, main .post_destaque,
    main .propaganda, main .post_group,
    main .paginacao, main .title,
    main .videos_destaques, #content_post .propaganda  {
        margin-bottom: 25px;
    }


    main .title_main h2, 
    main .title_result h2,
    main .title_result h2 span,
    main .title h1, 
    main .title h2, 
    footer .left h2,
    #head_post #content h1,
    #head_post #content h2,
    #post_group h2 {
        font-size: 7vw;
        font-weight: bold;
    }

    main .post_destaque .swiper-slide .post img.img_destaque{
        object-fit:cover;
        object-position: 20% 0 ;
    }

    main .post_destaque .swiper-slide .post .content {
        position: absolute;
        z-index: 25;
        left: 0;
        width: 100%;
        height: 100%;
        padding: 25px;
        justify-content: flex-end;
    }

    .post_destaque .swiper-slide .post .content .tag {
        padding: 5px;
        font-size: 0.94rem;
        font-weight: 400;
        margin-bottom: 15px;
    }

    .post_destaque .swiper-slide .post .content .title_destaque {
        font-size: 1rem;
        font-weight: 600;
        color: var(--text-light);
        margin-bottom: 15px;
    }



    main .post_group .grid-posts {
        display: grid;
        width: 100%;
        height: 100%;
        grid-template-columns: 1fr;
        gap: 20px;
    }

    
    /* POSTAGEM COMPLETA */
    /* MARGIN BOTTOMS */
    #head_post, 
    section.main_propaganda,
    #content_post .main hr.hr_main,
    #content_post .main,
    #content-text,
    #content-text h3,
    #comment-form,
    #comment-form h3, 
    #content-categories,
    #content-author,
    #next-post,
    #post_group h2 {
        margin-bottom: 25px;
    }

    #head_post figure {
        position: absolute;
        z-index: 25;
        width: 100%;
        height: 100%;
        background-attachment: scroll;
        background-position: 50% 50%;
        background-repeat: no-repeat;
        background-size: cover 100% ;
        opacity: 0.5;
    }

    #head_post #content .wrapper-title {
        width: var(--width-90);
    }

    #head_post #content .assunto {
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    #head_post #content .assunto a {
        margin-right: 0;
    }

    .reading-bar.position-fixed {
        margin-top: 70px;
        /* animation: marginTop100 var(--time-trans08); */
    }

    #content_post {
        padding-top: 0px;
    }

    #content_post .main {
        width: var(--width-90);
    }

    #btn-control {
        display: flex;
        flex-direction: column;
        margin-bottom: 25px;
    }
    
    #btn-control button {
        padding: 11px 18px;
        display: flex;
        align-items: center;
        border-radius: 0;
        margin: 0 0 2px 0;
    }

    #btn-control button:first-child {
        border-radius: 0;
        
    }
    #btn-control button:last-child {
        border-radius: 0;
        margin: 0;
    }

    #content_post .main .left {
        padding-right: 0;
    }
    #content_post .main .right {
        display: none;
    }

    #content-text h3 {
        font-weight: 700;
        font-size: 1.5rem;
    }

    #content-text hr {
        margin-bottom: 30px;
    }

    #content-text img {
        width: 100%;
        margin: 0 0 25px 0;
    }

    /* FORMULARIO DE COMENTÁRIOS */
    #comment-section {
        padding-top: 0;
    }

    #comment-section .main {
        width: var(--width-90);
    }

    #comment-form { 
        padding: 20px;

    }

    #comment-form h3 { 
        width: 100%;
        font-size: 1.5rem;
    }

    #comment-form #grid-form {
        display: grid;
        grid-template-columns: 1fr;
        grid-auto-flow: dense;
        column-gap: 0px;
        row-gap: 15px;
    }

    #grid-form .item label {
        font-weight: 600;
        margin-bottom: 10px;
    }

    #grid-form .area-text {
        grid-column: 1;
    }
    
    #grid-form .area-submit {
        grid-column: 1;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }

    #grid-form .area-submit div {
        display: flex;
        align-items: center;
        justify-content: flex-start;
        margin-bottom: 15px;
    }

    /* TAGS DE CATEGORIAS */
    #content-categories {
        align-items: flex-start;
        flex-direction: column;
    }

    #content-categories > span,
    #content-author > span, 
    #comments > span {
        min-width: initial;
        font-weight: 600;
        font-size: 1.0625;
        margin-right: 0px;
        margin-bottom: 10px;
    }

    #content-categories .tags-categories {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
  
    }

    #content-categories .tags-categories > a {
        margin-right: initial;
        white-space: nowrap;
        margin-bottom: 10px;
        margin-right: 10px;
    }

    /* AUTOR E COMENTARIOS */
    #content-author {
        display: flex;
        flex-direction: column;
    }

    #content-author > span, 
    #comments > span {
        margin-top: 0px;
    }

    #content-author .postador,
    .comment-post .postador {
        display: flex;
        margin-bottom: 15px;
    }

    #comments {
        display: flex;
        flex-direction: column;
    }

    #comments .container-comments button.conectese {
        padding: 13px;
        margin-bottom: 25px;
    }

    /* PROPAGANDAS */
    section.main_propaganda .propaganda {
        width: var(--width-90);
    }

    section.propaganda a img,
    section.main_propaganda .propaganda a img {
        width: 100%;
    }

    /* POST GROUP - POST COMPLETO */

    #post_group {
        width: var(--width-90);
        height: auto;
        margin-bottom: 120px;
        display: flex;
        flex-direction: column;
    }

    #post_group .grid-posts {
        display: grid;
        width: 100%;
        height: 100%;
        grid-template-columns: 1fr;
        grid-template-rows: 1fr 1fr 1fr;
        row-gap: 20px;
    }
    /* NEXT POST */
    #next-post .wrapper-post {
        width: var(--width-90);
    }

    /* FOOTER - MAIS LIDAS */

    footer .wrapper {
        width: var(--width-90);
    }

    footer .wrapper .mais_lidas {
        flex-direction: column;
        padding: 40px 0;
    }

    footer .wrapper .mais_lidas .left,
    footer .wrapper .mais_lidas .right {
        width: 100%;
    }

    footer .wrapper .mais_lidas .left {
        margin-bottom: 20px;
    }

    footer .left .icon {
        width: 3vw;
        margin-left: 5px;
    }

    footer .left .etiquetas {
        flex-wrap: wrap;
    }

    footer .left .etiquetas a {
        margin-bottom: 20px;
    }
    footer .wrapper .links_contatos .links_grupo,
    footer .wrapper .links_contatos .newsletter {
        margin-bottom: 20px;
    }

    footer .wrapper .links_contatos .newsletter .input_news {
        width: 100%;
    }

    

    footer .wrapper .links_contatos {
        padding: 40px 0;
    }

    footer .wrapper .links_contatos .links_grupo {
        margin-bottom: 20px;
    }

    footer .wrapper .links_contatos {
        flex-direction: column;
    }

    footer .wrapper .direitos {
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    footer .wrapper .direitos .copyright {
        flex-direction: column;
        align-items: center;
        margin-bottom: 20px;
    }

    footer .wrapper .direitos .midias {
        align-items: center;
    }

    .modalNewsLetter.video .modal-content {
        width: 80%;
        height: 35%;
        border-radius: 0;
    }

    #content_post .main .left .newsletter #form_news {
        flex-direction: column;
        align-items: flex-start;
        gap: 0;
    }
}