@media only screen and (min-width: 768) and (max-width: 1023px) {
		.callbacks_nav {left: 40px; top: 60%;}
		.callbacks_nav.next {right: 40px;}
		.slidetext {margin: 60px 0 0 60px;}
		.slidetext h1 {font-size: 30px; padding: 0px 13px 15px 16px;}
		.callbacks .caption {padding:15px 20px}
		
		#about .three {width: 40%;}
		.icons li {padding-right: 4px;}
		#telefone     { display: none; }
		#assistencia-fotos #foto1{display:none !important}
		#mascote_home {display:block;}
		#txt_home {margin-left:480px;}
		nav li a {font-size:12px}
		#seta_home, #banner, #seta_pecas1, #seta_equipe, #seta_assistencia, #txt_institucional2,
		#seta_institucional, #seta_clientes1, #seta_clientes2, #pecas_html, #seta_pecas2, #logistica_html, #seta_contato1, #bt_logistica,
		#seta_contato1, #seta_contato2, #mascote_contato{display:none;}
		#vendedores_equipe {margin-right:60px;}
		#vendedores_equipe table tbody tr td div {width:90px;height:100px;background-size:100%;}
		}

@media only screen and (min-width: 1024) and (max-width: 1280px)  {
		#responsive-log {display:block !important;}
		#banner {margin-left:-90px;}
		#txt_pecas, #bt_pecas {margin-left:480px}
		#bt_pdf_catalogo {margin-left:426px;}
		#txt_equipe {margin-left:10px;}
		#vendedores_equipe {margin-top:0;margin-left:-80px;float:left}
		#txt_mapa {background-size:100%; width:500px}
		#txt_logistica {margin-left:525px}
		#bt_logistica {margin-left:515px}
		#bt_filiais {margin-left:500px}
		#mascote_contato {width:30%}
		#iframe-pecas-responsive {display:block !important;}
		#iframe-pecas{display:none;}
		#iframe-logistica-responsive {display:block !important;}
		#iframe-logistica{display:none;}
		#seta_contato1 {margin-left:300px;}
		#seta_contato2 {margin-left:266px;}
}


/*--------------------------------------------------------
Responsive elements
--------------------------------------------------------*/

@media only screen and (max-width: 1024)
{
	#iwrap { width: 1024px; height: 900px; padding: 0; overflow: hidden; }
	#logistica-html { width: 1024px; height: 900px; padding: 0; overflow: hidden; }
	#iframe-pecas {
	    zoom: 0.85;
	    -moz-transform: scale(0.85);
	    -moz-transform-origin: 0 0;
	    -o-transform: scale(0.85);
	    -o-transform-origin: 0 0;
	    -webkit-transform: scale(0.85);
	    -webkit-transform-origin: 0 0;
	}
	#iframe-logistica {
	    zoom: 0.85;
	    -moz-transform: scale(0.85);
	    -moz-transform-origin: 0 0;
	    -o-transform: scale(0.85);
	    -o-transform-origin: 0 0;
	    -webkit-transform: translate(-20px,-20px) scale(0.85);
	    -webkit-transform-origin: 0 0;
	}

}

/* iPad in portrait & landscape */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px)
	{
	#seta_home, #seta_pecas1, #seta_equipe, #seta_assistencia, #seta_pecas2, #seta_contato1,#seta_clientes1, #seta_clientes2,
	#seta_institucional,#seta_contato1, #seta_contato2, #telefone, #mascote_contato {display:none !important;}
	#seta_home { display: none; }
	nav li a { padding:8px; }
	
	#pecas,#assistencia,#equipe,#institucional,#clientes,#logistica { background-attachment: scroll; }
	#iframe-pecas { display: none !important; }
	#iwrap { height: 900px; padding: 0; }
	#iframe-pecas-responsive { display: block !important; width: 100%; }
	#iframe-pecas-responsive {
	    zoom: 0.75;
	    -moz-transform: scale(0.75,0.85);
	    -moz-transform-origin: 0 0;
	    -o-transform: scale(0.75,0.85);
	    -o-transform-origin: 0 0;
	    -webkit-transform: scale(0.75,0.85);
	    -webkit-transform-origin: 0 0;
	    
	}
	#iframe-logistica { display: none !important; }
	#iframe-logistica-responsive { display: block !important; width: 100%; }

	#assistencia_html { text-align: left; width:100%; height: 1000px;}
	#assistencia_html #txt_assistencia {float:none; width:680px; height:auto;}
	#assistencia_html #assistencia-fotos {float:none; width:780px; height:auto; text-align:center;}
	#assistencia_html #bt_assistencia {margin-left:30%;}
	.staff-member-listing.assistencia { margin-left:30%;}
	#txt_institucional { text-align: left; width:700px; height:900px;}
	#txt_institucional .breaked,#txt_institucional2 { display: none;}
	#txt_institucional .nonbreaked, #responsive_txt_institucional2 { display: block !important;}
	#txt_clientes { width: 100%;}
	#logistica { height:1200px; }
	#logistica_html {display:none !important;}
	#responsive_logistica {display:block !important; text-align:left;}
	#txt_logistica,	#bt_logistica { text-align: left; }
	/*#txt_logistica #mapas {width:400px;margin-left:27%;}*/
	#txt_logistica #mapas #mostrar_conteudo {width:auto;}
	#contato { min-height: 700px;}
	}

