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

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



}

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

  .container {  width: 768px;  }
  header { position:relative; top:35px; height: 115px; z-index: 999; background: #fff;}
  .menu-responsive {position:relative; top:50px; }
  .menu-responsive nav {	width: 90%;	 height:calc(100% - 160px);	margin: 0;	position:fixed;	overflow: scroll;	right: 100%; background:#333;	padding: 0; top:57px; }
  .menu-responsive nav ul { width:100%;	padding: 0; background: none;} /*OK*/
  .menu-responsive nav ul li { display: block; float: none;	border-bottom: 1px solid rgba(255,255,255,.3);	width:100%;}/*OK*/
  .menu-responsive nav ul li a {	display: block;	color:#fff;	padding:15px;	width:100%; box-sizing: border-box; text-align: left;}/*OK*/
  .menu-responsive nav ul li a i {float: right;}/*OK*/
  .menu-responsive nav ul li:hover .children { display: none;		background:#666;	}/*OK*/
  .menu-responsive nav ul li .children {	width: 100%;	position: relative;	background: #666;}/*OK*/
  .menu-responsive 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;}


}

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

  .container {  width: 736px;  }


  footer {
    width: 100%;
    height: auto;
  }
  .pie {
    height: auto;
    width: 100%;
    flex-wrap: nowrap;
    justify-content: space-between;
  }
  .foot-form {
    width: 45%;
    margin: 10px;
  }
  .nav-foot {
    display: none;
  }
  .foot-contact {
    width: 50%;
    margin: 10px;
  }
  .copyright {
    height: 30px;
  }

  .copyright p {width: 100%;}
  .mapa{display: none;}
}

@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; height: auto; -moz-box-sizing: border-box; }

  .barra{display: none;}
  .redes{width: 100%;position: absolute;}
  .info {
    display: flex;
    flex-wrap: wrap;
  }
  .cont {display: none;}
  .cont-inf {
    width: 80%;
    border-left: none;
    float: left;
  }


  .servicios {
    height: auto;
    margin-bottom: 10px;

  }
  .services {
    float: left;
    width: 90%;
    margin: 5px auto;
  }

  .inner {
    float: left;
    width: 90%;
    margin: 5px auto;
  }
.inner-title p {
  margin-top: 5px;
}

.inner2{
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}

  .pie {
    display: flex;
    flex-wrap: wrap;
  }
  .foot-form {
    width: 90%;
    margin: 10px auto;
    float: left;
  }

  .foot-contact {
    width: 90%;
    margin: 10px auto;
    float: left;
    text-align: center;
  }

  /*RESPONSIVE SECCION PRODUCTOS*/
  .products {margin-top:20px; }
  .aside { display: none; }

  .productos { width: 90%; margin: 10px auto; justify-content: center;  }

  .products-vertical { width: 100%;  }
  .img-producto3 img { width: 80%; height: auto; margin: 0 auto; }

  /*RESPONSIVE SECCION SERVICIOS*/
  .serv { display: flex; flex-wrap: wrap; justify-content: center; align-items: center;}
  .serv .bar {margin-top:40px; height: 100px; display: flex; align-items: center;}
  .bar h2 {font-size: 1.7em;}

  .senalizacion-vertical {}
  .senalizacion-vertical .titulo h2{ text-align: center;}
  .especificacion {width: 100%;}

  .senalizacion-horizontal .titulo h2 { text-align: center;}

  .seguridad-vial .titulo h2 { text-align: center;}

  /*RESPONSIVE SECCION QUIENES SOMOS*/

  .quienessomos { width: 100%; height: auto; display: flex; flex-wrap: wrap; justify-content: center;}
  .qsdescripcion {width: 90%; text-align: justify;}
  .qsdescripcion p {text-align: justify;}
  .mis-vis {height: auto;}
  .misvis {width: 100%; height: auto; display: flex; flex-wrap: wrap; justify-content: center; }
  .mision {width: 100%; }
  .mision .img { width: 180px; margin: 0 auto; }
  .mision p {text-shadow: .5px .5px 2px #000; }
  .vision {width: 100%; margin-bottom: 20px;}
  .vision .img { width: 180px; margin: 0 auto; }
  .vision p {text-shadow: 1px 1px 2px #000; }

  /*RESPONSIVE SECCION CONTACTO*/
  .text-descripcion {box-sizing: border-box; }
  .datos-contacto {display: none; }
  .formulario {height: auto; }
  .excep {display: flex; flex-wrap:wrap; justify-content: center; align-items: center;}
  .form li {height: auto;}
  .form > .excep li { width: 100%; height: auto; }
  .form li label {width: 100%;}
  .form li textarea {width: 100%;}
  .form button {margin: 20px auto; }

}

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

  .container {  width: 375px;  }



}

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

  .container {  width: 360px;  }



}

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

  .container {  width: 320px;  }



}