/* Big landscape tablets, laptops, and desktops (961px - 1279px) (60.0625em - 79.9375em) --------------------------------------------------------------------------------------------------------------*/
@media only screen and (min-width: 60.0625em) and (max-width: 79.9375em) {
    .div_show_pass {
        background-size: 15px 15px;
        transform: translate(-6px, -21px);
    }

    .auth_form__container-popup {
        align-items: center;
    }

    .span_left_input_CS {
        font-size: 1.4rem;
    }

    .span_left_input_PC {
        font-size: 1.4rem;
    }

    .item__title {
        font-size: 16px;
        padding: 0 0 0 8px;
    }

    .border-line-item {
        border: none;
    }

    .orderconfirm__discount-price {
        margin-bottom: 35px;
        height: 65px;
    }

    .custommer__container_table {
        padding: 0px 16px;
        font-size: 1.6rem;
    }

    .container__table_item--left {
        padding: 0px 16px 0px 0px;
    }

    .discount-price_table_item-total-price-final {
        padding: 5px 16px 5px 5px;
    }

    .item__Price {
        font-size: 16px;
        padding: 0 8px;
        margin: 0;
    }

    .div_left_retailer {
        display: block;
        width: calc((100vw - 800px)/2);
        height: 100%;
    }

    .div_right_retailer {
        display: block;
        width: calc((100vw - 800px)/2);
        height: 100%;
    }

    .item__Total_Price {
        font-size: 16px;
    }

    .product__container_table tr {
        height: 140px;
        border-bottom: 1px solid var(--background-gray) !important;
    }

    .model-image-detail {
        /*width: 800px;*/
    }

    .model-image-detail-photo img {
        /*width: 800px;*/
    }

    .model-image-detail-photo {
        /*width: 800px;*/
    }

    .span_hint_phone_number {
        font-size: 16px;
    }

    .btnRegister {
        margin: 60px 0 0 0;
    }

    .txtFullName {
        font-size: 20px !important;
    }

    .form__register_spanFullName {
        font-size: 20px;
    }

    .form__login_text_input {
        margin: 24px 0 0 0;
    }

    .mess_hint {
        font-size: 16px;
    }

    .txtPhoneNumber {
        font-size: 20px !important;
    }

    .header {
        display: block;
    }

    .scrollbar_table {
        height: calc(95vh - 160px);
        width: 800px;
    }

    .custommer_table-orderconfirm {
        width: 800px;
        border-bottom: 6px solid var(--background-gray);
    }

    .div_top_customer_info {
        width: 800px;
    }

    .auth-form__footer-popup-cancel {
        font-size: 18px;
    }

    .item__title-modal-popup {
        font-size: 18px;
    }

    .footer {
        padding: 0;
        height: 55px;
    }

    .footer_vertical-center {
        width: 800px;
    }

    .Order__toggle-switch {
        flex-direction: row;
        align-items: center;
        width: 800px;
        padding: 0 0 0 24px;
    }

    .Order__toggle-switch-total-money {
        padding: 0;
        margin: 0 0 55px 0;
    }

    .div_log_out {
        padding: 0 2px 0 0;
    }

    .div_search {
        width: 690px;
    }

    .searchTerm {
        max-width: 642px;
    }

    .header_navbar-search {
        width: 800px;
    }

    .modal__body-popup {
        width: 320px;
        height: 190px;
    }

    .order_container {
        margin-top: 0px;
    }

    .form__register {
        width: 800px;
        padding: 0 144px;
    }

    .div_left_register {
        width: calc((100vw - 800px)/2);
        background-color: var(--background-gray);
    }

    .div_right_register {
        width: calc((100vw - 800px)/2);
        background-color: var(--background-gray);
    }

    .div_header_center_register {
        width: 800px;
        padding: 0 144px;
    }

    .div_header {
        height: calc(50% - 40px);
        max-height: 360px;
    }

    .div_body {
        height: 50%;
        min-height: calc(100vh - 400px);
    }

    .form_limit_height {
        height: 100vh;
    }

    .header_text {
        font-size: 44px;
    }

    .header_text_below {
        font-size: 28px;
    }

    .form__register_title {
        font-size: 24px;
        margin-bottom: 24px;
    }

    .icon_left_header {
        width: 40px;
        font-size: 26px;
    }

    .register_text {
        font-size: 32px;
    }

    .form__login {
        margin: 24px 0 0 0;
    }

    .div_footer_left {
        width: 400px;
        padding: 0 0 0 144px;
    }

    .div_footer_right {
        width: 400px;
        padding: 0 144px 0 0;
    }

    .div_center_middle {
        width: 60%;
    }

    .div_header_center {
        /*margin: 18px 0 0 0;*/
        width: 800px;
    }

    .div_center {
        width: 20%;
    }

    .div_left {
        width: calc((100vw - 800px)/2);
    }

    .div_right {
        width: calc((100vw - 800px)/2);
    }

    .Pannel_Zoom {
        zoom: 100%;
    }
}

