/*==========  Mobile First Method  ==========*/

/* Custom, iPhone Retina */
@media screen and  (max-width: 320px) and (min-width: 0px) {
 
  #facts .container {padding: 30px 0 60px 0;}
  #facts .container .image-instagram{
    background:url("../img/instagram/instaXS.png") center top no-repeat;   
    background-size: 115%;
    width: 285px;
    height: 2450px;
    margin-left: 5px;}
	#facts .container #instagram {top: 120px; margin-left: 50px;}

  #count .listHobbies{display: none;}
  #count .listHobbiesMobile{display: block;	width: 100%;	height: 380px;}
  #count .listHobbiesMobile > ul {position: absolute;	top: 45%;	height: 300px; 	left: 118%;	margin-left: -400px;	margin-top: -130px;}
  #count .listHobbiesMobile ul > li img{ width: 75%; height: 75%;}
  #count .listHobbiesMobile ul > li {	width: 330px;	list-style-type: none;position: absolute;	top: 0;	padding: 10px; 	opacity: 0;	text-align: center;transition: 1s opacity;}
  #count .listHobbiesMobile .active {	opacity: 1;}
}

/* Custom, iPhone Retina */
@media screen and (max-width: 360px) and (min-width: 321px) {

  #facts{padding: 30px 0 60px 0;}
  #facts .container .image-instagram{
    background:url("../img/instagram/instaXS.png") center top no-repeat;   
    background-size: 115%;
    width: 285px;
    height: 2450px;
    margin-left: 5px;}
  #facts .container #instagram {top: 120px; margin-left: 50px;}


  #count .listHobbies{display: none;}
  #count .listHobbiesMobile{display: block;	width: 100%;	height: 380px;}
  #count .listHobbiesMobile > ul {position: absolute;	top: 45%;	height: 300px; 	left: 120%;	margin-left: -400px;	margin-top: -130px;}
  #count .listHobbiesMobile ul > li img{ width: 75%; height: 75%;}
  #count .listHobbiesMobile ul > li {	width: 330px;	list-style-type: none;position: absolute;	top: 0;	padding: 10px; 	opacity: 0;	text-align: center;transition: 1s opacity;}
  #count .listHobbiesMobile .active {	opacity: 1;}


}

/* Custom, iPhone Retina */
@media screen and (max-width: 375px) and (min-width: 361px) {

  #facts{padding: 30px 0 60px 0;}
  #facts .container .image-instagram{
    background:url("../img/instagram/instaXS.png") center top no-repeat;   
    background-size: 115%;
    width: 330px;
    height: 2480px;
    margin-left: 5px;}
  #facts .container #instagram {top: 140px; margin-left: 75px;}
  
  #count .listHobbies{display: none;}
  #count .listHobbiesMobile{display: block;	width: 100%;	height: 380px;}
  #count .listHobbiesMobile > ul {position: absolute;	top: 45%;	height: 300px; 	left: 115%;	margin-left: -400px;	margin-top: -130px;}
  #count .listHobbiesMobile ul > li img{ width: 75%; height: 75%;}
  #count .listHobbiesMobile ul > li {	width: 330px;	list-style-type: none;position: absolute;	top: 0;	padding: 10px; 	opacity: 0;	text-align: center;transition: 1s opacity;}
  #count .listHobbiesMobile .active {	opacity: 1;}

}

/* Extra Small Devices, Phones  S8+*/
@media screen and (max-width: 414px) and (min-width: 376px) {

  #facts{padding: 30px 0 60px 0;}
  #facts .container .image-instagram{
    background:url("../img/instagram/instaXS.png") center top no-repeat;   
    background-size: 110%;
    width: 355px;
    height: 2480px;
    margin-left: 5px;}
  #facts .container #instagram {top: 150px; margin-left: 28%;}

  #count .listHobbies{display: none;}
  #count .listHobbiesTablet{display: none;}
    
  #count .listHobbies{display: none;}
  #count .listHobbiesMobile{display: block;	width: 100%;	height: 380px;}
  #count .listHobbiesMobile > ul {position: absolute;	top: 45%;	height: 300px; 	left: 8%;	margin-left:0px;	margin-top: -130px;}
  #count .listHobbiesMobile ul > li img{ width: 75%; height: 75%;}
  #count .listHobbiesMobile ul > li {	width: 330px;	list-style-type: none;position: absolute;	top: 0;	padding: 10px; 	opacity: 0;	text-align: center;transition: 1s opacity;}
  #count .listHobbiesMobile .active {	opacity: 1;}

}

