@media only screen and (max-width: 1399px) {
	.cabecera .content_cabecera{
		margin-right: 150px;
		padding-top: 250px;
	}
	.swiper-button-next {
		right: -20px !important;
	}
	
	.swiper-button-prev {
		left: -20px !important;
	}
	
	.pasate .texto .texto1 {
		font-size: 22px;
	}

	.pasate .texto .texto2 {
		font-size: 22px;
	}	
}

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

	header{
		height: 70px;
	}
	
	header .telefono{
		position: absolute;
		left: 40px;
		top: 20px;
		padding-top: 3px;
		padding-bottom: 3px;
		padding-left: 50px;
	}

	header .telefono a{
		font-size: 20px;
	}
	
	header .email{
		left: 240px;
		top: 20px;
		padding-top: 3px;
		padding-bottom: 3px;
		padding-left: 45px;
	}
	
	header .email a{
		font-size: 20px;
	}
	
	
	header .bt_follow_asociarme{
		right: 220px;
		top: 25px;
	}
	
	header .bt_follow_asociarme a{
		font-size: 17px;
		padding: 7px 20px;
	}
	
	header .bt_follow_colegirme{
		right: 30px;
		top: 25px;
	}

	header .bt_follow_colegirme a{
		font-size: 17px;
		padding: 7px 20px;
	}
	
	.cabecera .logo_ciicv img{
		width: 170px;
	}
	
	.cabecera .logo_ea{
		margin-top: 48px;
		margin-left: 230px;
	}
	
	.cabecera .logo_ea img{
		width: 135px;
	}
	
	.cabecera .content_cabecera{
		margin-right: 90px;
		padding-top: 210px;
	}
	
	.cabecera .pasa{
		font-size: 30px;
		line-height: 32px;
		width: 280px;
		margin-right: 25px;
	}
	
	.cabecera .hackea .globo_cabecera {
		width: 392px;
		padding: 35px 17px 15px 65px;
		margin-left: 40px;
	}
	
	.cabecera .hackea .logo_cabecera img {
	  width: 220px;
	}
	
	.cabecera .hackea .globo_cabecera .txt {
		margin-left: 15px;
		width: 260px;
		margin-bottom: 15px;
		font-size: 19px;
		line-height: 24px;
	}
	
	.cabecera .hackea .globo_cabecera .link a {
		font-size: 18px;
		padding: 6px 22px;
	}
	
	
	.titulo_principal{
		width: 700px;
		margin: 0px auto;
		text-align: center;
		font-size: 45px;
		line-height: 50px;
		margin-top: 60px;
		margin-bottom: 45px;
	}
	
	.hashtag_cont{
		width: 250px;
		height: 250px;
		position: absolute;
		overflow: hidden;
	}

	.hashtag{
		font-size: 20px;
		width: 350px;
		left: -140px;
		top: -30px;
	}
	
	.ventajas {
		margin-top: 50px;
		padding-top: 50px;
		margin-bottom: 80px;
	}
	
	.ventajas .titular_ventajas {
		font-size: 27px;
	}
	
	.ventajas li {
		margin-bottom: 26px;
		font-size: 23px;
		line-height: 30px;
	}
	
	.colegiate .txt_coliegate {
		padding-left: 20px;
	}
	
	.colegiate .txt_coliegate .titulo {
		width: 330px;
		font-size: 25px;
		line-height: 30px;
		margin-left: 30px;
		margin-top: 20px;
		margin-bottom: 20px;
	}
	
	.colegiate .txt_coliegate .globo {
		width: 370px;
		padding-top: 30px;
		padding-bottom: 30px;
		padding-left: 55px;
		padding-right: 40px;
		margin-bottom: 50px;
	}
	
	.colegiate .txt_coliegate .globo li {
		font-size: 19px;
		line-height: 21px;
		background-position: left 5px;
		background-size: 27px;
		margin-bottom: 10px;
		padding-left: 38px;
		padding-top: 8px;
		padding-bottom: 3px;
	}
	.colegiate .txt_coliegate .globo .activa {
		font-size: 22px;
		line-height: 25px;
		margin-left: 10px;
		margin-bottom: 15px;
	}
	
	.colegiate .txt_coliegate .globo .claim {
		font-size: 30px;
	}
	
	.swiper-slide .titulo {
		font-size: 28px;
		margin-bottom: 5px;
	}
	
	.swiper-slide .text {
		font-size: 22px;
		line-height: 28px;
		font-weight: 700;
		margin-bottom: 10px;
	}
	
	.swiper-slide .nombre {
		font-size: 22px;
	}
	.swiper-slide .cargo {
		font-size: 19px;
	}
	
	.swiper-button-next {
		width: 70px !important;
		right: 0px !important;
	}
	
	.swiper-button-prev {
		width: 70px !important;
		left: 0px !important;
	}
	
	.pasate .titulo {
		font-size: 55px;
		line-height: 60px;
		width: 600px;
	}
	
	.pasate .texto {
		background-size: 105px;
	}
	
	.pasate .texto .texto1 {
		font-size: 20px;
		line-height: 25px;
	}

	.pasate .texto .texto2 {
		font-size: 20px;
		line-height: 25px;		
	}
	
	
	
}

