@media screen and (max-width:1440px){
	.titulo-cat {
		letter-spacing: 10px;
	}
}
@media screen and (max-width:1200px){
	.btn-marca {
		width: 100%;
	}
}
@media screen and (max-width:750px){
	.menu-icon-items {
		float: none;
		text-align: center;
		padding: 7px;
	}
	.icons-menu {
		float: none;
		width: 36px;
		height: 36px;
		margin-bottom: 10px;
		margin-top: 10px;
	}
	.logo-menu-header {
		padding: 15px 20px 0 20px;
		width: 100%;
		max-width: 100%;
		max-width: 300px;
	}
	.top-banner{
		margin-top:180px;
	}
	.btn-marca {
		width: 100%;
		border: solid 6px #20a68c;
		border-radius: 50%;
		padding: 65px;
		background: rgba(0,0,0,.2);
		margin: 0 auto;
		transition: .2s;
	}
	.titulo-opciones {
		text-align: center;
		font-size: 14px;
		color: #FFFFFF;
		text-transform: uppercase;
		margin-top: 10px;
	}
   .cards-categorias {
		min-height: 161px;
	}
	.titulo-marcas {
		color: #fff;
		padding: 10px;
		background-color: #22af94;
	}
	.footer {
		text-align: center;
		padding-left: 31px;
	}
	.legales{
		top:-6px;
	}
	.legales-liga {
		text-align: center;
	}
	.iconos-footer {
		margin-top: 10px;
	}
	.icono-redes{
		width: 40px;
		height: 40px;
	}
}
@media screen and (max-width:590px ) {
	.btn-marca {
		padding: 35px;
	}
}
@media screen and (max-width:450px ) {
	.btn-marca {
		padding: 25px;
	}
	.top-banner {
		margin-top: 188px;
	}
	.logo-menu-header {
		padding: 13px 56px 0 50px;
		width: 100%;
		max-width: 100%;
	}
}
@media screen and (max-width: 325px ){
	.top-banner {
 		margin-top: 176px;
	}
	.btn-marca {
		padding: 16px;
	}
}