/* =========== ESTILO BOTÃO =========== */
@media screen and (max-width: 980px) {	
	#btn-transparent{padding: 6px 24px; font-size: 86%;}
}




/* =========== ESTILO FONT =========== */
@media screen and (max-width: 980px) {	
	p{font-size: medium;}
	h1{font-size: 21px;}	
	h2{font-size: medium;}	
	h3{font-size: medium;}
}




/* =========== ESTILO MENU =========== }*/

@media screen and (max-width: 1199px) {	
	#menu-top{font-size: 14px;}
	#menu-top ul li{padding: 4px 2px;}
	nav img{width: 180px; height: auto;}
}
@media screen and (max-width: 991px) {	
	#menu-top{font-size: 10px; letter-spacing: 1px;}
	#menu-top ul li{padding: 4px 1px;}
	nav img{width: 130px; height: auto;}
}
@media screen and (max-width: 767px) {	
    #menu-top ul li img {float: left;}
    #menu .navbar-header {float: right;}
    #menu-top .icon-bar {background-color: #FFF;}
    #menu li {background-color: #0E0B00; border: 0;}
    #menu-top .li-down{top: 0px;}
    #menu-top li a:hover{text-decoration: underline;}
	nav img{width: 180px; height: auto;}
}
@media screen and (max-width: 425px) {	
	nav img{width: 110px; height: auto;}
}




/* =========== ESTILO SLIDE =========== */
@media screen and (max-width: 1440px) {	
	.content-carousel h1 {font-size: 5.7em;}	
	.content-carousel h2{font-size: 26px;}
	.content-topo h1 {font-size: 4.8em;}
	.content-topo h2 {font-size: 24px;}
}
@media screen and (max-width: 1024px) {	
	.content-carousel h1 {font-size: 3.4em;}	
	.content-carousel h2{font-size: 20px;}
	.content-topo h1 {font-size: 4.2em;}
	.content-topo h2 {font-size: 23px;}
}
@media screen and (max-width: 980px) {	
	.content-topo h1 {font-size: 3.4em;}
	.content-topo h2 {font-size: 20px;}
}
@media screen and (max-width: 767px) {	
	.content-carousel h1 {font-size: 3.8em;}	
	.content-carousel h2{font-size: 19px;}
	.content-topo h1 {font-size: 3.8em;}
	.content-topo h2 {font-size: 14px;}
}
@media screen and (max-width: 425px) {	
	.content-carousel h1 {font-size: 2.8em;}	
	.content-carousel h2{font-size: 14px;}
	.content-topo h1 {font-size: 2.8em;}
	.content-topo h2 {font-size: 14px;}
}
@media screen and (max-width: 320px) {	
	.content-carousel h1 {font-size: 1.8em;}	
	.content-carousel h2{font-size: 11px;}
}





/* =========== ESTILO CHAMADA ABAIXO SLIDE =========== */
@media screen and (max-width: 1205px) {	
	#chamada .content-chamada1, #chamada .content-chamada2, #chamada .content-chamada3{padding: 40px;height: 350px;}
}
@media screen and (max-width: 980px) {	
	#chamada .content-chamada1, #chamada .content-chamada2, #chamada .content-chamada3{padding: 26px;height: auto;}
}
@media (max-width: 767px) and (orientation: landscape){
	#chamada img {width: 16%; height: auto;}
}





/* =========== ESTILO CHAMADA PASSEIO TURISTICO  ===========
@media screen and (max-width: 768px) {	
	#passeios-index{ padding: 20px; margin: 30px 60px; }
} */




/* =========== ESTILO SERVIÇO INDEX =========== */
/*@media (min-width: 981px) and (max-width: 1269px) {	
	#servicos .txt-servicos{padding: 0px;}
}
@media screen and (max-width: 1205px) {	
	#servicos .txt-servicos{padding: 00px;}
}*/
@media screen and (max-width: 1280px){
	#servicos .txt-servicos{margin:0; padding: 20px; clear: both;}
	#servicos .picture-servicos{padding: 0px; clear: both;}	
}
@media screen and (max-width: 980px) {	
	#servicos .txt-servicos{padding: 50px;}
}
@media screen and (max-width: 800px) {	
	#servicos .txt-servicos h1{margin-top: -4px;}
	#servicos .txt-servicos{padding: 40px;}
}
@media screen and (max-width: 768px) {	
	#servicos .txt-servicos h1{margin-top: -4px;}
	#servicos .txt-servicos{padding: 35px;}
}






/* =========== ESTILO CLIENTES INDEX =========== */
@media screen and (max-width: 1205px) {	
	#clientes{padding: 20px 20px;}
	#clientes img{width: auto;height: 60px;}
}







/* =========== ESTILO OFFSHORE =========== */
@media screen and (max-width: 768px) {	
	#offshore-index{padding: 50px 20px;}
}






/* =========== ESTILO ÍNDICE =========== */
@media screen and (max-width: 1280px) {	
	#indice{font-size: medium;}
	#indice .col-md-12{padding: 16px 30px;}
}
@media screen and (max-width: 1024px) {	
	#indice .col-md-12{padding: 16px 0px 16px 20px;}
}
@media screen and (max-width: 980px) {	
	#indice .col-md-12{padding: 16px 0px 16px 150px;}
}
@media screen and (max-width: 800px) {	
	#indice{font-size: medium;}
	#indice .col-md-12{padding: 16px 0px 16px 60px;}
}
@media screen and (max-width: 640px) {	
	#indice .col-md-12{padding: 10px 10px;}
}













/* =========== ESTILO FOOTER =========== */
@media screen and (max-width: 640px) {	
	footer #rodape img{width: 160px; height: auto; padding-bottom: 30px;}
}
@media screen and (max-width: 767px){
	#rodape .col-md-4{text-align: center;}
}
@media (max-width: 767px) and (orientation: landscape){
	footer #rodape{text-align: center;}
}




/* =========== ESTILO MAIN DE CADA SUB-PÁGINA =========== */
@media screen and (max-width: 1024px) {	
	#main-geral{padding: 30px 60px;}
}
@media screen and (max-width: 767px) {	
	.img3{margin-top: 20px;}
}
@media screen and (max-width: 640px) {	
	#main-geral{padding: 30px 20px;}
	.imagens-geral .col-md-6{padding-top: 0px;}
	.img3{margin-top: 20px;}
	#main-geral .contato{ left: 0px; top: 30px; padding-bottom: 30px;}
}







/* =========== ESTILO TOPO DE CADA SUB-PÁGINA =========== */

@media screen and (max-width: 640px){
    #topo, #topo-van, #topo-executivo, #topo-ctto {padding: 80px 20px;}
}




/* =========== ESTILO INFORMAÇÕES PROTETOR  =========== */
@media screen and (max-width: 992px) {	
	#protetor-solar{ padding: 20px; margin: 30px 60px; }
}
@media screen and (max-width: 640px) {
	#protetor-solar p{ font-size: 18px; }
}