.infografia-movil {
    display: none;
}

.infografia-movil-in {
    display: none;
}

.infografia-text-movil {
    display: none;
}

.zw-info-container {
    position: relative;
    width: 100%;
    height: auto;
    margin: 0 auto;
    padding: 0;
}

.zw-info-container-in img {
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
}

.zw-info-container-in2 img {
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
}

.zw-info-container img {
    width: 100%;
}

.infografia-movil-in .zw-modal-in, .zw-modal-in {
    padding-right: 50px!important;
    padding-left: 50px;
    padding-top: 50vh;
    
}
.zw-modal-in .zw-modal-dialog {
	max-width: 1024px;
    min-height: 600px;
}
.zw-modal-in .zw-modal-dialog h4{
    font-size: 1rem ;
    }	


.zw-modal-in .zw-modal-content {
    background-color: #ff0000;
    padding: 15px 20px;
    color: #ffffff;
}

.zw-modal-in .zw-modal-content h4{
    font-size: 1rem;
    }
@media screen and (max-width: 520px) {
    .infografia-desktop {
        display: none;
    }
    .infografia-movil {
        display: block;
        position: relative;
    }
    .infografia-movil-in {
        display: block;
        position: relative;
    }
    .zw-info-container-in2 img {
        width: 100%;
        position: inherit;
    }
    .infografia-movil button {
        width: 30px;
        height: 30px;
        background-color: #ff0000;
        border-radius: 20px;
        border: none;
        color: #ffffff;
        animation: pulse 1.9s infinite;
        position: absolute;
        border: 1px solid #CB0000;
        display: inline-block;
    }
    .infografia-movil-in button {
        width: 30px;
        height: 30px;
        background-color: #ff0000;
        border-radius: 20px;
        border: none;
        color: #ffffff;
        animation: pulse 1.9s infinite;
        position: absolute;
        border: 1px solid #CB0000;
        display: inline-block;
    }
    /* Botones Aduana */
    .infografia-movil button[name^='btn_aduana_1'].btn_aduana {
        top: 10%;
        left: 45%;
    }
    .infografia-movil button[name^='btn_aduana_2'].btn_aduana {
        top: 26%;
        left: 5%;
    }
    .infografia-movil button[name^='btn_aduana_3'].btn_aduana {
        top: 25%;
        left: 64%;
    }
    .infografia-movil button[name^='btn_aduana_4'].btn_aduana {
        top: 37%;
        left: 25%;
    }
    .infografia-movil button[name^='btn_aduana_5'].btn_aduana {
        top: 36%;
        left: 64%;
    }
    .infografia-movil button[name^='btn_aduana_6'].btn_aduana {
        top: 56%;
        left: 23%;
    }
    .infografia-movil button[name^='btn_aduana_7'].btn_aduana {
        top: 53%;
        left: 58%;
    }
    .infografia-movil button[name^='btn_aduana_8'].btn_aduana {
        top: 73%;
        left: 7%;
    }
    .infografia-movil button[name^='btn_aduana_9'].btn_aduana {
        top: 73%;
        left: 65%;
    }
    .infografia-movil button[name^='btn_aduana_10'].btn_aduana {
        top: 82%;
        left: 45%;
    }
    /* Botones Gestion Documental */
    .infografia-movil-in button[name^='btn_gestion_1'].btn_gestion {
        top: 31%;
        left: 9%;
    }
    .infografia-movil-in button[name^='btn_gestion_2'].btn_gestion {
        top: 23%;
        left: 50%;
    }
    .infografia-movil-in button[name^='btn_gestion_3'].btn_gestion {
        top: 16%;
        left: 81%;
    }
    .infografia-movil-in button[name^='btn_gestion_4'].btn_gestion {
        top: 36%;
        left: 60%;
    }
    .infografia-movil-in button[name^='btn_gestion_5'].btn_gestion {
        top: 52%;
        left: 42%;
    }
    .infografia-movil-in button[name^='btn_gestion_6'].btn_gestion {
        top: 52%;
        left: 74%;
    }
    .infografia-movil-in button[name^='btn_gestion_7'].btn_gestion {
        top: 69%;
        left: 63%;
    }
    /* Botones Servicios Financieros */
    .infografia-movil-in button[name^='btn_serviciosf_1'].btn_serviciosf {
        top: 1%;
        left: 50%;
    }
    .infografia-movil-in button[name^='btn_serviciosf_2'].btn_serviciosf {
        top: 5%;
        left: 73%;
    }
    .infografia-movil-in button[name^='btn_serviciosf_3'].btn_serviciosf {
        top: 29%;
        left: 48%;
    }
    .infografia-movil-in button[name^='btn_serviciosf_4'].btn_serviciosf {
        top: 40%;
        left: 22%;
    }
    .infografia-movil-in button[name^='btn_serviciosf_5'].btn_serviciosf {
        top: 56%;
        left: 4%;
    }
    .infografia-movil-in button[name^='btn_serviciosf_6'].btn_serviciosf {
        top: 72%;
        left: 26%;
    }
    .infografia-movil-in button[name^='btn_serviciosf_7'].btn_serviciosf {
        top: 50%;
        left: 70%;
    }
    /* Botones Carga Internacional */
    .infografia-movil-in button[name^='btn_cargai_1'].btn_cargai {
        top: 20%;
        left: 15%;
    }
    .infografia-movil-in button[name^='btn_cargai_2'].btn_cargai {
        top: 5%;
        left: 53%;
    }
    .infografia-movil-in button[name^='btn_cargai_3'].btn_cargai {
        top: 35%;
        left: 48%;
    }
    .infografia-movil-in button[name^='btn_cargai_4'].btn_cargai {
        top: 49%;
        left: 12%;
    }
    .infografia-movil-in button[name^='btn_cargai_5'].btn_cargai {
        top: 66%;
        left: 74%;
    }
    /* Botones Consultoria */
    .infografia-movil-in button[name^='btn_consultoria_1'].btn_consultoria {
        top: 12%;
        left: 12%;
    }
    .infografia-movil-in button[name^='btn_consultoria_2'].btn_consultoria {
        top: 5%;
        left: 33%;
    }
    .infografia-movil-in button[name^='btn_consultoria_3'].btn_consultoria {
        top: 2%;
        left: 60%;
    }
    .infografia-movil-in button[name^='btn_consultoria_4'].btn_consultoria {
        top: 17%;
        left: 62%;
    }
    .infografia-movil-in button[name^='btn_consultoria_5'].btn_consultoria {
        top: 26%;
        left: 39%;
    }
    .infografia-movil-in button[name^='btn_consultoria_6'].btn_consultoria {
        top: 36%;
        left: 4%;
    }
    .infografia-movil-in button[name^='btn_consultoria_7'].btn_consultoria {
        top: 62%;
        left: 4%;
    }
    .infografia-movil-in button[name^='btn_consultoria_8'].btn_consultoria {
        top: 54%;
        left: 40%;
    }
    .infografia-movil-in button[name^='btn_consultoria_9'].btn_consultoria {
        top: 36%;
        left: 74%;
    }
    .infografia-movil-in button[name^='btn_consultoria_10'].btn_consultoria {
        top: 73%;
        left: 74%;
    }
    .infografia-movil-in button[name^='btn_consultoria_11'].btn_consultoria {
        top: 83%;
        left: 42%;
    }
    /* Botones Almacenamiento */
    .infografia-movil-in button[name^='btn_almacenamiento_1'].btn_almacenamiento {
        top: 10%;
        left: 37%;
    }
    .infografia-movil-in button[name^='btn_almacenamiento_2'].btn_almacenamiento {
        top: 30%;
        left: 72%;
    }
    .infografia-movil-in button[name^='btn_almacenamiento_3'].btn_almacenamiento {
        top: 48%;
        left: 23%;
    }
    .infografia-movil-in button[name^='btn_almacenamiento_4'].btn_almacenamiento {
        top: 71%;
        left: 11%;
    }
    .infografia-movil-in button[name^='btn_almacenamiento_5'].btn_almacenamiento {
        top: 61%;
        left: 36%;
    }
    .infografia-movil-in button[name^='btn_almacenamiento_6'].btn_almacenamiento {
        top: 52%;
        left: 71%;
    }
    .infografia-movil-in button[name^='btn_almacenamiento_7'].btn_almacenamiento {
        top: 82%;
        left: 54%;
    }
}

