﻿/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 750px) {

    .divMenuHome5 {
        display: none;
    }

    #divBanner {
        margin-top: 0px !important;
    }

    .navbar-brand {
        width: 130px !important;
    }

    .logoUE {
        height: 39px !important;
    }

    .detail {
        margin-top: 139px !important;
    }

    .owl-prev {
        display: none !important;
    }

    .owl-next {
        display: none !important;
    }

    .ft-boxed-hover ul li {
        width: 100%;
    }

    #openMenu {
        display: block !important;
    }

    .detail .banner {
        background-color: #898a88;
        margin-bottom: 30px;
        padding-top: 30px;
        padding-bottom: 0px !important;
        position: relative;
    }

    .detail .title span.headline-page {
        font-size: 20px;
    }

    .menuSecundario {
        padding-top: 20px;
    }

    .ft-content {
        width: 89% !important;
    }

    .ft-card-item {
        height: unset !important;
    }

    header .navbar .container .menu .navbar-nav > li:first-child {
        padding-left: 16px !important;
    }

    header .navbar .container .menu .navbar-nav > li > a {
        text-align: left;
    }

    .nav-container-final {
        background-color: white;
        padding-bottom: 0px !important;
    }

    #downBar {
        word-break: break-word;
        border-bottom: 1px solid #1db287;
    }

    .nav-container {
        padding: 0px !important;
    }

    .navbar .navbar-collapse {
        margin-top: 15px;
        padding-left: 7px;
        padding-right: 12px;
        max-height: 100%;
        border: none;
        box-shadow: none;
    }

        .navbar .navbar-collapse .navbar-nav {
            background-color: black;
            padding: 0px 25px;
        }

        .nav > li {
            padding-left: -52px;
            padding-right: 0px !important;
            border-bottom: 1px solid #1db287 !important;
            float: left;
            position: relative;
            display: block;
            padding-bottom: 5px;
        }

    .nav .navbar-nav .level-2 .main-menu {
        padding: 20px;
        background-color: black;
    }

    .banner-home .headerwrap p {
        font-size: 25px !important;
        line-height: 45px;
    }

    .banner-home .headerwrap {
        margin-top: 48px;
    }

    .navbar-brand {
        width: 100%;
        display: none;
    }

    .navbar-default {
        background-color: #fff;
        margin-top: 0px !important;
        position: fixed !important;
        width: 100% !important;
        margin-top: 0px !important;
    }

    .back {
        height: 420px !important;
    }

    .forms-pesquisa {
        margin-top: -81px !important;
    }

    .comoPodemosAjudar {
        font-size: 24px !important;
    }

    .navbar .navbar-collapse {
        margin-top: 0px !important;
    }

    .divMenuHome5 {
        display: block;
        position: fixed;
        z-index: 999999999;
        margin-top: 43px;
        padding-left: 0px !important;
        padding-right: 0px !important;
        top: 0px !important;
        height: 100% !important;
    }

    .header .navbar .container .menu .navbar-nav {
    
    background-color: #444 !important;
    
    }

    .divBanner {
        margin-top: 31px !important;
    }

    header {
        margin-top: -17px !important;
    }

    .navbar .navbar-header .navbar-toggle {
        margin-top: 9px;
        padding-right: 13px;
    }

    header .navbar .container .menu {
        position: unset;
    }

    .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
        background-color: transparent !important;
    }

    .SubMenu {
        text-align: center !important;
        padding: 20px;
    }

    header .navbar .container .menu {
        background: #fff;
    }

    .navbar-default .navbar-collapse, .navbar-default .navbar-form {
        border-color: #fff;
    }

    .navbar-default .navbar-nav > li > a {
        float: left;
        color: white !important;
        border-bottom: #18cc98 !important;
    }

    .icon-bar {
        background-color: #1db287 !important;
    }

    header .navbar {
        background-color: #fff !important;
    }

    .navbar-default .navbar-toggle {
        border: 0px;
    }

    .forms-pesquisa {
        position: fixed;
        width: 100%;
        z-index: 99;
        top: 154px;
        margin-top: unset;
    }

    .divMenuHome1 {
        top: 0 !important;
        height: 100%;
    }



    #searchInputs {
        display: none !important;
    }

        header .navbar .navbar-toggle .icon-bar {
        color: white;
        }

        .divMenuHomeMobile {
            display: block;
        }

        .navbar-nav {
            display: grid;
        }


}

/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) {
}

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) and (max-width: 1024px) {

    .divMenuHome1 {
        display: none !important;
    }

    .divMenuHome5 {
        display: none !important;
    }

    .navbar .navbar-collapse .navbar-nav {
        background-color: #444;
        padding: 0px 25px;
    }

    header .navbar .container .menu .navbar-nav {
        background-color: #444444;
    }

    .owl-prev {
        display: none !important;
    }

    .owl-next {
        display: none !important;
    }

    header .navbar {
        background-color: transparent;
    }

    .nav > li {
        right: 27px;
    }

        .nav > li > a {
            font-size: 17px !important;
        }

    .forms-pesquisa {
        width: 181px;
    }

    .nav-container {
        padding-bottom: 33px !important;
    }

    .navbar-default {
        margin-top: 61px !important;
    }

    .divMenuHome5 {
        top: 0px !important;
        height: 100% !important;
    }

    .nav > li > a {
        font-size: 30px;
    }

    .ft-boxed-hover ul li {
        width: 100%;
    }

    header .navbar .container .menu {
        width: 12%;
        text-align: center;
        padding: 20px;
    }

        header .navbar .container .menu .navbar-nav > li {
            left: -3px;
        }

    .menuTotal {
        display: none;
    }

    .navbar .navbar-collapse {
        position: absolute;
        top: 100%;
        z-index: 10;
        width: 100%;
        background: #444;
        margin: 0;
        padding: 0;
        left: 0;
    }
}
   

/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {
}
