/* ///////////////////////////////////////////////\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\ */
/********************************************* FIXES ****************************************/
/* \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\//////////////////////////////////////////// */
/*fixes ipad landscape*/
@media (min-width: 1024px) and (max-width: 1200px) {

.navbar-nav>li{
width: 100%;
}
.equipo-text{
width: 85%;
}

}
/*fixes ipad portrait*/
@media (min-width: 768px) and (max-width: 1023px) {

/***/

}
/*fixes phones landscape*/
@media (min-width: 321px) and (max-width: 736px) {

/***/

}
/*fixes nexus 4*/
@media (min-width: 376px) and (max-width: 384px) {

.col-md-2 #timeline li{
padding-left: 95px;
}

}
/*fixes iphone 6*/
@media (min-width: 321px) and (max-width: 375px) {

.col-md-2 #timeline li{
padding-left: 93px;
}

}
/* ///////////////////////////////////////////////\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\ */
/********************************************* Tablets ****************************************/
/* \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\//////////////////////////////////////////// */
@media only screen and (max-width : 768px) {
/* --START */
/*
body{
	background: red;
}
*/
/*HEADER*/
/*menu*/
.navbar-nav>li{
width: 100%;
}
.sidebar .navbar-toggle{
margin: 0;
}
.sidebar .navbar-toggle span{
color: #ffffff;
}

/*CONTENIDO*/
h1,h2{
text-align: center;
}
/*inicio*/
.myCarousel .carousel-caption{
text-align: center;
}
.nuestras .caption{
text-align: center;
}
.benefit{
text-align: center;
}
.benefit .otros-s{
text-align: left;
}
.services img{
margin: 0 auto;
}

/*corporacion*/
section.corpo-info{
height: auto;
padding-bottom: 2.5%;
}
section.misionyvi{
height: auto;
padding-bottom: 2.5%;
}
.valores strong{
padding-left: 15px;
}
.historia .col-md-2{
width: 100%;
}
#timeline{
width: 150%;
}
#timeline li:first-child{
height: 25px;
}
#timeline li:nth-child(2){
margin: 0;
}
#timeline li:last-child{
height: 25px;
margin: 0;
}
#timeline li{
height: 25px;
float: left;
padding-left: 100px;
}
#year1, #year2, #year3, #year4, #year5, #year6, #year7{
padding-top: 10%;
}
/*servicios*/
.benefit .col-sm-6:last-child ul{
padding-left: 8%;
padding-right: 5%;
}

/*equipo*/
.equipo-text{
width: 85%;
}

/*clientes*/
.grayBg img{
margin-top: 5%;
}

/*contacto*/
.contacto .row .col-md-6:last-child{
padding-top: 10%;
}
.contacto .row .col-md-6{
min-height: 300px;
}

/*legal*/
.legal{
padding: 0 5%;
}

/*FOOTER*/

/* END-- */
}



/* ///////////////////////////////////////////////\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\ */
/********************************************** Phones ****************************************/
/* \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\//////////////////////////////////////////// */

@media only screen and (max-width : 320px) {
/* --START */
/*
body{
	background: blue;
}
*/
/*HEADER*/
/*menu*/
.navbar-nav>li{
width: 100%;
}
.sidebar .navbar-toggle{
margin: 0;
}
.sidebar .navbar-toggle span{
color: #ffffff;
}

/*CONTENIDO*/
h1,h2{
text-align: center;
}
/*inicio*/
.myCarousel .carousel-caption{
text-align: center;
}
.nuestras .caption{
text-align: center;
}
.benefit{
text-align: center;
}
.benefit .otros-s{
text-align: left;
}

/*corporacion*/
section.corpo-info{
height: auto;
padding-bottom: 2.5%;
}
section.misionyvi{
height: auto;
padding-bottom: 2.5%;
}
.valores strong{
padding-left: 25px;
}
.historia .col-md-2{
width: 100%;
}
#timeline{
width: 150%;
}
#timeline li:first-child{
height: 25px;
}
#timeline li:nth-child(2){
margin: 0;
}
#timeline li:last-child{
height: 25px;
margin: 0;
margin-top: 20px;
}
#timeline li{
height: 25px;
float: left;
padding-left: 100px;
}
.color{
	overflow: hidden;
}
.color .row .col-md-6:last-child div img{
	margin-left: -185px;
}

/*servicios*/
.benefit .col-sm-6:last-child ul{
padding-left: 8%;
}

/*equipo*/
.equipo-text{
width: 85%;
}

.equipo-text img{
	width: 100%;
}

/*clientes*/
.grayBg img{
margin-top: 5%;
}

/*contacto*/
.g-recaptcha{
transform:scale(0.78);
-webkit-transform:scale(0.78);
transform-origin:0 0;
-webkit-transform-origin:0 0;
}

/*legal*/
.legal{
padding: 0 5%;
}

/*gracias*/
.gracias{
padding: 0 5%;
}

/*FOOTER*/

/* END-- */
}