@media only screen and (max-width:1366px) {
  .aparatos{
  background: url('../images/bg-main4.png');
  height: 1250px;
  background-repeat: no-repeat;
  background-position-x: center;
}
}
@media only screen and (max-width:1280px) {


}
@media only screen and (max-width:1024px) {

.aparatos{
  background: url('../images/bg-main4-m.png');
  height: 1250px;
  background-repeat: no-repeat;
  background-position-x: center;
}
  .navbar-inverse .navbar-nav > li > a {
      color: #fff;
      font-size: 14px;
      font-family: 'Lato-Bold', Arial;
      text-transform: uppercase;
  }

  .navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus {
      color: #fff;
      background-color: #003b8c;
      font-size: 14px;
      font-family: 'Lato-Bold', Arial;
      text-transform: uppercase;
  }

  .navbar-nav > li:last-child > a {
    background: #fd7000;
    border-radius: 10px;
    color: #fff;
    font-family: 'MontB', Arial;
    font-size: 12px;
    text-transform: uppercase;
    text-align: center;
    border: none;
    padding: 10px 20px;
    margin: 20px 5px;
  }
  .navbar-nav > li:last-child > a:hover {
    background: #fd7000;
    border-radius: 10px;
    color: #fff;
    font-family: 'MontB', Arial;
    font-size: 12px;
    text-transform: uppercase;
    text-align: center;
    border: none;
    padding: 10px 20px;
    margin: 20px 5px;
  }
}
@media only screen and (max-width:769px) {
    .margin-bottom {
      margin-bottom: 100px;
      text-align: center;
  }
  .top h1{
    margin: 0;
    text-align: center;
  }
  .bg-main{
    background: url('../images/bg-main.jpg');
    width: 100%;
    height: 450px;
    background-size: cover;
  }  
    .bg-main h1{
      margin: 0;
      color: #fd7000;
      font-family: 'Lato-Black', Arial;
      font-size: 30px;
      text-transform: uppercase;
      text-align: center;
      margin: 150px 0 0;
    }
    .bg-main h2{
      margin: 0;
      color: #fff;
      font-family: 'Lato-Black', Arial;
      font-size: 20px;
      text-transform: uppercase;
      text-align: center;
      margin: 15px 0;
    }
  .panel h1 {
      font-size: 28px;
      text-align: center;
  }
  .panel2 h1 {
      font-size: 28px;
      text-align: center;
  }
  .panel2 p {
      color: #000;
      font-family: 'Lato-Bold', Arial;
      font-size: 18px;
      text-align: center;
  }
  .panel3 h1 {
      font-size: 28px;
      text-align: center;
  }
  .panel3 h2 {
      color: #000;
      font-family: 'Lato-Bold', Arial;
      font-size: 18px;
      text-align: justify;
  }
  .proyectos h1 {
      font-size: 28px;
  }
  .proyectos h2 {
      font-size: 28px;
  }
  .cotizacion h1 {
      font-size: 28px;
  }
  .cotizacion p {
      font-size: 18px;
  }
  .marcas h1 {
      font-size: 28px;
  }
  .beneficios h1 {
      color: #000;
      font-family: 'Lato-Black', Arial;
      font-size: 24px;
      text-align: center;
      text-transform: uppercase;
  }
}
@media only screen and (max-width:480px) {

.aparatos{
  background: url('../images/bg-main4-m.png');
  height: 1250px;
  background-size: cover;
  background-position-x: center;
}

.bg-como{
  background: url('../images/bg-como.jpg');
  width: 100%;
  height: 750px;
  background-size: cover;
  background-position-x: 27%;
}
}
@media only screen and (max-width:360px) {

}