/* Extra Small Devices, Phones */
@media screen and (max-width: 480px) and (min-width: 415px) {

  #facts{padding: 30px 0 60px 0;}
  #facts .container .image-instagram{
    background:url("../img/instagram/instaXS.png") center top no-repeat;   
    background-size: 120%;
    width: 380px;
    height: 2490px;
    margin-left: 10px;}
  #facts .container #instagram {top: 160px; margin-left: 100px;}
    
  #count .listHobbies{display: none;}
  #count .listHobbiesTablet{display: none;}

  #count .listHobbiesMobile{display: block;	width: 100%;	height: 380px;}
  #count .listHobbiesMobile > ul {position: absolute;	top: 40%;	height: 300px; 	left: 104%;	margin-left: -400px;	margin-top: -130px;}
  #count .listHobbiesMobile ul > li img{ width: 80%; height: 80%;}
  #count .listHobbiesMobile ul > li {	width: 320px;	list-style-type: none;position: absolute;	top: 0;	padding: 10px; 	opacity: 0;	text-align: center;transition: 1s opacity;}
  #count .listHobbiesMobile .active {	opacity: 1;}
}
/* Extra Small Devices, Phones */
@media screen and (max-width: 568px) and (min-width: 481px) {

  #contact-message::after {width: 95px;  height: 6px; top: 13px;}
  section div ul li { margin-right: 0px;}
  #about-message::after {width: 50px;height: 6px;   top: 31px;}

  #facts .container {max-width: 750px;}
  #facts .container .image-instagram{background:url("../img/instagram/instaMD.png") center top no-repeat;
    background-size: 100%;
    width: 480px;
    height: 1380px;
    margin-left: -5px;}
  #facts .container #instagram {top: 110px; margin-left: 20px;}
  #facts .container .image-insta { max-width: 50%; margin-left: 2% !important;}
  #facts .container #instagram div {margin: 5px 0px 10px 0px;}
  
  #count .listHobbies{display: none;}
  #count .listHobbiesMobile{display: none;}

  #count .listHobbiesTablet{display: block;	width: 100%;height: 300px;}
  #count .listHobbiesTablet > ul {position: absolute;	top: 50%;	width: 100%; height: 300px; left: 76%;	margin-left: -380px;	margin-top: -130px;}
  #count .listHobbiesTablet ul > li { width: 240px;	list-style-type: none;position: absolute;	top: 5%;	padding: 10px; 	opacity: 0;	text-align: center;transition: 1s opacity;}
  #count .listHobbiesTablet ul > li img{ width: 80%; height: 80%;}
  #count .listHobbiesTablet .active {	opacity: 1;}

}

/* Extra Small Devices, Phones */
@media screen and (max-width: 640px) and (min-width: 569px) {
  #contact-message::after {width: 95px;  height: 6px; top: 13px;}
  section div ul li { margin-right: 0px;}
  #about-message::after {width: 50px;height: 6px;   top: 31px;}

  #facts .container {max-width: 750px;}
  #facts .container .image-instagram{background:url("../img/instagram/instaMD.png") center top no-repeat;
    background-size: 100%;
    width: 480px;
    height: 1380px;
    margin-left: -5px;}
  #facts .container #instagram {top: 110px; margin-left: 20px;}
  #facts .container .image-insta { max-width: 50%; margin-left: 2% !important;}
  #facts .container #instagram div {margin: 5px 0px 10px 0px;}
  
  #count .listHobbies{display: none;}
  #count .listHobbiesMobile{display: none;}

  #count .listHobbiesTablet{display: block;	width: 100%;height: 300px;}
  #count .listHobbiesTablet > ul {position: absolute;	top: 50%;	width: 80%; height: 300px; left: 7%;	margin-left: 0px;	margin-top: -130px;}
  #count .listHobbiesTablet ul > li { width: 240px;	list-style-type: none;position: absolute;	top: 5%;	padding: 10px; 	opacity: 0;	text-align: center;transition: 1s opacity;}
  #count .listHobbiesTablet ul > li img{ width: 80%; height: 80%;}
  #count .listHobbiesTablet .active {	opacity: 1;}

}

