@media(max-width: 1700px){
    /*SOMOS*/
    #somos{
        background-image: url('../img/bg_somos2.png');
        background-position: top left;
    }
}
@media(max-width: 1400px){
    /*NAV*/
    nav.content{
        padding: 60px 20px 20px 20px;
    }
    #diferentes{
        background-image: url('../img/banner_diferentes.png');
        background-position: right;
        padding: 0;
    }
    /*SlideShow*/
    .slide{
        padding-left: 50px;
    }
    .slides_controls{
        left: calc(50vw - 580px );
    }
    /*SOMOS*/
    #somos{
        background-image: url('../img/bg_somos3.png');
    }
    #somos .text_box:first-child{
        margin-left: 40px;
    }
    #somos .content .text_box:first-child>h3{
        font-size: 2.8rem;
    }
}
@media(max-width: 1200px){
    :root{
        font-size: 16px;
    }
     /*SlideShow*/
     .slides_controls{
        left: 50px;
    }
    .arrow_control{
        display: none;
    }
    /*Menu*/
    nav{
        justify-content: space-between;
    }
    nav .logo{
        flex: unset ;
    }
    nav ul li{
        padding: 2px 12px;
    }
    nav .social_midia{
        flex: unset ;
    }
    /*SOMOS*/
    #somos .content .text_box:first-child>h3{
        width: 400px;
    }
    #somos .content .text_box p{
        padding-right: 10px;
        width: 100%;
    }
    /*Diferentes*/
    #diferentes .content .text_column_area{
        width: 250px;
    }
    #diferentes .content .text_column_area p{
        width: 230px;
    }
    #diferentes .content .text_column_area .title{
        width: 292px;
    }
    /*PRODUTOS*/
    .products_header .products_header_half .half_content .title{
        width: 440px;
    }
}
@media(max-width: 1024px){
    /*Menu*/
    nav{
        justify-content: space-around;
    }
    nav .menu_mobile{
        display: flex;
    }
    nav ul{
        display: none;
        position: absolute;
        top: 0;
        left: 0;
        width: 300px;
        flex-direction: column;
        background-color: rgba(12, 49, 146, 0.95); 
        z-index: 2; 
        border-radius: 0 30px 0 0; 
        padding-top: 20px;
    }
    nav ul li.active{
        border: 0;
        border-bottom: 1px solid #ccc;
    }
    nav ul li{
        padding: 20px 0 20px 50px;
        border-bottom: 1px solid #ccc;
        border-radius: 0;
    }
    nav ul x{
        display: block;
        position: absolute;
        top : 10px;
        right: 20px;
        color: red;
        width: 10px;
        aspect-ratio: 1;
        font-size: 20px;
        font-family: 'Grold-Bold';
        cursor: pointer;
    }
    /*Somos*/
    #somos .content .text_box:nth-child(3){
        margin-left: 40px;
    }
    /*Diferentes*/
    #diferentes{
        background-image: none;
    }
    #diferentes .content{
        flex-direction: column;
        align-items: center;
    }
    #diferentes .content .text_column_area{
        width: 90%;
        height: auto;
        align-items: center;
        text-align: center;
    }
    #diferentes .content .text_column_area:nth-child(2){
        width: 90%;
        justify-content: space-between;
        align-items: center;
        cursor: pointer;
        margin-top: 100px;
    }
    #diferentes .content .text_column_area .title{
        font-size: 4rem;
        width: 404px;
    }
    #diferentes .content .text_column_area p{
        width: 460px;
        font-size: 1.5rem;
    }
    /*Parceiros*/
    #parceiros .text{
        width: 450px;
        text-align: center;
    }
    #parceiros .text>span{
        font-size: 1.5rem;
    }
    #parceiros .text h3{
        margin-top: 15px;
        line-height: 80%;
    }
    #parceiros .logo_parceiros img{
        height: calc(8vw);
    }
}
@media(max-width: 960px){
    /*SOMOS*/
    #somos{
        background-image: none;
        background-color: #db3f52;
        padding: 0;
    }
    #somos .content{
        flex-wrap: wrap;
        padding: 0;
    }
    #somos .content .text_box{
        width: 50%;
        padding: 50px 50px;
        margin: 0;
        text-align: center;
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    #somos .content .text_box p{
        margin-top: 50px;
        width: 80%;
    }
    #somos .content .text_box:first-child{
        width: 100%;
        margin-left: 0;
        background-image: url('../img/bg_somos2.png');
        display: flex;
        justify-content: center;
        text-align: left;
    }
    #somos .content .text_box:first-child>h3 {
        width: 355px;
    }
    #somos .content .text_box .title {
        margin-bottom: 0;
    }
    #somos .content .text_box:nth-child(3) {
        margin-left: 0;
    }
    /*PRODUTOS*/
    .products_header .products_header_half .half_content{
        padding: 45px;
    }
    .products_header .products_header_half .half_content .title{
        width: 370px;
        font-size: 2.5rem;
    }
    .products_header .products_header_half .half_content p{
        margin: 40px 0;
        width: 100%;
    }
    /*Footer*/
    footer .contato>img{
        width: 280px;
        left: calc(50vw - 140px);
    }
}
@media(max-width: 800px){
    :root{
        font-size: 14px;
    }
    /*nav*/
    nav.content{
        padding: 40px 20px 20px 20px;
    }
    /*SlideShow*/
    .slide{
        padding: 155px 0 50px 0;
        height: 700px;
    }
    .internal_slide{
        width: 70vw;
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .slide1{
        background-image: url("../img/Banner_Mobile1.png");
    }
    .slide2{
        background-image: url("../img/Banner_Mobile3.png");
    }
    .slide3{
        background-image: url("../img/Banner_Mobile2.png");
    }
    .slider .slide h2{
        margin-top: 40px;
    }
    .slider .slide h2,.slider .slide:first-child h2{
        width: 100%;
        text-align: center;
    }
    .slider .slide .internal_slide hr{
        display: none;
    }
    .slider .slide p{
        display: none;
    }
    /*.slider .slide:nth-child(3) .internal_slide{
        justify-content: space-around;
    }
    .slider .slide:nth-child(3) .internal_slide hr{
        display: block;
        margin: 0;
    }
    .slider .slide:nth-child(3) p{
        display: initial;
        text-align: center;
        margin: 0;
    }*/
    .slides_controls{
        display: none;
    }
    /*Geral*/
    .content{
        padding: 60px 15px;
    }
    /*PRODUTOS*/
    .products_header{
        flex-direction: column;
    }
    .products_header .products_header_half{
        width: 100vw;
    }
    .products_header .products_header_half:first-child{
        background-image: url('../img/produtos_banner_mobile.png');
        aspect-ratio: 1.5;
    }
    .products_header .products_header_half .half_content{
        display: flex;
        flex-direction: column;
        max-width: 100vw;
        width: 100vw;
        align-items: center;
    }
    .products_header .products_header_half .half_content .title{
        width: 348px;
        text-align: center;
        font-size: 2.7rem;
    }
    .products_header .products_header_half .half_content p{
        width: 400px;
        text-align: center;
    }
    .products_index .product_1_2, .products_index .product_1_3{
        width: 100vw;   
        aspect-ratio: 2.97;
    }
    .products_index>div .bg_name{
        display: flex;
    }
    /*Parceiros*/
    #parceiros .text{
        width: 400px;
    }
    /*Footer*/
    footer{
        background-image: url('../img/banner_footer_mobile.png');
        background-position: right;
        padding-top: 150px;
    }
    footer .contato{
        flex-direction: column-reverse;
    }
    footer .contato>img {
       top : 150px;
    }
    footer .contato .contato_box{
        margin: 0;
        margin-top: 100px;
        height: 100px;
    }
    footer .contato_box a{
        display: flex;
        justify-content: center;
    }
}
@media(max-width: 650px){
    /*menu*/
    nav .logo{
        width: 200px;
        justify-content: center;
    }
    nav .logo img{
        width: 75%;
    }
    /*SlideShow*/
    .slide{
        height: 550px;
        padding: 100px 0 50px 0;
    }
    .internal_slide{
        width: 90vw;
    }
    .slider .slide h2{
        font-size: 2.7rem;
        line-height: 2.7rem;
    }
    /*Somos*/
    #somos .content .text_box:first-child{
        background-image: url('../img/bg_somos_mobile.png');
        background-size: cover;
        background-repeat: no-repeat;
        height: 60vw;
    }
    /*Diferentes*/
    #diferentes .content {
        padding: 70px 0 0 0;
    }
    #diferentes .content .text_column_area:nth-child(2){
        width: 100%;
        margin-top: 70px;
    }
    /*Parceiros*/
    #parceiros .text .title{
        text-align: center;
    }
    #parceiros .logo_parceiros{
        flex-wrap: wrap;
        justify-content: space-around;
    }
    #parceiros .logo_parceiros img{
        height: 60px;
        margin: 0 20px;
    }
    #parceiros .logo_parceiros img:first-child{
        margin-bottom: 40px;
    }
}
@media(max-width: 500px){
    :root{
        font-size: 12px;
    }
    /*Menu*/
    nav.content{
        padding: 20px 15px;
        justify-content: space-between;
    }
    nav .menu_mobile{
        height: 25px;
    }
    nav .logo{
        width: 170px;
    }
    nav .menu_mobile hr{
        width: 25px;
        height: 4px;
    }
    nav ul{
        max-width: 100vw;
    }
    nav .social_midia img{
        width: 25px;
    }
    /*Header*/
    header .banners h1{
        font-size: 3rem;
        width: 260px;
    }
    header .banners .controls hr {
        width: 25px;
        height: 5px;
    }
    /*Somos*/
    #somos .content .text_box:first-child{
        height: 90vw;
    }
    /*Somos*/
    #somos .content .text_box:first-child .title{
        line-height: 40px;
    }
    #somos .content .text_box:first-child>h3 {
        width: 310px;
    }
    #somos .content .text_box{
        width: 100%;
    }
    #somos .content .text_box .title {
        width: 255px;
        font-size: 3rem;
    }
    #somos .content .text_box p {
        margin-top: 20px;
    }
    #somos .content .text_box:nth-child(3){
        padding-top: 0;
    }
    /*Diferentes*/
    #diferentes .content .text_column_area .title, #diferentes .content .text_column_area:first-child .title{
        width: 80vw;
        font-size: 3.5rem;
    }
    #diferentes .content .text_column_area p{
        width: 95vw;
    }
    /*Produtos*/
    .products_header .products_header_half .half_content .title{
        width: 269px;
    }
    .products_header .products_header_half .half_content p{
        width: 60vw;
    }
    /*Parceiros*/
    #parceiros .logo_parceiros img{
        margin-bottom: 40px;
    }
    #parceiros .logo_parceiros img:last-child,#parceiros .logo_parceiros img:nth-child(3){
        margin-bottom: 0;
    }
}
@media(max-width: 400px){
    :root{
        font-size: 10px;
    }
    /*SlideShow*/
    .slide{
        height: 380px;
        padding: 80px 0 50px 0;
    }
    .internal_slide{
        width: 95vw;
    }
    .slider .slide h2{
        font-size: 2.1rem;
        line-height: 2.1rem;
    }
    /*menu*/
    nav .menu_mobile{
        height: 20px;
    }
    nav .menu_mobile hr {
        width: 20px;
        height: 4px;
    }
    nav .logo{
        width: calc(100px + 15vw);
    }
    nav .social_midia img {
        width: 20px;
        margin: 0 4px;
    }
    /*header*/
    header .banners h1{
        width: 215px;
    }
    header .banners h2{
        width: 140px;
    }
    /*SOMOS*/
    #somos .content .text_box:first-child>h3 {
        width: 230px;
        font-size: 2.5rem;
    }
    /*Produtos*/
    .products_header .products_header_half .half_content p{
        width: 70vw;
    }
    .products_header .products_header_half .half_content a{
        padding: 0 15px;
    }
    /*Parceiros*/
    #parceiros .text .title{
        font-size: 3rem;
    }
    #parceiros .logo_parceiros img:nth-child(3){
        margin-bottom: 40px;
    }
    /*Footer*/
    footer .contato>img{
        width: 240px;
        left: calc(50vw - 120px);
    }
}