/*! CSS Document */
/*!-----XLG-----*/
@media (min-width:1200px){
/*!*/
}

/*!-----MD-----*/
@media (min-width:992px) and (max-width:1199px){
/*! Banner Titulo */
.mainBanner h2 {font-size:33px;line-height:33px;}
.mainBanner p {font-size:19px;}

/*! Banner Oil */
.mainOil {right:35px;}
.mainOil img {max-width:260px}

/*! Produtos / Page */
.allProducts{gap:30px;}
.prodMarcas .marcas{gap:5px;}
}

/*!-----SM-----*/
@media (min-width:768px) and (max-width:991px){
/*! Backgrounds / Page Padding */
.pg35padding{padding:0}
.rndButton,.rndButton:focus{padding:10px;font-size:11px}
.areaPadding {padding:30px 0}

/*! Banner Top */
.topImages{height:390px;}
#bgTopBanner{width:100%;height:390px;}

/*! Banner Titulo */
.mainBanner {right:35px;}
.mainBanner h2 {font-size:25px;line-height:25px;}
.mainBanner p {font-size:14px;}

/*! Banner Oil */
.mainOil {right:15px;}
.mainOil img {max-width:185px}

/*! Main Menu */
.nav > li > a {padding:10px;font-size:11px}
.nav > li > a.btn-contacto {padding:10px;font-size:11px}
.nav.pages > li > a {padding:10px;font-size:11px}
.nav.pages > li > a.btn-contacto {padding:10px;font-size:11px}

/*! Footer */
.footer-links img {height:35px;}
.footer-links ul.nav-links li a {padding:7px 6px}

/*! HP Empresa */
.hpEmpresa h1{font-size:30px;line-height:30px;margin:15px 0;}
.hpEmpresa p.lead {font-size:16px;line-height: 21px; }
.hpEmpresa .veiculos {margin:30px 0;}
.hpEmpresa .veiculos span[class*="icon-"]{font-size:80px;}
.hpEmpresa .verMais{margin-top:30px}

/*! Notícias */
.post {padding:15px;}
.blogPostArea p {font-size:15px;line-height:19px}

/*! Protecao */
.fixHeight {height:390px;}
.auto{bottom:-90px}
.auto img {height: 260px;}
.hpProtecao {padding:15px 15px 0}
.hpProtecao .protInfo {margin-top:30px}
.hpProtecao .verMais{margin-top:30px}

/*! Especialidades */
.hpEspecialidades p.lead {margin-bottom: 10px;}
.hpEspecialidades .selects span.rndButtonBlack {padding:10px;font-size:11px;height: 45px;}
.hpEspecialidades .selects a {height: 45px;font-size:11px;margin-top:10px;}
.hpEspecialidades .selects a {margin-top: 10px;}

/*! Produtos / Page */
.hpProdutos.page img {max-width: 100px;}
.hpProdutos.page .productsInfo h2{font-size:14px;line-height:18px;}
.allProducts{gap:20px;}
.barskewright{margin-left: 125px;}
.prodDescription .imgProd img {position: absolute;left: 0;top: 0;max-width: 185px;z-index:5}
.prodDescription .textArea {margin-top: 30px;margin-left: 200px;}
.prodMarcas .marcas .itemMarca { flex: 1 0 33%; /* explanation below */}
.prodMarcas .marcas{gap:3px;}

/*! Serviços / Page */
.servicoItem h2 {margin: 0;width: 90%;}

/*! Mapa */
.mapa {margin-top:15px;height:450px}
.mapa iframe {width:100%;height:450px;}

}

/*!-----SM Specific-----*/
@media (min-width:768px){
/*!*/
}

/*!-----XS Specific-----*/
@media (max-width:767px) and (orientation:landscape){
/*!*/
}