/* Small Devices, Tablets */
@media screen and (max-width: 720px) and (min-width: 641px) {

}
  
/* Small Devices, Tablets */
@media screen and (max-width: 768px) and (min-width: 721px) {
  #facts .container {max-width: 750px;}
	#facts .container .image-instagram{background:url("../img/instagram/instaMD.png") center top no-repeat;background-size: 107%;width: 680px;height:1400px;margin-left: 20px;}
	#facts .container #instagram {top: 170px; margin-left: 100px;}
	#facts .container .image-insta { max-width: 40%;margin-left:30px;}

	.team-insta1{display: none;}
	.team-insta2{display: none;}
	.team-insta3{display: none;}
  .team-insta4{display: none;}

  #count .listHobbies { width: 100%; height: 270px;}
  #count .listHobbies > ul {width: 95%; margin-top: 0px;top: 25%;left: 1%;margin-left: -5px;}
  #count .listHobbies ul > li img {  width: 158px; height: 246px;}
  #count .listHobbies ul > li {padding: 5px;width: 190px; height: 200px;}
  
}

/* Medium Devices, Desktops */
@media screen and (max-width: 800px) and (min-width: 769px) {
  #contact-message::after {width: 95px;  height: 6px; top: 13px;}
  section div ul li { margin-right: 0px;}
  #about-message::after {width: 50px;height: 6px;   top: 31px;}
  
  #facts .container {max-width: 750px;}
	#facts .container .image-instagram{background:url("../img/instagram/instaMD.png") center top no-repeat;background-size: 107%;width: 680px;height:1400px;margin-left: 20px;}
	#facts .container #instagram {top: 170px; margin-left: 100px;}
	#facts .container .image-insta { max-width: 40%;margin-left:30px;}

  
  #count .listHobbies { width: 100%; height: 270px;}
  #count .listHobbies > ul {width: 95%; margin-top: 0px;top: 25%;left: 1%;margin-left: -5px;}
  #count .listHobbies ul > li img {  width: 158px; height: 246px;}
  #count .listHobbies ul > li {padding: 5px;width: 190px; height: 200px;}
}

/* Medium Devices, Desktops */
@media screen and (max-width: 992px) and (min-width: 801px) {
  #contact-message::after {width: 40px;  height: 5px; top: 10px;}
  section div ul li { margin-right: 0px;}
  #about-message::after {width: 50px;height: 6px;   top: 31px;}

  #contact .contact-info i { font-size: 70px;  float: left;  margin-bottom: 0px;}
  #facts .container {max-width: 750px;}
	#facts .container .image-instagram{background:url("../img/instagram/instaMD.png") center top no-repeat;background-size: 100%;width: 800px; height: 1105px; margin-left: -30px;}
	#facts .container #instagram {top: 170px; margin-left: 40px;}
	#facts .container .image-insta { max-width: 40%;margin-left:30px;}
  
  #count .listHobbies { width: 100%; height: 270px;}
  #count .listHobbies > ul {width: 95%; margin-top: 0px;top: 25%;left: 4%;margin-left: -5px;}
  #count .listHobbies ul > li img {  width: 158px; height: 246px;}
  #count .listHobbies ul > li {padding: 5px;width: 190px; height: 200px;}
}

