/*********************************************************/
/*	RESPONSIVO CSS										 */
/*	DESENVOLVIDO POR: GLOBALWS							 */
/*	CEO: MICHAEL PICOLO									 */
/*********************************************************/
@media (max-width: 1680px) {

}


@media (max-width: 1600px) {

}


@media (max-width: 1440px) {

}

@media (max-width: 1400px) {
	.centromenu {width: 80%;}
}


@media (max-width: 1366px) {
	.centro {width: 60%; padding-top: 5%;}
	
	#cssmenu {  width: 20%;}

}


@media (max-width: 1280px) {
	.content {max-width: 95%;}
	
	header .busca {margin-left: 5%; width: 40%; padding-top: 20px; }
	
	
}

@media (max-width: 1152px) {
	.centromenu {width: 100%;}
	
	#cssmenu {  width: 25%;}
	
	.galeria li {width: 31%;}
	.galeria .img {height: 180px;}
}

@media (max-width: 1024px) {

}


@media (max-width: 950px) {
	.centro {width: 80%;}
	
	.arquivos li {width: 30%;}
	
	.centromenu .left {width: 90%; float: none; margin: 0 auto 40px auto;}
	.centromenu .right {width: 90%; float: none; margin: auto;}

}


@media (max-width: 768px) {
	header .busca {display: none;}
	#cssmenu {  width: 45%;}
	
	.subcategorias li {min-width: 30%;}
	
	.marcas .esquerda {width: 95%; float: none; margin: 0 auto 60px auto;}
	.marcas .direita {width: 95%; float: none; max-height: 99999px; overflow: auto; margin: auto;}
	
	.solicitacao {width: 95%; margin: auto;}
}

@media (max-width: 667px) {

}

@media (max-width: 600px) {
	.centro {width: 100%;}
	.centro ul {width: 80%;}
	
	footer .fim p {font-size: 0.8em;}
	
	.centro .formulario {width: 80%;}
	
	.subcategorias li {min-width: 45%;}
	
	.arquivos li {width: 46%;}
	
	.galeria li {width: 48%;}
}

@media (max-width: 568px) {
	footer {padding-top: 30px;}
	footer .separacao {width: 100%; font-size: 0;}
	
	#cssmenu {  width: 65%;}
	
	header .logotopo-ophicina {width: 140px; height: 100px; }
	header .logotopo-footwear {width: 140px; height: 100px; }
	header .logotopo-ophicina-black {width: 140px; height: 100px; }
	header .logotopo-footwear-black {width: 140px; height: 100px; }
}

@media (max-width: 480px) {
	.centro h1 {font-size: 1.2em;}
	.centromenu h1 {font-size: 1.2em;}
	
	.centro li {width: 60%; float: none; margin: 0 auto 20px auto;  }
	
	.subcategorias li {min-width: 90%; margin: 0 auto 15px auto;}
	
	.arquivos li {width: 90%; margin: 0 auto 30px auto;}
	.centromenu .botoes li {width: 100%;}
	
	.galeria li {width: 100%; float: none; margin: 0 auto 30px auto;}
}

@media (max-width: 414px) {
	
}

@media (max-width: 384px) {
	.centro li {width: 75%;}
}

@media (max-width: 375px) {

}
/*********************************************************/