@media only screen and (min-width: 1921px) {
  /* PROJECT-GENERAL */
}
@media only screen and (max-width: 1620px) {
}
@media only screen and (max-width: 1440px) {
  .navbar-nav{
    width: 65%;
    margin-left: auto;
  }
  section.info-ficha label, header.header-contacto form label{
    width: 25%;
  }
  section.info-ficha .form-control, header.header-contacto form .form-control{
    width: 70%;
  }
  .line-empresa{
    width: 84%!important;
  }
  textarea{
    width: 84%;
  }
}
@media only screen and (max-width: 1280px) {
}
@media only screen and (max-width: 1025px){
}
@media screen and (max-width: 993px) {
}
@media screen and (max-width: 800px){
}
@media screen and (max-width: 720px) {
}
@media screen and (max-width: 993px){
  .sm-show{
    display: block!important;
  }
  .sm-none{
    display: none!important;
  }
  .marco-right,.marco-left{
    border: none;
  }
  .marco-inferior-ficha{
    display: none;
  }
  section{
    padding: 3rem;
  }
  nav.navbar{
    padding: 1rem;
  }
  .navbar-nav{
    text-align: center;
    margin-top: 2rem;
    width: auto;
    margin: auto;
  }
  .nav-link{
    display: inline-block;
  }
  .nav-link .navbar-brand{
    display: block;
    position: relative;
    margin-top: 3rem;
  }
  .navbar>.container-fluid{
    justify-content: flex-end;
  }
  .navbar-toggler-icon{
    background-image:   url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(255, 255, 255, 1)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
  }
  .offcanvas{
    background-color: #1d1d1b;
  }
  .btn-close{
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='rgba(255,255,255,1)'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e");
    fill:#fff;
  }
  nav.navbar .nav-item{
    display: block;
  }
  nav.navbar .nav-item:last-child{
    position: relative;
  }
  nav.navbar .nav-item:last-child a{
    display: block;
  }
  /* HOME */
  header{
    padding: 5rem 3rem;
  }
  header.header-home .info-home{
    position: relative;
  }
  .info-home p{
    padding-right: 10%;
  }
  header .img-home{
    margin: auto;
    width: 80%;
  }
  header.header-home{
    height: auto;
    padding: 2rem;
  }
  header h1{
    font-size: 2.8rem;
    line-height: 2.8rem;
    margin-top: 2rem;
  }
  section.servicios .cont-servicios{
    padding: 1rem 2rem;
    border-bottom: 1px solid rgba(14,14,14,.2);
  }
  section.servicios .marco-inferior{
    border: none;
  }
  section.banner{
    background-image: url('../img/bandera-mexico-sm.jpg');
  }
  section.banner .frase-banner{
    font-size: 2.5rem;
    line-height: 2.5rem;
  }
  section.banner img{
    max-width: 80%;
    display: block;
    margin: auto;
  }
  section.banner .cont-btn{
    text-align: center;
  }
  section.productos{
    padding: 3rem;
  }
  section.productos .description-p{
    max-width: 100%;
    display: block;
    margin: 1.8rem auto;
  }
  section.productos .categoria{
    text-align: right;
    display: block;
    font-size: 1rem;
  }
section.productos .marco-inferior, section.bandas-home .marco-inferior{
  margin: 2rem auto;
  }
  section.productos h2{
    font-size: 2.4rem;
  }
  section.bandas-home h2{
    font-size: 2rem;
  }
  section.productos .cont-producto h2, section.productos .cont-producto h3{
    font-size: 1.3rem;
  }
  section.productos .cont-producto span,section.productos .cont-producto span.info{
    font-size: .8rem;
  }
  section.bandas-home ul{
    font-size: .8rem;
  }
  section.bandas-home .foto-bandas-home h3{
    position: relative;
    left: 0;
    font-size: 2rem;
  }
  section.bandas-home .description-fabricantes{
    font-size: 1rem;
    margin-top: 0;
  }
  /* FICHAS */
  .info-home p,section.info-ficha p{
    text-align: justify;
    padding-right: 0;
  }
  section.info-ficha ul{
    padding: 0 1rem;
    margin: 1rem auto;
  }
  section.info-ficha table tbody tr td span{
    font-size: .7rem;
    padding: .2rem;
  }
  section.info-ficha .txt-ficha{
    font-size: 2rem;
  }
  section.info-ficha form span{
    margin-top: 1rem;
    display: block;
  }
  .line-empresa{
    width: 72%!important;
  }
  section.info-ficha label{
    width: 25%;
  }
  section.info-ficha .form-control{
    width: 72%;
  }
  section.info-ficha .flecha-ficha{
    margin-top: 4rem;
  }
  textarea{
    width: 72%;
    height: 2.4rem;
  }
  header.header-contacto form{
    padding: 2rem 4rem;
  }
  section.info-producto h2{
    font-size: 2rem;
  }
  header.header-contacto{
    overflow: hidden;
  }
  header.header-contacto .info-home{
    padding-bottom: 2rem;
  }
  header.header-contacto .info-home img{
    margin: 0 auto;
  }
  header.header-nosotros .title-nosotros{
    font-size: 2.8rem;
  }
  header.header-nosotros .ico-pemsa-nosotros{
    max-width: 30%;
  }
  header.header-nosotros .img-nosotros{
    margin: 2rem auto;
  }
  footer{
    padding: 2rem;
  }
  footer ul li a{
    font-size: .7rem;
  }
  header.header-home .info-home{
    max-width: 100%;
    margin: auto;
  }
  /* .carousel-inner::before{
    right: -12%;
  } */
  section.financiamiento h3{
    padding: 0;
    margin: 2rem auto;
  }
  section.banner .experiencia{
    font-size: 1.5rem;
  }
}