/* Large Devices, Wide Screens */
@media screen and (max-width: 1024px) and (min-width: 993px) {
  #contact-message::after {width: 40px;  height: 5px; top: 10px;}
  section div ul li { margin-right: 0px;}
  #about-message::after {width: 50px;height: 6px;   top: 31px;}

  #contact .contact-info i { font-size: 70px;  float: left;  margin-bottom: 0px;}
  #facts .container {max-width: 750px;}
	#facts .container .image-instagram{background:url("../img/instagram/instaMD.png") center top no-repeat;background-size: 100%; width: 1000px;    height: 1140px;    margin-left: -135px;}
	#facts .container #instagram {top: 200px; margin-left: 130px;}
	#facts .container .image-insta { max-width: 50%;margin-left:30px;}
  
  #count .listHobbies { width: 100%; height: 270px;}
  #count .listHobbies > ul {width: 90%; margin-top: 0px;top: 25%;left: 8%;margin-left: -5px;}
  #count .listHobbies ul > li img {  width: 158px; height: 246px;}
  #count .listHobbies ul > li {padding: 5px;width: 190px; height: 200px;}
  
}

/* Large Devices, Wide Screens */
@media screen and (max-width: 1080px) and (min-width: 1025px) {
  #contact-message::after {width: 40px;  height: 5px; top: 10px;}
  section div ul li { margin-right: 0px;}
  #about-message::after {width: 50px;height: 6px;   top: 31px;}
  
  #contact .contact-info i { font-size: 70px;  float: left;  margin-bottom: 0px;}
  #facts .container {max-width: 750px;}
	#facts .container .image-instagram{background:url(../img/instagram/instaMD.png) center top no-repeat;background-size: 100%; width: 1000px;    height: 1140px;    margin-left: -135px;}
	#facts .container #instagram {top: 200px; margin-left: 130px;}
  #facts .container .image-insta { max-width: 50%;margin-left:30px;}
  
  #count .listHobbies { width: 100%; height: 270px;}
  #count .listHobbies > ul {width: 90%; margin-top: 0px;top: 25%;left: 8%;margin-left: -5px;}
  #count .listHobbies ul > li img {  width: 158px; height: 246px;}
  #count .listHobbies ul > li {padding: 5px;width: 190px; height: 200px;}
}

/* Large Devices, Wide Screens */
@media screen and (max-width: 1152px) and (min-width: 1081px) {
  #contact-message::after {width: 40px;  height: 5px; top: 10px;}
  section div ul li { margin-right: 0px;}
  #about-message::after {width: 50px;height: 6px;   top: 31px;}
  
  #contact .contact-info i { font-size: 70px;  float: left;  margin-bottom: 0px;}
  #facts .container {max-width: 750px;}
	#facts .container .image-instagram{background:url(../img/instagram/instaMD.png) center top no-repeat;background-size: 100%; width: 1000px;    height: 1140px;    margin-left: -135px;}
	#facts .container #instagram {top: 200px; margin-left: 130px;}
  #facts .container .image-insta { max-width: 40%;margin-left:30px;}
  
  #count .listHobbies { width: 100%; height: 270px;}
  #count .listHobbies > ul {width: 90%; margin-top: 0px;top: 25%;left: 8%;margin-left: -5px;}
  #count .listHobbies ul > li img {  width: 158px; height: 246px;}
  #count .listHobbies ul > li {padding: 5px;width: 190px; height: 200px;}
}

/* Large Devices, Wide Screens */
@media screen and (max-width: 1280px) and (min-width: 1153px) {
  
  #contact-message::after {width: 40px;  height: 5px; top: 10px;}

  #facts .container .image-insta { max-width: 30%;margin-left:30px;}
  #facts .container .image-instagram {background: url(../img/instagram/insta2.png) center top no-repeat; background-size: 100%; width: 1090px;height: 830px;margin-left: -10%;}
  #facts .container  #instagram {top: 22%; margin-left: 9%;}
  #instagram div { margin: 5px 0px 10px 0px;}

  #count .listHobbies { width: 100%; height: 270px;}
  #count .listHobbies > ul {width:90%; margin-top: 0px;top: 25%;left: 9%;margin-left: -5px;}
  #count .listHobbies ul > li img {  width: 178px; height: 266px;}
  #count .listHobbies ul > li {padding: 5px;width: 190px; height: 200px;}

}

/* Large Devices, Wide Screens */
@media screen and (max-width: 1366px) and (min-width: 1281px) {

}