@media only screen and (max-width: 991px) {
	
	header .telefono{
		left: 20px;
	}
	
	header .email{
		left: 200px;
	}
	
	header .email a{
		font-size: 20px;
	}
	
	
	header .bt_follow_asociarme{
		right: 195px;
	}
	

	header .bt_follow_colegirme{
		right: 15px;
		top: 25px;
	}
	
	header .bt_follow_colegirme a{
		font-size: 17px;
		padding: 7px 20px;
	}
	
	
	
	.cabecera .logo_ciicv img{
		width: 120px;
	}
	

	.cabecera .logo_ea{
		margin-top: 40px;
		margin-left: 165px;
	}
	
	.cabecera .logo_ea img{
		width: 97px;
	}
	
	.cabecera .content_cabecera{
		margin-right: 30px;
		padding-top: 165px;
	}
	
	.cabecera .pasa{
		font-size: 22px;
		line-height: 26px;
		width: 220px;
		margin-right: 20px;
	}
	
	.cabecera .hackea .globo_cabecera {
		width: 347px;
		padding: 25px 15px 15px 55px;
		margin-left: 30px;
	}
	
	.cabecera .hackea .logo_cabecera img {
	  width: 170px;
	}
	
	.cabecera .hackea .globo_cabecera .txt {
		margin-left: 15px;
		width: 265px;
		margin-bottom: 15px;
		font-size: 16px;
		line-height: 20px;
	}
	
	.cabecera .hackea .globo_cabecera .link a {
		font-size: 16px;
		padding: 6px 20px;
	}
	
	.hashtag_cont{
		position: inherit;
		overflow: inherit;
		height: inherit;
		width: 100%;
		margin-top: 20px;	
	}

	.hashtag{
		font-size: 20px;
		transform: rotate(0deg);
		position: inherit;
		width: 300px;
		margin: 0px auto;
		left: inherit;
		top: inherit;
	}
	
	.titulo_principal {
		width: 100%;
		padding: 0px 20px;
		font-size: 35px;
		line-height: 45px;
		margin-top: 20px;
		margin-bottom: 30px;
	}
	
	.ventajas {
		margin-top: 50px;
		padding-top: 30px;
		margin-bottom: 40px;
	}
	
	.ventajas .container {
		background-size: 400px;
	}
	
	.ventajas .titular_ventajas {
		font-size: 24px;
	}
	
	.ventajas li {
		margin-bottom: 20px;
		font-size: 20px;
		line-height: 25px;
	}
	
	.swiper-slide {
		padding-top: 20px;
	}
	
	.swiper-slide .titulo {
		font-size: 25px;
		margin-bottom: 5px;
	}
	
	.swiper-slide .text {
		font-size: 17px;
		line-height: 22px;
		margin-bottom: 5px;
	}
	
	.swiper-slide .nombre {
		font-size: 18px;
		line-height: 21px;
	}
	.swiper-slide .cargo {
		font-size: 16px;
		line-height: 17px;		
	}	
	
	.swiper-button-next {
		width: 50px !important;
		right: 0px !important;
		bottom: 50px !important;
	}
	
	.swiper-button-prev {
		width: 50px !important;
		left: 0px !important;
		bottom: 50px !important;
	}	
	
	.pasate .titulo {
		font-size: 45px;
		line-height: 60px;
		width: 100%;
		padding: 0px 20px;
	}
	
	.pasate .texto {
		background-size: 90px;
		padding-top: 20px;
		padding-bottom: 70px;
		margin-bottom: 20px;
	}
	
	.pasate .texto .texto1 {
		font-size: 16px;
		line-height: 21px;
	}

	.pasate .texto .texto2 {
		font-size: 16px;
		line-height: 21px;
	}

	
	
}

