/* Smartphones (portrait and landscape) ----------- */

@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
    .powered_by_mobile{
        width: 150px;
    }
    .wrapper {
        display: inline-block;
        margin-top: 1%;
        padding: 15px;
        width: 100%;
    }
    .titulo_nombre_local{
        padding-left: 15px;
        padding-top: 4%;
        text-align: center;
    }
    .div_btn_pedido_detalle {
        text-align: center;
        padding-right: 15px;
        padding-top: 30px;
    }
    .texto_barra{
        text-align: center; 
        color: #eaeaea; 
        font-weight: bold;
        margin-bottom: 5px;
        font-size: 14px;
    }
    .nombre_local_cabecera{
        font-size: 16px; 
        color: #000; 
        font-weight: bold;
        margin-bottom: 10px
    }
    .horario_delivery{
        font-size: 14px; 
        color: #000; 
        font-weight: normal;
    }
    .content_ver_producto{
        margin-bottom: 15px;
    }
    .titulo_cantidad_productos{
        font-weight: bold; 
        color: #000; 
        font-size: 16px; 
        margin-left: 10px;
        margin-top: 30px;
    }
    .div_catalogo_prod_descripcion {
        text-align: center;
        padding-left: 0px;
        height: 110px;
        padding-right: 0px;
        padding-top: 15px;
        padding-bottom: 15px;

    }
    .div_catalogo_prod_img {
        padding: 9px;
        border: 1px solid #d5d5d5;
        border-radius: 10px;
        text-align: center;
    }
    .select_cantidad{
        padding-left: 0px;
        padding-right: 5px; 
        text-align: center;
    }
    .select_icon {

        text-align: center;
        font-size: 10px;
        background: #eaeaea;
        color: #000;
        font-weight: bold;
        border-radius: 8px;
        border-color: #eaeaea;
        padding-right: 7px;
        height: 35px !important;
        line-height: 30px !important;
        padding-left: 15px;

    }
    .div_detalle_modal{
        padding-left: 0px;
    }
    .content_text_area{
        margin-top: 30px;  
    }
    .estilo_text_area {
        border-radius: 10px;
        border: 1px solid #d5d5d5;
        font-size: 10px;
    }
    /********************************/
    .modal.fade.in {
        top: 0%;
        overflow-y:auto;
    }

    /***********************************************************************/
    .scroll_form{
        float: left;
        max-height: 30vh;
        overflow-y: scroll;
        width: 100%;
    }
    .scroll_form::-webkit-scrollbar-track {
        border: 1px solid #000;
        padding: 2px 0;
        background-color: #FFF;
        border: 1px solid #FFF;
    }
    .scroll_form::-webkit-scrollbar {
        width: 5px;
        border-radius: 10px;
        box-shadow: inset 0 0 6px rgb(255, 255, 255);
        background:#767676;
        border: 0px solid #FFF;
    }
    .scroll_form::-webkit-scrollbar-thumb {
        border-radius: 10px;
        box-shadow: inset 0 0 6px rgb(255, 255, 255);
        background:#767676;
        border: 0px solid #FFF;
    }
    /***********************************************************************/
    #div_target{
        display: none; 
        border: 1px solid rgb(11, 183, 162); 
        width: 90px; 
        border-radius: 5px; 
        background: rgb(255, 255, 255) none repeat scroll 0% 0%; 
        padding: 7px; 
        text-align: center; 
        color: rgb(11, 183, 162); 
        position: absolute; 
        left: -80px; 
        top: -7px;
    }
    #content_buscador{
        margin-top: 35px;
    }
    .content_cat_item{
        width: 100% !important;
        margin-right: 0px !important;
    }
}

/* Smartphones (landscape) ----------- */
@media only screen and (min-width : 321px) {
    .powered_by_mobile{
        width: 150px;
    }
    .wrapper {
        display: inline-block;
        margin-top: 1%;
        padding: 15px;
        width: 100%;
    }
    .titulo_nombre_local{
        padding-left: 15px;
        padding-top: 4%;
        text-align: center;
    }
    .div_btn_pedido_detalle {
        text-align: center;
        padding-right: 15px;
        padding-top: 30px;
    }
    .texto_barra{
        text-align: center; 
        color: #eaeaea; 
        font-weight: bold;
        margin-bottom: 5px;
        font-size: 14px;
    }
    .nombre_local_cabecera{
        font-size: 16px; 
        color: #000; 
        font-weight: bold;
        margin-bottom: 10px
    }
    .horario_delivery{
        font-size: 14px; 
        color: #000; 
        font-weight: normal;
    }
    .content_ver_producto{
        margin-bottom: 15px;
    }
    .titulo_cantidad_productos{
        font-weight: bold; 
        color: #000; 
        font-size: 16px; 
        margin-left: 10px;
        margin-top: 15px;
    }
    .div_catalogo_prod_descripcion {
        text-align: center;
        padding-left: 0px;
        height: 110px;
        padding-right: 0px;
        padding-top: 15px;
        padding-bottom: 15px;

    }
    .div_catalogo_prod_img {
        padding: 9px;
        border: 1px solid #d5d5d5;
        border-radius: 10px;
        text-align: center;
    }
    .select_cantidad{
        padding-left: 0px;
        padding-right: 5px; 
        text-align: center;
    }
    .select_icon {
        text-align: center;
        font-size: 10px;
        background: #eaeaea;
        color: #000;
        font-weight: bold;
        border-radius: 8px;
        border-color: #eaeaea;
        padding-right: 7px;
        height: 35px !important;
        line-height: 30px !important;
        padding-left: 15px;
    }
    .div_detalle_modal{
        padding-left: 0px;
    }
    .content_text_area{
        margin-top: 30px;  
    }
    .estilo_text_area {
        border-radius: 10px;
        border: 1px solid #d5d5d5;
        font-size: 10px;
    }
    /********************************/
    .modal.fade.in {
        top: 0%;
        overflow-y:auto;
    }
    /***********************************************************************/
    .scroll_form{
        float: left;
        max-height: 30vh;
        overflow-y: scroll;
        width: 100%;
    }
    .scroll_form::-webkit-scrollbar-track {
        border: 1px solid #000;
        padding: 2px 0;
        background-color: #FFF;
        border: 1px solid #FFF;
    }
    .scroll_form::-webkit-scrollbar {
        width: 5px;
        border-radius: 10px;
        box-shadow: inset 0 0 6px rgb(255, 255, 255);
        background:#767676;
        border: 0px solid #FFF;
    }
    .scroll_form::-webkit-scrollbar-thumb {
        border-radius: 10px;
        box-shadow: inset 0 0 6px rgb(255, 255, 255);
        background:#767676;
        border: 0px solid #FFF;
    }
    /***********************************************************************/
    #div_target{
        display: none; 
        border: 1px solid rgb(11, 183, 162); 
        width: 90px; 
        border-radius: 5px; 
        background: rgb(255, 255, 255) none repeat scroll 0% 0%; 
        padding: 7px; 
        text-align: center; 
        color: rgb(11, 183, 162); 
        position: absolute; 
        left: 135px; 
        top: 5px;
    }
    #content_buscador{
        margin-top: 35px;
        text-align: center;;
    }
    .content_cat_item{
        width: 100% !important;
        margin-right: 0px !important;
    }
}

