/* xs */
@media (max-width: 576px) { 
    .imagen-izquierda {
        position: relative;
        width: 106%;
        top: 32%;
        left: 10%;
    }

    .show-computer {
        left: 14%;
        width: 71%;
        position: absolute;
        top: 50%;
    }
    #computer-front img{
        height: 100vh !important;
    }

    #slide-2 img{
        height: 100vh !important;
    }    

   .responsive-show{
    width: 75% !important;
   }
    .imagen-derecha{
        display: none;
    }

    .imagen-centro{
        display: none;
    }

    .navbar-brand {
        margin-right: 1rem !important;
    }

    .encabezado-experiencia h1{
        font-size: 3.7rem;
    }
    .logo-center-producto {
        margin-top: 5%;
        margin-left: 32%;
        width: 37%;
        height: 100%;
    }
    #video-slider-contenedor{
        height: 100vh;
        width: auto !important;
     }
     #inicio .carousel-item{
        height: 100vh;
     }
    
     #video-slider{
        height: 100vh;
        width: auto !important;
     }

    #computer-front img{
        height: 100vh !important;
    }

    .logo-center-producto2 {
        margin-top: 5%;
        margin-left: 42%;
        width: 15%;
        height: 100%;
    }
    .visible-web{
        display: none;
    }  
    .responsive-servicio-img-automatizacion {
        display: none;
    }
    .dmpos-slider{
        display:none;
    }
    .top-nav{
        background-color:#3e4e68;
        padding: 1.1rem 1rem;
    }
    #inicio {
        height: 500px;
    }
    
    section#inicio:after {
        display: none;
    }
    .carousel-control-next,
    .carousel-control-prev {
        top: -229px;
    }
    .titulo-computador h2{
        font-size: 1.8rem !important;
    }
    .x h2 {
        font-size: 1.4em !important;
    }
    .contenedor-info {
        padding-top: 6%;
    }
    .size-font {
        padding-left: 16%;
    }
    .x {
        top: 68px !important;
    }
    .subtitulo-quienes-somos h1 {
        text-align: center;
        font-size: 2.3rem !important;
    }
    .parrafo-quienes-somos {
        text-align: center;
    }
    .titulo-informativo-encabezado {
        left: 1% !important;
        top: 18% !important;
        width: 100% !important;
    }
    .titulo-informativo {
        left: 19% !important;
        top: 18% !important;
        width: 65% !important;
    }
    .titulo-informativo h1 {
        font-size: 3.5rem !important;
    }
    .titulo-informativo h3 {
        font-size: 1rem !important;
    }
    .titulo-informativo-encabezado h1 {
        font-size: 4.5rem !important;
    }
    button.btn.btn-informacion {
        width: 58%;
        font-size: 0.7rem;
    }
    .titulo-quienes-somos {
        text-align: center;
    }
    .encabezado-equipo h1 {
        font-size: 2.3rem !important;
    }
    .encabezado-equipo h3 {
        color: #000000 !important;
        font-size: 0.9rem;
    }
    .info-equipo h1 {
        font-size: 2rem;
    }
    
    .item-caracteristisca h2 {
        font-size: 1.7rem
    }
    .caracteristicas-img {
        width: 20%;
    }
    .servicio-responsive h1 {
        padding-bottom: 3%;
        color: #1E3693;
        text-align: center;
        font-size: 3.9rem !important;
    }
    .titulo-servicio {
        text-align: center;
        font-size: 2.5rem;
    }
    .descripcion-servicio h3 {
        font-size: 1.75rem;
    }
    .encabezado-servicio {
        margin-left: 0% !important;
        text-align: center;
        padding-top: 2%;
    }
    .titulo-servicio h1 {
        font-size: 2.5rem !important;
    }
    .responsive-servicio-img {
        width: 100%;
    }
    .encabezado-servicio-automatizacion {
        text-align: center;
        padding-left: 0% !important;
    }
    .encabezado-servicio-automatizacion h1 {
        color: #BBB6B4;
    }
    #productos {
        display: none;
    }
    #experiencia-usuario {
        display: none;
    }
    div#navbarNavAltMarkup {
        text-align: center;
    }
    .navbar-light .navbar-toggler {
        color: rgb(255, 255, 255);
        border-color: rgb(255, 255, 255);
        background: white;
        margin-left: 83%;
        margin-top: -15%;
        padding: 1%;
    }
    .fixed-top {
        padding: .5rem 1rem;
    }
    .footer-img2 {
        width: 17% !important;
    }
    .logo-imagen {
        width: 41% !important;
    }
    .navbarV {
        padding: .5rem 1rem !important;
       background-color: #1E3693;
    }
    .test {
        padding-top: 2%;
    }

    .titulo-caracteristica h3 {
        font-size: 3rem !important;
    }
    .encabezado-contacto h1 {
        font-size: 2.9rem;
    }
    .formulario {
        padding-top: 6%;
    }
    #contacto-formulario {
        padding-top: 7%;
    }
    .img-encabezado {
        margin-top: 0%;
    }
    #productos-movil {
        padding-top: 11%;
        -webkit-clip-path: polygon(0 0, 100% 13%, 100% 100%, 0% 100%);
        clip-path: polygon(0 0, 100% 13%, 100% 100%, 0% 100%);
        background: #e6e6e6;
    }
    .cuadro-general-producto {
        padding-top: 5%;
    }
    .encabezado-movil-producto h6 {
        font-size: 0.8rem !important;
    }
    .encabezado-movil-producto h1 {
        color: #1E3693;
    }
    .informacion-producto {
        position: absolute;
        width: 47% !important;
        top: 11% !important;
        left: 2% !important;
    }
    .btn-productos-movil {
        width: 66%;
        color: #ffffff;
        background-color: #ff5c5c;
        border-color: #ff5c5c;
        padding: .125rem .55rem;
    }
    .btn-productos-movil:hover {
        border-color: aliceblue;
        background-color: white;
        color: #ff5c5c;
        animation-name: estatico;
    }
    #comprarlo-sich .hola h4 {
        padding-left: 9% !important;
    }
    .visible {
        display: none;
    }
    .size-font {
        padding-left: 22%;
    }
    .front-descripcion {
        margin-left: -1%;
    }
    .imagetest2 img {
        margin-left: 12%;
        transform: none !important;
    }
    .number_back-2::before {
        margin-left: 27%;
    }
    .visible {
        display: none;
    }
    .descripcion-front {
        width: 86%;
        margin-top: -55%;
        margin-left: 33%;
    }
    .visible-movil{
        display: block !important;
        }

   
          
}