/* iPhone in portrait & landscape */
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 568px)
	{
	/* Bgs for iphone */ 
	#home-goop { background: url(../images/bg-home_iphone.png) no-repeat top center; background-size: auto 100%; background-position-x:center; }
	#pecas { background: url(../images/bg-pecas_iphone.png) no-repeat top center; background-size: auto 100%; background-position-x:center;}
	#equipe { background: url(../images/bg-equipe_iphone.png) no-repeat top left; background-size: auto 100%; background-position-x:center; }
	#assistencia { background: url(../images/bg-assistencia_iphone.png) no-repeat top center; background-size: auto 100%; background-position-x:center; }
	#institucional { background: url(../images/bg-institucional_iphone.png) no-repeat top center; background-size: auto 100%; background-position-x:center; }
	#clientes { background: url(../images/bg-clientes_iphone.png) no-repeat top center; background-size: auto 100%; background-position-x:center; }
	#logistica { background: url(../images/bg-logistica_iphone.png) no-repeat top center; background-size: auto 100%; background-position-x:center; }
	#contato { background: url(../images/bg-contato_iphone.png) no-repeat top center; background-size: auto 100%; background-position-x:center; }
	
	/* do away with some fancy images.... */
	#seta_home, #seta_pecas1, #seta_equipe, #seta_assistencia, #seta_pecas2, #seta_contato1,#seta_clientes1, #seta_clientes2,
	#seta_institucional,#seta_contato1, #seta_contato2,#mascote_home, #telefone, #mascote_contato {display:none !important;}
	#iframe-pecas, #logistica_html,#txt_home { display:none !important; }
	
	/* top menu as selection box */
	nav ul     { display: none; }
    nav select { display: inline-block; float: right; margin-top: -53px;}
	
	/* show responsive text */
	#txt_home_responsive, #responsive_pecas, #responsive_logistica  {display:block !important; text-align:left;}
	
	.bt a img {width:100%;}
	.balao {width:100%;}
	/*pecas*/
	#pecas { min-height: 1300px; }
	
	/* equipe */
	#txt_pecas, #txt_equipe, #txt_assistencia {text-align:left; margin-left:0; width:100%}
	#vendedores_equipe { margin: 0 0 0 10px; padding-bottom:200px; }
	
	/* institucional */
	#institucional { min-height: 1300px; }
	#txt_institucional { width: 95%; text-align: left; margin-left: 0; }
	#txt_institucional2 { display: none !important; }
	#txt_institucional .breaked { display: none !important; }
	#txt_institucional .unbreaked { display: block !important; }
	#txt_institucional #responsive_txt_institucional2 { display: block !important; }
	
	/* Clientes */
	#txt_clientes { display: none; }
	#txt_clientes_responsive { display: block !important; text-align: left; }
	
	/*Logistica */
	#logistica { min-height:1400px; }
	#txt_logistica { text-align: left; margin-left:0; }
	#bt_logistica {margin:0;}
	#bt_logistica a {margin:0;}
	#txt_mapa {width:85%}
	#thumb-mapa a img {width:20px !important;}
	
	/*Contato*/
	#contato { text-align: left; }
	#formulario_contato { float: left; text-align:left; margin-left:10px;}
}

