/* -----------------*/

/* -----------------*/

/* RESPONSIVE DESING */
/* -----------------*/

@media screen and (max-width: 1440px) {
 	.contenedor{
		box-sizing: border-box;
		padding-top:130px;
	}

	.contenedor  .der .img-tex img{
		margin-top: 80px;
		margin-left: 180px;
	}

	.contenedor  .der .producto img{
		top: 120px;
	}
}

@media screen and (max-width: 1390px) {
	.contenedor{
		box-sizing: border-box;
		padding-top: 30px;
	}

	.contenedor  .der .img-tex img{
		margin-top: 50px;
		margin-left: 160px;
	}

	.contenedor  .der .producto img{
		top: 10px;
	}

	footer{
		display: flex;
		flex-direction: row;
		margin:35px 0px 0px 75px;
	}

	footer .info2  p{
		color: #fcbc59;
		font-size: 15px;
		letter-spacing: 1.6px;
		position: relative;
		left: 200px;
		top: 19px;
		font-weight: 300;
	}
}

@media screen and (max-height: 760px) {
	.contenedor{
		box-sizing: border-box;
		padding-top: 100px;
	}

	.contenedor  .der .img-tex img{
		margin-top: 50px;
		margin-left: 160px;
	}

	.contenedor  .der .producto img{
		top: 80px;
	}
 }

 @media screen and (max-height: 670px) {
	.contenedor{
		box-sizing: border-box;
		padding-top: 30px;
	}

	.contenedor  .der .img-tex img{
		margin-top: 50px;
		margin-left: 160px;
	}

	.contenedor  .der .producto img{
		top: 10px;
	}
 }


@media screen and (max-width: 1300px) {
	.contenedor  .der .img-tex img{
		margin-top: 50px;
		margin-left: 70px;
	}

	footer .info2  p{
		left: 170px;
		top: 19px;
	}

}

