@media screen and (max-width: 900px) { /*** Maximo de 900px ***/
    header{
        height: 80px;
    }
    /*** BTN Menu Mobile ***/
    header .contain-header .menu-select{
        display: flex;
    }

    /*? Navegação Mobile ?*/
    header .contain-header .contact-info{
        display: none;
    }

    nav.menu-mobile{
        width: 50%;
        height: calc(100vh - 100px);
        
        /* display: block; */

        padding: 2% 4% 100px;
        
        left: -50%;
    }
    nav.menu-mobile.fume-01{
        background: none;
        backdrop-filter: none;
        -webkit-backdrop-filter: none;
        box-shadow: none;
    }
    nav.menu-mobile ul{
        align-items: start;

    }
    nav.menu-mobile ul li a{
        font-size: 1.3rem;
    }

    nav.menu-mobile .social{
        justify-content: start;
    }
    nav.menu-mobile .social .social-icon{
        width: 45px;
        height: 45px;

        font-size: 2.5rem;
    }

    /*? Sections ?*/
    main section.section{
        padding: 80px 0 0;
    }
    main section.section .contain-section{
        padding: 0 4% 50px;
    }

    /*? Section Home ?*/
    section.section.section-home .background-op-image{
        background: url('../images/img_05.jpg');
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
    }
    section.section.section-home .background-op-image .gradient{
        height: 100%;
        background: linear-gradient(to bottom, var(--color-white-one) -5%, rgba(0, 0, 0, .5) 30%);
    }

    section.section.section-home .contain-section .links-util .social{
        color: var(--color-white-two);
        font-weight: 400;
    }
    section.section.section-home .contain-section .calling .effect-call h4{
        color: var(--color-white-one);
        font-weight: 400;
    }

    /*? Section About ?*/
    section.section.section-about .contain-section .page_content .areas_expertise .wrapper-areas_expertise .single-areas_expertise{
        max-width: 250px;
    }

    /*? Section Service ?*/
    section.section.section-service .background-op-image{
        background: url('../images/img_02.jpg');
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
    }
    section.section.section-service .background-op-image .gradient{
        height: 100%;
        background: linear-gradient(to bottom, var(--color-white-one) -5%, rgba(255, 255, 255, .1) 30%);
    }
}

@media screen and (max-width: 768px) { /*** Maximo de 768px ***/
    /*? Header ?*/
    header{
        padding: 0 4%;
    }
    
    /*? Sections ?*/
    main section.section{
        padding: 80px 0 0;   
    }
}

@media screen and (max-width: 688px) { /*** Maximo de 688px ***/
    section.section.section-about .contain-section .page_content .areas_expertise .wrapper-areas_expertise .single-areas_expertise{
        max-width: none;

        padding: 4% 2%;
    }
}
@media screen and (max-width: 600px) { /*** Maximo de 600px ***/
    /*? Section Service ?*/
    section.section.section-service .contain-section .wrapper-services .contain-services{
        grid-template-columns: repeat(2, 1fr);
    }
}
@media screen and (max-width: 500px) { /*** Maximo de 500px ***/
    /*! Modal !*/
    .modal-main .contain-modal .info-service .info-service-wrapper{
        flex-direction: column;
    }
    .modal-main .contain-modal .info-service .info-service-wrapper .info-service-single{
        width: 100%;

        padding-right: 0;
        padding-bottom: 15px;

        border-right: none;
        border-bottom: 1px solid var(--color-grey-p-2);

        text-align: center;
    }
    .modal-main .contain-modal .info-service .info-service-wrapper .areas_expertise{
        width: 100%;

        padding-left: 0;
        padding-top: 15px;

        text-align: center;
    }
    .modal-main .contain-modal .info-service .info-service-wrapper .areas_expertise .list-areas_expertise{
        flex-direction: row;
    }
}
@media screen and (max-width: 435px) { /*** Maximo de 435px ***/
    /*? Header  ?*/
    header .contain-header .logo-header h1 a{
        background-image: url(../images/icon_logo.png);

        width: 50px;
    }
    
    /*? Section Service ?*/
    section.section.section-service .contain-section .wrapper-services .contain-services{
        grid-template-columns: repeat(1, 1fr);
    }

    /*? Section Contact ?*/
    section.section.section-contact .contain-section .page_content .contact-info .single-contact-info{
        width: 100%;
        max-width: none;
    }
}
@media screen and (max-width: 400px) { /*** Maximo de 400px ***/
    /*! Config !*/
    :root {
        font-size: 90%;
    }
    main section.section{
        padding: 80px 0 0;
    }

    /*? Section About ?*/
    section.section.section-about .contain-section .page_content .areas_expertise .wrapper-areas_expertise .single-areas_expertise{
        padding: 4%;
    }
}

@media screen and (max-width: 385px) { /*** Maximo de 385px ***/
    
}