@media only screen and (max-width: 1250px) {

	.slider-banners .banner .banner-text h2{
		font-size: 74px;
	}

	.claim{
		font-size: 15px;
	}

	.nuestras-marcas .content-marca{
		width: 100%;
	}

}

@media only screen and (min-width: 1000px) {
	.only-mobile{
		display: none !important;
	}
}

@media only screen and (max-width: 1000px) {
	.only-desktop{
		display: none !important;
	}

	.slider-banners .banner .banner-text{
		width: 90%;
	}

	.slider-banners .banner .banner-text h2{
		font-size: 26px;
		margin: 0 auto;
	}

	#header .menu-button{
		display: block;
		position: absolute;
		right: 12px;
		top: 20px;
		width: 40px;
		height: 40px;
	}

	#header .menu-button i.icon-menu{
		display: block;
		width: 20px;
		height: 20px;
		margin: 10px auto;
		background-position: center center !important;
		background-size: contain !important;
		background: url(../../images/icon-menu.svg) center center no-repeat;
		transition: all 0.2s ease-out;
	}

	#header .menu-button.menu-open i.icon-menu{
		background: url(../../images/icon-menu-close.svg) center center no-repeat;
	}

	#header .menu-content{
		display: block;
		width: 100%;
		top: 0;
		right: -200%;
		position: fixed;
		height: 100%;
		background: rgba(0, 0, 0, 0);
		transition: background 0.4s ease-out;
	}

	#header .menu-content.menu-open{
		background: rgba(0, 0, 0, 0.6);
	}

	#header .menu-content ul{
		display: block;
		width: 80%;
		background: #fff;
		height: 100%;
		position: absolute;
		top: 0;
		right: -200%;
		animation-delay: 0.4s;
		transition: all 0.6s ease-out;
	}

	#header .menu-content ul li{
		width: 100%;
		float: none;
		margin: 6px 0;
	}

	#header .menu-content ul li a{
		width: 100%;
		text-align: left;
		padding: 18px 22px;
	}

	#header .menu-content ul li a:hover{
		color: #fff;
		background: #53565A;
	}

	#header .menu-content.menu-open,
	#header .menu-content.menu-open ul{
		right: 0;
	}

	.claim-contain{
		padding: 36px 25px;
	}

	.claim{
		font-size: 13px;
		text-align: justify;
		line-height: 22px;
		width: 100%;
	}

	#header .logo{
		width: 145px;
		height: auto;
		margin: 10px 0;
	}

	.slider-banners .banner{
		/*height: 300px; *//* no funca */
	}

	.nuestras-marcas{
		padding: 45px 0;
	}

	.nuestras-marcas .content-marca .marca{
		width: calc(100% - 40px);
		margin: 5px 0;
	}

	.contacto .center-contacto{
		padding: 40px 0;
	}

	.contacto .center-contacto h3{
		font-size: 32px;
	}

	.contacto .center-contacto p {
		font-size: 14px;
		width: 100%;
	}

	.contacto .center-contacto form .group-input label{
		font-size: 14px;
	}

	.contacto .center-contacto form .group-input input,
	.contacto .center-contacto form .group-input textarea{
		font-size: 14px;
	}

	.contacto .center-contacto form .btn-orange{
		margin: 28px 0;
		margin-top: 20px;
		padding-top: 16px;
		font-size: 16px;
	}

	.contacto .center-contacto .contacto-info .left-info,
	.contacto .center-contacto .contacto-info .right-info{
		width: 100%;
	}

	.contacto .center-contacto .contacto-info .right-info p{
		text-align: left;
		margin-top: 3px;
		line-height: 25px;
	}

	#footer .footer-center{
		padding: 28px 0;
	}

	#footer .footer-center .social-content p{
		text-align: center;
	}

	#footer .footer-center .social-content ul{
		margin: 0 auto;
		margin-top: 18px;
	}

	#footer .footer-center .left-content,
	#footer .footer-center .social-content{
		width: 100%;
	}

	#footer .footer-center .logo{
		width: 160px;
		margin: 0 auto;
		margin-bottom: 16px;
	}

	#footer .footer-center p.copyright{
		text-align: center;
		display: block;
		margin-top: 0px;
	}

	#footer .footer-center .social-content{
		margin-bottom: 28px;
	}

	#footer .footer-center .left-content.only-mobile .logo{
		display: none;
	}

	#footer .footer-center .left-content.only-desktop{
		display: block !important;
	}

	#footer .footer-center .left-content.only-desktop p.copyright{
		display: none !important;
	}

}