@media only screen and (max-width: 767px) {
	
	header {
		height: 100px;
	}
	
	header .bt_follow_asociarme {
		right: 10px;
		top: 60px;
	}
	
	header .bt_follow_asociarme a {
		font-size: 15px;
		padding: 5px 15px;
	}

	
	header .bt_follow_colegirme {
		right: 10px;
		top: 20px;
	}
	
	header .bt_follow_colegirme a {
		font-size: 15px;
		padding: 5px 15px;
	}
	
	
	header .telefono {
		padding-top: 1px;
		padding-bottom: 1px;
		padding-left: 40px;
	  }

	header .telefono a{
		font-size: 15px;
	}

	header .email {
		left: 20px;
		top: 60px;
		padding-top: 1px;
		padding-bottom: 1px;
		padding-left: 40px;		
	}
	
	header .email a{
		font-size: 15px;
	}
	
	.cabecera .container {
		background-color: #6b6b6c;
		background-image: url("../img/header_mbl_2.png");
		background-position: center center;
		background-repeat: no-repeat;
		background-size: cover;
	}
	
	.cabecera .logo_ciicv {
		position: absolute;
		margin-top: 10px;
		margin-left: 10px;
	}
	
	.cabecera .logo_ea {
		margin-top: 30px;
		margin-left: 145px;
	  }
	
	.cabecera .hackea .logo_cabecera img {
		width: 200px;
	}
	
	.cabecera .hackea .globo_cabecera {
		width: 295px;
		padding: 25px 5px 15px 42px;
		margin: 0px auto;
		margin-bottom: 15px;
	}
	
	.cabecera .content_cabecera {
		margin-right: 0px;
		margin-left: 20px;
		padding-top: 220px;
	}
	
	.cabecera .hackea .globo_cabecera .txt {
		margin-left: 15px;
		width: 220px;
		margin-bottom: 15px;
		font-size: 16px;
		line-height: 20px;
	}
	.cabecera .hackea .globo_cabecera .link a {
		font-size: 15px;
		padding: 5px 12px;
	}
	
	.cabecera .pasa{
		display: none;
	}
	
	.cabecera .pasa_mbl{
		display: block;
		color: #ffffff;
		font-size: 23px;
		line-height: 25px;
		margin-right: 30px;
		margin-left: 50px;
		margin-bottom: 15px;
	}
	
	.cabecera .pasa_mbl span{
		color: #42FF35;
		font-weight: 700;
	}
	
	.hashtag {
		font-size: 18px;
	}
	
	.titulo_principal {
		font-size: 25px;
		line-height: 30px;
		margin-top: 20px;
		margin-bottom: 20px;
	}

	.bt_obtener_pro a {
		font-size: 18px;
		border-radius: 30px;
		background: #42FF35;
		color: #000;
		font-weight: 700;
		padding: 5px 15px;
	}

	.ventajas {
		margin-top: 40px;
		padding-top: 30px;
		margin-bottom: 40px;
	}
	
	.ventajas .container {
  background-size: 280px;
}

	.ventajas .titular_ventajas {
		font-size: 20px;
	}
	
	.ventajas li {
		margin-bottom: 10px;
	  font-size: 17px;
	  line-height: 22px;
	}
	
	
	
	.colegiate .txt_coliegate {
		padding-left: 15px;
	}
	
	.colegiate .txt_coliegate .titulo {
	  width: 100%;
	  font-size: 22px;
	  line-height: 25px;
	  margin-left: 0px;
	  margin-top: 20px;
	  margin-bottom: 20px;
	  text-align: center;
	}
	
	.colegiate .adult_man {
	  padding-top: 40px;
	  padding-top: 40px;
	}
	
	
	.colegiate .txt_coliegate .globo {
		background-image: none;
		border-radius: 30px;
		background: #42FF35;
		width: 100%;
		padding-top: 20px;
		padding-bottom: 20px;
		padding-left: 20px;
		padding-right: 20px;
		margin-bottom: 30px;
	}
	
	.colegiate .txt_coliegate .globo li {
		font-size: 19px;
		background-position: left center;
		background-size: 20px;
		margin-bottom: 10px;
		padding-left: 30px;
	}
	
	.colegiate .txt_coliegate .globo .activa {
  font-size: 20px;
  line-height: 22px;
  margin-left: 0px;
  margin-bottom: 15px;
}
	
	.testimonials {
  background: linear-gradient(to bottom, black 100%, white 0%);
  margin-bottom: 60px;
}
	
		.swiper-slide .titulo {
		font-size: 25px;
		margin-bottom: 0px;
		margin-top: 10px;
	}
	
	.swiper-slide .text {
		font-size: 17px;
		line-height: 20px;
		font-weight: 400;
		margin-bottom: 10px;
	}
	
	.swiper-slide .nombre {
		font-size: 20px;
		
	}
	.swiper-slide .cargo {
		font-size: 17px;
		margin-bottom: 40px;
	}

	.swiper-slide .imagen {
		text-align: center;
	}

	
	.swiper-slide .imagen img{
		width: 100%;
	}
	
	.swiper-button-next {
  width: 40px !important;
  right: 10px !important;
  bottom: 10px !important;
}

.swiper-button-prev {
  width: 40px !important;
  left: 10px !important;
  bottom: 10px !important;
}

  .pasate .texto {
  	display: block;
	  overflow: hidden;
  }
  
  .pasate .texto {
	  background-size: 120px;
	  padding-top: 20px;
	  padding-bottom: 90px;
	  margin-bottom: 20px;
	}

  .pasate .texto .texto1 {
  	float: left;
	  margin-right: 0px;
	  width: 42%;
  }


  .pasate .texto .texto2 {
		float: right;
		margin-left: 0px;
		width: 42%;
	}
	
	

	
	
}