@media (min-width:992px) and (max-width:1199px){

	.efffect h3{

		font-size:15px;

		margin-top:10px

	}

}

@media (min-width:768px) and (max-width:991px){

	#navigation .navbar-nav.navbar-right li{

		padding:0 0;

	}

	.header-bottom #subscribe-form .mail-field{

		width:70%

	}

	.header-bottom .btn-primary{

		float:right

	}

	.about-us .tab-content .pull-left.media-object{

		float:inherit;

		width:100%;

		margin-bottom:15px

	}

	.single-member{

		height:515px;

		margin-bottom:30px

	}

	.efffect h3,.efffect h4{

		display:none

	}

	.mask a i{

		margin-top:28px

	}

}

@media (max-width:767px){

	#navigation .navbar-nav.navbar-right{

		margin-top:0

	}

	.media,.media-body{

		overflow:inherit!important

	}

	.call-to-action p,.header-bottom #subscribe-form p{

		font-size:14px

	}.header-bottom #subscribe-form .mail-field{

		display:inline;

		float:none;

		margin-bottom:13px;

		margin-right:0;

		width:100%

	}

	#main-carousel .carousel-inner h2{

		border-bottom:0;font-size:30px

	}

	.slider-btn{

		font-size:16px;

		height:45px;

		line-height:45px;

		width:150px

	}

	.title-one{

		font-size:24px

	}

	#about-us p{

		font-size:14px

	}.nav-tabs li{

		width:33%

	}

	.nav-tabs li a{

		text-align:center

	}

	.nav-tabs li a i{

		display:block

	}

	.about-us .tab-content .pull-left.media-object{

		background-color:#F6F6F6;

		display:block;float:inherit!important;margin-right:0;

		width:100%

	}

	#services h2{

		font-size:24px

	}

	.member-right{

		left:55%

	}

	.single-member{

		margin-bottom:25px;

		height:600px

	}

	#portfolio .portfolio-filter{

		padding:0

	}

	#portfolio .portfolio-filter li{

		margin-bottom:10px

	}

	.efffect h3{

		margin-top:18%

	}

	#clients-carousel .carousel-inner img{

		width:100%

	}

	.single-blog ul li{

		margin-bottom:10px

	}

	#gmap iframe{

		height:225px

	}

	.contact-address{

		padding-left:10px;

		padding-right:10px

	}

	.pattern{

		height:960px

	}

	#footer p{

		font-size:14px

	}

}

@media (max-width:479px){

	body section{

		overflow:hidden

	}

	#navigation .navbar-nav.navbar-right li a{

		padding:5px 15px;

	}

	.media,.media-body{

		overflow:inherit!important

	}

	.call-to-action p,

	.header-bottom #subscribe-form p{

		font-size:14px

	}

	.header-bottom #subscribe-form .mail-field{

		display:inline;

		float:none;

		margin-bottom:13px;

		margin-right:0;

		width:100%

	}

	#main-carousel .carousel-inner h2{

		border-bottom:0;

		font-size:30px

	}

	.slider-btn{

		font-size:16px;

		height:45px;

		line-height:45px;

		width:150px

	}

	.title-one{

		font-size:24px

	}

	#about-us p{

		font-size:14px

	}

	.nav-tabs li{

		width:33%

	}

	.nav-tabs li a{

		text-align:center

	}

	.nav-tabs li a i{

		display:block

	}

	.about-us .tab-content .pull-left.media-object{

		background-color:#F6F6F6;

		display:block;

		float:inherit!important;

		margin-right:0;

		width:100%

	}

	#services h2{

		font-size:24px

	}

	.member-right{

		left:55%

	}

	.single-member{

		margin-bottom:25px;

		height:450px

	}

	#portfolio .portfolio-filter li{

		margin-bottom:10px

	}

	.efffect h3{

		margin-top:8%

	}

	.single-blog ul li{

		margin-bottom:10px

	}

	#gmap iframe{

		height:225px

	}

	.contact-address{

		padding-left:10px;

		padding-right:10px

	}

	.pattern{

		height:960px

	}

	#footer p{

		font-size:14px

	}

}

/*DISEÑO RESPONSIVO DE PAGINA WEST*/

/* Media Queries */
@media (max-width: 1199px) {
	#seccion-valle {
	  padding: 40px 5%; /* Menos padding en dispositivos más pequeños */
	}
  
	#seccion-valle h2 {
	  font-size: 3rem; /* Reduce el tamaño del encabezado */
	}
  
	#seccion-valle p {
	  font-size: 1.6rem; /* Reduce el tamaño del texto */
	}
  
	.grid-container {
	  grid-template-columns: 1fr; /* Cambia a una columna en pantallas pequeñas */
	}

	#seccion-cuatro {
		padding-top: 0px;
		padding-bottom: 0;
	}
  }
  
  
  @media (min-width: 1200px) and (max-width: 1299px) {
	#seccion-valle p {
	  font-size: 1.4rem; /* Reduce el tamaño del texto */
	}
  }
  
  @media (min-width: 1300px) and (max-width: 1431px) {
	#seccion-valle p {
	  font-size: 1.4rem; /* Reduce el tamaño del texto */
	}
  }
  
  @media (min-width: 1500px) and (max-width: 1700px) {
	#seccion-valle p {
	  font-size: 1.8rem; /* Reduce el tamaño del texto */
	}
  }
  
  @media (min-width: 1701px) and (max-width: 1900px) {
	#seccion-valle p {
	  font-size: 2.2rem; /* Reduce el tamaño del texto */
	}
  }
  
  @media (min-width: 1901px) and (max-width: 2000px) {
	#seccion-valle p {
	  font-size: 2.5rem; /* Reduce el tamaño del texto */
	}
  }
  
  @media (min-width: 2001px) and (max-width: 2200px) {
	#seccion-valle p {
	  font-size: 2.8rem; /* Reduce el tamaño del texto */
	}
  }
  
  @media (min-width: 2201px) and (max-width: 2400px) {
	#seccion-valle p {
	  font-size: 3rem; /* Reduce el tamaño del texto */
	}
  }


  @media (min-width: 289px) and (max-width: 472px) {
	.rectangulo {
		font-size: 1.6rem;
	}

	#seccion-tres {
		padding-top: 60px;
		padding-left: 10px; 
		 padding-right: 10px;
	}
  }

  @media (min-width: 200px) and (max-width: 288px) {
	.rectangulo {
		font-size: 1.3rem;
	}

	#seccion-tres {
		padding-top: 60px;
		padding-left: 0px; 
		 padding-right: 0px;
	}
  }


  @media only screen and (min-width: 546px) and (max-width: 856px) {
  
	.texto-chico {
	  font-size: 33px;
  }
  
  .texto-grande {
	font-size: 63px;
  }
  
  }
  
  
  @media only screen and (min-width: 414px) and (max-width: 545px) {
	
	.texto-chico {
	  font-size: 20px;
  }
  
  .texto-grande {
	font-size: 45px;
  }
  
  }
  
  @media only screen and (min-width: 274px) and (max-width: 413px) {
	
	.texto-chico {
	  font-size: 17px;
  }
  
  .texto-grande {
	font-size: 30px;
  }
  
  }