@media screen and (max-width: 1280px) {
	.contenedor  .der .img-tex img{
		margin-top: 30px;
		margin-left: 70px;
	}

	footer .info2  p{
		left: 130px;
		top: 19px;
	}

}

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

	.contenedor .izq{
		box-sizing: border-box;
		padding-left: 40px;
	}
	.contenedor  .der .img-tex img{
		margin-top: 30px;
		margin-left: 50px;
	}

	footer .info2  p{
		left: 90px;
		top: 19px;
	}

}

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

	.contenedor .izq{
		box-sizing: border-box;
		padding-left: 40px;
	}
	.contenedor  .der .img-tex img{
		margin-top: 30px;
		margin-left: 50px;
	}

	footer .info2  p{
		left: 90px;
		top: 19px;
	}

}

  @media screen and (max-width: 450px) {
	.contenedor{
		display: none;
	}

	.contenedor-resp{
		display: block;
	}
  }

  @media screen and (max-width: 395px) {
	.contenedor-resp .seccion2 .text-mision .texto{
		right: 15px;
		margin-top: -100px;
	}

	.contenedor-resp .seccion1 .sIzq .texto .texto1 p{
		color: #fcbc59;
		font-size: 16px;
		letter-spacing: 1px;
		line-height: 18px;
	}
	.contenedor-resp .seccion1 .sIzq  .texto .texto2 p{
		color: #fff;
		font-size: 9.5px;
		letter-spacing: 1px;
		line-height: 12px;
		font-weight: 300;
	}
	.contenedor-resp .cont-img1 img{
		width: 100%;
		height: 100%;
		max-width: 110px;
		max-height: 210px;
		position: absolute;
		top: 90px;
		right: 20px;
	}
  }

  @media screen and (max-width: 379px) {
  	.contenedor-resp{
		margin-left: 20px;
	}

	.contenedor-resp .seccion2 .text-mision .texto{
		right: 25px;
		margin-top: -100px;
	}

	.contenedor-resp .footer-res .texto p{
		font-size: 10px;
		top: 16px;
	}

	.contenedor-resp .footer-res .img img{
		width: 100%;
		max-width: 230px;
		height: 100%;
		max-height: 60px;
		margin-left: 15px;
	}
	.contenedor-resp .seccion2 .cont-img2 img{
		width: 100%;
		height: 100%;
		max-width: 330px;
		max-height: 500px;
	}


  }

  @media screen and (max-width: 360px) {
  	.contenedor-resp{
		margin-left: 20px;
	}

	.contenedor-resp .seccion2 .text-mision .texto{
		right: 26px;
		margin-top: -90px;
	}

	.contenedor-resp .seccion2 .text-mision .texto p{
		font-size: 9px;
	}

	.contenedor-resp .footer-res .texto p{
		font-size: 10px;
		top: 11px;
	}

	.contenedor-resp .footer-res .img img{
		width: 100%;
		max-width: 200px;
		height: 100%;
		max-height: 60px;
		margin-left: 15px;
	}
	.contenedor-resp .seccion2 .cont-img2 img{
		width: 100%;
		height: 100%;
		max-width: 310px;
		max-height: 480px;
	}

	.contenedor-resp .seccion1 .sIzq .texto .texto1 p{
		color: #fcbc59;
		font-size: 16px;
		letter-spacing: 1px;
		line-height: 18px;
	}
	.contenedor-resp .seccion1 .sIzq  .texto .texto2 p{
		color: #fff;
		font-size: 7.5px;
		line-height: 12px;
		font-weight: 300;
	}
	.contenedor-resp .cont-img1 img{
		width: 100%;
		height: 100%;
		max-width: 110px;
		max-height: 210px;
		position: absolute;
		top: 90px;
		right: 20px;
	}


  }

  @media screen and (max-width: 338px) {
  	.contenedor-resp{
		margin-left: 15px;
	}

	.contenedor-resp .seccion2 .text-mision .texto{
		right: 20px;
		margin-top: -90px;
	}

	.contenedor-resp .seccion2 .text-mision .texto p{
		font-size: 9px;
	}

	.contenedor-resp .footer-res .texto p{
		font-size: 10px;
		top: 11px;
	}

	.contenedor-resp .footer-res .img img{
		width: 100%;
		max-width: 200px;
		height: 100%;
		max-height: 60px;
		margin-left: 15px;
	}


	.contenedor-resp .seccion2 .cont-img2 img{
		width: 100%;
		height: 100%;
		max-width: 310px;
		max-height: 480px;
	}

	.contenedor-resp .seccion1 .sIzq .texto .texto1 p{
		color: #fcbc59;
		font-size: 16px;
		letter-spacing: 1px;
		line-height: 18px;
	}
	.contenedor-resp .seccion1 .sIzq  .texto .texto2 p{
		color: #fff;
		font-size: 7.5px;
		line-height: 12px;
		font-weight: 300;
	}
	.contenedor-resp .cont-img1 img{
		width: 100%;
		height: 100%;
		max-width: 110px;
		max-height: 210px;
		position: absolute;
		top: 90px;
		right: 15px;
	}


  }


  @media screen and (max-width: 325px) {
  	.contenedor-resp{
		margin-left: 15px;
	}

	.contenedor-resp .seccion2 .text-mision .texto{
		right: 20px;
		margin-top: -90px;
	}

	.contenedor-resp .seccion2 .text-mision .texto p{
		font-size: 9px;
	}

	.contenedor-resp .footer-res .texto p{
		font-size: 10px;
		top: 11px;
	}

	.contenedor-resp .footer-res .img img{
		width: 100%;
		max-width: 180px;
		height: 100%;
		max-height: 60px;
		margin-left: 15px;
	}


	.contenedor-resp .seccion2 .cont-img2 img{
		width: 100%;
		height: 100%;
		max-width: 290px;
		max-height: 480px;
	}

	.contenedor-resp .seccion1 .sIzq .texto .texto1 p{
		color: #fcbc59;
		font-size: 14px;
		letter-spacing: 1px;
		line-height: 18px;
	}
	.contenedor-resp .seccion1 .sIzq  .texto .texto2 p{
		color: #fff;
		font-size: 7px;
		line-height: 12px;
		font-weight: 300;
	}
	.contenedor-resp .cont-img1 img{
		width: 100%;
		height: 100%;
		max-width: 110px;
		max-height: 210px;
		position: absolute;
		top: 90px;
		right: 15px;
	}


  }