/* Smartphones (portrait) ----------- */
@media only screen and (max-width : 320px) {
    .powered_by_mobile{
        width: 150px;
    }
    .powered_by{
        display: none;
    }
    .powered_by_v2{
        display: none;
    }
    .texto_cabecera{
        display: none;
    }
    .texto_cabecera_v2{
        display: none;
    }
    .wrapper {
        display: inline-block;
        margin-top: 1%;
        padding: 15px;
        width: 100%;
    }
    .titulo_nombre_local{
        padding-left: 15px;
        padding-top: 4%;
        text-align: center;
    }
    .div_btn_pedido_detalle {
        text-align: center;
        padding-right: 15px;
        padding-top: 30px;
    }
    .texto_barra{
        text-align: center; 
        color: #eaeaea; 
        font-weight: bold;
        margin-bottom: 5px;
        font-size: 14px;
    }
    .nombre_local_cabecera{
        font-size: 16px; 
        color: #000; 
        font-weight: bold;
        margin-bottom: 10px
    }
    .horario_delivery{
        font-size: 14px; 
        color: #000; 
        font-weight: normal;
    }
    .content_ver_producto{
        margin-bottom: 15px;
    }
    .titulo_cantidad_productos{
        font-weight: bold; 
        color: #000; 
        font-size: 16px; 
        margin-left: 10px;
        margin-top: 15px;
    }
    .div_catalogo_prod_descripcion {
        text-align: center;
        padding-left: 0px;
        height: 110px;
        padding-right: 0px;
        padding-top: 15px;
        padding-bottom: 15px;

    }
    .div_catalogo_prod_img {
        padding: 9px;
        border: 1px solid #d5d5d5;
        border-radius: 10px;
        text-align: center;
    }
    .select_cantidad{
        padding-left: 0px;
        padding-right: 5px; 
        text-align: center;
    }
    .select_icon {
        text-align: center;
        font-size: 10px;
        background: #eaeaea;
        color: #000;
        font-weight: bold;
        border-radius: 8px;
        border-color: #eaeaea;
        padding-right: 7px;
        height: 35px !important;
        line-height: 30px !important;
        padding-left: 15px;
    }
    .div_detalle_modal{
        padding-left: 0px;
    }
    .content_text_area{
        margin-top: 30px;  
    }
    .estilo_text_area {
        border-radius: 10px;
        border: 1px solid #d5d5d5;
        font-size: 10px;
    }
    .modal.fade.in {
        top: 0%;
        overflow-y:auto;
    }
    /***********************************************************************/
    .scroll_form{
        float: left;
        max-height: 30vh;
        overflow-y: scroll;
        width: 100%;
    }
    .scroll_form::-webkit-scrollbar-track {
        border: 1px solid #000;
        padding: 2px 0;
        background-color: #FFF;
        border: 1px solid #FFF;
    }
    .scroll_form::-webkit-scrollbar {
        width: 5px;
        border-radius: 10px;
        box-shadow: inset 0 0 6px rgb(255, 255, 255);
        background:#767676;
        border: 0px solid #FFF;
    }
    .scroll_form::-webkit-scrollbar-thumb {
        border-radius: 10px;
        box-shadow: inset 0 0 6px rgb(255, 255, 255);
        background:#767676;
        border: 0px solid #FFF;
    }
    /***********************************************************************/
    #div_target{
        display: none; 
        border: 1px solid rgb(11, 183, 162); 
        width: 90px; 
        border-radius: 5px; 
        background: rgb(255, 255, 255) none repeat scroll 0% 0%; 
        padding: 7px; 
        text-align: center; 
        color: rgb(11, 183, 162); 
        position: absolute; 
        left: 135px; 
        top: 5px;
    }
    #content_buscador{
        margin-top: 35px;
    }
    .content_cat_item{
        width: 100% !important;
        margin-right: 0px !important;
    }
}

/* iPads (portrait and landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
    .powered_by_mobile{
        width: 150px;
    }
    .powered_by{
        display: none;
    }
    .powered_by_v2{
        display: none;
    }
    .texto_cabecera{
        display: none;
    }
    .texto_cabecera_v2{
        display: none;
    }
    .wrapper {
        display: inline-block;
        margin-top: 1%;
        padding: 15px;
        width: 100%;
    }
    .titulo_nombre_local{
        padding-left: 15px;
        padding-top: 4%;
        text-align: center;
    }
    .div_btn_pedido_detalle {
        text-align: center;
        padding-right: 15px;
        padding-top: 30px;
    }
    .texto_barra{
        text-align: center; 
        color: #eaeaea; 
        font-weight: bold;
        margin-bottom: 5px;
        font-size: 14px;
    }
    .nombre_local_cabecera{
        font-size: 16px; 
        color: #000; 
        font-weight: bold;
        margin-bottom: 10px
    }
    .horario_delivery{
        font-size: 14px; 
        color: #000; 
        font-weight: normal;
    }
    .content_ver_producto{
        margin-bottom: 15px;
    }
    .titulo_cantidad_productos{
        font-weight: bold; 
        color: #000; 
        font-size: 16px; 
        margin-left: 10px;
        margin-top: 15px;
    }
    .div_catalogo_prod_descripcion {
        text-align: center;
        padding-left: 0px;
        height: 110px;
        padding-right: 0px;
        padding-top: 15px;
        padding-bottom: 15px;

    }
    .div_catalogo_prod_img {
        padding: 9px;
        border: 1px solid #d5d5d5;
        border-radius: 10px;
        text-align: center;
    }
    .select_cantidad{
        padding-left: 0px;
        padding-right: 5px; 
        text-align: center;
    }
    .select_icon {

        text-align: center;
        font-size: 10px;
        background: #eaeaea;
        color: #000;
        font-weight: bold;
        border-radius: 8px;
        border-color: #eaeaea;
        padding-right: 7px;
        height: 35px !important;
        line-height: 30px !important;
        padding-left: 15px;

    }
    .div_detalle_modal{
        padding-left: 0px;
    }
    .content_text_area{
        margin-top: 30px;  
    }
    .estilo_text_area {
        border-radius: 10px;
        border: 1px solid #d5d5d5;
        font-size: 10px;
    }
    .modal.fade.in {
        top: 0%;
        overflow-y:auto;
    }
    /***********************************************************************/
    .scroll_form{
        float: left;
        max-height: 30vh;
        overflow-y: scroll;
        width: 100%;
    }
    .scroll_form::-webkit-scrollbar-track {
        border: 1px solid #000;
        padding: 2px 0;
        background-color: #FFF;
        border: 1px solid #FFF;
    }
    .scroll_form::-webkit-scrollbar {
        width: 5px;
        border-radius: 10px;
        box-shadow: inset 0 0 6px rgb(255, 255, 255);
        background:#767676;
        border: 0px solid #FFF;
    }
    .scroll_form::-webkit-scrollbar-thumb {
        border-radius: 10px;
        box-shadow: inset 0 0 6px rgb(255, 255, 255);
        background:#767676;
        border: 0px solid #FFF;
    }
    /***********************************************************************/
    .content_cat_item{
        width: 100% !important;
        margin-right: 0px !important;
    }
}

