@media (min-width: 576px){
	.modal-dialog { 
	    margin: 4.75rem auto;
	} 
}
@media only screen and (min-width: 1025px){
	.text-content{
	  position: relative;
	  top: 200px;
	}
	.testimonials{
	  min-height: 300px;
	}
}
@media only screen and (min-width: 1200px){
	.text-content{
	  position: relative;
	  top: 230px;
	}
	.testimonials{
	  min-height: 350px;
	}
}
@media only screen and (min-width: 1400px){
	.text-content{
	  position: relative;
	  top: 260px;
	}
	.testimonials{
	  min-height: 380px;
	}
}
@media only screen and (min-width: 1600px){
	.text-content{
	  position: relative;
	  top: 300px;
	}
	.testimonials{
	  min-height: 420px;
	}
}
@media only screen and (min-width: 1800px){
	.text-content{
	  position: relative;
	  top: 350px;
	}
	.testimonials{
	  min-height: 470px;
	}
}
@media only screen and (min-width: 1920px){	
	.text-content{
	  position: relative;
	  top: 350px;
	}
	.testimonials{
	  min-height: 480px;
	}
	.section-hover-new{
	  height: 115vh;
	} 
	.mh-div{
	  height: 45vh;
	}
	.text-beneficios{
		font-size: large;
	}
}

@media only screen and (max-width: 1024px){
	.descrp{
		position: absolute;
		z-index: 99;
		right: 0%;
		top: 50%;
		width: 25%;
		transform: translate(-30%, -50%);
		font-size: medium;
	}
	.img-serv{
		width: 50%;
		height: 50%;
	}
	.serv-desc{
		font-size: x-small;
	}

	.section-hover-new{
	  height: 45vh;
	}
	.text-content{
	  position: relative;
	  top: 200px;
	}
	.testimonials{
	  min-height: 300px;
	}
	.year-two {
	    position: relative;
	    right: -266px;
	    top: -223px;
	    width: 205px;
	}
	.img-diseno {
	    max-width: 100%;
	} 
	/**************************************
		LEAN
	**************************************/ 
	.golden-right-line{
	  border-right: 2px solid rgb(181 132 81 / 80% );
	  height: 270px;
	  top: 80px;
	  padding: 0px;
	  position: absolute;
	  right: 0;
	}
	.golden-left-line{
	  border-left: 2px solid rgb(181 132 81 / 80% );
	  height: 130px;
	  top: -50px;
	  padding: 0px;
	  position: absolute;
	  left: 0;
	}
	.sh-r-golden{
	  border-left: 2px solid rgb(181 132 81 / 80% );
	  height: 30px;
	  top: 0px;
	  margin-right: auto;
	  margin-left: auto; 
	  position: absolute;
	  left: 120px;
	}
	.sh-l-golden{
	  border-left: 2px solid rgb(181 132 81 / 80% );
	  height: 30px;
	  top: -30px;
	  margin-right: auto;
	  margin-left: auto; 
	  position: absolute;
	  right: 120px;
	}

	/**************************************
		INDEX
	**************************************/ 
}

