@media screen and (max-width: 350px) {
    #pesquisarBtn, #campoPesquisa::placeholder {
         font-size: 0.8rem !important;  
     }
 }
#contato {
 padding-top: 80px !important;
 padding-bottom: 80px !important;
}

#navbar-bg {
 height: 75px;
 z-index: -1;
 background-color: white;
 width: 42%;
 position: absolute;
}

#navbar-bg-right {
 width: 42%;
 height: 72px;
 z-index: -1;
 background-color: white;
 right: 0px;
 position: absolute;
}

#nav {
 text-transform: uppercase;
 z-index: 9998;
 display: flex;
 justify-content: space-between;
 align-items: center;
 position: absolute;
 width: 42%;
 line-height: 25px;
 font-size: 15px;
 font-family: 'Open Sans', sans-serif;
 color: #0D1828;
 font-weight: 400;
 overflow: visible;
}

#nav-right {
 text-transform: uppercase;
 z-index: 9998;
 display: flex;
 justify-content: space-between;
 align-items: center;
 position: absolute;
 width: 42%;
 line-height: 25px;
 font-size: 15px;
 font-family: 'Open Sans', sans-serif;
 color: #0D1828;
 font-weight: 400;
 overflow: visible;
 right: 0px;
}

#nav a:hover {
 color: #0D1828;
 transition-duration: 0.2s;
 transition-timing-function: ease;
 font-weight: 600
}

#navbar ul li {
 display: inline-block;
}

.brand-center {
 z-index: 999;
 display: flex;
 justify-content: center;
 align-items: center;
 position: absolute;
 top: 0;
 left: 0;
 right: 0;
}

#brand-block {
 width: 330px;
 height: 150px;
 background-color: #0D1828;
}

@media (min-width: 1150px) and (max-width: 1449px) {
 #brand-block {
     width: 280px;

 }
}

@media (min-width: 992px) and (max-width: 1149px) {
 #brand-block {
     width: 200px;
 }
}

.brand-center img {
 padding-top: 50px;
 margin: 0 auto;

}

@media (min-width: 1150px) and (max-width: 1449px) {
 .brand-center img {
     width: 200px;
     height: 44, 8px;
 }
}

@media (min-width: 992px) and (max-width: 1149px) {
 .brand-center img {
     width: 175px;
     height: 31, 4px;
 }
}

.first-nav {
 width: 33vw;
 display: flex;
 justify-content: space-around;
 margin-left: 150px;
 padding-right: 1%;
 flex-direction: row;
 margin-top: 25px;
}

@media (min-width: 1150px) and (max-width: 1549px) {
 .first-nav {
     margin-left: 100px;
     padding-right: 3%;
 }
}

@media (min-width: 992px) and (max-width: 1149px) {
 .first-nav {
     margin-left: 70px;

 }
}

.second-nav {
 width: 33vw;
 display: flex;
 justify-content: space-around;
 position: absolute;
 top: 0;
 right: 0;
 margin-right: 170px;
 padding-left: 1%;
 flex-direction: row;
 margin-top: 25px;
}

@media (min-width: 1550px) and (max-width: 1900px) {
 .second-nav {
     padding-left: 1%;
     margin-right: 80px;
 }
}

@media (min-width: 1150px) and (max-width: 1549px) {
 .second-nav {
     margin-right: 40px;
     padding-left: 2%
 }
}

@media (min-width: 992px) and (max-width: 1449px) {
 .second-nav li a {
     margin-right: 8px;
 }
}

@media (min-width: 992px) and (max-width: 1149px) {
 .second-nav {
     margin-right: 40px;
     padding-left: 0% !important;

 }
}

.service-submenu {
 font-size: 12px;
 text-transform: none;
 margin-left: 100%;
 width: 240px;
 padding: 20px;
 line-height: 1rem;
 display: none;
 position: absolute;
 background-color: white;
 box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
 z-index: 9999;
 top: 100%;
 left: 0;
 transition-duration: 0.2s;
}