/* Big landscape tablets, laptops, and desktops (1280px - 1919px) (80em - 119.9375em) ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
@media only screen and (min-width: 80em) and (max-width: 119.9375em) {
    .div_show_pass {
        background-size: 15px 15px;
        transform: translate(-6px, -21px);
    }

    .auth_form__container-popup {
        align-items: center;
    }

    .span_left_input_CS {
        font-size: 1.4rem;
    }

    .span_left_input_PC {
        font-size: 1.4rem;
    }

    .border-line-item {
        border: none;
    }

    .custommer__container_table {
        padding: 0px 16px;
        font-size: 1.6rem;
    }

    .container__table_item--left {
        padding: 0px 16px 0px 0px;
    }

    .discount-price_table_item-total-price-final {
        padding: 5px 16px 5px 5px;
    }

    .item__Total_Price {
        font-size: 16px;
    }

    .model-image-detail {
        /*width: 800px;*/
    }

    .model-image-detail-photo img {
        /*width: 800px;*/
    }

    .model-image-detail-photo {
        /*width: 800px;*/
    }

    .form__login_text_input {
        margin: 24px 0 0 0;
    }

    .form__login {
        margin: 24px 0 0 0;
    }

    .span_hint_phone_number {
        font-size: 16px;
    }

    .btnRegister {
        margin: 60px 0 0 0;
    }

    .txtFullName {
        font-size: 20px !important;
    }

    .form__register_spanFullName {
        font-size: 20px;
    }

    .mess_hint {
        font-size: 16px;
    }

    .txtPhoneNumber {
        font-size: 20px !important;
    }

    .modal__body-product {
        /*width: 800px;*/
    }

    .div_left_retailer {
        display: block;
        width: calc((100vw - 800px)/2);
        height: 100%;
    }

    .div_right_retailer {
        display: block;
        width: calc((100vw - 800px)/2);
        height: 100%;
    }

    .scrollbar_table {
        height: calc(95vh - 160px);
        width: 800px;
    }

    .custommer_table-orderconfirm {
        width: 800px;
        border-bottom: 6px solid var(--background-gray);
    }

    .div_top_customer_info {
        width: 800px;
    }

    .auth-form__footer-popup-cancel {
        font-size: 18px;
    }

    .item__title-modal-popup {
        font-size: 18px;
    }

    .footer {
        padding: 0;
        height: 55px;
    }

    .footer_vertical-center {
        width: 800px;
    }

    .Order__toggle-switch {
        flex-direction: row;
        align-items: center;
        width: 800px;
        padding: 0 0 0 24px;
    }

    .Order__toggle-switch-total-money {
        padding: 0;
        margin: 0 0 55px 0;
    }

    .div_log_out {
        padding: 0 2px 0 0;
    }

    .div_search {
        width: 690px;
    }

    .searchTerm {
        max-width: 642px;
    }

    .header_navbar-search {
        width: 800px;
    }

    .modal__body-popup {
        width: 320px;
        height: 190px;
    }

    .order_container {
        margin-top: 0px;
    }

    .form__register {
        width: 800px;
        padding: 0px 144px;
    }

    .div_left_register {
        width: calc((100vw - 800px)/2);
        background-color: var(--background-gray);
    }

    .div_right_register {
        width: calc((100vw - 800px)/2);
        background-color: var(--background-gray);
    }

    .div_header_center_register {
        width: 800px;
        padding: 0px 144px;
    }

    .form_limit_height {
        height: 100vh;
    }

    .div_footer_left {
        width: 400px;
        padding: 0 0 0 144px;
    }

    .div_footer_right {
        width: 400px;
        padding: 0 144px 0 0;
    }

    .div_center_middle {
        width: 800px;
        padding: 0 144px;
    }

    .div_header_center {
        /*margin: 5px 0 0 0;*/
        width: 800px;
        padding: 0 144px;
    }

    .div_center {
        width: 20%;
    }

    .div_left {
        width: calc((100vw - 800px)/2);
        background-color: var(--background-gray);
    }

    .div_right {
        width: calc((100vw - 800px)/2);
        background-color: var(--background-gray);
    }

    .Pannel_Zoom {
        zoom: 100%;
    }

    .product__container_table tr {
        height: 140px;
        border-bottom: 1px solid var(--background-gray) !important;
    }

    .orderconfirm__discount-price {
        margin-bottom: 35px;
        height: 65px;
    }

    .orderconfirm__discount-price_table {
        padding: 0 0 0 16px;
    }

    .item__Price {
        font-size: 16px;
        padding: 0 8px;
        margin: 0;
    }

    .item__title {
        font-size: 16px;
        padding: 0 0 0 8px;
    }

    .header_navbar-Catalog-Column-title {
        font-size: 14px;
    }

    .div_catalogue {
        height: 124px;
    }

    .header_navbar-Catalog {
        height: 124px;
        border-bottom: 6px solid #f9f9f9;
    }

    .header_navbar-Catalog-Column img {
        border: 1px solid var(--border-img);
        margin: 5px 0 0 0;
    }

    .container__table tr {
        background-color: var(--while-color);
        border: 1px solid white;
        height: 124px;
        border-bottom: 2px solid #f9f9f9;
    }

    .is-form-product {
        height: 28px;
        width: 28px;
    }

        .is-form-product.minus-product {
            font-size: 20px;
        }

        .is-form-product.plus-product {
            font-size: 20px;
        }

    .header-catalog {
        margin-top: 206px !important;
        MARGIN-BOTTOM: 80PX;
    }

    .item_image {
        width: 120px;
        height: 120px;
    }

    .image_header {
        width: 150px;
        height: 150px;
    }

    .header_text {
        font-size: 22px;
    }

    .header_text_below {
        font-size: 14px;
    }

    .btn_login {
        width: 200px;
        height: 48px;
        font-size: 16px;
    }

    .btn_register {
        width: 200px;
        height: 48px;
        font-size: 16px;
    }

    .text__login_phone {
        font-size: 16px;
    }

    .txtPhoneNumber {
        font-size: 12px !important;
    }

        .txtPhoneNumber::placeholder {
            font-size: 12px;
        }

    .form__login {
        margin: 0 0 8px 0;
    }

    .form__login_text_input {
        margin: 0 0 8px 0;
    }

    .register_text {
        font-size: 18px;
    }

    .form__register_title {
        font-size: 14px;
    }

    .div_header_center_top {
        margin: 8px 0 4px 0;
    }

    .div_header_center_bot {
        padding: 16px 0 0 0;
    }

    .div_header {
        height: calc(44% - 40px);
        max-height: 360px;
    }

    .div_body {
        height: 56%;
        min-height: calc(100vh - 400px);
    }

    .div_hint {
        margin: 0 0 8px 0;
    }

    .form__register_spanFullName {
        font-size: 14px;
        margin-top: 8px;
    }

    .span_hint_phone_number {
        font-size: 10px;
    }

    .txtFullName {
        font-size: 12px !important;
    }

        .txtFullName::placeholder {
            font-size: 12px;
        }

    .form__register_txtFullName {
        margin: 8px 0 0 0;
    }

    .btnRegister {
        width: 200px;
        height: 48px;
        font-size: 16px;
    }

    .hint_register {
        font-size: 10px;
    }

    .icon_left_header {
        font-size: 16px;
    }

    .container__table td {
        height: 124px;
    }

    .load_more_order_center {
        width: 800px;
    }
    /*(48.0625em - 67.5em) ~ (769px - 1080px) */
    /*@media only screen and (min-height: 48.0625em) and (max-height: 67.5em) {
        .product__container_table tr {
            height: 140px;
            border-bottom: 1px solid rgba(196, 196, 196, 0.2) !important;
        }

        .orderconfirm__discount-price {
            margin-bottom: 50px;
        }

        .orderconfirm__discount-price_table {
            padding: 0 0 0 16px;
        }

        .item__Price {
            font-size: 16px;
            padding: 0;
            margin: 0;
        }

        .item__title {
            font-size: 16px;
        }

        .header_navbar-Catalog-Column-title {
            font-size: 14px;
        }

        .div_catalogue {
            height: 124px;
        }

        .header_navbar-Catalog {
            height: 124px;
            border-bottom: 6px solid #f9f9f9;
        }

        .header_navbar-Catalog-Column img {
            border: 1px solid var(--border-img);
            margin: 5px 0 0 0;
        }

        .container__table tr {
            background-color: var(--while-color);
            border: 1px solid white;
            height: 128px;
            border-bottom: 2px solid #f9f9f9;
        }

        .is-form-product {
            height: 28px;
            width: 28px;
        }

            .is-form-product.minus-product {
                font-size: 20px;
            }

            .is-form-product.plus-product {
                font-size: 20px;
            }

        .header-catalog {
            margin-top: 206px !important;
        }

        .item_image {
            width: 120px;
            height: 120px;
        }

        .mess_hint {
            font-size: 20px;
        }

        .image_header {
            width: 150px;
            height: 150px;
        }

        .header_text {
            font-size: 22px;
        }

        .header_text_below {
            font-size: 14px;
        }

        .btn_login {
            width: 200px;
            height: 48px;
            font-size: 16px;
        }

        .btn_register {
            width: 200px;
            height: 48px;
            font-size: 16px;
        }

        .text__login_phone {
            font-size: 16px;
        }

        .txtPhoneNumber {
            font-size: 12px !important;
        }

            .txtPhoneNumber::placeholder {
                font-size: 12px;
            }

        .form__login {
            margin: 0 0 8px 0;
        }

        .form__login_text_input {
            margin: 0 0 8px 0;
        }

        .register_text {
            font-size: 18px;
        }

        .form__register_title {
            font-size: 14px;
        }

        .div_header_center_top {
            margin: 8px 0 4px 0;
        }

        .div_header_center_bot {
            padding: 16px 0 0 0;
        }

        .div_header {
            height: calc(36% - 40px);
            min-height: 250px;
        }

        .div_body {
            height: 64%;
        }

        .mess_hint {
            font-size: 12px;
        }

        .div_hint {
            margin: 0 0 8px 0;
        }

        .form__register_spanFullName {
            font-size: 14px;
            margin-top: 8px;
        }

        .span_hint_phone_number {
            font-size: 10px;
        }

        .txtFullName {
            font-size: 12px !important;
        }

            .txtFullName::placeholder {
                font-size: 12px;
            }

        .form__register_txtFullName {
            margin: 8px 0 0 0;
        }

        .btnRegister {
            width: 200px;
            height: 48px;
            font-size: 16px;
        }

        .hint_register {
            font-size: 10px;
        }

        .icon_left_header {
            font-size: 16px;
        }

        .mess_hint {
            font-size: 20px;
        }
    }*/
}