/*!-----XS-----*/
@media (max-width:767px){
.affix .burger.pages span {background:var(--main-white)} 
.affix .nav > li > a::after {border-bottom: 2px solid var(--main-color);} 
/*! Backgrounds / Page Padding */
.pg35padding{padding:0}
.rndButton,.rndButton:focus{padding:10px;font-size:11px}
.areaPadding {padding:30px 0}
.areaPaddingProd {padding:0 0 30px}

/*! Banner Top */
.topImages{height:300px;}
#bgTopBanner{width:100%;height:300px;background-position-x: right;}

/*! Banner Titulo */
.mainBanner {right:20px;}
.mainBanner h2 {font-size:20px;line-height:20px;}
.mainBanner p {font-size:12px;}

/*! Banner Oil */
.mainOil {right:10px;bottom:-20px}
.mainOil img {max-width:125px}

/*! Main Menu */
.navbar-toggle {padding: 9px 15px;}
.navbar-brand {padding: 15px 0 15px 30px;}
.navbar-collapse {z-index: 10;position: absolute;min-height: 100vh !important;width: 60%;background: rgba(0,0,0,.8);float: right;right: 0;top: 0;margin-right:0 !important;}
ul.mainMenu {padding: 60px 0 0;width: 100%;margin:0;}
.nav > li {text-align: right;}
.nav > li > a.btn-contacto {width: auto;float: right;margin-right: 10px;}
.nav > li > a {padding: 10px;margin-right: 0;}
.nav.pages > li > a.btn-contacto {width: auto;float: right;margin-right: 10px;padding: 10px 25px;}
.nav.pages > li > a {padding: 10px;margin-right: 0;color:var(--main-white)}

/*! Footer */
.footer-links {padding-bottom:15px;display:block;}
.footer-links img {height:35px;margin-bottom:15px;display:block;margin:0 auto 15px;}
.footer-links ul.nav-links {float: none;display: flex;justify-content: center;align-items: center;flex-wrap: wrap;gap: 5px;margin-bottom: 6px;}
.footer-links ul.nav-links li{margin-right:0;}
.footer-links ul.nav-links li a {font-size:11px;padding: 6px 9px;}

.footer-legal {display:block;padding-top:15px;}
.footer-legal p {text-align:center}
.footer-legal ul.social {margin:0;padding:0;list-style: none;float:none;display:block;text-align: center;margin-top:15px}

/*! HP Empresa */
.hpEmpresa h1{font-size:25px;line-height:25px;margin:15px 0;}
.hpEmpresa p.lead {font-size:14px;line-height: 19px; }
.hpEmpresa .veiculos {margin:15px 0;}
.hpEmpresa .veiculos span[class*="icon-"]{font-size:70px;}
.hpEmpresa .verMais{margin-top:30px}

/*! Notícias */
.bgNews h2{font-size:25px;line-height:25px;margin:0 0 15px;}
.post {padding:15px;}
.post h3 {font-size: 15px;line-height: 19px;}
.post p {margin-bottom:30px; font-size: 13px;line-height: 16px;}
.bgNews p.lead {margin-bottom:15px;font-size:16px;line-height: 20px;}
.bgNews img {min-width:100%}
.bgWhite {margin-top:15px}

.blogPostArea p {font-size:14px;margin:15px 0;}

/*! Protecao */
.fixHeight {height:290px;}
.auto{bottom:-40px}
.auto img {height: 110px;}
.hpProtecao {padding:15px 0 0}
.hpProtecao .protInfo {margin-top:30px}
.hpProtecao .protInfo h2 {margin-top:15px}
.hpProtecao .verMais{margin-top:30px}

/*! Especialidades */
.hpEspecialidades{display:block;}
.hpEspecialidades img{margin-left:-15px;}
.hpEspecialidades h2 {margin-top:15px;font-size:25px;line-height:25px;margin-bottom:15px}
.hpEspecialidades p.lead {font-size:14px;line-height: 19px; margin-bottom:10px}
.hpEspecialidades .selects span.rndButtonBlack {padding:10px;font-size:11px;height: 45px;margin-top: 10px;}
.hpEspecialidades .selects a {height: 45px;font-size:11px;margin-top:10px;}
.hpEspecialidades .selects a {margin-top: 10px;}

.hpProdutos h1{font-size: 25px;line-height: 25px;margin: 0 0 15px;}
.hpProdutos p.lead {font-size: 17px;line-height: 21px;margin-bottom:15px}

/*! Produtos */
.productsInfo h2{font-size:16px;margin-top:15px}
.productsInfo a {font-size:16px;}
.productsInfo {margin-top: 30px;}

/*! Contactos */
.bgImageContactos, .bgImageProdutos, .bgImageServicos,.bgImageSobre {height:155px;}
.topBannerText{height:155px;}
.topBannerText h1 {font-size:28px;}
.topBannerText p {font-size:18px;}
.contactos .line2{margin-top:0;}

/*! Formulário */
.formcontactos h2 {margin-top:30px}

/*! Visforms Bootstrap */
.span6 {float:left;width:100%;padding:0 15px}

/*! Mapa */
.mapa {margin-top:15px;height:300px}
.mapa iframe {width:100%;height:300px;}

/*! Produtos / Page */
.hpProdutos img {max-width: 170px;}
.hpProdutos .productsInfo h2{font-size:14px;line-height:18px; margin:15px 0 0}
.hpProdutos .productsInfo a {font-size:14px;}
.hpProdutos h2{font-size: 25px;line-height: 25px;margin: 0 0 15px;}
.hpProdutos.page img {max-width: 90px;}
.hpProdutos.page .productsInfo h2{font-size:14px;line-height:18px;}
.hpProdutos.page .productsInfo {margin-top: 15px;}
.allProducts{display:block;margin: 0 0 30px;}
.allProducts .productsInfo {width:50%;float:left}
.allProducts .productsInfo:last-child {width:100%;float:left}

.barskewright{margin-left: 55px;width:230px;height:35px;margin-top: 15px;}
.barskewright p{font-size:10px;padding-left:35px;line-height: 35px;}
.prodDescription{padding:30px 0}
.prodDescription .imgProd img {position: absolute;left: 0;top: 0;max-width: 85px;z-index:5}
.prodDescription .textArea {margin-top: 30px;margin-left: 0;font-size:14px;line-height:18px;color:var(--main-text)}
.prodDescription .textArea p{font-size:14px;line-height:18px;color:var(--main-text)}
.prodMarcas{padding-bottom:30px;}
.prodMarcas .marcas .itemMarca { flex: 1 0 20%; /* explanation below */}
.prodMarcas .marcas{gap:10px;}

.prodAditivos {padding-bottom: 30px;}
.prodAditivos .aditivos {gap:15px;}
.prodAditivos .itemAditivo h2 {font-size:13px;line-height:17px;}
.prodAditivos .itemAditivo p {font-size:13px;line-height:17px;}
.prodAditivos .itemAditivo {flex: 1 0 100%;padding:0}

/*! Serviços / Page */
.servicoItem {padding-bottom:30px!important}
.servicoItem h2 {margin: 0;width: 100%;margin-top:15px}
.servicoItem p {margin:0;margin-top:15px;font-size:13px;line-height:17px;}

/*! Bottom Bar */
.bottomBar {padding:15px;}
.bottomBar a {font-size:16px;line-height: 16px;}

/*! Noticias / Pages*/
.padT30 {padding-top: 15px !important;}

/*! Sobre Nós / Page */
.parcerias img {margin-left:0;margin-right:-15px;float:right}
.mT60{margin-top:30px}

/*! Pagination */
.pagination { margin: 30px 0 15px; justify-content: center; flex-direction: column; gap: 10px;}
}