/* Large Devices, Wide Screens */
@media screen and (max-width: 1440px) and (min-width: 1367px) {

}

/* Large Devices, Wide Screens */
@media screen and (max-width: 1600px) and (min-width: 1441px) {

}

/* Large Devices, Wide Screens */
@media screen and (max-width: 1680px) and (min-width: 1601px) {

}

/* Large Devices, Wide Screens */
@media screen and (max-width: 1920px) and (min-width: 1681px) {

}

/* ------------------------------------------------ */
/* Medidas extra  GENERALES*/

@media (max-width:480px){

  .main-process {  display: none; }
  .sec-process  { display: block; }
  .carousel-content{  padding-top: 50px; }
  .carousel-item{ width: 100%;height: auto !important; min-height: 100vh; height: auto;}
  section div ul { box-sizing: border-box;display: flex; justify-content: space-around; flex-wrap: wrap;padding: 0;padding-bottom: 50px;}
  section div ul li { justify-content: center; display: flex; position: relative;  width: 100%;  margin: 0; padding: 45px; flex-wrap: wrap; }
  #intro h2{ position: relative; padding-top: 50px; }
  .block{   display: flex;   flex-wrap: wrap;    min-height: 160px !important;  width: 100%; justify-content: center; }
  #intro .carousel-container { position: relative !important; }

  #header #logo img {top: -10px;}
  #tecnologys-message::before {
    width: 36px;
    height: 6px;
    top: 40px;
    left: 12%;
  }
  .process p {font-size: 16px;}
  .process div { width: 100% !important;}
  #startups .process {padding: 0px;}
  #procesos .process {padding: 10px;}
  #about p {font-size: 17px;}
  #startups a.flujoCel {display:block;background:url("../img/startups/flujo_mobile.png") center top no-repeat;background-size: 85%;}
  #facts{padding: 30px 0 10px 0;}
  #facts .container header.section-header { width: 100% !important; }
  #facts .container #instagram div.insta-box{background-size: 211px 288px;}
	#facts .container .image-insta { max-width: 75%;}
  #facts .container #instagram div{width: 230px; height: 270px; margin: 10px 0px 10px -12px;}

  #count .listHobbies{display: none;}
  #count .listHobbiesTablet{display: none;}
  
	.team-insta1{display: none;}
	.team-insta2{display: none;}
	.team-insta3{display: none;}
  .team-insta4{display: none;}

  .block{min-height:120px;}
  .block span{font-size:1.3rem;margin-left:0px;}
  .block i{position:relative;}

  /* .block i img{position:relative;left:12%;top:13%;display:flex;} */
  .block i img{position:relative;left:1%;top:1%;display:flex;}
  .record_block{text-align:left;min-height:95px;}
  #record div ul{text-align:left;min-height:95px;margin:0;padding:30px;}
  .record_block span{color:#ffffff;font-size:1.1rem;text-align:center;bottom:-15%}
  .record_block i{font-size:50px;font-weight:800;width:100px;height:100px;border:solid 1px #fff;line-height:100px;}
  .record_block i img{width:60%;position:absolute;left:14px;top:12px;}
  .record-ul li{padding:0;}
  #record .carousel-container{position:relative;}
  #count div .count{display:none;}
  .slide-team{display:block;}
  .record-ul{display:flex;flex-wrap:wrap;}
  #about-message{color:#000000;text-align:left !important;font-size:30px;font-weight:500;position:relative;margin-left:3%;color:gray;font-style:oblique;margin-top:22%;}
}

@media (max-width: 768px)
{
  .team-container div {  display: flex;  width: 100%;  flex-wrap: wrap;  }
  .img-team div figure {  width: 48%; }
  #contact-message::after {width: 55px;  height: 6px; top: 13px;}
  section div ul li { margin-right: 0px;}
  #about-message::after {width: 50px;height: 6px;   top: 31px;}
  #tecnologys-message::before {
    width: 34px;
    height: 6px;
    top: 40px;
    left: 10%;
  }

  .team-insta1{display: none;}
	.team-insta2{display: none;}
	.team-insta3{display: none;}
  .team-insta4{display: none;}
}