/* iPads (landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
    .powered_by_mobile{
        width: 150px;
    }
    .powered_by{
        display: none;
    }
    .powered_by_v2{
        display: none;
    }
    .texto_cabecera{
        display: none;
    }
    .texto_cabecera_v2{
        display: none;
    }
    .wrapper {
        display: inline-block;
        margin-top: 1%;
        padding: 15px;
        width: 100%;
    }
    .titulo_nombre_local{
        padding-left: 15px;
        padding-top: 4%;
        text-align: center;
    }
    .div_btn_pedido_detalle {
        text-align: center;
        padding-right: 15px;
        padding-top: 30px;
    }
    .texto_barra{
        text-align: center; 
        color: #eaeaea; 
        font-weight: bold;
        margin-bottom: 5px;
        font-size: 14px;
    }
    .nombre_local_cabecera{
        font-size: 16px; 
        color: #000; 
        font-weight: bold;
        margin-bottom: 10px
    }
    .horario_delivery{
        font-size: 14px; 
        color: #000; 
        font-weight: normal;
    }
    .content_ver_producto{
        margin-bottom: 15px;
    }
    .titulo_cantidad_productos{
        font-weight: bold; 
        color: #000; 
        font-size: 16px; 
        margin-left: 10px;
        margin-top: 15px;
    }
    .div_catalogo_prod_descripcion {
        text-align: center;
        padding-left: 0px;
        height: 110px;
        padding-right: 0px;
        padding-top: 15px;
        padding-bottom: 15px;

    }
    .div_catalogo_prod_img {
        padding: 9px;
        border: 1px solid #d5d5d5;
        border-radius: 10px;
        text-align: center;
    }
    .select_cantidad{
        padding-left: 0px;
        padding-right: 5px; 
        text-align: center;
    }
    .select_icon {

        text-align: center;
        font-size: 10px;
        background: #eaeaea;
        color: #000;
        font-weight: bold;
        border-radius: 8px;
        border-color: #eaeaea;
        padding-right: 7px;
        height: 35px !important;
        line-height: 30px !important;
        padding-left: 15px;

    }
    .div_detalle_modal{
        padding-left: 0px;
    }
    .content_text_area{
        margin-top: 30px;  
    }
    .estilo_text_area {
        border-radius: 10px;
        border: 1px solid #d5d5d5;
        font-size: 10px;
    }
    .modal.fade.in {
        top: 0%;
        overflow-y:auto;
    }
    /***********************************************************************/
    .scroll_form{
        float: left;
        max-height: 30vh;
        overflow-y: scroll;
        width: 100%;
    }
    .scroll_form::-webkit-scrollbar-track {
        border: 1px solid #000;
        padding: 2px 0;
        background-color: #FFF;
        border: 1px solid #FFF;
    }
    .scroll_form::-webkit-scrollbar {
        width: 5px;
        border-radius: 10px;
        box-shadow: inset 0 0 6px rgb(255, 255, 255);
        background:#767676;
        border: 0px solid #FFF;
    }
    .scroll_form::-webkit-scrollbar-thumb {
        border-radius: 10px;
        box-shadow: inset 0 0 6px rgb(255, 255, 255);
        background:#767676;
        border: 0px solid #FFF;
    }
    /***********************************************************************/
    #div_target{
        display: none; 
        border: 1px solid rgb(11, 183, 162); 
        width: 90px; 
        border-radius: 5px; 
        background: rgb(255, 255, 255) none repeat scroll 0% 0%; 
        padding: 7px; 
        text-align: center; 
        color: rgb(11, 183, 162); 
        position: absolute; 
        left: 135px; 
        top: 5px;
    }
    #content_buscador{
        margin-top: 35px;
    }
    .content_cat_item{
        width: 100% !important;
        margin-right: 0px !important;
    }
}