/*!-----XSM-----*/
@media (min-width:490px) and (max-width:767px){
.col-xsm-6 {width:50%}

/*! Main Menu */
.navbar-collapse {width: 40%;}

/*! Banner Titulo */
.mainBanner {right:25px;}
.mainBanner h2 {font-size:23px;line-height:23px;}
.mainBanner p {font-size:13px;}

/*! Banner Oil */
.mainOil {right:15px;bottom:-20px}
.mainOil img {max-width:135px}

/*! Protecao */
.fixHeight {height:275px;}
.auto{bottom:-60px}
.auto img {height: 160px;}

/*! Produtos / Page */
.hpProdutos.page img {max-width: 100px;}
.hpProdutos.page .productsInfo h2{font-size:14px;line-height:18px;}
.hpProdutos.page .productsInfo {margin-top: 30px;}
.allProducts{display:block;margin: 0 0 30px;}
.allProducts .productsInfo {width:33%;float:left}
.allProducts .productsInfo:last-child {width:50%;float:left}
.allProducts .productsInfo:nth-child(4) {width:50%;float:left}

.barskewright{margin-left: 125px;width:290px;height:50px;}
.barskewright p{font-size:13px;padding-left:35px;line-height: 50px;}
.prodDescription{padding:30px 0}
.prodDescription .imgProd img {position: absolute;left: 0;top: 0;max-width: 150px;z-index:5}
.prodDescription .textArea {margin-top: 30px;margin-left: 160px;}
.prodMarcas{padding-bottom:30px;}
.prodMarcas .marcas{gap:2px;}
.prodMarcas .marcas .itemMarca { flex: 1 0 33%;}
.prodAditivos .itemAditivo {flex: 1 0 33%;padding:0}
}