@media only screen and (min-width : 768px) and (max-width : 1023px) {
    .wrap-estructura-box {
        width: 728px;
        margin: 15px auto;
    }
    .wrap-estructura-box .theBOX {
        padding: 15px 0;
    }
    .pagina_footer .wrap-estructura-box .theBOX {
        padding-top: 35px !important;
        padding-bottom: 20px!important;
    }
    .wrap-estructura-box .theBOX .centerInBOX {
        width: 700px;
    }
    .wrap-estructura-box .theBOX .centerInBOX .fila1 .miniCaja {
        width: 223px;

    }
    .wrap-estructura-box .theBOX .centerInBOX .fila1 .miniCaja:nth-child(2) {
        margin: 0 15px;
    }
    .wrap-estructura-box .theBOX .centerInBOX .fila2 .miniCaja {
        width: 223px;

    }
    .wrap-estructura-box .theBOX .centerInBOX .fila2 .miniCaja:nth-child(2) {
        margin: 0 15px;
    }
    .wrap-estructura-box .footer ul li a {
        padding: 5px 10px;
        font-size: 8px;
    }
    .wrap-estructura-box .header .bottom ul li {
        padding: 0 10px;
    }
    .smsUris {
        width: 96%;
        margin-left: 2%;
        line-height: 15px;
        font-size: 17px;
    }
    .contenidoFancy {
        max-width: 740px;
    }
    .capaSlide {
        max-width: 700px;
    }
    .swiper-slide .producto{
        width: 223px;
    }
    .swiper-slide .producto:nth-child(2), .swiper-slide .producto:nth-child(5) {
        margin: 0 15px;
    }
    .swiper-button-next, .swiper-container-rtl .swiper-button-prev{
        right: 0;
    }
    .swiper-button-prev, .swiper-container-rtl .swiper-button-next{
        left: 0;
    }
    .capaConScroll{

        max-width: 700px;
    }
    .wrap-estructura-box .theBOX .close{
        z-index: 999;
    }

    .login-page:after {
        font-size: 330px;
        line-height: 250px;
    }
}
@media only screen and (max-width : 767px) {

    .wrap-estructura-box .theBOX .close{
        z-index: 999;
    }
    .wrap-estructura-box {
        width: 320px;
    }
    .wrap-estructura-box .header .bottom ul {
        text-align: center;
    }
    .wrap-estructura-box .header .bottom ul li {
        padding: 0 10px;
        display: inline-block;
        float: none;
        position: relative;
        vertical-align: top;
    }
    .wrap-estructura-box .theBOX{
        height: auto;
        padding: 15px 0;
    }
    .wrap-estructura-box .theBOX .centerInBOX {
        width: 100%;
        margin: 0 auto;
    }
    .wrap-estructura-box .theBOX .centerInBOX .fila1{
        margin-bottom: 0;
    }
    .wrap-estructura-box .theBOX .centerInBOX .fila1 .miniCaja{
        width: 300px;
        display: block;
        float: none;
        margin: 0 auto;
        margin-bottom: 15px;
    }
    .wrap-estructura-box .theBOX .centerInBOX .fila1 .miniCaja:nth-child(2) {
        margin: 0 auto;
        margin-bottom: 15px;
    }
    .wrap-estructura-box .theBOX .centerInBOX .fila2 .miniCaja{
        width: 300px;
        display: block;
        float: none;
        margin: 0 auto;
        margin-bottom: 15px;
    }

    .wrap-estructura-box .theBOX .centerInBOX .fila2 .miniCaja:nth-child(2) {
        margin: 0 auto;
        margin-bottom: 15px;
    }
    .swiper-slide .producto{
        width: 300px;
        display: block;
        float: none;
        margin: 0 auto;
        margin-bottom: 15px;
    }
    .swiper-slide .producto:nth-child(2), .swiper-slide .producto:nth-child(5) {
        margin: 0 auto;
        margin-bottom: 15px;
    }
    .wrap-estructura-box .footer ul {
        padding-right: 0;
    }
    .wrap-estructura-box .footer ul li {
        display: block;
        float: right;
        float: none;
        width: 100%;
        text-align: center;
    }
    .wrap-estructura-box .footer ul li a{
        margin-right: 0;

        border-bottom-left-radius: 0px;
        border-bottom-right-radius: 0px;
    }
    .wrap-estructura-box .footer ul li:last-child a{
        margin-right: 0;

        border-bottom-left-radius: 8px;
        border-bottom-right-radius: 8px;
    }
    .wrap-estructura-box .theBOX{

        border-bottom-left-radius: 0px;
        border-bottom-right-radius: 0px;
    }
    .capaConScroll{
        max-width: 280px;
    }
    .smsUris{
        display: block;
        position: static;
        height: auto;
    }
    .smsUris span.uris{
        float: none;
        margin-top: 10px;
        display: block;
    }
    .contenidoFancy {
        max-width: 300px;
    }
    .descripcionFancy {
        width: 100%;
        float: none;
        padding-right: 0px;
    }
    .descripcionFancy table{
        max-width: 100%;
        width: 100%;
    }
    .contenidoFancy .imagenFancy{
        width: 100%;
        float: none;
        padding-right: 0px;
    }
    .swiper-button-next, .swiper-container-rtl .swiper-button-prev{
        right: 0;
        background-color: #009db1;
    }
    .swiper-button-prev, .swiper-container-rtl .swiper-button-next{
        left: 0;
        background-color: #009db1;
    }
    .capa-intro-ticket .productos > .producto input.unProducto{

        width: 100%;
    }
    .capa-intro-ticket .productos > .producto input{
        display: block;
    }
    .capa-intro-ticket .productos > .producto .separacionTicket{
        margin-left: 0;
    }
    .capa-intro-ticket .contieneTicket{
        clear: both;
        padding-top: 30px;
    }
    .capa-intro-ticket .addProduct{
        width: 45%;
        font-size: 12px;
    }
    .capa-intro-ticket .remProduct{
        width: 45%;
        font-size: 12px;
    }
    #holder{
        width: 100%;
        margin-left: 0;
        margin-top: 10px;
    }
    .login-page:after {
        font-size: 130px;
        line-height: 250px;
    }
}