/* iPads (portrait) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
    .powered_by_mobile{
        width: 150px;
    }
    .powered_by{
        display: none;
    }
    .powered_by_v2{
        display: none;
    }
    .texto_cabecera{
        display: none;
    }
    .texto_cabecera_v2{
        display: none;
    }
    .wrapper {
        display: inline-block;
        margin-top: 1%;
        padding: 15px;
        width: 100%;
    }
    .titulo_nombre_local{
        padding-left: 15px;
        padding-top: 4%;
        text-align: center;
    }
    .div_btn_pedido_detalle {
        text-align: center;
        padding-right: 15px;
        padding-top: 30px;
    }
    .texto_barra{
        text-align: center; 
        color: #eaeaea; 
        font-weight: bold;
        margin-bottom: 5px;
        font-size: 14px;
    }
    .nombre_local_cabecera{
        font-size: 16px; 
        color: #000; 
        font-weight: bold;
        margin-bottom: 10px
    }
    .horario_delivery{
        font-size: 14px; 
        color: #000; 
        font-weight: normal;
    }
    .content_ver_producto{
        margin-bottom: 15px;
    }
    .titulo_cantidad_productos{
        font-weight: bold; 
        color: #000; 
        font-size: 16px; 
        margin-left: 10px;
        margin-top: 15px;
    }
    .div_catalogo_prod_descripcion {
        text-align: center;
        padding-left: 0px;
        height: 110px;
        padding-right: 0px;
        padding-top: 15px;
        padding-bottom: 15px;

    }
    .div_catalogo_prod_img {
        padding: 9px;
        border: 1px solid #d5d5d5;
        border-radius: 10px;
        text-align: center;
    }
    .select_cantidad{
        padding-left: 0px;
        padding-right: 5px; 
        text-align: center;
    }
    .select_icon {

        text-align: center;
        font-size: 10px;
        background: #eaeaea;
        color: #000;
        font-weight: bold;
        border-radius: 8px;
        border-color: #eaeaea;
        padding-right: 7px;
        height: 35px !important;
        line-height: 30px !important;
        padding-left: 15px;

    }
    .div_detalle_modal{
        padding-left: 0px;
    }
    .content_text_area{
        margin-top: 30px;  
    }
    .estilo_text_area {
        border-radius: 10px;
        border: 1px solid #d5d5d5;
        font-size: 10px;
    }
    .modal.fade.in {
        top: 0%;
        overflow-y:auto;
    }
    /***********************************************************************/
    .scroll_form{
        float: left;
        max-height: 30vh;
        overflow-y: scroll;
        width: 100%;
    }
    .scroll_form::-webkit-scrollbar-track {
        border: 1px solid #000;
        padding: 2px 0;
        background-color: #FFF;
        border: 1px solid #FFF;
    }
    .scroll_form::-webkit-scrollbar {
        width: 5px;
        border-radius: 10px;
        box-shadow: inset 0 0 6px rgb(255, 255, 255);
        background:#767676;
        border: 0px solid #FFF;
    }
    .scroll_form::-webkit-scrollbar-thumb {
        border-radius: 10px;
        box-shadow: inset 0 0 6px rgb(255, 255, 255);
        background:#767676;
        border: 0px solid #FFF;
    }
    /***********************************************************************/
    #div_target{
        display: none; 
        border: 1px solid rgb(11, 183, 162); 
        width: 90px; 
        border-radius: 5px; 
        background: rgb(255, 255, 255) none repeat scroll 0% 0%; 
        padding: 7px; 
        text-align: center; 
        color: rgb(11, 183, 162); 
        position: absolute; 
        left: 135px; 
        top: 5px;
    }
    #content_buscador{
        margin-top: 35px;
    }
    .content_cat_item{
        width: 100% !important;
        margin-right: 0px !important;
    }
}
/**********
iPad 3
**********/
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio : 2) {
    .powered_by_mobile{
        width: 150px;
    }
    .powered_by{
        display: none;
    }
    .powered_by_v2{
        display: none;
    }
    .texto_cabecera{
        display: none;
    }
    .texto_cabecera_v2{
        display: none;
    }
    .wrapper {
        display: inline-block;
        margin-top: 1%;
        padding: 15px;
        width: 100%;
    }

    .titulo_nombre_local{
        padding-left: 15px;
        padding-top: 4%;
        text-align: center;
    }
    .div_btn_pedido_detalle {
        text-align: center;
        padding-right: 15px;
        padding-top: 30px;
    }
    .texto_barra{
        text-align: center; 
        color: #eaeaea; 
        font-weight: bold;
        margin-bottom: 5px;
        font-size: 14px;
    }
    .nombre_local_cabecera{
        font-size: 16px; 
        color: #000; 
        font-weight: bold;
        margin-bottom: 10px

    }
    .horario_delivery{
        font-size: 14px; 
        color: #000; 
        font-weight: normal;
    }
    .content_ver_producto{
        margin-bottom: 15px;
    }
    .titulo_cantidad_productos{
        font-weight: bold; 
        color: #000; 
        font-size: 16px; 
        margin-left: 10px;
        margin-top: 15px;
    }
    .div_catalogo_prod_descripcion {
        text-align: center;
        padding-left: 0px;
        height: 110px;
        padding-right: 0px;
        padding-top: 15px;
        padding-bottom: 15px;

    }
    .div_catalogo_prod_img {
        padding: 9px;
        border: 1px solid #d5d5d5;
        border-radius: 10px;
        text-align: center;
    }
    .select_cantidad{
        padding-left: 0px;
        padding-right: 5px; 
        text-align: center;
    }
    .select_icon {

        text-align: center;
        font-size: 10px;
        background: #eaeaea;
        color: #000;
        font-weight: bold;
        border-radius: 8px;
        border-color: #eaeaea;
        padding-right: 7px;
        height: 35px !important;
        line-height: 30px !important;
        padding-left: 15px;

    }
    .div_detalle_modal{
        padding-left: 0px;
    }
    .content_text_area{
        margin-top: 30px;  
    }
    .estilo_text_area {
        border-radius: 10px;
        border: 1px solid #d5d5d5;
        font-size: 10px;
    }
    .modal.fade.in {
        top: 0%;
        overflow-y:auto;
    }
    /***********************************************************************/
    .scroll_form{
        float: left;
        max-height: 30vh;
        overflow-y: scroll;
        width: 100%;
    }
    .scroll_form::-webkit-scrollbar-track {
        border: 1px solid #000;
        padding: 2px 0;
        background-color: #FFF;
        border: 1px solid #FFF;
    }
    .scroll_form::-webkit-scrollbar {
        width: 5px;
        border-radius: 10px;
        box-shadow: inset 0 0 6px rgb(255, 255, 255);
        background:#767676;
        border: 0px solid #FFF;
    }
    .scroll_form::-webkit-scrollbar-thumb {
        border-radius: 10px;
        box-shadow: inset 0 0 6px rgb(255, 255, 255);
        background:#767676;
        border: 0px solid #FFF;
    }
    /***********************************************************************/
    #div_target{
        display: none; 
        border: 1px solid rgb(11, 183, 162); 
        width: 90px; 
        border-radius: 5px; 
        background: rgb(255, 255, 255) none repeat scroll 0% 0%; 
        padding: 7px; 
        text-align: center; 
        color: rgb(11, 183, 162); 
        position: absolute; 
        left: 135px; 
        top: 5px;
    }
    #content_buscador{
        margin-top: 35px;
    }
    .content_cat_item{
        width: 100% !important;
        margin-right: 0px !important;
    }
}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) and (-webkit-min-device-pixel-ratio : 2) {
    .powered_by_mobile{
        width: 150px;
    }
    .powered_by{
        display: none;
    }
    .powered_by_v2{
        display: none;
    }

    .texto_cabecera{
        display: none;
    }
    .texto_cabecera_v2{
        display: none;
    }
    .wrapper {
        display: inline-block;
        margin-top: 1%;
        padding: 15px;
        width: 100%;
    }
    .titulo_nombre_local{
        padding-left: 15px;
        padding-top: 4%;
        text-align: left;
    }
    .div_btn_pedido_detalle{
        text-align: right; 
        padding-right: 40px;
        padding-top: 30px;
    }
    .texto_barra{
        text-align: center; 
        color: #eaeaea; 
        font-weight: bold;
        margin-bottom: 5px;
        font-size: 14px;
    }
    .nombre_local_cabecera{
        font-size: 16px; 
        color: #000; 
        font-weight: bold;
        margin-bottom: 10px
    }
    .horario_delivery{
        font-size: 14px; 
        color: #000; 
        font-weight: normal;
    }
    .content_ver_producto{
        margin-bottom: 15px;
    }
    .titulo_cantidad_productos{
        font-weight: bold; 
        color: #000; 
        font-size: 16px; 
        margin-left: 10px;
        margin-top: 15px;
    }
    .div_catalogo_prod_descripcion {
        text-align: center;
        padding-left: 0px;
        height: 110px;
        padding-right: 0px;
        padding-top: 15px;
        padding-bottom: 15px;

    }
    .div_catalogo_prod_img {
        padding: 9px;
        border: 1px solid #d5d5d5;
        border-radius: 10px;
        text-align: center;
    }
    .select_cantidad{
        padding-left: 0px;
        padding-right: 5px; 
        text-align: center;
    }
    .select_icon {

        text-align: center;
        font-size: 10px;
        background: #eaeaea;
        color: #000;
        font-weight: bold;
        border-radius: 8px;
        border-color: #eaeaea;
        padding-right: 7px;
        height: 35px !important;
        line-height: 30px !important;
        padding-left: 15px;

    }
    .div_detalle_modal{
        padding-left: 0px;
    }
    .content_text_area{
        margin-top: 30px;  
    }
    .estilo_text_area {
        border-radius: 10px;
        border: 1px solid #d5d5d5;
        font-size: 10px;
    }
    .modal.fade.in {
        top: 0%;
        overflow-y:auto;
    }
    /***********************************************************************/
    .scroll_form{
        float: left;
        max-height: 40vh;
        overflow-y: auto;
        width: 100%;
    }
    .scroll_form::-webkit-scrollbar-track {
        border: 1px solid #000;
        padding: 2px 0;
        background-color: #FFF;
        border: 1px solid #FFF;
    }
    .scroll_form::-webkit-scrollbar {
        width: 5px;
        border-radius: 10px;
        box-shadow: inset 0 0 6px rgb(255, 255, 255);
        background:#767676;
        border: 0px solid #FFF;
    }
    .scroll_form::-webkit-scrollbar-thumb {
        border-radius: 10px;
        box-shadow: inset 0 0 6px rgb(255, 255, 255);
        background:#767676;
        border: 0px solid #FFF;
    }
    /***********************************************************************/
    #div_target{
        display: none; 
        border: 1px solid rgb(11, 183, 162); 
        width: 90px; 
        border-radius: 5px; 
        background: rgb(255, 255, 255) none repeat scroll 0% 0%; 
        padding: 7px; 
        text-align: center; 
        color: rgb(11, 183, 162); 
        position: absolute; 
        left: 135px; 
        top: 5px;
    }
    #content_buscador{
        margin-top: 35px;
    }
    .content_cat_item{
        width: 100% !important;
        margin-right: 0px !important;
    }
}
/* Desktops and laptops ----------- */
@media only screen  and (min-width : 1224px) {
    .powered_by_mobile{
        display: none;
    }
    .powered_by{
        position: absolute !important;
        width: 170px !important;
        left: 50px !important; 
        top: 30px !important;
    }
    .powered_by_v2{
        position: absolute !important;
        width: 170px !important;
        left: 50px !important; 
        top: 50px !important;
    }
    .wrapper {
        display: inline-block;
        margin-top: 1%;
        padding: 15px;
        width: 100%;
    }
    .texto_cabecera{
        text-align: center; 
        color: #FFF; 
        font-weight: bold;
        font-size: 14px;
    }
    .texto_cabecera_v2{
        text-align: center; 
        color: #FFF; 
        font-weight: bold;
        font-size: 14px;
        display: none;
    }
    
    .titulo_nombre_local{
        padding-left: 15px;
        padding-top: 4%;
        text-align: left;
    }
    .div_btn_pedido_detalle{
        text-align: right; 
        padding-right: 40px;
        padding-top: 30px;
    }
    .nombre_local_cabecera{
        font-size: 20px; 
        color: #000; 
        font-weight: bold;
        margin-bottom: 0px
    }
    .horario_delivery{
        font-size: 16px; 
        color: #000; 
        font-weight: normal;
    }
    .content_ver_producto{
        margin-bottom: 10px;
    }
    .titulo_cantidad_productos{
        font-weight: bold; 
        color: #000; 
        font-size: 16px; 
        margin-left: 10px;
        margin-top: 0px;
    }
    .div_catalogo_prod_descripcion{
        text-align: center;
        padding: 20px;
        height: 110px;
    }
    .div_catalogo_prod_img {
        padding: 15px;
        border: 1px solid #d5d5d5;
        border-radius: 10px;
        text-align: center;
    }
    .select_cantidad{
        padding-left: 0px;
        padding-right: 5px; 
        text-align: center;
    }
    .select_icon{
        text-align: center;
        font-size: 10px;
        background: #eaeaea;
        color: #000;
        font-weight: bold;
        border-radius: 8px; 
        border-color: #eaeaea;
        padding: 6px;
        height: 35px !important;
        line-height: 30px !important;
    }
    .div_detalle_modal{
        padding-left: 15px;
    }
    .content_text_area{
        margin-top: 20px;  
    }
    .estilo_text_area{
        border-radius: 20px;
        border: 1px solid #d5d5d5;
        font-size: 11px;
    }
    .modal.fade.in {
        top: 3%;
        overflow-y:auto;
    }
    /***********************************************************************/

    .scroll_form{
        float: left;
        max-height: 40vh;
        overflow-y: auto;
        width: 100%;
    }


    .scroll_form::-webkit-scrollbar-track {
        border: 1px solid #000;
        padding: 2px 0;
        background-color: #FFF;
        border: 1px solid #FFF;
    }

    .scroll_form::-webkit-scrollbar {
        width: 5px;
        border-radius: 10px;
        box-shadow: inset 0 0 6px rgb(255, 255, 255);
        background:#767676;
        border: 0px solid #FFF;
    }

    .scroll_form::-webkit-scrollbar-thumb {
        border-radius: 10px;
        box-shadow: inset 0 0 6px rgb(255, 255, 255);
        background:#767676;
        border: 0px solid #FFF;
    }
    /***********************************************************************/
    #div_target{
        display: none; 
        border: 1px solid rgb(11, 183, 162); 
        width: 90px; 
        border-radius: 5px; 
        background: rgb(255, 255, 255) none repeat scroll 0% 0%; 
        padding: 7px; 
        text-align: center; 
        color: rgb(11, 183, 162); 
        position: absolute; 
        left: -80px; 
        top: -7px;
    }
    #content_buscador{
        margin-top: 0px;
    }
    .content_cat_item{
        width: 49% !important;
        margin-right: 1% !important;
    }
}

