@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 TRANSPORTUARIOS*/

/* Media Queries */


/* Media Queries HOME*/
@media screen and (max-width: 855px) {

	/* Cambiamos la dirección del flexbox para que los elementos estén en columnas */
	footer {
		flex-direction: column;
	}
  
	/* Estilos para el área del teléfono */
	.phone-section {
		text-align: center;
		/* Centramos el contenido */
	}
  
	/* Estilos para el número de celular */
	.phone-number {
		display: block;
		/* Para que el número ocupe todo el ancho */
		margin-bottom: 10px;
		/* Ajusta el margen inferior entre el teléfono y el botón */
	}
  
	/* Estilos para el botón */
	.btn22 {
		display: block;
		/* Hacemos que el botón sea un bloque para que ocupe todo el ancho disponible */
		margin: 0 auto;
		/* Centramos el botón horizontalmente */
	}
  
	/* Estilos para el área de transportaciones y redes sociales */
	.transport-social {
		margin-top: 15px;
		text-align: center;
		/* Centramos el contenido */
	}
  
	/* Estilos para el texto de "Transportaciones" */
	.transport-text {
		margin-bottom: 10px;
		/* Ajusta el margen inferior entre el texto y los iconos */
	}
  
	.phone-img {
		margin-bottom: 10px;
	}
  
	.transport-social {
		display: flex;
		align-items: center;
		margin-left: 0;
		margin-right: 0;
	}
  }
  
  @media only screen and (max-width: 982px) {
	.transport-social {
		margin-right: 10% !important;
	}
  }

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

	.csbtn {
	margin-top: 0;
	}

	#navigation .navbar-nav.navbar-right {
		margin: 6px 6px 0 0;
		margin-top: 20px;
	}
  }

  @media  (max-width:767px){
	.csbtn {
		margin-top: 10px;
		margin-bottom: 20px;
	}
  }

  @media (min-width:2001px) and (max-width:3000px){
	.seccion-con-imagen {
		position: relative;
		top: -55px;
	}
  }
  @media (min-width:1650px) and (max-width:2000px){
	.seccion-con-imagen {
		position: relative;
		top: -40px;
	}
  }

  @media (min-width:395px) and (max-width:577px){
	.seccion-con-imagen {
		position: relative;
		top: -20px;
	}
  }


  @media (min-width:205px) and (max-width:394px){
	.seccion-con-imagen {
		position: relative;
		top: -10px;
	}
  }


  /* Media Queries ABOUT US*/
  @media (min-width:2646px) and (max-width:2945px){
	#general2 p {
		font-size: 5rem;
	}
  }
  @media (min-width:2346px) and (max-width:2645px){
	#general2 p {
		font-size: 4.5rem;
	}
  }
  @media (min-width:2146px) and (max-width:2345px){
	#general2 p {
		font-size: 4rem;
	}
  }

  @media (min-width:1850px) and (max-width:2145px){
	#general2 p {
		font-size: 3.6rem;
	}
  }

  @media (min-width:1460px) and (max-width:1557px){
	.coltext {
		
		padding-top: 6%;
	}
  }

  @media (min-width:1350px) and (max-width:1459px){
	.coltext {
		
		padding-top: 6%;
	}

	#general2 p {
		font-size: 2.8rem;
	}
  }

  @media (min-width:1250px) and (max-width:1349px){
	.coltext {
		
		padding-top: 6%;
	}

	#general2 p {
		font-size: 2.6rem;
	}
  }

  @media (min-width:1050px) and (max-width:1249px){
	.coltext {
		
		padding-top: 5%;
	}

	#general2 p {
		font-size: 2.2rem;
	}
  }

  @media (min-width:950px) and (max-width:1049px){
	.coltext {
		
		padding-top: 5%;
	}

	#general2 p {
		font-size: 2rem;
	}
  }

  @media (max-width:949px){
	.coltext {
		padding-top: 50px;
		padding: 60px;
	}
	
  }


 /* Media Queries EQUIPMENT*/

  @media (max-width:344px){
	#no_padding{
		padding-top:60px;
	}
	.scra {
		width: 250px;
		/* padding: 0 25px; */
	}
  }


  @media (max-width:302px){
	
	.scra {
		width: 250px;
		display: none;
		/* padding: 0 25px; */
	}
  }


  @media (max-width:302px){
	
	.scra {
		width: 250px;
		display: none;
		/* padding: 0 25px; */
	}
  }

  @media (max-width:978px){
	
	.divcuadros3 img {
		width: 100%;
		height: 100%;
		object-fit: fill;
		margin-top: 30px;
	}

	.divcuadrosS {
		padding: 0px;
		padding-top: 0;
	}
  }


  @media (max-width:548px){
	
	.divcuadros3 {
		padding: 10px;
	}
  }