@media only screen and (max-width: 991px){
	.text-content{
	  position: relative;
	  top: 200px;
	}
	.testimonials{
	  min-height: 300px;
	}
	.casos-testimonials{
	  min-height: 300px;
	}
	.casos-text-content{
	  position: relative;
	  top: 350px;
	  text-align: center;
	}
	.descrp{
		position: absolute;
		z-index: 99;
		right: 0%;
		top: 50%;
		width: 25%;
		transform: translate(-30%, -50%);
		font-size: small;
	}
	.img-serv{
		width: 30%;
		height: 30%;
	}
	.serv-desc{
		font-size: small;
	}
}
@media only screen and (max-width: 768px){
	.section-hover-new{
	  height: 100vh;
	} 
	.text-content{
	  position: relative;
	  top: 150px;
	}
	.testimonials{
	  min-height: 250px;
	}
	/**************************************
		LEAN
	**************************************/
	.info-lean{
	  max-width: 60%;
	}
	.m-center{
		text-align: center;
	} 
	hr.golden { 
	  	display: none;
	}
	.golden-second {  
		display: none;
	}
	.golden-right-line{
		display: none;
	}
	.golden-left-line{
	  	display: none;
	}
	.sh-r-golden{
	  	display: none;
	}
	.sh-l-golden{
		display: none;
	}
	/**************************************
		CASOS
	**************************************/
	.casos-testimonials{
	  min-height: 450px;
	}
	.casos-text-content{
	  position: relative;
	  top: 350px;
	  text-align: center;
	}

	.pd-caso {
	    padding-right: 15px;
	}
	.pd-caso-title {
	    padding-right: 15px;
	}
	.pd-caso-2 {
	    padding-right: 15px;
	}

	.bg-dk-div{
	  background-color: #202020;
	  padding: 60px;
	  position: unset;
	  top: -200px; 
	}
	.mh-div{
		height: auto;
	}
	/**************************************
		
	**************************************/
	.year {
	    position: relative;
	    right: -370px;
	    top: -60px;
	    width: 100px;
	}
	.year-two {
	    position: relative;
	    right: -310px;
	    top: -220px;
	    width: 100px;
	    margin-left: 0px;
	}
	.p-hotel {
	    padding-top: 0px;
	    padding-bottom: 30px;
	    max-width: 200px;
	}

	/**************************************
		SOMOS
	**************************************/
	.txt-150 {
	    position: relative;
	    left: 0px;
	    top: 70px;
	    width: 280px;
	}
	.txt-12 {
	    position: relative;
	    left: 0px;
	    top: 70px;
	    width: 280px;
	}
 
	.loop-video {
	    position: relative;
	    background-color: black;
	    height: 100%;
	    min-height: 75vh;
	    width: 100%;
	    overflow: hidden;
	}

}
@media only screen and (max-width: 767px){
	.text-hover { 
	  opacity: 0; 
	}
	/**************************************
		CASOS
	**************************************/
	.casos-testimonials{
	  min-height: 300px;
	}
	.pd-caso {
	    padding-right: 15px;
	}
	.pd-caso-title {
	    padding-right: 15px;
	}

	.pd-caso-2 {
	    padding-right: 15px;
	}
	.mh-div{
		height: auto;
	}
	.bg-dk-div{
	  background-color: #202020;
	  padding: 15px;
	  position: unset;
	  top: -200px; 
	}
	.text-content{
	  position: relative;
	  top: 150px;
	}
	.testimonials{
	  min-height: 250px;
	}
	h1{
		font-size: 2.5rem;
	}
	.h4, h4 {
	    font-size: 1.2rem;
	}

	/**************************************
		LEAN
	**************************************/
	.m-center{
		text-align: center;
	}
	.info-lean {
	    max-width: 100%;
	    padding-left: 15px;
	    padding-right: 15px;
	}
	/************************************
	LOGISTICA
	************************************/
	.descrp{
		position: absolute;
		z-index: 99;
		right: 0%;
		top: 50%;
		max-width: 25%;
		transform: translate(-30%, -50%);
		font-size: small;
	}
	
	/**************************************
		SOMOS
	**************************************/
	.triangulo-img{
	  position: relative;
	  top: 0px;
	  left: -150px;
	}
	.year-img-12{
	  position: relative;
	  z-index: 99;
	  left: 80px;
	  top: 100px;
	  height: max-content; 
	}
	.txt-12{
	  position: relative; 
	  left: 100px;
	  top: 100px;
	  width: 200px;
	}
	.year-img-150 {
	  position: relative;
	  z-index: 99;
	  left: 120px;
	  top: 100px;
	  max-width: 100%;
	  height: max-content;
	}
	.cuadro-img{
	  position: relative;
	  top: 130px;
	  left: -162px;
	}
	.txt-150{
	  position: relative; 
	  left: 100px;
	  top: 30px;
	  width: 280px;
	}
	.year-heigh-content{ 
	}

	/**************************************
		INDEX
	**************************************/
	.year {
	    position: unset;  
	}
	.year-two {
	    position: unset; 
	    width: 205px;
	} 

	.title-video{
		font-size: 2.2rem;
	}
	.main-video {
	    position: relative;
	    background-color: black;
	    height: 70vh;
	    min-height: 25rem;
	    width: 100%;
	    overflow: hidden;
	}
	.loop-video {
	    position: relative;
	    background-color: black;
	    height: 20vh;
	    min-height: 20vh;
	    width: 100%;
	    overflow: hidden;
	}
	/**************************************
		LEAN
	**************************************/
	hr.golden { 
	  	display: none;
	}
	.golden-second {  
		display: none;
	}
	.golden-right-line{
		display: none;
	}
	.golden-left-line{
	  	display: none;
	}
	.sh-r-golden{
	  	display: none;
	}
	.sh-l-golden{
		display: none;
	}

}
@media only screen and (max-width: 675px){
	.text-content{
	  position: relative;
	  top: 120px;
	}
	.testimonials{
	  min-height: 250px;
	}
	/************************************
  LOGISTICA
  ************************************/
	.descrp{
		position: absolute;
		z-index: 99;
		right: 0%;
		top: 50%;
		width: 25%;
		transform: translate(-30%, -50%);
		font-size: x-small;
	}
	.img-serv-icon{
		width: 5rem;
		height: 5rem;
	}
	.text-beneficios{
		font-size: small;
	}
}

@media only screen and (max-width: 575px){
	.text-content{
	  position: relative;
	  top: 300px;
	}
	.testimonials{
	  min-height: 450px;
	} 
	/************************************
  LOGISTICA
  ************************************/
	.descrp{
		font-size: medium;
		position:relative;
		display: contents;
		transform: translate(-30%, -50%);
	}

	.no-img{
		display: none;
	}

}

@media only screen and (max-width: 411px){
	/**************************************
		INDEX
	**************************************/ 
	.text-content{
	  position: relative;
	  top: 210px;
	}
	.testimonials{
	  min-height: 350px;
	}
	.section-hover-new{
	  height: 80vh;
	}
	.text-small{
		font-size: x-small;
	}
}
@media only screen and (max-width: 360px){
	/**************************************
		INDEX
	**************************************/
	.text-content{
	  position: relative;
	  top: 210px;
	}
	.testimonials{
	  min-height: 350px;
	}
	.triangulo-img {
	    position: relative;
	    top: 0px;
	    left: -95px;
	    width: 200px;
	}
	.year-img-12 {
	    position: relative;
	    z-index: 99;
	    left: 137px;
	    top: 80px;
	    height: max-content;
	}
	.year-img-150 {
	    position: relative;
	    z-index: 99;
	    left: 120px;
	    top: 125px;
	    max-width: 81%;
	    height: max-content;
	}
	.txt-12 {
	    position: relative;
	    left: 0;
	    top: 100px;
	    width: 200px;
	}
	.txt-150 {
	    position: relative;
	    left: 0px;
	    top: 45px;
	    width: 280px;
	}
	.cuadro-img {
	    position: relative;
	    top: 180px;
	    left: -162px;
	    max-width: 200px;
	}
	.year-heigh-content { 
	}

	/************************************
	LOGISTICA
	************************************/
	.descrp{
		font-size: medium;
		position:relative;
		display: contents;
		transform: translate(-30%, -50%);
	}

	.no-img{
		display: none;
	}

	.img-serv-icon{
		width: 1.5rem;
		height: 1.5rem;
	}

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


}