/* sm */
@media (max-width: 768px) and (min-width: 576px) { 
    .navbarV {
        padding: .5rem 1rem !important;
       background-color: #1E3693;
    }
    
    #computer-front img{
        height: 100vh !important;
    }

    #video-slider-contenedor{
        height: 100vh;
        width: auto !important;
     }
     #inicio .carousel-item{
        height: 100vh;
     }
    
     #video-slider{
        height: 100vh;
        width: auto !important;
    }

    .logo-center-producto2 {
        margin-top: 5%;
        margin-left: 42%;
        width: 15%;
        height: 100%;
    }

    .responsive-producto-img-slider{
        height: 555px !important;
    }
    .logo-center-producto {
        margin-top: 1%;
        margin-left: 39%;
        width: 22%;
        height: 100%;
    }
    .visible-web{
        display: none !important;
    }
    #productos-movil{
        display: block !important;
    }

    .visible-movil{
    display: block !important;
    }
    #productos {
        display: none;
    }
    .footer-img2 {
        width: 30% !important;
    }

    .x {
        top: 77px !important;
    }
    .hola3 {
        text-align: center !important;
    }

    .show-computer {
        position: absolute;
        top: 800px;
    }

    .dmpos-slider{
        display: none !important;
    }
    #experiencia-usuario {
        display: none;
    }
    .imagetest2 img{
        width: 80% !important;
    }
    .mensaje-paralax {
        text-align: center;
        color: white;
        position: absolute;
        top: 2149px;
        width: 100%;
        left: 0px;
    }
    .encabezado-servicio {
        text-align: center !important;
        margin-left: 0% !important;
    }
    .encabezado-servicio-automatizacion {
        text-align: center;
    }
    .encabezado-servicio {
        text-align: center;
    }
    .servicio-responsive {
        text-align: center;
    }
    .servicio-responsive h1 {
        font-size: 4rem;
    }
    .titulo-servicio h1 {
        font-size: 2.6rem !important;
    }
    .informacion-producto {
        position: absolute;
        width: 40%;
        top: 1%;
        left: 3%;

    }

    .informacion-producto p{
        font-size: 1.9rem;
    }
   
    .encabezado-movil-producto h6 {
        font-size: 0.8rem;
    }
    .encabezado-movil-producto h1 {
        color: #1E3693;
        font-size: 2.9rem;
    }
    .navbar-light .navbar-toggler {
        color: rgb(255, 255, 255);
        border-color: rgb(255, 255, 255);
        background: white;
        margin-left: 83%;
        margin-top: -15%;
        padding: 1%;
    }
    .fixed-top {
        padding: .5rem 1rem;
    }
    .footer-img2 {
        width: 17% !important;
    }
    .logo-imagen {
        width: 41% !important;
    }
    
    div#navbarNavAltMarkup {
        text-align: center;
    }
    .titulo-caracteristica h3 {
        font-size: 2.9rem;
    }
    .test {
        -webkit-box-shadow: 8px 22px 44px -9px rgba(217, 217, 217, 0.79);
        -moz-box-shadow: 8px 22px 44px -9px rgba(217, 217, 217, 0.79);
        box-shadow: 8px 22px 44px -9px rgba(217, 217, 217, 0.79)
    }
    .img-encabezado {
        margin-top: 0px !important;
    }
    .encabezado-form {
        padding-top: 4%;
    }
    .encabezado-experiencia h1 {
        font-size: 3.1rem;
    }
    #quienes-somos {
        text-align: center;
    }
    .titulo-informativo-encabezado {
        left: 12% !important;
        top: 16% !important;
        width: 76% !important;
    }
    .titulo-informativo-encabezado h3 {
        font-size: 1.6rem !important;
    }
    .titulo-informativo-encabezado h1 {
        font-size: 4.8rem !important;
    }
    .titulo-informativo h1 {
        font-size: 3.8rem !important;
    }
    .titulo-informativo h3 {
        font-size: 1.7rem !important;
    }
   
    .number-back-1 {
        text-align: center;
    }
    .descripcion-front {
        width: 86%;
        margin-top: -33%;
        margin-left: 28%;
    }
    .number_back-2::before {
        margin-left: 30%;
    }
 
    .front-descripcion {
        margin-left: -1%;
    }
    .size-font {
        padding-left: 10%;
    }

    #comprarlo-sich .hola h4{
        padding-left: 1% !important;
    }
    .titulo-informativo {
            left: 43% !important;
            top: 16% !important;
            width: 55% !important;
        
    }
    .btn-productos-movil {
        width: 66%;
        color: #ffffff;
        background-color: #ff5c5c;
        border-color: #ff5c5c;
        padding: .125rem .55rem;
    }
    .btn-productos-movil:hover {
        border-color: aliceblue;
        background-color: white;
        color: #ff5c5c;
        animation-name: estatico;
    }
    .img-izq{
        display: none !important;
    }
    .imagetest2 img {
        display: none;
    }
      
    .navbar-brand {
        margin-right: 1rem !important; 
    }
 
 }

