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

body {	padding:0;	margin:0;	}
  .container {  width: 800px;  }



}

@media screen and (max-width: 768px){  /*  iPad Vertical */

.menu-bar{
  display:block;
}
  .container {  width: 768px;  }
  /*header { position:relative; top:35px; height: 115px; z-index: 999; background: #fff;}*/
  /*.navegacion {position:relative; top:50px; }*/
  .navegacion nav {	width: 90%;	 height:calc(100% - 160px);	margin: 0;	position:fixed;	overflow: scroll;	right: 100%; background:#333;	padding: 0; top:57px; }
  .navegacion nav ul { width:100%;	padding: 0; background: none;} /*OK*/
  .navegacion nav ul li { display: block; float: none;	border-bottom: 1px solid rgba(255,255,255,.3);	width:100%;}/*OK*/
  .navegacion nav ul li a {	display: block;	color:#fff;	padding:15px;	width:100%; box-sizing: border-box; text-align: left;}/*OK*/
  .navegacion nav ul li a i {float: right;}/*OK*/
  .navegacion nav ul li:hover .children { display: none;		background:#666;	}/*OK*/
  .navegacion nav ul li .children {	width: 100%;	position: relative;	background: #666;}/*OK*/
  .navegacion nav ul li ul li {background: #666;}/*OK*/
  /*.menu-responsive nav ul li .children li a { margin-left: 0px;	}*/
  .menu-responsive nav ul li .children li .children {	display:none; background:#9e834e;	}/*OK*/
  .menu-responsive nav ul li .children li .children li .children {background: #323327}
  .menu-responsive .menu-bar { display: block;	position: fixed;	width: 100%;	background: #051140;	top: 0;	left: 0;	z-index:99999999999;}
  .menu-responsive	.menu-bar a {	display: block; background: #fcae00;	top:0;	color:#fff;	text-decoration: none;	font-weight: 400;	font-size: 1.2em;	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;	box-sizing: border-box;	width:100%;	height:55px;}
  .bt-menu {display: flex;flex:auto;justify-content: space-between;}
  .bt-menu img {	margin-left:190px;	width:31.5%;	padding-top:-10px;	}
  .bt-menu i {	margin-top:10px;	margin-right:20px;	float: right;	font-size: 1.8em;	}
  .bt-menu .menutext  {	margin-top:15px;	margin-left:15px;	text-decoration: none;		font-weight: 400;	font-size: 1.5em; float:left;	}
  .menu-bar a {	float:left; }
  .bars {display: none;}

.services{width: 256px;}
.services h2{font-size:1.8em; }
.inner-bottom{height: 410px;}
.inner{width:240px; height: 350px;}
.inner-middle{width: 277px;}
.inner-prod{margin: 0px 20px;}
.inner-prod i{display: none;}
.inner-prod p{ width: 100%;text-align: center;}
.inner-prod h3{width: 100%;text-align: center;}

.q-somos{height: 600px;}
.img-inge img{display: none;}
.quienes-s p{width: 90%; padding: 0;margin: auto;}
.mision{padding: 10px; margin-left: 30px;}
.mision p{padding: 0; padding-top: 10px;}
.vision {padding: 10px; width: 380px;}
.vision p{padding: 0; padding-top: 10px;}

.maps{width: 100%;}
.maps iframe{width: 100%;}
.inner .container{width: 100%;}
.form-contact{width: 100%;}

.servicios{width: 100%; height: 700px;}
.s-vertical{width: 100%;margin: 0;}
.s-horizontal{width: 100%;margin: 0;}
.s-vial{width: 100%;margin: 0;}

.galeria{height: 2200px;}
.capa{width: 45%; margin: auto;}



}



@media screen and (max-width: 768px){  /*  iPad Vertical */

  .container {  width: 768px;  }



}

@media screen and (max-width: 736px){  /*  iPhone 6 PLUS Horizontal */

  .container {  width: 736px;  }



}

@media screen and (max-width: 667px){  /*  iPhone 6 Horizontal */

  .container {  width: 667px;  }



}

@media screen and (max-width: 640px){  /*  Galaxy S5 Horizontal */

  .container {  width: 640px;  }



}

@media screen and (max-width: 568px){  /*  iPhone 5 Horizontal */

  .container {  width: 568px;  }



}

@media screen and (max-width: 414px){  /*  iPhone 6 PLUS Vertical */

  .container {  width: 414px; box-sizing: border-box; }



}

@media screen and (max-width: 375px){  /*  iPhone 6 Vertical */

  .container {  width: 375px;  }



}

@media screen and (max-width: 360px){  /*  Galaxy S5 Vertical */

  .container{  width: 360px; display: flex; flex-direction: column;}



  .servicios{height: 1400px;}

  .services{box-sizing: border-box; width:100%; float: none;}


  .inner-top{height: 280px}
  .inner-top h2{font-size:1.5em;}
  .inner-top p{font-size: 1.1em;}

.inner-bottom{width: 100%; display: flex; flex-direction: column; height: auto; float: none; box-sizing: border-box;}
.inner{width: 100%; height: auto;}
.inner-prod{ width: 100%;margin: 0px 10px;}
.inner-prod h3{width: 100%; text-align: center; margin: 10px 0px; color: #ffc108}
.inner-prod i{display: none;}
.inner p  { width: 100%;text-align: center;}
.inner-middle{display:none;}
.inner i{padding-left: 20px;}

footer{height: 540px;}
.pie-svial{width: 100%; margin-top: 10px; height:200px; }
.pie-svial img{  padding-left:125px;}
.pie-svial p{width: 100%; float: left;text-align: center;}

.pie-svial i{display: none;}

.pie-servicios{display: none;}
.pie-home{display: none}


.pie-galeria{width: 100%; height: 280px;}
.pie-galeria h2{width: 100%; text-align: center; font-size:1.3em; padding: 0px;  margin: 0;}

.banner img{display: none;}
.fondo img{display: none;}
.producto1{height: 450px;}
.producto1 h2, p{font-size: 1.0em;}
/*.boton p{width: 100%; font-size: 1em; height: 100px;}
.boton a{width: 50px;}*/
.img-producto1{width: 100%;}
.img-producto1 img{width: 70%; height: auto; margin: 0 auto;  margin-top: 45px;}

.descripcion{width: 100%;}
.descripcion p{margin: 0;}

.img-inge{display: none;}
.quienes-s{width: 100%; height: 480px; margin: 0;}
.quienes-s h2{width: 100%;}
.quienes-s p{width: 100%; padding: 0}

.m-v{ width: 100%; height: auto;}
.mision{float: none; width: 100%; padding: 0; margin: 0;}
.mision p{padding: 0;}
.mision h2{color:#ffa800 }
.vision{float: none; width: 100%; padding: 0; margin:0; }
.vision p{ padding: 0px; }
.vision h2{color:#ffa800 }
.q-somos {height: 940px;}


.maps{width: 100%;}
.maps iframe{width: 100%;}
.inner {display: none;}
.inner-h2{display: none;}
.formulario{width: 100%; height: auto;}
.form-contact{width: 100%; height: auto;}
.form-contact h2{text-align: center;}
.datos{width: 100%; height: auto;}
.datos h2{text-align: center;}
button.submit{margin: auto; }
.form-contact li {margin: 0;}
.text-descripcion{margin-top: 20px;}




.servicios{width: 100%; height: auto;}
.s-vertical{width: 100%;margin: 0;}
.s-horizontal{width: 100%;margin: 0;}
.s-vial{width: 100%;margin: 0;}


.galeria{height: auto;}
.capa{width: 90%;}

.sidebar{display: none;}
.content-slider{width: 100%; padding-top: 70px;}
.slider{height: 300px;}
.slick-track{width: 100%;}
.slider-nav{margin: 0;}
.slick-slider{height: 300px;}
.slider-proyect{width: 100%; height: 600px;}



.navegacion{ height: 60px;}
header{height:10px; }
.info{display: none;}
.redes{display: none;}
.logo{width: 55%;  float: right; height: 30px;}
.logo img{width: 85%;padding-left: 25px;}
.menu-bar{float: right; background: #ffb000; width: 45%; border-top-left-radius: 10px; border-bottom-left-radius: 10px; height: 60px;}
.menu-bar span, i{ color: #fff; float: right; text-align: center;}
.menu-bar i{margin-left:20px; margin-top: 15px; }
/*.bt-menu{float: right; display: flex; justify-content: flex-end; width: 100%;}*/
.menu-responsive .menu-bar { display: block;	position: fixed;	width: 100%;	background: #051140;	top: 0;	left: 0;	z-index:99999999999;}
.menu-responsive	.menu-bar a {	display: block; background: #fcae00;	top:0;	color:#fff;	text-decoration: none;	font-weight: 400;	font-size: 1.2em;	-webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;	box-sizing: border-box;	width:100%;	height:55px;}
.bt-menu {display: flex;
flex:auto;justify-content: space-between;}
.bt-menu img {	margin-left:190px;	width:31.5%;	padding-top:-10px;	}
.bt-menu i {	margin-top:10px;	margin-right:20px;	float: right;	font-size: 1.8em;	}
.bt-menu .menutext  {	margin-top:15px;	margin-left:15px;	text-decoration: none;		font-weight: 400;	font-size: 1.5em; float:left;	}
.menu-bar a {	float:left; }
.bars {display: none;}



}

@media screen and (max-width: 320px){  /*  iPhone 5 Vertical */

  .container {  width: 320px;  }
  .slider{width: 100%; height: 480px;}
  /*.big{width: 100%;}*/

.nav-top{display: none;}

.navegacion img{ width: 130px;}
.slider img{width: 100%; height:480px; }
#home{width: 100%; height: 480px;}
.slides.scroll{width: 480px;}




}