/* Large screens ----------- */
@media only screen  and (min-width : 1824px) {
    .powered_by_mobile{
        display: none;
    }
    .powered_by{
        position: absolute !important;
        width: 170px !important;
        left: 50px !important; 
        top: 30px !important;
    }
    .powered_by_v2{
        position: absolute !important;
        width: 170px !important;
        left: 50px !important; 
        top: 50px !important;
    }
    .wrapper {
        display: inline-block;
        margin-top: 0%;
        padding: 15px;
        width: 100%;
    }
    .texto_cabecera{
        text-align: center; 
        color: #FFF; 
        font-weight: bold;
        font-size: 14px;
    }
    .texto_cabecera_v2{
        text-align: center; 
        color: #FFF; 
        font-weight: bold;
        font-size: 14px;
        display: none;
    }
    .titulo_nombre_local{
        padding-left: 15px;
        padding-top: 4%;
        text-align: left;
    }
    .div_btn_pedido_detalle{
        text-align: right; 
        padding-right: 40px;
        padding-top: 30px;
    }
    .nombre_local_cabecera{
        font-size: 20px; 
        color: #000; 
        font-weight: bold;
        margin-bottom: 0px
    }
    .horario_delivery{
        font-size: 16px; 
        color: #000; 
        font-weight: normal;
    }
    .content_ver_producto{
        margin-bottom: 10px;
    }
    .titulo_cantidad_productos{
        font-weight: bold; 
        color: #000; 
        font-size: 16px; 
        margin-left: 10px;
        margin-top: 0px;
    }
    .div_catalogo_prod_descripcion{
        text-align: center;
        padding: 20px;
        height: 110px;
    }
    .div_catalogo_prod_img {
        padding: 15px;
        border: 1px solid #d5d5d5;
        border-radius: 10px;
        text-align: center;
    }
    .select_cantidad{
        padding-left: 0px;
        padding-right: 5px; 
        text-align: center;
    }
    .select_icon{
        text-align: center;
        font-size: 10px;
        background: #eaeaea;
        color: #000;
        font-weight: bold;
        border-radius: 8px; 
        border-color: #eaeaea;
        padding: 6px;
        height: 35px !important;
        line-height: 30px !important;
    }
    .div_detalle_modal{
        padding-left: 15px;
    }
    .content_text_area{
        margin-top: 20px;  
    }
    .estilo_text_area{
        border-radius: 20px;
        border: 1px solid #d5d5d5;
        font-size: 11px;
    }
    .modal.fade.in {
        top: 3%;
        overflow-y:auto;
    }
    /***********************************************************************/

    .scroll_form{
        float: left;
        max-height: 50vh;
        overflow-y: scroll;
        width: 100%;
    }


    .scroll_form::-webkit-scrollbar-track {
        border: 1px solid #000;
        padding: 2px 0;
        background-color: #FFF;
        border: 1px solid #FFF;
    }

    .scroll_form::-webkit-scrollbar {
        width: 5px;
        border-radius: 10px;
        box-shadow: inset 0 0 6px rgb(255, 255, 255);
        background:#767676;
        border: 0px solid #FFF;
    }

    .scroll_form::-webkit-scrollbar-thumb {
        border-radius: 10px;
        box-shadow: inset 0 0 6px rgb(255, 255, 255);
        background:#767676;
        border: 0px solid #FFF;
    }
    /***********************************************************************/
    #div_target{
        display: none; 
        border: 1px solid rgb(11, 183, 162); 
        width: 90px; 
        border-radius: 5px; 
        background: rgb(255, 255, 255) none repeat scroll 0% 0%; 
        padding: 7px; 
        text-align: center; 
        color: rgb(11, 183, 162); 
        position: absolute; 
        left: -80px; 
        top: -7px;
    }
    #content_buscador{
        margin-top: 0px;
        text-align: left;
    }
    .content_cat_item{
        width: 49% !important;
        margin-right: 1% !important;
    }
}

/* iPhone 4 ----------- */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio : 2) {
    .powered_by{
        display: none;
    }
}

@media only screen and (min-device-width : 320px) and (max-device-width : 480px) and (orientation : portrait) and (-webkit-min-device-pixel-ratio : 2) {
    .powered_by{
        display: none;
    }
    .powered_by_v2{
        display: none;
    }
    .texto_cabecera{
        display: none;
    }
    .texto_cabecera_v2{
        display: none;
    }
}

/* iPhone 5 ----------- */
@media only screen and (min-device-width: 320px) and (max-device-height: 568px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 2){
    .powered_by{
        display: none;
    }
    .powered_by_v2{
        display: none;
    }
    .texto_cabecera{
        display: none;
    }
    .texto_cabecera_v2{
        display: none;
    }
}

@media only screen and (min-device-width: 320px) and (max-device-height: 568px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 2){
    .powered_by{
        display: none;
    }
    .texto_cabecera{
        display: none;
    }
    .texto_cabecera_v2{
        display: none;
    }
}

/* iPhone 6, 7, 8 ----------- */
@media only screen and (min-device-width: 375px) and (max-device-height: 667px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 2){
    .powered_by{
        display: none;
    }
    .powered_by_v2{
        display: none;
    }
    .texto_cabecera{
        display: none;
    }
    .texto_cabecera_v2{
        display: none;
    }
}

@media only screen and (min-device-width: 375px) and (max-device-height: 667px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 2){
    .powered_by{
        display: none;
    }
    .powered_by_v2{
        display: none;
    }
    .texto_cabecera{
        display: none;
    }
    .texto_cabecera_v2{
        display: none;
    }
}

/* iPhone 6+, 7+, 8+ ----------- */
@media only screen and (min-device-width: 414px) and (max-device-height: 736px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 2){
    .powered_by{
        display: none;
    }
    .powered_by_v2{
        display: none;
    }
    .texto_cabecera{
        display: none;
    }
    .texto_cabecera_v2{
        display: none;
    }
}

