/* DESENVOLVIDO POR WESLEY SOUZA
24/07/2015 - TODOS OS DIREITOS RESERVADOS */

@media all and (max-width: 1230px){
	.logo{position:relative;z-index:1000;width:100%;margin:20px 0 20px 0;height:auto;float:left;text-align:center;}
	.logo img{width:100%;max-width:200px;}
	
	.navPrincipal .menuP{display:none;}
	.navMobile{width:100%;float:left;position:relative;z-index:900;border-top:1px solid #eee;cursor:pointer;}
	.navMobile i{color:#666;font-size:2.4em;padding:7px 0;margin:0 0 0px 0;}
	
	
	.MobileNavigation{display:block;width:100%;position:fixed;top:0;z-index:999;background:#fff;height:auto;box-sizing:border-box;border-bottom:4px solid #eee}
	.MobileNavigation .menuP{width:100%;height:auto;position:relative;padding:0;float:left;margin-top:-10px;}
	.MobileNavigation .menuP li{display:block;margin:0;width:100%;float:left;padding:10px 10px;box-sizing:border-box;border-bottom:1px dotted #eee;}
	.MobileNavigation .menuP li a{color:#666;font-size:1.6em;text-transform:uppercase;padding:0px 10px;box-sizing:border-box;font-weight:bold;}
	.MobileNavigation .menuP li:nth-child(1){border-top:1px solid #eee;}
	
	.MobileNavigation .menuP li:hover{background:#84716B;}
	.MobileNavigation .menuP li:hover a{color:#fff;}
	.MobileNavigation .hide{displday:none;max-height:0!important;overflow:hidden!important;transition:all linear 0.5s;float:left;width:100%;clear:both;}
	
	.MobileNavigation .show{max-height:500px;height:auto;transition:all linear 0.5s;}
	.MobileNavigation ul.show{padding:10px 0!important;}
	.MobileNavigation ul.show li{display:block;}
	
}


@media all and (max-width: 960px){
	.faleConosco .fRight img.info{width:100%;min-width:200px;}
	.cirurgiao{padding-bottom:50px;}
}


@media all and (max-width: 860px){
	.about{background:#3D3430;}
	.about p{color:#fff;}
	.about .fLeft{width:100%;margin-bottom:20px;}
	.about .fRight{width:100%;}
	.about .fRight .img{max-width:355px;}
	.about .fRight a.btn{margin:-20px 0 0 20px;}
	
	.produtos .listPdt li{width:100%;}
	#bannerClii{text-align:center;}
	.navSlider{display:none;}
}




@media all and (max-width: 768px){
	.navPrincipal{max-height:100%;position:fixed;top:0;z-index:1000;right:0;}
	.navPrincipal .centerDiv{overflow:visible;}
	.logo img{left:-20px;position:relative;}
	
	
	.produtos #bannerProdDesk{display:none;}
	.col50, .cirurgiao .txt{width:100%;}
	.about .col50{margin-top:20px;}
	.cirurgiao{padding-top:50px;}
	
	.thumbCir{width:100%;text-align:center;margin:20px 0 14px 0;}
	.thumbCir img{max-width:266px;width:100%;}
	
	#bannerProc .item{width:100%;margin: 20px 0;padding:30px 20px;}
	.info{display:none;}
	.infoMob{display:block;width:100%;max-width:340px;margin:40px auto;}
	
	.sliderP{margin-top:116px!important;}
	
	.about .titPg{font-size:2.4em;}
	.about .fRight h6{font-size:2.2em;}
	.about .fRight .img{margin:40px auto 0 auto;}
	.produtos .titPg{font-size:3.0em;}
	section{padding:8%;}
	.clientes .item{display:block;}
	
	
	.contato .fLeft{width:100%;margin:0 0 20px 0;}
	.contato .boxfRight{width:100%;}
	.contato form label.clear{clear:both;}
	
	.representantes .boxCenter div.fLeft{width:100%;margin-bottom:20px;}
	.representantes .boxCenter div.fRight{width:100%;}
	
	
	.moreMob{display:block;}
	.hiddenAbout{max-height:0;overflow:hidden;height:0;transition:all linear 0.2s;}
	.showAb{max-height:100%!important;height:auto!important;overflow:visible;transition:all linear 0.6s;}
	
	.produtos #bannerProd{display:block!important;margin:0 auto;text-align:center;width:100%;max-width:768px;}
	.produtos #bannerProd img{width:100%;}
	
	.produtos .listPdt .btn{display:none!important;}
	.produtos .listPdt li{margin-bottom:5%}
	
	.produtos .listPdt li figure{display:block;width:100%;float:left;margin:0;padding:0;}
}



@media all and (max-width: 600px){
	.about #bannerAbout .item{width:46%;margin:10px 1%;}
	.clientes .txtDepo p{font-size:1.5em;}
	.produtos .listPdt li h3{font-size:2.2em;}
	
	
	.representantes .titPg, .produtos .titPg, .clientes .titPg, .contato .titPg{font-size:2.4em;}
	.representantes .boxCenter div.fLeft h6{font-size:1.8em;}
	.representantes .boxCenter div.fLeft p, .representantes .boxCenter div.fRight h6{font-size:1.6em;}
	
	.about .titPg{font-size:2.0em;}
	.about .fRight h6{font-size:1.8em;}
	.representantes .boxCenter div.fRight h5{font-size:2.2em;}
	.contato .boxCenter p{font-size:1.4em;}
	
}

@media all and (max-width: 460px){
	.leftPainel h1{font-size:3.0em;}
	.leftPainel p{font-size:1.6em;}
	.leftPainel a{font-size:1.2em;}
	
	.representantes form label.width50, .representantes form label.width30, .contato form label.width50{width:100%!important;}
	
	
	.produtos .listPdt li .thumb{position:relative;margin:0px 0 0 0;top:0;transform:translate(0,0);text-align:center;}
	.produtos .listPdt li .thumb img{width:100%;max-width:120px;}
	.produtos .listPdt li .txt{width:100%;padding:60px 20px 20px 20px;margin-top:-50px;}
	.representantes input[type=submit], .contato input[type=submit]{margin:0;padding:10px 15px;font-size:1.3em;}
	.contato .boxfRight ul li p, .contato .boxfRight ul li a{word-wrap:break-word;}
	
	.about .fRight div.btn{font-size:1.4em;padding:10px 16px;}
	
	
}
	
	
	
	
	
	
	
	
	
	
	
	
	
	
