@charset "UTF-8";

/*************************************** Estilos Generales Chicos y Medios ***************************************/
@media (min-width: 120px) and (max-width: 1023px) {
header{ max-height: 100%; }
.top-header-responsive{ display: none; }
.main-nav nav{ display: none; }
.secondary-nav nav{ display: none; }
.icono-menu-responsivo{ display: block; }
.logo{ width: 30% }
.menu{ width: 70% }
.logo img{ padding: 20px 20px; }
.secondary-nav .logo img{ padding: 20px 20px; }
.pattern-img-top{ background: none; }

.txt-top-responsive{ width: 100%; }
.img-top-responsive{ width: 100%; text-align: center; }
.img-top h1 { text-align: center; padding: 80px 20px 0 20px; position: relative; z-index: 100; line-height: 28px; }
.img-top h1 span{ font-weight: 400; }
.img-top img { margin-top: -30px; }
.img-top{ background: url(../imgs/responsive-bg-img-top.jpg) center 0 no-repeat rgba(87,138,194,1); }

.mision-vision{ background: url(../imgs/responsive-bg-mision-vision.jpg) no-repeat scroll center 0 rgba(87,138,194,1); }
.responsive-mision, .responsive-vision, .col-mision, .col-vision{ width: 100%; }
.mision, .vision{ min-height: 200px; text-align: center; }
.mision h3, .vision h3{ padding: 10px 20px; font-size: 2em; }
.mision p, .vision p{ padding: 20px; font-size: 1.2em; line-height: 22px; text-align: center; }
.col-mision, .col-vision{ margin: -40px 0 0; min-height: 96px; }
.icono-mision{ background-position: 58% 46%; }
.icono-mision, .icono-vision{ width: 120px; height: 120px; position: relative; margin-left: auto; margin-right: auto; left: 0; right: 0; }
.icono-vision { float: none; }
.main-vision-title{ display: none; }
.responsive-mision{ margin: 40px 0 0; }
.responsive-vision-title{ display: block; }

.img-horario-responsive, .txt-horario-responsive{ width: 100%; }
.img-horario-responsive .img-horario{ float: none; text-align: center; margin: 130px 0 50px 0; }
.img-horario-responsive .img-horario img{ width: 25%; }
.txt-horario-responsive h2{ padding: 0 20px 130px; text-align: center; font-size: 1.4em; }

.cliente{ width: 100%; margin-bottom: 5px; }
.cliente a:nth-child(odd){ margin-right:10px; }
.responsive-light{ background: #f3f3f3;}
.responsive-dark{ background: #e5e5e5; }


.product-img, .product-txt{ width: 100%; }
.bx-wrapper img{ padding: 40px 0; margin: 0 auto; }
.bx-wrapper { margin: 0 auto 20px; }
h2.title{ padding: 40px 10px; text-align: center; }
h3.subtitle{ padding: 0 10px 40px 10px; text-align: justify; }

.info-contacto-responsive{ width: 100%; }
.tel-contacto{ background-position: 0 center; }
.tel-contacto, .mail-contacto{ margin: 0; }
.responsive-phone, .responsive-mail, .responsive-adr{ max-width: 400px; min-height: 10px; margin: 0 auto 10px auto; }
.responsive-phone p, .responsive-mail p, .responsive-adr p{ padding: 0 0 0 5px; }
.tel-contacto, .mail-contacto, .adr-contacto{ background: none; }

.footer-content{ width: 100%; text-align: center; margin: 0 auto; }
.logo-footer{ margin-top: 40px; max-width: 50%; }
.redes-footer{ width: 46px; height: 24px; margin: 0 auto; padding: 10px 0 50px 0; }
.facebook-footer, .twitter-footer { float: left; margin: 0; }
.derechos p{ font-size: 1em; }

.bx-controls-direction{ display: block; }
#bx-pager{ display: none; }

.img-top-galeria{ background: url(../imgs/responsive-bg-titulo-galeria.jpg) center 0 no-repeat transparent; }
.main-nav-galeria nav{ display: block; }
}
/*************************************** Estilos Generales Dispositivos Medios ***************************************/
@media (min-width: 551px) and (max-width: 1023px) {
html, body{font-size: 14px;}
.img-horario-responsive .img-horario img{ width: 10%; }
.cliente{ width: 50%; margin-bottom: 5px; }
.responsive-light{ background: #e5e5e5;}
.responsive-dark{ background: #f3f3f3; }
.col-mision, .col-vision{ margin: -40px 0 50px; }
.desc-section p{ font-size: 16px; }
.producto{ width: 50%; }
}
/*************************************** Estilos Generales Dispositivos Chicos ***************************************/
@media (min-width: 120px) and (max-width: 550px) {
html, body{font-size: 12px;}
.logo img{ padding: 26px 20px; }
.col-mision, .col-vision{ margin: -40px 0 20px; }
.logo-footer-small-devices{ display: none; }
.redes-footer{ padding: 0 0 50px 0; }
.producto{ width: 100%; border-bottom: 1px solid rgba(86,130,192,.32); }
.gallery-separator{ display: none; }
.desc-section p{ font-size: 14px; }
.logo, .menu{ width: 50%; }
}

/* Estilos dispositivos grandes */
@media (min-width: 1024px) and (max-width: 4000px){
.bx-controls-direction{ display: none; }
.desc-section p{ font-size: 18px; }
}


/*  */
@media (min-width: 1024px) and (max-width: 1199px){
.cliente{ width: 33.333333%; margin-bottom: 0; }
.responsive-light{ background: #f3f3f3;}
.responsive-dark{ background: #e5e5e5; }
}

@media (min-width: 900px) and (max-width: 1023px) {
}

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

/****** iPhone 6 664x353 (Landscape) ******/

@media (min-width: 551px) and (max-width: 767px) {
#bx-pager{ display: none; }
}


/****** iPhone 6 plus ******/

@media (min-width: 461px) and (max-width: 550px) {
}

/****** iPhone 6 390x645 ******/

@media (min-width: 390px) and (max-width: 460px) {
}

/****** iPhone 4 ******/

@media (min-width: 320px) and (max-width: 389px) {
}



@media (min-width: 120px) and (max-width: 319px) {
}