@media only screen and (min-device-width: 414px) and (max-device-height: 736px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 2){
    .powered_by{
        display: none;
    }
    .powered_by_v2{
        display: none;
    }
    .texto_cabecera{
        display: none;
    }
    .texto_cabecera_v2{
        display: none;
    }
}

/* iPhone X ----------- */
@media only screen and (min-device-width: 375px) and (max-device-height: 812px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 3){
    .powered_by{
        display: none;
    }
    .powered_by_v2{
        display: none;
    }
    .texto_cabecera{
        display: none;
    }
    .texto_cabecera_v2{
        display: none;
    }
    /***********************************************************************/
    .scroll_form{
        float: left;
        max-height: 50vh;
        overflow-y: scroll;
        width: 100%;
    }
    .scroll_form::-webkit-scrollbar-track {
        border: 1px solid #000;
        padding: 2px 0;
        background-color: #FFF;
        border: 1px solid #FFF;
    }
    .scroll_form::-webkit-scrollbar {
        width: 5px;
        border-radius: 10px;
        box-shadow: inset 0 0 6px rgb(255, 255, 255);
        background:#767676;
        border: 0px solid #FFF;
    }
    .scroll_form::-webkit-scrollbar-thumb {
        border-radius: 10px;
        box-shadow: inset 0 0 6px rgb(255, 255, 255);
        background:#767676;
        border: 0px solid #FFF;
    }
    /***********************************************************************/
}

@media only screen and (min-device-width: 375px) and (max-device-height: 812px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 3){
    .powered_by{
        display: none;
    }
    .powered_by_v2{
        display: none;
    }
    .texto_cabecera{
        display: none;
    }
    .texto_cabecera_v2{
        display: none;
    }
    /***********************************************************************/
    .scroll_form{
        float: left;
        max-height: 50vh;
        overflow-y: scroll;
        width: 100%;
    }
    .scroll_form::-webkit-scrollbar-track {
        border: 1px solid #000;
        padding: 2px 0;
        background-color: #FFF;
        border: 1px solid #FFF;
    }
    .scroll_form::-webkit-scrollbar {
        width: 5px;
        border-radius: 10px;
        box-shadow: inset 0 0 6px rgb(255, 255, 255);
        background:#767676;
        border: 0px solid #FFF;
    }
    .scroll_form::-webkit-scrollbar-thumb {
        border-radius: 10px;
        box-shadow: inset 0 0 6px rgb(255, 255, 255);
        background:#767676;
        border: 0px solid #FFF;
    }
    /***********************************************************************/
}

/* iPhone XS Max, XR ----------- */
@media only screen and (min-device-width: 414px) and (max-device-height: 896px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 3){
    .powered_by{
        display: none;
    }
    .powered_by_v2{
        display: none;
    }
    .texto_cabecera{
        display: none;
    }
    .texto_cabecera_v2{
        display: none;
    }
    /***********************************************************************/

    .scroll_form{
        float: left;
        max-height: 50vh;
        overflow-y: scroll;
        width: 100%;
    }


    .scroll_form::-webkit-scrollbar-track {
        border: 1px solid #000;
        padding: 2px 0;
        background-color: #FFF;
        border: 1px solid #FFF;
    }

    .scroll_form::-webkit-scrollbar {
        width: 5px;
        border-radius: 10px;
        box-shadow: inset 0 0 6px rgb(255, 255, 255);
        background:#767676;
        border: 0px solid #FFF;
    }

    .scroll_form::-webkit-scrollbar-thumb {
        border-radius: 10px;
        box-shadow: inset 0 0 6px rgb(255, 255, 255);
        background:#767676;
        border: 0px solid #FFF;
    }
    /***********************************************************************/
}

@media only screen and (min-device-width: 414px) and (max-device-height: 896px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 3){
    .powered_by{
        display: none;
    }
    .powered_by_v2{
        display: none;
    }
    .texto_cabecera{
        display: none;
    }
    .texto_cabecera_v2{
        display: none;
    }
    /***********************************************************************/
    .scroll_form{
        float: left;
        max-height: 50vh;
        overflow-y: scroll;
        width: 100%;
    }
    .scroll_form::-webkit-scrollbar-track {
        border: 1px solid #000;
        padding: 2px 0;
        background-color: #FFF;
        border: 1px solid #FFF;
    }
    .scroll_form::-webkit-scrollbar {
        width: 5px;
        border-radius: 10px;
        box-shadow: inset 0 0 6px rgb(255, 255, 255);
        background:#767676;
        border: 0px solid #FFF;
    }
    .scroll_form::-webkit-scrollbar-thumb {
        border-radius: 10px;
        box-shadow: inset 0 0 6px rgb(255, 255, 255);
        background:#767676;
        border: 0px solid #FFF;
    }
    /***********************************************************************/
}

/* Samsung Galaxy S3 ----------- */
@media only screen and (min-device-width: 320px) and (max-device-height: 640px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 2){
    .powered_by_mobile{
        width: 150px;
    }
    .wrapper {
        display: inline-block;
        margin-top: 1%;
        padding: 15px;
        width: 100%;
    }
    .titulo_nombre_local{
        padding-left: 15px;
        padding-top: 4%;
        text-align: center;
    }
    .div_btn_pedido_detalle {
        text-align: center;
        padding-right: 15px;
        padding-top: 30px;
    }
    .texto_barra{
        text-align: center; 
        color: #eaeaea; 
        font-weight: bold;
        margin-bottom: 5px;
        font-size: 14px;
    }
    .nombre_local_cabecera{
        font-size: 16px; 
        color: #000; 
        font-weight: bold;
        margin-bottom: 10px
    }
    .horario_delivery{
        font-size: 14px; 
        color: #000; 
        font-weight: normal;
    }
    .content_ver_producto{
        margin-bottom: 15px;
    }
    .titulo_cantidad_productos{
        font-weight: bold; 
        color: #000; 
        font-size: 16px; 
        margin-left: 10px;
        margin-top: 15px;
    }
    .div_catalogo_prod_descripcion {
        text-align: center;
        padding-left: 0px;
        height: 110px;
        padding-right: 0px;
        padding-top: 15px;
        padding-bottom: 15px;

    }
    .div_catalogo_prod_img {
        padding: 9px;
        border: 1px solid #d5d5d5;
        border-radius: 10px;
        text-align: center;
    }
    .select_cantidad{
        padding-left: 0px;
        padding-right: 5px; 
        text-align: center;
    }
    .select_icon {

        text-align: center;
        font-size: 10px;
        background: #eaeaea;
        color: #000;
        font-weight: bold;
        border-radius: 8px;
        border-color: #eaeaea;
        padding-right: 7px;
        height: 35px !important;
        line-height: 30px !important;
        padding-left: 15px;

    }
    .div_detalle_modal{
        padding-left: 0px;
    }
    .content_text_area{
        margin-top: 30px;  
    }
    .estilo_text_area {
        border-radius: 10px;
        border: 1px solid #d5d5d5;
        font-size: 10px;
    }
    /********************************/
    .modal.fade.in {
        top: 0%;
        overflow-y:auto;
    }

    /***********************************************************************/
    .scroll_form{
        float: left;
        max-height: 30vh;
        overflow-y: scroll;
        width: 100%;
    }
    .scroll_form::-webkit-scrollbar-track {
        border: 1px solid #000;
        padding: 2px 0;
        background-color: #FFF;
        border: 1px solid #FFF;
    }
    .scroll_form::-webkit-scrollbar {
        width: 5px;
        border-radius: 10px;
        box-shadow: inset 0 0 6px rgb(255, 255, 255);
        background:#767676;
        border: 0px solid #FFF;
    }
    .scroll_form::-webkit-scrollbar-thumb {
        border-radius: 10px;
        box-shadow: inset 0 0 6px rgb(255, 255, 255);
        background:#767676;
        border: 0px solid #FFF;
    }
    /***********************************************************************/
}

