/* =========== mobile ===========*/
/* smartphones e tablet */
@media (max-width: 767.98px){

/* Cabeçalho */
#header{
	padding-bottom: 10px !important;
}

#header .menu-superior{
	display: none;
}
#header .navbar{
	height: auto;
	margin-top: 0;
}
#header .navbar-brand{
	text-align: center;
}
#header .search-bar{
	height: auto !important;
	margin-top: 0;
}

#header .col-sm-4, #header.col-sm-3{
	width: auto;
}
.menu-principal .nav-link{
	width: 100% !important;
	text-align: center !important;
}
}