/* css infografias en*/
/* Botones Aduana English */
@media screen and (max-width: 520px) {
    .infografia-movil-in button[name^='btn_aduana_1'].btn_aduana {
        top: 10%;
        left: 45%;
    }
    .infografia-movil-in button[name^='btn_aduana_2'].btn_aduana {
        top: 26%;
        left: 5%;
    }
    .infografia-movil-in button[name^='btn_aduana_3'].btn_aduana {
        top: 25%;
        left: 64%;
    }
    .infografia-movil-in button[name^='btn_aduana_4'].btn_aduana {
        top: 37%;
        left: 25%;
    }
    .infografia-movil-in button[name^='btn_aduana_5'].btn_aduana {
        top: 36%;
        left: 64%;
    }
    .infografia-movil-in button[name^='btn_aduana_6'].btn_aduana {
        top: 56%;
        left: 23%;
    }
    .infografia-movil-in button[name^='btn_aduana_7'].btn_aduana {
        top: 53%;
        left: 58%;
    }
    .infografia-movil-in button[name^='btn_aduana_8'].btn_aduana {
        top: 73%;
        left: 7%;
    }
    .infografia-movil-in button[name^='btn_aduana_9'].btn_aduana {
        top: 73%;
        left: 65%;
    }
    .infografia-movil-in button[name^='btn_aduana_10'].btn_aduana {
        top: 82%;
        left: 45%;
    }
    /* Botones Gestion Documental */
    .infografia-movil-in button[name^='btn_gestion_1'].btn_gestion {
        top: 31%;
        left: 9%;
    }
    .infografia-movil-in button[name^='btn_gestion_2'].btn_gestion {
        top: 23%;
        left: 50%;
    }
    .infografia-movil-in button[name^='btn_gestion_3'].btn_gestion {
        top: 16%;
        left: 81%;
    }
    .infografia-movil-in button[name^='btn_gestion_4'].btn_gestion {
        top: 36%;
        left: 60%;
    }
    .infografia-movil-in button[name^='btn_gestion_5'].btn_gestion {
        top: 52%;
        left: 42%;
    }
    .infografia-movil-in button[name^='btn_gestion_6'].btn_gestion {
        top: 52%;
        left: 74%;
    }
    .infografia-movil-in button[name^='btn_gestion_7'].btn_gestion {
        top: 69%;
        left: 63%;
    }
    
    /*alamcenamiento*/
    .infografia-movil-in button[name^='btn_almacenamiento-en_3'].btn_almacenamiento {
        top: 40%;
        left: 58%;
    }
    .infografia-movil-in button[name^='btn_almacenamiento-en_4'].btn_almacenamiento {
        top: 55%;
        left: 11%;
    }
    .infografia-movil-in button[name^='btn_almacenamiento-en_5'].btn_almacenamiento {
        top: 72%;
        left: 10%;
    }
}