@media only screen and (min-device-width: 320px) and (max-device-height: 640px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 2){
    .powered_by_mobile{
        width: 150px;
    }
    .wrapper {
        display: inline-block;
        margin-top: 1%;
        padding: 15px;
        width: 100%;
    }
    .titulo_nombre_local{
        padding-left: 15px;
        padding-top: 4%;
        text-align: center;
    }
    .div_btn_pedido_detalle {
        text-align: center;
        padding-right: 15px;
        padding-top: 30px;
    }
    .texto_barra{
        text-align: center; 
        color: #eaeaea; 
        font-weight: bold;
        margin-bottom: 5px;
        font-size: 14px;
    }
    .nombre_local_cabecera{
        font-size: 16px; 
        color: #000; 
        font-weight: bold;
        margin-bottom: 10px
    }
    .horario_delivery{
        font-size: 14px; 
        color: #000; 
        font-weight: normal;
    }
    .content_ver_producto{
        margin-bottom: 15px;
    }
    .titulo_cantidad_productos{
        font-weight: bold; 
        color: #000; 
        font-size: 16px; 
        margin-left: 10px;
        margin-top: 15px;
    }
    .div_catalogo_prod_descripcion {
        text-align: center;
        padding-left: 0px;
        height: 110px;
        padding-right: 0px;
        padding-top: 15px;
        padding-bottom: 15px;

    }
    .div_catalogo_prod_img {
        padding: 9px;
        border: 1px solid #d5d5d5;
        border-radius: 10px;
        text-align: center;
    }
    .select_cantidad{
        padding-left: 0px;
        padding-right: 5px; 
        text-align: center;
    }
    .select_icon {

        text-align: center;
        font-size: 10px;
        background: #eaeaea;
        color: #000;
        font-weight: bold;
        border-radius: 8px;
        border-color: #eaeaea;
        padding-right: 7px;
        height: 35px !important;
        line-height: 30px !important;
        padding-left: 15px;

    }
    .div_detalle_modal{
        padding-left: 0px;
    }
    .content_text_area{
        margin-top: 30px;  
    }
    .estilo_text_area {
        border-radius: 10px;
        border: 1px solid #d5d5d5;
        font-size: 10px;
    }
    /********************************/
    .modal.fade.in {
        top: 0%;
        overflow-y:auto;
    }

    /***********************************************************************/
    .scroll_form{
        float: left;
        max-height: 30vh;
        overflow-y: scroll;
        width: 100%;
    }
    .scroll_form::-webkit-scrollbar-track {
        border: 1px solid #000;
        padding: 2px 0;
        background-color: #FFF;
        border: 1px solid #FFF;
    }
    .scroll_form::-webkit-scrollbar {
        width: 5px;
        border-radius: 10px;
        box-shadow: inset 0 0 6px rgb(255, 255, 255);
        background:#767676;
        border: 0px solid #FFF;
    }
    .scroll_form::-webkit-scrollbar-thumb {
        border-radius: 10px;
        box-shadow: inset 0 0 6px rgb(255, 255, 255);
        background:#767676;
        border: 0px solid #FFF;
    }
    /***********************************************************************/
}

/* Samsung Galaxy S4 ----------- */
@media only screen and (min-device-width: 320px) and (max-device-height: 640px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 3){
    .powered_by_mobile{
        width: 150px;
    }
    .wrapper {
        display: inline-block;
        margin-top:1%;
        padding: 15px;
        width: 100%;
    }
    .titulo_nombre_local{
        padding-left: 15px;
        padding-top: 4%;
        text-align: center;
    }
    .div_btn_pedido_detalle {
        text-align: center;
        padding-right: 15px;
        padding-top: 30px;
    }
    .texto_barra{
        text-align: center; 
        color: #eaeaea; 
        font-weight: bold;
        margin-bottom: 5px;
        font-size: 14px;
    }
    .nombre_local_cabecera{
        font-size: 16px; 
        color: #000; 
        font-weight: bold;
        margin-bottom: 10px
    }
    .horario_delivery{
        font-size: 14px; 
        color: #000; 
        font-weight: normal;
    }
    .content_ver_producto{
        margin-bottom: 15px;
    }
    .titulo_cantidad_productos{
        font-weight: bold; 
        color: #000; 
        font-size: 16px; 
        margin-left: 10px;
        margin-top: 15px;
    }
    .div_catalogo_prod_descripcion {
        text-align: center;
        padding-left: 0px;
        height: 110px;
        padding-right: 0px;
        padding-top: 15px;
        padding-bottom: 15px;

    }
    .div_catalogo_prod_img {
        padding: 9px;
        border: 1px solid #d5d5d5;
        border-radius: 10px;
        text-align: center;
    }
    .select_cantidad{
        padding-left: 0px;
        padding-right: 5px; 
        text-align: center;
    }
    .select_icon {

        text-align: center;
        font-size: 10px;
        background: #eaeaea;
        color: #000;
        font-weight: bold;
        border-radius: 8px;
        border-color: #eaeaea;
        padding-right: 7px;
        height: 35px !important;
        line-height: 30px !important;
        padding-left: 15px;

    }
    .div_detalle_modal{
        padding-left: 0px;
    }
    .content_text_area{
        margin-top: 30px;  
    }
    .estilo_text_area {
        border-radius: 10px;
        border: 1px solid #d5d5d5;
        font-size: 10px;
    }
    /********************************/
    .modal.fade.in {
        top: 0%;
        overflow-y:auto;
    }

    /***********************************************************************/
    .scroll_form{
        float: left;
        max-height: 30vh;
        overflow-y: scroll;
        width: 100%;
    }
    .scroll_form::-webkit-scrollbar-track {
        border: 1px solid #000;
        padding: 2px 0;
        background-color: #FFF;
        border: 1px solid #FFF;
    }
    .scroll_form::-webkit-scrollbar {
        width: 5px;
        border-radius: 10px;
        box-shadow: inset 0 0 6px rgb(255, 255, 255);
        background:#767676;
        border: 0px solid #FFF;
    }
    .scroll_form::-webkit-scrollbar-thumb {
        border-radius: 10px;
        box-shadow: inset 0 0 6px rgb(255, 255, 255);
        background:#767676;
        border: 0px solid #FFF;
    }
    /***********************************************************************/
}

@media only screen and (min-device-width: 320px) and (max-device-height: 640px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 3){
    .powered_by_mobile{
        width: 150px;
    }
    .powered_by{
        display: none;
    }
    .powered_by_v2{
        display: none;
    }
    .texto_cabecera{
        display: none;
    }
    .texto_cabecera_v2{
        display: none;
    }
    .wrapper {
        display: inline-block;
        margin-top: 1%;
        padding: 15px;
        width: 100%;
    }
    .titulo_nombre_local{
        padding-left: 15px;
        padding-top: 4%;
        text-align: center;
    }
    .div_btn_pedido_detalle {
        text-align: center;
        padding-right: 15px;
        padding-top: 30px;
    }
    .texto_barra{
        text-align: center; 
        color: #eaeaea; 
        font-weight: bold;
        margin-bottom: 5px;
        font-size: 14px;
    }
    .nombre_local_cabecera{
        font-size: 16px; 
        color: #000; 
        font-weight: bold;
        margin-bottom: 10px
    }
    .horario_delivery{
        font-size: 14px; 
        color: #000; 
        font-weight: normal;
    }
    .content_ver_producto{
        margin-bottom: 15px;
    }
    .titulo_cantidad_productos{
        font-weight: bold; 
        color: #000; 
        font-size: 16px; 
        margin-left: 10px;
        margin-top: 15px;
    }
    .div_catalogo_prod_descripcion {
        text-align: center;
        padding-left: 0px;
        height: 110px;
        padding-right: 0px;
        padding-top: 15px;
        padding-bottom: 15px;

    }
    .div_catalogo_prod_img {
        padding: 9px;
        border: 1px solid #d5d5d5;
        border-radius: 10px;
        text-align: center;
    }
    .select_cantidad{
        padding-left: 0px;
        padding-right: 5px; 
        text-align: center;
    }
    .select_icon {
        text-align: center;
        font-size: 10px;
        background: #eaeaea;
        color: #000;
        font-weight: bold;
        border-radius: 8px;
        border-color: #eaeaea;
        padding-right: 7px;
        height: 35px !important;
        line-height: 30px !important;
        padding-left: 15px;
    }
    .div_detalle_modal{
        padding-left: 0px;
    }
    .content_text_area{
        margin-top: 30px;  
    }
    .estilo_text_area {
        border-radius: 10px;
        border: 1px solid #d5d5d5;
        font-size: 10px;
    }
    .modal.fade.in {
        top: 0%;
        overflow-y:auto;
    }
    /***********************************************************************/
    .scroll_form{
        float: left;
        max-height: 30vh;
        overflow-y: scroll;
        width: 100%;
    }
    .scroll_form::-webkit-scrollbar-track {
        border: 1px solid #000;
        padding: 2px 0;
        background-color: #FFF;
        border: 1px solid #FFF;
    }
    .scroll_form::-webkit-scrollbar {
        width: 5px;
        border-radius: 10px;
        box-shadow: inset 0 0 6px rgb(255, 255, 255);
        background:#767676;
        border: 0px solid #FFF;
    }
    .scroll_form::-webkit-scrollbar-thumb {
        border-radius: 10px;
        box-shadow: inset 0 0 6px rgb(255, 255, 255);
        background:#767676;
        border: 0px solid #FFF;
    }
    /***********************************************************************/
}