/*Super desktops (1920px) (120em) -----------------------------------------------------------------------------------------------------------------------------------------------------------*/
@media only screen and (min-width: 120em) {
    .div_show_pass {
        background-size: 15px 15px;
        transform: translate(-3px, -21px);
    }

    .auth_form__container-popup {
        align-items: center;
    }
    .span_left_input_CS {
        font-size: 1.4rem;
    }

    .span_left_input_PC {
        font-size: 1.4rem;
    }

    .border-line-item {
        border: none;
    }

    .custommer__container_table {
        padding: 0px 16px;
        font-size: 1.6rem;
    }

    .container__table_item--left {
        padding: 0px 16px 0px 0px;
    }

    .discount-price_table_item-total-price-final {
        padding: 5px 16px 5px 5px;
    }

    .item__Total_Price {
        font-size: 16px;
    }

    .model-image-detail {
        /*width: 800px;*/
    }

    .model-image-detail-photo img {
        /*width: 800px;*/
    }

    .model-image-detail-photo {
        /*width: 800px;*/
    }

    .form__login_text_input {
        margin: 24px 0 0 0;
    }

    .form__login {
        margin: 24px 0 0 0;
    }

    .span_hint_phone_number {
        font-size: 16px;
    }

    .btnRegister {
        margin: 60px 0 0 0;
    }

    .txtFullName {
        font-size: 20px !important;
    }

    .form__register_spanFullName {
        font-size: 20px;
    }

    .mess_hint {
        font-size: 16px;
    }

    .txtPhoneNumber {
        font-size: 20px !important;
    }

    .modal__body-product {
        /*width: 800px;*/
    }

    .div_left_retailer {
        display: block;
        width: calc((100vw - 800px)/2);
        height: 100%;
    }

    .div_right_retailer {
        display: block;
        width: calc((100vw - 800px)/2);
        height: 100%;
    }

    .scrollbar_table {
        height: calc(95vh - 160px);
        width: 800px;
    }

    .custommer_table-orderconfirm {
        width: 800px;
        border-bottom: 6px solid var(--background-gray);
    }

    .div_top_customer_info {
        width: 800px;
    }

    .auth-form__footer-popup-cancel {
        font-size: 18px;
    }

    .item__title-modal-popup {
        font-size: 18px;
    }

    .footer {
        padding: 0;
        height: 55px;
    }

    .footer_vertical-center {
        width: 800px;
    }

    .Order__toggle-switch {
        flex-direction: row;
        align-items: center;
        width: 800px;
        padding: 0 0 0 24px;
    }

    .Order__toggle-switch-total-money {
        padding: 0;
        margin: 0 0 55px 0;
    }

    .div_log_out {
        padding: 0 2px 0 0;
    }

    .div_search {
        width: 690px;
    }

    .searchTerm {
        max-width: 642px;
    }

    .header_navbar-search {
        width: 800px;
    }

    .modal__body-popup {
        width: 320px;
        height: 190px;
    }

    .order_container {
        margin-top: 0px;
    }

    .form__register {
        width: 800px;
        padding: 0px 144px;
    }

    .div_left_register {
        width: calc((100vw - 800px)/2);
        background-color: var(--background-gray);
    }

    .div_right_register {
        width: calc((100vw - 800px)/2);
        background-color: var(--background-gray);
    }

    .div_header_center_register {
        width: 800px;
        padding: 0px 144px;
    }

    .form_limit_height {
        height: 100vh;
    }

    .div_footer_left {
        width: 400px;
        padding: 0 0 0 144px;
    }

    .div_footer_right {
        width: 400px;
        padding: 0 144px 0 0;
    }

    .div_center_middle {
        width: 800px;
        padding: 0 144px;
    }

    .div_header_center {
        /*margin: 5px 0 0 0;*/
        width: 800px;
        padding: 0 144px;
    }

    .div_center {
        width: 20%;
    }

    .div_left {
        width: calc((100vw - 800px)/2);
        background-color: var(--background-gray);
    }

    .div_right {
        width: calc((100vw - 800px)/2);
        background-color: var(--background-gray);
    }

    .Pannel_Zoom {
        zoom: 100%;
    }

    .product__container_table tr {
        height: 140px;
        border-bottom: 1px solid var(--background-gray) !important;
    }

    .orderconfirm__discount-price {
        margin-bottom: 35px;
        height: 65px;
    }

    .orderconfirm__discount-price_table {
        padding: 0 0 0 16px;
    }

    .item__Price {
        font-size: 16px;
        padding: 0 8px;
        margin: 0;
    }

    .item__title {
        font-size: 16px;
        padding: 0 0 0 8px;
    }

    .header_navbar-Catalog-Column-title {
        font-size: 14px;
    }

    .div_catalogue {
        height: 124px;
    }

    .header_navbar-Catalog {
        height: 124px;
        border-bottom: 6px solid #f9f9f9;
    }

    .header_navbar-Catalog-Column img {
        border: 1px solid var(--border-img);
        margin: 5px 0 0 0;
    }

    .container__table tr {
        background-color: var(--while-color);
        border: 1px solid white;
        height: 124px;
        border-bottom: 2px solid #f9f9f9;
    }

    .is-form-product {
        height: 28px;
        width: 28px;
    }

        .is-form-product.minus-product {
            font-size: 20px;
        }

        .is-form-product.plus-product {
            font-size: 20px;
        }

    .header-catalog {
        margin-top: 206px !important;
        MARGIN-BOTTOM: 80PX;
    }

    .item_image {
        width: 120px;
        height: 120px;
    }

    .image_header {
        width: 240px;
        height: 240px;
    }

    .header_text {
        font-size: 36px;
    }

    .header_text_below {
        font-size: 20px;
    }

    .btn_login {
        width: 200px;
        height: 48px;
        font-size: 16px;
    }

    .btn_register {
        width: 200px;
        height: 48px;
        font-size: 16px;
    }

    .text__login_phone {
        font-size: 20px;
    }

    .txtPhoneNumber {
        font-size: 18px !important;
    }

        .txtPhoneNumber::placeholder {
            font-size: 18px;
        }

    .form__login {
        margin: 0 0 8px 0;
    }

    .form__login_text_input {
        margin: 0 0 8px 0;
    }

    .register_text {
        font-size: 18px;
    }

    .form__register_title {
        font-size: 14px;
    }

    .div_header_center_top {
        margin: 8px 0 4px 0;
    }

    .div_header_center_bot {
        padding: 16px 0 0 0;
    }

    .div_hint {
        margin: 0 0 8px 0;
    }

    .form__register_spanFullName {
        font-size: 14px;
        margin-top: 8px;
    }

    .span_hint_phone_number {
        font-size: 10px;
    }

    .txtFullName {
        font-size: 12px !important;
    }

        .txtFullName::placeholder {
            font-size: 12px;
        }

    .form__register_txtFullName {
        margin: 8px 0 0 0;
    }

    .btnRegister {
        width: 200px;
        height: 48px;
        font-size: 16px;
    }

    .hint_register {
        font-size: 10px;
    }

    .icon_left_header {
        font-size: 16px;
    }

    .container__table td {
        height: 124px;
    }

    .div_header {
        height: calc(42% - 40px);
        max-height: 360px;
    }

    .div_body {
        height: 58%;
        min-height: calc(100vh - 400px);
    }

    .load_more_order_center {
        width: 800px;
    }
}