/* md */
@media (max-width: 992px)  and (min-width: 770px){ 
    .img-izq{
        display: none !important;
    }
    .imagetest2 img {
        display: none;
    }
    .visible-movil{
        display:none;

    }
    .hola3 {
        text-align: center !important;
    }
    .imagetest2 img {
        margin-left: 30%;
        transform: none !important;
        width: 89% !important;
    }
    .navbar-light .navbar-toggler {
        margin-left: 91%;
        margin-top: -13%;
        padding: 2%;
    }
    .fixed-top {
        padding: .5rem 1rem !important;
    }
    .logo-imagen {
        width: 41% !important;
    }
    .navbarV {
        padding: .5rem 1rem !important;
    }
    .titulo-informativo {
        left: 43% !important;
        top: 18% !important;
        width: 55% !important;
    }
    .show-computer {
        top: 485px;
    }

    .x{
        top:68px;
    }
    .dmpos-slider{
        display:none;
    }
    .size-font{
        padding-left: 14%;
    }

  
    .navbar-brand {
        margin-right: 1rem !important; 
    }
 
 }

/* lg */
@media (max-width: 1300px)  and  (min-width: 1000px) { 
    .footer-img2 {
        width: 29% !important;
    }

    #computer-front img{
        height: 100vh !important;
    }

    #video-slider-contenedor{
        height: 100vh;
        width: auto !important;
     }
     #inicio .carousel-item{
        height: 100vh;
     }
    
     #video-slider{
        height: 100vh;
        width: auto !important;
    }
        .show-computer {
            position: absolute;
            top: 1008px;
            left: -2%;
        }
        .titulo-informativo {
            top: 120px !important;
        }
    .visible-movil{
        display:none !important;
    }

    .navbar-brand{
        margin-right: 26rem;
    }
   

    
 }