/* Samsung Galaxy S5 ----------- */
@media only screen and (min-device-width: 360px) and (max-device-height: 640px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 3){
    .powered_by_mobile{
        width: 150px;
    }
    .powered_by{
        display: none;
    }
    .powered_by_v2{
        display: none;
    }
    .texto_cabecera{
        display: none;
    }
    .texto_cabecera_v2{
        display: none;
    }
    .wrapper {
        display: inline-block;
        margin-top: 1%;
        padding: 15px;
        width: 100%;
    }
    .titulo_nombre_local{
        padding-left: 15px;
        padding-top: 4%;
        text-align: center;
    }
    .div_btn_pedido_detalle {
        text-align: center;
        padding-right: 15px;
        padding-top: 30px;
    }
    .texto_barra{
        text-align: center; 
        color: #eaeaea; 
        font-weight: bold;
        margin-bottom: 5px;
        font-size: 14px;
    }
    .nombre_local_cabecera{
        font-size: 16px; 
        color: #000; 
        font-weight: bold;
        margin-bottom: 10px
    }
    .horario_delivery{
        font-size: 14px; 
        color: #000; 
        font-weight: normal;
    }
    .content_ver_producto{
        margin-bottom: 15px;
    }
    .titulo_cantidad_productos{
        font-weight: bold; 
        color: #000; 
        font-size: 16px; 
        margin-left: 10px;
        margin-top: 15px;
    }
    .div_catalogo_prod_descripcion {
        text-align: center;
        padding-left: 0px;
        height: 110px;
        padding-right: 0px;
        padding-top: 15px;
        padding-bottom: 15px;

    }

    .select_cantidad{
        padding-left: 0px;
        padding-right: 5px; 
        text-align: center;
    }
    .select_icon {
        text-align: center;
        font-size: 10px;
        background: #eaeaea;
        color: #000;
        font-weight: bold;
        border-radius: 8px;
        border-color: #eaeaea;
        padding-right: 7px;
        height: 35px !important;
        line-height: 30px !important;
        padding-left: 15px;
    }
    .div_detalle_modal{
        padding-left: 0px;
    }
    .content_text_area{
        margin-top: 30px;  
    }
    .estilo_text_area {
        border-radius: 10px;
        border: 1px solid #d5d5d5;
        font-size: 10px;
    }
    .modal.fade.in {
        top: 0%;
        overflow-y:auto;
    }
    /***********************************************************************/
    .scroll_form{
        float: left;
        max-height: 30vh;
        overflow-y: scroll;
        width: 100%;
    }
    .scroll_form::-webkit-scrollbar-track {
        border: 1px solid #000;
        padding: 2px 0;
        background-color: #FFF;
        border: 1px solid #FFF;
    }
    .scroll_form::-webkit-scrollbar {
        width: 5px;
        border-radius: 10px;
        box-shadow: inset 0 0 6px rgb(255, 255, 255);
        background:#767676;
        border: 0px solid #FFF;
    }
    .scroll_form::-webkit-scrollbar-thumb {
        border-radius: 10px;
        box-shadow: inset 0 0 6px rgb(255, 255, 255);
        background:#767676;
        border: 0px solid #FFF;
    }
    /***********************************************************************/
}

@media only screen and (min-device-width: 360px) and (max-device-height: 640px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 3){
    .powered_by_mobile{
        width: 150px;
    }
    .powered_by{
        display: none;
    }
    .powered_by_v2{
        display: none;
    }
    .texto_cabecera{
        display: none;
    }
    .texto_cabecera_v2{
        display: none;
    }
    .wrapper {
        display: inline-block;
        margin-top: 1%;
        padding: 15px;
        width: 100%;
    }
    .titulo_nombre_local{
        padding-left: 15px;
        padding-top: 4%;
        text-align: center;
    }
    .div_btn_pedido_detalle {
        text-align: center;
        padding-right: 15px;
        padding-top: 30px;
    }
    .texto_barra{
        text-align: center; 
        color: #eaeaea; 
        font-weight: bold;
        margin-bottom: 5px;
        font-size: 14px;
    }
    .nombre_local_cabecera{
        font-size: 16px; 
        color: #000; 
        font-weight: bold;
        margin-bottom: 10px
    }
    .horario_delivery{
        font-size: 14px; 
        color: #000; 
        font-weight: normal;
    }
    .content_ver_producto{
        margin-bottom: 15px;
    }
    .titulo_cantidad_productos{
        font-weight: bold; 
        color: #000; 
        font-size: 16px; 
        margin-left: 10px;
        margin-top: 15px;
    }
    .div_catalogo_prod_descripcion {
        text-align: center;
        padding-left: 0px;
        height: 110px;
        padding-right: 0px;
        padding-top: 15px;
        padding-bottom: 15px;

    }
    .select_cantidad{
        padding-left: 0px;
        padding-right: 5px; 
        text-align: center;
    }
    .select_icon {
        text-align: center;
        font-size: 10px;
        background: #eaeaea;
        color: #000;
        font-weight: bold;
        border-radius: 8px;
        border-color: #eaeaea;
        padding-right: 7px;
        height: 35px !important;
        line-height: 30px !important;
        padding-left: 15px;
    }
    .div_detalle_modal{
        padding-left: 0px;
    }
    .content_text_area{
        margin-top: 30px;  
    }
    .estilo_text_area {
        border-radius: 10px;
        border: 1px solid #d5d5d5;
        font-size: 10px;
    }
    .modal.fade.in {
        top: 0%;
        overflow-y:auto;
    }
    /***********************************************************************/
    .scroll_form{
        float: left;
        max-height: 30vh;
        overflow-y: scroll;
        width: 100%;
    }
    .scroll_form::-webkit-scrollbar-track {
        border: 1px solid #000;
        padding: 2px 0;
        background-color: #FFF;
        border: 1px solid #FFF;
    }
    .scroll_form::-webkit-scrollbar {
        width: 5px;
        border-radius: 10px;
        box-shadow: inset 0 0 6px rgb(255, 255, 255);
        background:#767676;
        border: 0px solid #FFF;
    }
    .scroll_form::-webkit-scrollbar-thumb {
        border-radius: 10px;
        box-shadow: inset 0 0 6px rgb(255, 255, 255);
        background:#767676;
        border: 0px solid #FFF;
    }
    /***********************************************************************/
}