@media (min-width: 992px) and (max-width: 1149px) {
 .service-submenu {
     margin-left: 40%;
 }
}

@media (min-width: 1150px) and (max-width: 1289px) {
 .service-submenu {
     margin-left: 45%;

 }
}

@media (min-width: 1500px) {
 .service-submenu {
     margin-left: 63%;
     margin-top: 0;
 }
}

.dropdown:hover .service-submenu,
.service-submenu:hover {
 display: block;
}

.service-submenu li {
 padding: 10px;
}

.service-submenu a {
 color: #0D1828;
 text-decoration: none;
}

.droplink {
 height: 60px;
}

@media (max-width: 991px) {
 #nav {
     display: none;
 }
}

@media (max-width: 991px) {
 #nav-right {
     display: none;
 }
}

@media (max-width: 991px) {
 #navbar-bg {
     display: none;
 }
}

@media (max-width: 991px) {
 .brand-center {
     display: none;
 }
}

@media (min-width: 992px) {
 #mobile-menu {
     display: none;
 }
}

#nav-right a:hover {
 color: #0D1828;
 transition-duration: 0.2s;
 transition-timing-function: ease;
 font-weight: 600
}

.back-to-top2 {
 background-image: url("arquivos/icon-zap.png");
 width: 75px;
 height: 75px;
 line-height: 75px;
 border-radius: 55px;
 text-align: center;
 display: none;
 position: fixed;
 z-index: 999;
 right: 2px;
 bottom: 100px;
 transition: all 0.2s;
}

.page-title {
 background: url('https://images.unsplash.com/photo-1509024644558-2f56ce76c490?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=1470&q=80');
 background-repeat: no-repeat;
 background-size: 100% 100%;

}


@media (max-width: 767px) {
 #contato {
     padding: 20px;
 }

 .page-title {
     min-height: 300px !important;
 }

 .aux {
     padding-top: 90px !important;
     padding-left: 20px;
 }

 .aux h2 {
     max-width: 300px;
     font-size: 24px;
 }
}
h4{
 margin-top: 20px !important;
 font-size: 24px !important;
 font-weight: 500;
}
@media(max-width: 991px){
h1{
 font-size: 28px !important;
}
h2{
 font-size: 24px !important
}
}

.ui-menu .ui-menu-item-wrapper {
    position: relative;
    padding: 20px 1em 20px 0.4em !important;
    font-size: 1.25rem !important;
}
@media(max-width: 500px){
 .ui-menu .ui-menu-item-wrapper {
     font-size: 0.85rem !important;
 }
}
    .result-item {
            margin-bottom: 10px;
            background:rgba(192, 181, 150, 0.1);
            border: 2px solid #0D1828;
            display: flex;
            text-align: left;
            align-items: start;
            justify-content: start;
            padding: 10px;
            height: 70px;
            line-height: 50px;
        }

        .city-item, .tribunal-item {
            margin-bottom: 5px;
            font-size: 1.5rem;
        }

        .separator {
            margin-bottom: 5px;
            margin-left: 10px;
            margin-right: 10px;
            color: #0D1828;
            font-size: 1rem;
        }

        .tribunal-item {
            color: #0D1828;
            font-weight: 600;
        }
        #searchBox{
            margin-bottom: 20px !important;
        }
        @media(min-width: 500px) and (max-width: 991px){
            .tribunal-item, .city-item{
                font-size: 1rem !important;
            }
            
        }
        @media(max-width: 500px){
            .tribunal-item, .city-item{
                font-size: 0.75rem;
            }
            .separator {
                margin-bottom: 5px;
                margin-left: 3px;
                margin-right: 3px;
                color: #0D1828;
                font-size: 1rem;
            }
            .result-item {
                margin-bottom: 10px;
                border: 2px solid #0D1828;
                display: flex;
                text-align: left;
                align-items: start;
                justify-content: start;
                padding: 10px;
                height: 70px;
                line-height: 20px;
        }
            input{
                height: 70px !important;
                margin-bottom: 0px !important;
            }
            #searchBox{
                margin-bottom: 0px !important;
            }
        }