@media (min-width: 1650px) {
#carousel .carousel-inner {
overflow: hidden;
height: 450px;
}
#carousel .carousel-caption {
bottom: 42%;
}
.noticia figure {
max-height: 200px;
}
.indicadores-home canvas {
width: 103% !important;
}
}
@media (max-width: 1650px) and (min-width: 1250px) {
#right .right-content {
right: 5%;
}
.main-nav ul li {
margin-left: 5px;
padding: 0;
}
.main-nav .drop {
margin-top: 7px;
display: none;
background: #fff;
margin-left: -1.8%;
z-index: 99;
padding: 5px;
padding-top: 10px;
}
.main-nav .drop li {
padding: 10px 5px;
}
.searchbox {
height: 32px;
right: 3%;
top: 0px;
height: 50px;
}
.searchbox .searchbox-input {
visibility: hidden;
}
.searchbox-icon {
width: 30px;
height: 20px;
font-size: 1.1em;
}
.searchbox-input {
height: 35px;
font-size: 0.8em;
padding: 0 0 0 5px;
text-align: center;
}
.searchbox-open {
position: absolute;
background: #75b84e;
align-items: center;
padding: 20px;
display: flex;
width: 186px;
width: 280px;
}
.searchbox-open div {
width: 100%;
}
.searchbox-open .searchbox-input {
visibility: visible;
width: 100%;
text-align: left;
}
.searchbox-submit {
bottom: 90%;
left: 92%;
z-index: 15;
}
.main-nav #search {
padding: 6px;
}
.searchbox-submit .fa {
font-size: 1.3em;
}
#carousel p {
font-size: 2.5em;
}
#carousel .carousel-control-next {
top: 47%;
right: 2.75%;
}
#carousel .carousel-control-prev {
top: 20.5%;
left: 82.25%;
}
.menu-carousel li a {
padding: 0 15px;
}
#gasolina {
margin-top: 0;
}
.precos-ref {
width: 100%;
}
.precos-ref .preco {
font-size: 1.5em;
}
}
@media (max-width: 1251px) {
.searchbox-open {
position: absolute;
background: #75b84e;
align-items: center;
padding: 10px;
display: flex;
midth: 280px;
margin-top: 1px;
}
.searchbox-open div {
width: 100%;
}
header #right button {
margin-top: 30px;
}
header #right {
background-attachment: unset;
}
#right .right-content {
right: 5%;
}
form#mc4wp-form-1 {
position: relative;
bottom: 5%;
}
#nav-section {
height: 45px;
}
.main-nav ul li {
margin-left: 5px;
padding: 0;
font-size: 0.8em;
}
.main-nav ul li > a {
padding: 12px 3px;
}
.main-nav .drop,
.main-nav .sub-menu {
min-width: 159px;
}
.searchbox {
right: 3%;
top: -1px;
width: 210px;
height:	45px;
}
.searchbox-icon {
height: 20px;
top: 10px;
}
.noticia figure {
max-height: 135px;
}
.searchbox-input {
visibility: hidden;
}
.searchbox-open .searchbox-input {
padding: 0;
visibility: visible;
}
.searchbox-input::placeholder {
font-size: 0.8em;
}
.main-nav #search {
padding: 0;
margin-top: 0;
font-size: 1.2em;
right: 5%;
}
.main-nav .drop {
margin-top: 7px;
display: none;
background: #fff;
margin-left: -2.2%;
z-index: 99;
padding: 5px;
padding-top: 10px;
}
.main-nav .drop li {
margin-left: 0;
}
.main-nav .drop li a {
padding: 0 9px;
}
#carousel .carousel-inner {
height: auto;
}
#carousel .carousel-caption {
bottom: 33%;
}
#carousel p {
font-size: 2em !important;
}
#carousel .carousel-caption button {
font-size: 0.8em;
padding: 5px 10px;
}
#carousel .carousel-indicators {
bottom: 40%;
left: 79.6%;
}
#carousel .carousel-control-next {
top: 53.5%;
}
#carousel .carousel-control-prev {
top: 28%;
right: 3%;
}
.burger-button {
display: none;
}
#carousel .carousel-item {
height: 449px;
}
.menu-carousel li {
border-bottom: 1px solid #0080c842;
padding-right: 0;
}
.menu-carousel li a {
padding: 0 13px;
}
#gasolina {
margin-top: 0;
}
.precos-ref {
width: 100%;
}
.precos-ref .preco {
font-size: 1.5em;
}
.consumo {
font-size: 0.8em;
}
.consumo th {
font-size: 0.7em;
padding: 7px;
}
}
@media (max-width: 1023px) {
#carousel .carousel-caption {
bottom: 23%;
}
.offset-1 {
margin-left: 0 !important;
}
.noticias .noticia p {
height: 60px;
}
.noticias .noticia h2 {
height: 60px;
}
.logos img {
margin-bottom: 10px;
}
.noticias .noticia {
-ms-flex: 0 0 50% !important;
flex: 0 0 50% !important;
max-width: 100% !important;
}
.noticia figure {
max-height: 175px;
}
.noticia figure img {
width: 100%;
}
header #right {
margin: auto;
}
header #right .right-content {
margin: auto;
padding: 15px;
left: 0;
float: right;
}
.main-nav {
display: none;
width: 100%;
height: auto;
margin: auto;
}
.main-nav ul {
background: #0080c8;
height: auto;
margin: auto;
padding: 0px 12px 0px 2px;
}
.main-nav ul li {
display: list-item;
padding: 7px auto;
text-align: center;
font-size: 1em;
}
.main-nav ul li a {
color: #fff;
padding: 12px;
}
.main-nav.open {
display: block;
position: absolute;
z-index: 45;
}
.main-nav ul li:hover > .drop {
display: block;
position: relative;
}
.main-nav .drop {
width: 100%;
margin: 15px 0 0 0;
background: #0080c8;
}
.main-nav .drop li {
margin: auto;
padding: 15px;
}
.main-nav .drop li a {
padding: 15px 10px;
color: #fff;
}
#search {
display: none;
}
.burger-button {
display: block;
position: relative;
right: 2%;
margin-bottom: 0px;
top: 0px;
}
#nav-icon3 {
width: 40px;
position: relative;
margin: 36px 40px 0px 50px;
-webkit-transform: rotate(0);
-moz-transform: rotate(0);
-o-transform: rotate(0);
transform: rotate(0);
-webkit-transition: 0.5s ease-in-out;
-moz-transition: 0.5s ease-in-out;
-o-transition: 0.5s ease-in-out;
transition: 0.5s ease-in-out;
cursor: pointer;
float: right;
z-index: 999999999;
padding: 5px;
float: left;
}
#nav-icon3 span {
display: block;
position: absolute;
height: 4px;
width: 100%;
background: #fff;
border-radius: 9px;
opacity: 1;
left: 0;
-webkit-transform: rotate(0);
-moz-transform: rotate(0);
-o-transform: rotate(0);
transform: rotate(0);
-webkit-transition: 0.25s ease-in-out;
-moz-transition: 0.25s ease-in-out;
-o-transition: 0.25s ease-in-out;
transition: 0.25s ease-in-out;
}
#nav-icon3 span:nth-child(1) {
top: 0;
}
#nav-icon3 span:nth-child(2),
#nav-icon3 span:nth-child(3) {
top: 10px;
}
#nav-icon3 span:nth-child(4) {
top: 20px;
}
#nav-icon3.open span:nth-child(1) {
top: 10px;
width: 0%;
left: 50%;
}
#nav-icon3.open span:nth-child(2) {
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
}
#nav-icon3.open span:nth-child(3) {
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
}
#nav-icon3.open span:nth-child(4) {
top: 18px;
width: 0%;
left: 50%;
}
.carousel-caption {
text-align: center;
width: 100%;
}
#carousel p {
width: 80%;
font-size: 2em;
}
#carousel .carousel-caption {
left: 4%;
}
#carousel .carousel-indicators {
display: none;
}
#carousel .carousel-control-next i,
.carousel-control-prev i {
display: none;
}
.menu-slideshow-mobile {
display: block;
background: #f2f2f2;
cursor: pointer;
transition: ease 0.75s;
}
.menu-slideshow-mobile.open {
background: #0080c8;
}
#carousel .menu-slideshow-mobile p {
padding: 20px;
margin: 0;
text-shadow: none;
font-weight: 700;
position: relative;
font-size: 1.2em !important;
width: 100%;
}
#carousel .menu-slideshow-mobile.open p {
color: #fff;
}
.arrow-mobile {
display: inline-block;
width: 0;
height: 0;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-top: 10px solid #0080c8;
position: absolute;
margin-left: 25%;
top: 25px;
transition: ease 0.75s;
}
.arrow-mobile.open {
transform: rotate(180deg);
border-top: 10px solid #fff;
}
.menu-carousel {
display: none;
}
.menu-carousel.open {
display: block;
position: relative;
text-align: left !important;
bottom: 0;
}
.menu-carousel li {
width: 100%;
border-bottom: 1px solid #0080c842;
max-height: 65px;
}
.menu-carousel li a {
padding-right: 0%;
padding-left: 3%;
display: block;
max-height: 65px;
}
#main {
margin-top: 0;
}
#main h4 {
margin-top: 20px;
}
#main .consumo th {
font-size: 1.2em;
}
#main .consumo td {
font-size: 1.2em;
}
#newsletter {
padding: 40px 10px 80px 25px;
}
.indicadores-home {
flex: 0 0 100% !important;
max-width: 100% !important;
}
.introducoes-home,
.precos-ref-home {
flex: 0 0 50% !important;
max-width: 50% !important;
}
#newsletter p {
width: 100%;
}
#newsletter .formulario {
width: 100%;
top: 20px;
}
#social {
margin-top: 80px;
}
a,
footer p,
li {
font-size: 1.2em;
}
}
@media (max-width: 767px){
.introducoes-home, .precos-ref-home {
flex: 0 0 100% !important;
max-width: 100% !important;
}
@media (max-width: 8px) {
.burger-button {
top: -88px;
}
.main-nav ul {
background: #f2f2f2;
top: -45px;
border: 2px solid #0080c8;
position: relative;
margin: 0;
padding: 0;
}
.main-nav ul li {
padding: 0px 0;
color: #0080c8;
border-bottom: 1px solid #75b84e;
margin: 0;
}
.main-nav ul li a {
position: relative;
color: #0080c8;
padding: 15px 15px;
}
#nav-section {
height: 0;
}
#carousel .carousel-item {
max-width: auto;
overflow: hidden;
}
#carousel .carousel-inner {
height: auto;
}
.lang-item {
font-size: 0.9em;
font-weight: 700;
}
#main #precos-ref {
margin-bottom: 40px;
}
header #right button {
padding: 5px 40px;
width: 100%;
margin-left: 0;
border-radius: 0;
margin-top: 15px;
}
header #right .right-content {
padding: 5px 0 0 0;
float: none;
}
header #right {
padding: 0;
margin: 0;
}
#nav-icon3 span,
#nav-icon4 span {
background: #0080c8;
}
#carousel .carousel-caption {
top: 30px;
left: 3%;
}
#carousel p {
font-size: 1em !important;
}
#carousel .carousel-item {
height: 215px;
}
.menu-carousel {
z-index: 25;
}
.menu-carousel li a {
padding-right: 0;
}
.arrow-mobile {
margin-left: 22%;
}
.introducoes-home,
.precos-ref-home {
flex: 0 0 100% !important;
max-width: 100% !important;
}
#newsletter {
margin-top: 35px;
}
footer .menu-social i {
font-size: 1.2em;
}
.mc4wp-form-fields {
width: 100%;
top: 0;
}
.noticias .noticia {
-ms-flex: 0 0 100% !important;
flex: 0 0 100% !important;
max-width: 100% !important;
}
.noticia figure {
max-height: 215px;
}
}
@media (max-width: 1380px) and (min-width: 1250px) {
#Layer_1 {
width: 100px;
margin: 0 3px;
padding-top: 0;
}
.menu-carousel li {
padding-right: 1%;
}
#carousel .carousel-inner {
height: 400px;
}
#carousel .carousel-caption {
bottom: 50%;
}
#carousel .carousel-caption p {
font-size: 2.2em !important;
}
.noticia figure {
max-height: 165px;
}
.main-nav ul li > a {
padding: 15px 5px;
}
}
@media (max-width: 1700px) and (min-width: 1400px) {
#carousel .carousel-caption {
bottom: 44%;
}
#carousel .carousel-caption p {
font-size: 2.4em !important;
}
.noticia figure {
max-height: 187px;
}
}