@media (min-width: 576px) {

    header .navbar .contact { display: inline-block; padding: 10px 25px; }

    #servicos .slick-prev { left: -10px; }
    #servicos .slick-next { right: -10px; }

}

@media (min-width: 768px) {

    #empresa.empresa #mvv .icon { width: 180px; height: 180px; padding: 30px 0; }

    #contato .box .contato .item .text .fone.email { font-size: 20px; }
    #depoimentos .depoimento .box .text { height: auto; }

}

@media (min-width: 992px) {

    body.fixed { padding-top: 95px; }

    header {
        background-color: var(--white);
        -webkit-transition: .2s ease-in;
           -moz-transition: .2s ease-in;
            -ms-transition: .2s ease-in;
             -o-transition: .2s ease-in;
                transition: .2s ease-in;
    }

    header .navbar { padding: 10px; }
    header .navbar-brand img {
        height: 94px;
        -webkit-transition: height .2s ease-in;
           -moz-transition: height .2s ease-in;
            -ms-transition: height .2s ease-in;
             -o-transition: height .2s ease-in;
                transition: height .2s ease-in;
    }
	header .navbar-expand-lg .navbar-nav .nav-link {
        padding: 42px 14px;
        -webkit-transition: .2s ease-in;
           -moz-transition: .2s ease-in;
            -ms-transition: .2s ease-in;
             -o-transition: .2s ease-in;
                transition: .2s ease-in;
    }

	header .nav-item.active .nav-link:before,
    header .navbar .nav-item:hover .nav-link:before { width: 100%; height: 4px; border-radius: 0 0 4px 4px; bottom: -14px; }
    header .navbar-nav .dropdown-menu { background-color: var(--white); box-shadow: var(--shadow); }
    header.fixed .navbar .contact {
        -webkit-transition: .2s ease-in;
           -moz-transition: .2s ease-in;
            -ms-transition: .2s ease-in;
             -o-transition: .2s ease-in;
                transition: .2s ease-in;
    }

    nav .breadcrumb { justify-content: start; }

    .title { font-size: 30px; }

    #servicos .gradient { min-height: 300px; height: 100%; padding: 50px 50px; }
    #servicos .gradient.blue { background: transparent; position: relative; }
    #servicos .gradient.blue:after { content: ''; position: absolute; bottom: 0; left: 50px; width: 99px; height: 4px; background: var(--orange-gradient);
                                    border-radius: 0 0 4px 4px; }
    #servicos .gradient .servico .subtitle { font-size: 16px; }

    #servicos.servicos .content { padding-bottom: 30px; margin-bottom: 30px; }

    #empresa { padding: 100px 0; }
    #empresa .title { margin-top: 0; }

    #empresa.empresa .box { padding: 50px; }
    #empresa.empresa .box:before { content: ''; position: absolute; top: 0; left: 0; width: 2px; height: 136px; background: var(--orange-gradient); }
    #empresa.empresa .box .subtitle { font-size: 30px; }
    #empresa.empresa .box .btn-bg-orange { padding: 0 40px; display: inline-flex; align-items: center; }
    #empresa.empresa .diferencial .blue img { left: 50px; top: -50px; width: 100%; height: 400px; object-fit: cover; }
    #empresa.empresa .diferencial .blue .left { bottom: 50px; left: 50px; border-width: 100px 0 0 100px; }
    #empresa.empresa .diferencial .blue .right { top: -50px; right: -50px; border-width: 0 100px 100px 0; }
    #empresa.empresa .diferencial .box { padding: 50px 100px; }
    #empresa.empresa .diferencial .box:before { background: transparent; }
    #empresa.empresa .diferencial .box .wrap-box { position: relative; padding: 25px; }
    #empresa.empresa .diferencial .box .wrap-box:before { content: ''; position: absolute; top: 0; left: 0; width: 2px; height: 136px; background: var(--orange-gradient); }
    #empresa.empresa .diferencial .box .wrap-box .text span { display: block; }
    #empresa.empresa #mvv .icon { width: 255px; height: 255px; padding: 65px 0; }

    #destaques { padding: 0; }
    #destaques .box .subtext .btn-orange { padding: 10px 15px; }

    #depoimentos .depoimento .box { padding: 80px 100px 50px; }

    #orcamento .title { font-size: 46px; }
    #orcamento .subtitle { font-size: 20px; }
    #orcamento .btn-bg-orange { display: inline-flex; align-items: center; padding: 0 40px; }

    #detalhe .box { padding-left: 20px; }
    #detalhe .box:before { content: ''; position: absolute; left: -10px; top: 0; width: 2px; height: 136px; background: var(--orange-gradient); }
    #detalhe .content { padding: 100px 0; }
    #detalhe .item .big { font-size: 30px; }

    #contato .box { padding: 25px 50px; }
    #contato .box:before { content: ''; width: 2px; height: 136px; position: absolute; top: 0; left: 0; background: var(--orange-gradient); }
    #contato .box .subtitle { font-size: 30px; }
    #contato .box .subtitle span { display: block; }
    #contato .btn-orange { padding: 0 40px; }
    #contato #form-contato { padding: 50px; }

    footer { padding: 50px 0 25px; }
    footer .logo { padding-bottom: 0; }
    footer .redes { padding: 0; }
    footer .b-left { border-left: 2px solid var(--gray-border); }

    #whatsapp { height: 120px; padding: 25px 0; display: block; }

}

@media (min-width: 1200px) {

    #servicos .gradient .servico .subtitle { font-size: 27px; }

}

@media (min-width: 1400px) {

    footer .scrollTop { left: auto; right: 120px; transform: translate(0, 0); }

}