/* @media all and (max-width: 1220px) {
    .box-filter-category {
        margin-right: -60px
    }
}

@media all and (max-width: 1150px) {
    .box-filter-category {
        margin-right: -35px
    }
} */

@media all and (max-width: 1024px) {
    /*------------------------------------------------------------*/
    /*FORM MASTER*/
    body .card-item .image-item {
        padding: 8px;
        padding-left: 12px;
        padding-top: 5px !important;
    }

    /*------------------------------------------------------------*/
    /*FORM CART*/
    body .wrapper-cart .row-data .td-product .image {
        width: 25% !important;
    }

    body .wrapper-cart .row-data .td-product .product-name {
        width: 70% !important;
    }

    /*------------------------------------------------------------*/
    /*FORM PAYMENT*/
    body .wrapper-payment .row-data .td-product .image {
        width: 25% !important;
    }

    body .wrapper-payment .row-data .td-product .product-name {
        width: 70% !important;
    }
}

@media all and (max-width: 992px) {
    /*------------------------------------------------------------*/
    /*FORM MASTER*/
    body .push-menu {
        display: block !important;
    }

    .whatsapp-float {
        right: 20px !important;
    }

    body .row-pagination .pagination {
        justify-content: center;
    }

    body #banner-carousel {
        margin-right: -7px;
    }

    body .title-status {
        margin-right: -27px;
    }

    body .show-filter {
        margin-right: -17px;
    }

    body .line-filter {
        margin-right: -2px;
    }

    body .navbar-nav .link-icon {
        display: block !important;
    }

    body .navbar-nav .link-text {
        display: none !important;
    }

    body .carousel-inner > .carousel-item > img {
        width: 100%;
        height: 180px !important;
    }

    /*------------------------------------------------------------*/
    /*FORM MASTER NO SIDE BAR*/
    body .push-menu-no-sidebar {
        display: block;
    }

    body .wrapper-no-sidebar .menu-sidebar {
        display: block;
    }

    /* for display sidebar */
    body .wrapper-no-sidebar .main-sidebar {
        z-index: 1038 !important;
        bottom: 0 !important;
    }

    /*------------------------------------------------------------*/
    /*FORM PRODUCT DETAIL*/
    body .content-wrapper .content-without-sidebar {
        margin-left: 2px !important;
        margin-right: 2px !important;
    }

    body .wrapper-product .image-and-desc .row-button .btn-action {
        width: 100% !important;
        margin-top: 5px !important;
    }

    body .wrapper-product .image-and-desc .label-price label {
        font-size: 20px !important;
    }

    body .wrapper-product .image-and-desc h5 {
        font-size: 24px;
    }

    body .wrapper-product .image-and-desc .label-text {
        padding-top: 5px;
    }

    body .panel-tab-menu a {
        margin-left: -10px !important;
        margin-right: 20px !important;
    }

    body .wrapper-desc .box-data {
        margin-left: -10px !important;
    }

    body .wrapper-other {
        padding: unset;
        padding-left: 10px;
    }

    body .tooltip-cart {
        width: 98.1% !important;
    }

    body .wrapper-product .image-and-desc .large-image img {
        width: 100% !important;
    }

    /*------------------------------------------------------------*/
    /*FORM SHOPPING*/
    body .wrapper-shopping .row-title .flex .text-belanja {
        padding-top: 0px;
    }

    body .wrapper-shopping .row-status a {
        margin-bottom: 10px !important;
        padding-top: 4px;
    }

    body .wrapper-other-shopping {
        padding-left: 20px;
        padding-right: 15px;
    }

    body .wrapper-other-shopping hr {
        margin-right: 0px !important;
    }

    /*------------------------------------------------------------*/
    /*FORM PAYMENT*/
    body #modalAddress .panel-tab-menu .nav {
        padding-left: 27px !important;
    }

    body #modalAddress .panel-tab-menu #header-tab li {
        width: 50% !important;
    }

    /*------------------------------------------------------------*/
    /*FORM INFORMATION*/
    body .wrapper-information {
        padding-left: 20px;
        padding-right: 20px;
    }

    body .wrapper-information .frame-pdf {
        height: 570px !important;
    }
}

/* @media only screen and (max-width: 767px) and (orientation: landscape) { */
@media only screen and (max-width: 768px) {
    /* FORM MASTER */
    body .carousel-inner > .carousel-item > img {
        width: 100%;
        height: 150px !important;
    }

    body .card-item {
        width: calc(33.33% - 1.5%);
    }

    /*------------------------------------------------------------*/
    /*FORM PRODUCT INDEX*/
    body .row-button-subcategory {
        margin-right: 4px !important;
    }

    body .row-tooltip-cart {
        margin-right: 19px !important;
    }

    /*------------------------------------------------------------*/
    /*FORM PRODUCT DETAIL*/
    body .wrapper-other .card-item {
        width: calc(50% - 1.5%);
    }

    body .tooltip-cart {
        /* margin-right: -7px; */
        width: 97.5% !important;
    }

    /*------------------------------------------------------------*/
    /*FORM CART*/
    .content-without-sidebar table {
        margin-top: -20px !important;
    }

    /* Force table to not be like tables anymore */
    .content-without-sidebar .wrapper-cart table,
    .content-without-sidebar .wrapper-cart thead,
    .content-without-sidebar .wrapper-cart tbody,
    .content-without-sidebar .wrapper-cart tfoot,
    .content-without-sidebar .wrapper-cart th,
    .content-without-sidebar .wrapper-cart .td-price,
    .content-without-sidebar .wrapper-cart .td-qty,
    .content-without-sidebar .wrapper-cart .td-subtotal,
    .content-without-sidebar .wrapper-cart .td-action,
    .content-without-sidebar .wrapper-cart .tf-subtotal,
    .content-without-sidebar .wrapper-cart .tf-price,
    .content-without-sidebar .wrapper-cart .tf-button,
    .content-without-sidebar .wrapper-cart tr {
        display: block;
    }

    /* Hide table headers (but not display: none;, for accessibility) */
    .content-without-sidebar .wrapper-cart thead tr {
        position: absolute;
        top: -9999px;
        left: -9999px;
    }

    .content-without-sidebar .wrapper-cart tr td {
        border-top: unset !important;
    }

    body .wrapper-cart .row-data tr {
        border: 1px solid gray !important;
        border-radius: 5px;
        padding: 5px !important;
    }

    body .wrapper-cart .row-data .th-check,
    .td-check {
        width: 1% !important;
        padding: unset !important;
        padding-top: 1.5% !important;
    }

    body .wrapper-cart .row-data .td-product .image {
        width: 10% !important;
        margin-left: unset !important;
        margin-top: unset !important;
    }

    body .wrapper-cart .row-data .td-product {
        padding-top: 6px !important;
    }

    body .wrapper-cart .row-data .td-price {
        width: 90% !important;
        margin-left: 13.5%;
        margin-top: -10px;
    }

    body .wrapper-cart .row-data .td-qty {
        width: 90% !important;
        margin-left: 13.5%;
        margin-top: -10px;
    }

    body .wrapper-cart .row-data .td-subtotal {
        width: 90% !important;
        margin-left: 13.5%;
        margin-top: -10px;
    }

    body .wrapper-cart .row-data .td-action {
        width: 90% !important;
        margin-left: 13.5%;
        margin-top: -10px;
    }

    body .wrapper-cart .row-title h5 {
        font-size: 20px;
        margin-left: 10px;
        margin-bottom: 15px;
    }

    body .wrapper-cart .row-title .flex .text-belanja {
        padding-top: 0px;
        margin-bottom: 15px;
    }

    body .wrapper-cart .row-data .td-product .product-name {
        width: 85% !important;
    }

    body .wrapper-cart .row-data .tf-check {
        width: 1% !important;
        padding: unset !important;
        padding-top: 1.5% !important;
    }

    body .wrapper-cart .row-data .tf-subtotal {
        padding-left: 32px;
        margin-top: -15px;
    }

    body .wrapper-cart .row-data .tf-price {
        padding-left: 32px;
        padding-top: unset;
        margin-top: -15px;
    }

    body .wrapper-cart .row-data .tf-button {
        padding-left: 32px;
        width: 100%;
        padding-bottom: 50px !important;
    }

    body .wrapper-cart .row-data .tf-button button {
        width: 100% !important;
    }

    body .wrapper-cart .row-data table tfoot tr td {
        border: unset;
    }

    body .wrapper-cart .combo-student {
        margin-bottom: 20px !important;
    }

    .btn-delete-all {
        margin-top: 5px !important;
        float: left !important;
        width: 100% !important;
    }

    .box-del-up {
        display: none !important;
    }

    .box-del-bottom {
        display: block !important;
    }

    /*------------------------------------------------------------*/
    /*FORM PAYMENT*/
    /* Force table to not be like tables anymore */
    .content-without-sidebar .wrapper-payment table,
    .content-without-sidebar .wrapper-payment thead,
    .content-without-sidebar .wrapper-payment tbody,
    .content-without-sidebar .wrapper-payment tfoot,
    .content-without-sidebar .wrapper-payment th,
    .content-without-sidebar .wrapper-payment .td-price,
    .content-without-sidebar .wrapper-payment .td-qty,
    .content-without-sidebar .wrapper-payment .td-subtotal,
    /* .content-without-sidebar .wrapper-payment .td-action, */
    .content-without-sidebar .wrapper-payment .tf-subtotal,
    .content-without-sidebar .wrapper-payment .tf-price,
    /* .content-without-sidebar .wrapper-payment .tf-button, */
    .content-without-sidebar .wrapper-payment tr {
        display: block;
    }

    /* Hide table headers (but not display: none;, for accessibility) */
    .content-without-sidebar .wrapper-payment thead tr {
        position: absolute;
        top: -9999px;
        left: -9999px;
    }

    .content-without-sidebar .wrapper-payment tr td {
        border-top: unset !important;
    }

    body .wrapper-payment .row-data tr {
        border: 1px solid gray !important;
        border-radius: 5px;
        padding: 5px !important;
    }

    body .wrapper-payment .row-data .td-product .image {
        width: 10% !important;
        margin-left: unset !important;
        margin-top: unset !important;
    }

    body .wrapper-payment .row-data .td-product {
        padding-top: 6px !important;
    }

    body .wrapper-payment .row-data .td-price {
        width: 90% !important;
        margin-left: 10%;
        margin-top: -10px;
    }

    body .wrapper-payment .row-data .td-qty {
        width: 90% !important;
        margin-left: 10%;
        margin-top: -10px;
    }

    body .wrapper-payment .row-data .td-subtotal {
        width: 90% !important;
        margin-left: 10%;
        margin-top: -10px;
    }

    body .wrapper-payment .row-title h5 {
        font-size: 20px;
        margin-left: 10px;
        margin-bottom: 15px;
    }

    body .wrapper-payment .row-title .flex .text-payment {
        padding-top: 0px;
        margin-bottom: 15px;
    }

    body .wrapper-payment .row-data .td-product .product-name {
        width: 85% !important;
    }

    body .wrapper-payment .row-data .tf-subtotal {
        padding-left: 12px;
        margin-top: -15px;
    }

    body .wrapper-payment .row-data .tf-price {
        padding-left: 12px;
        padding-top: unset;
        margin-top: -15px;
    }

    body .wrapper-payment .row-data table tfoot tr td {
        border: unset;
    }

    body .wrapper-payment #btn-order {
        margin-left: 7px !important;
        margin-right: 7px !important;
        width: 100% !important;
    }

    body .wrapper-payment .row-button-order {
        float: unset !important;
        margin-right: -8px !important;
    }

    body .wrapper-payment .row-title {
        margin-bottom: 0px !important;
    }

    body .wrapper-payment .combo-student {
        margin-bottom: 10px !important;
    }

    /*------------------------------------------------------------*/
    /*FORM INVOICE*/
    body .box-invoice .row-address {
        width: 102.5% !important;
    }

    body .box-invoice .table td,
    .table th {
        padding-top: 2rem !important;
    }

    body .box-invoice .container {
        padding: 5px !important;
    }

    body .box-invoice .pull-right {
        float: left;
        margin-bottom: 20px;
    }

    /*------------------------------------------------------------*/
    /*FORM INFORMATION*/
    body .wrapper-information .frame-pdf {
        height: 450px !important;
    }
}

@media only screen and (max-width: 568px) {
    /* FORM MASTER */
    body .carousel-inner > .carousel-item > img {
        width: 100%;
        height: 125px !important;
    }

    /*------------------------------------------------------------*/
    /*FORM DASHBOARD*/
    body .wrapper-dashboard .row-product {
        margin-top: 20px;
        margin-left: 10px;
        margin-right: 10px;
    }

    body .wrapper-dashboard .row-element {
        margin-top: 20px;
        margin-left: 10px;
        margin-right: 10px;
    }

    /*------------------------------------------------------------*/
    /*FORM PRODUCT INDEX*/
    body .row-button-subcategory {
        margin-right: 2px !important;
    }

    body .row-tooltip-cart {
        margin-right: 15px !important;
    }

    body .tooltip-cart-based-subcategory a {
        padding: 2% 3% 2% 3% !important;
    }

    .filter-left-side {
        padding-right: 0px !important;
    }

    .filter-right-side {
        padding-left: 0px !important;
        margin-left: 11px !important;
    }
    /*------------------------------------------------------------*/
    /*PRODUCT DETAIL*/
    body .tooltip-cart {
        /* margin-right: -7px; */
        width: 96.7% !important;
    }

    /*------------------------------------------------------------*/
    /*FORM CART*/
    body .card-item {
        width: calc(50% - 1.5%);
    }

    .content-without-sidebar table {
        margin-top: -20px !important;
    }

    /* Force table to not be like tables anymore */
    .content-without-sidebar .wrapper-cart table,
    .content-without-sidebar .wrapper-cart thead,
    .content-without-sidebar .wrapper-cart tbody,
    .content-without-sidebar .wrapper-cart tfoot,
    .content-without-sidebar .wrapper-cart th,
    .content-without-sidebar .wrapper-cart .td-price,
    .content-without-sidebar .wrapper-cart .td-qty,
    .content-without-sidebar .wrapper-cart .td-subtotal,
    .content-without-sidebar .wrapper-cart .td-action,
    .content-without-sidebar .wrapper-cart .tf-subtotal,
    .content-without-sidebar .wrapper-cart .tf-price,
    .content-without-sidebar .wrapper-cart .tf-button,
    .content-without-sidebar .wrapper-cart tr {
        display: block;
    }

    /* Hide table headers (but not display: none;, for accessibility) */
    .content-without-sidebar .wrapper-cart thead tr {
        position: absolute;
        top: -9999px;
        left: -9999px;
    }

    .content-without-sidebar .wrapper-cart tr td {
        border-top: unset !important;
    }

    body .wrapper-cart .row-data tr {
        border: 1px solid gray !important;
        border-radius: 5px;
        padding: 5px !important;
    }

    body .wrapper-cart .row-data .th-check,
    .td-check {
        width: 1% !important;
        padding: unset !important;
        padding-top: 1.5% !important;
    }

    body .wrapper-cart .row-data .td-product .image {
        width: 10% !important;
        margin-left: unset !important;
        margin-top: unset !important;
    }

    body .wrapper-cart .row-data .td-product {
        padding-top: 6px !important;
    }

    body .wrapper-cart .row-data .td-price {
        width: 90% !important;
        margin-left: 14.2%;
        margin-top: -10px;
    }

    body .wrapper-cart .row-data .td-qty {
        width: 90% !important;
        margin-left: 14.2%;
        margin-top: -10px;
    }

    body .wrapper-cart .row-data .td-subtotal {
        width: 90% !important;
        margin-left: 14.2%;
        margin-top: -10px;
    }

    body .wrapper-cart .row-data .td-action {
        width: 90% !important;
        margin-left: 14.2%;
        margin-top: -10px;
    }

    body .wrapper-cart .row-title h5 {
        font-size: 16px;
        margin-left: 10px;
    }

    body .wrapper-cart .row-title .flex .text-belanja {
        padding-top: 0px;
    }

    body .wrapper-cart .row-data .tf-check {
        width: 1% !important;
        padding: unset !important;
        padding-top: 1.5% !important;
    }

    body .wrapper-cart .row-data .tf-subtotal {
        padding-left: 32px;
        margin-top: -15px;
    }

    body .wrapper-cart .row-data .tf-price {
        padding-left: 32px;
        padding-top: unset;
        margin-top: -15px;
    }

    body .wrapper-cart .row-data .tf-button {
        padding-left: 32px;
        width: 100%;
    }

    body .wrapper-cart .row-data .tf-button button {
        width: 100%;
    }

    body .wrapper-cart .row-data table tfoot tr td {
        border: unset;
    }

    /*------------------------------------------------------------*/
    /*FORM PAYMENT*/
    /* Force table to not be like tables anymore */
    .content-without-sidebar .wrapper-payment table,
    .content-without-sidebar .wrapper-payment thead,
    .content-without-sidebar .wrapper-payment tbody,
    .content-without-sidebar .wrapper-payment tfoot,
    .content-without-sidebar .wrapper-payment th,
    .content-without-sidebar .wrapper-payment .td-price,
    .content-without-sidebar .wrapper-payment .td-qty,
    .content-without-sidebar .wrapper-payment .td-subtotal,
    /* .content-without-sidebar .wrapper-cart .td-action, */
    .content-without-sidebar .wrapper-payment .tf-subtotal,
    .content-without-sidebar .wrapper-payment .tf-price,
    /* .content-without-sidebar .wrapper-cart .tf-button, */
    .content-without-sidebar .wrapper-payment tr {
        display: block;
    }

    /* Hide table headers (but not display: none;, for accessibility) */
    .content-without-sidebar .wrapper-payment thead tr {
        position: absolute;
        top: -9999px;
        left: -9999px;
    }

    .content-without-sidebar .wrapper-payment tr td {
        border-top: unset !important;
    }

    body .wrapper-payment .row-data tr {
        border: 1px solid gray !important;
        border-radius: 5px;
        padding: 5px !important;
    }

    body .wrapper-payment .row-data .td-product .image {
        width: 10% !important;
        margin-left: unset !important;
        margin-top: unset !important;
    }

    body .wrapper-payment .row-data .td-product {
        padding-top: 6px !important;
    }

    body .wrapper-payment .row-data .td-price {
        width: 90% !important;
        margin-left: 9%;
        margin-top: -10px;
    }

    body .wrapper-payment .row-data .td-qty {
        width: 90% !important;
        margin-left: 9%;
        margin-top: -10px;
    }

    body .wrapper-payment .row-data .td-subtotal {
        width: 90% !important;
        margin-left: 9%;
        margin-top: -10px;
    }

    body .wrapper-payment .row-title h5 {
        font-size: 16px;
        margin-left: 10px;
    }

    body .wrapper-payment .row-title .flex .text-payment {
        padding-top: 0px;
    }

    body .wrapper-payment .row-data .tf-subtotal {
        padding-left: 12px;
        margin-top: -15px;
    }

    body .wrapper-payment .row-data .tf-price {
        padding-left: 12px;
        padding-top: unset;
        margin-top: -15px;
    }

    body .wrapper-payment .row-data table tfoot tr td {
        border: unset;
    }

    body .wrapper-payment #btn-order {
        margin-left: 7px !important;
        margin-right: 7px !important;
        width: 100% !important;
    }

    body .wrapper-payment .row-button-order {
        float: unset !important;
        margin-right: -8px !important;
    }

    /*------------------------------------------------------------*/
    /*FORM INVOICE*/
    body .box-invoice .row-address {
        width: 102.5% !important;
    }

    body .box-invoice .table td,
    .table th {
        padding-top: 2rem !important;
    }

    body .box-invoice .container {
        padding: 5px !important;
    }

    /*------------------------------------------------------------*/
    /*FORM INFORMATION*/
    body .wrapper-information .frame-pdf {
        height: 330px !important;
    }
}

@media only screen and (max-width: 480px) {
    /* FORM MASTER */
    body .carousel-inner > .carousel-item > img {
        width: 100%;
        height: 110px !important;
    }

    /*------------------------------------------------------------*/
    /*FORM LOGIN*/
    #form-login {
        padding-left: 30px !important;
        padding-right: 30px !important;
    }

    /*------------------------------------------------------------*/
    /*FORM RESET PASSWORD*/
    #form-reset-password {
        padding-left: 30px !important;
        padding-right: 30px !important;
    }

    /*------------------------------------------------------------*/
    /*FORM CONFIRMATION CODE*/
    #form-confirmation-code {
        padding-left: 30px !important;
        padding-right: 30px !important;
    }

    /*------------------------------------------------------------*/
    /*FORM UPDATE PASSWORD*/
    #form-update-password {
        padding-left: 30px !important;
        padding-right: 30px !important;
    }

    /*------------------------------------------------------------*/
    /*FORM SUCCESS RESET PASSWORD*/
    #form-success-reset-password {
        padding-left: 30px !important;
        padding-right: 30px !important;
    }

    /*------------------------------------------------------------*/
    /*FORM SIGN UP*/
    #form-signup {
        padding-left: 30px !important;
        padding-right: 30px !important;
    }

    /*------------------------------------------------------------*/
    /*CART*/
    body .wrapper-cart .row-data .td-product .image {
        width: 15% !important;
        margin-left: unset !important;
        margin-top: unset !important;
    }

    body .wrapper-cart .row-data table tbody .image img {
        width: 40px !important;
    }

    body .wrapper-cart .row-data .td-product .product-name {
        margin-left: -7px;
        width: 70% !important;
    }

    body .wrapper-cart .row-data .td-price {
        margin-left: 17%;
    }

    body .wrapper-cart .row-data .td-qty {
        margin-left: 17%;
    }

    body .wrapper-cart .row-data .td-subtotal {
        margin-left: 17%;
    }

    body .wrapper-cart .row-data .td-action {
        margin-left: 17%;
    }

    body .wrapper-cart .row-title .flex {
        margin-top: -2px !important;
    }

    body .wrapper-cart .combo-student {
        margin-bottom: 20px !important;
    }

    /*------------------------------------------------------------*/
    /*FORM PAYMENT*/
    body .wrapper-payment .row-data .td-product .image {
        width: 15% !important;
        margin-left: unset !important;
        margin-top: unset !important;
    }

    body .wrapper-payment .row-data table tbody .image img {
        width: 40px !important;
    }

    body .wrapper-payment .row-data .td-product .product-name {
        margin-left: -7px;
        width: 70% !important;
    }

    body .wrapper-payment .row-data .td-price {
        margin-left: 12%;
    }

    body .wrapper-payment .row-data .td-qty {
        margin-left: 12%;
    }

    body .wrapper-payment .row-data .td-subtotal {
        margin-left: 12%;
    }

    body .wrapper-payment .row-title .flex {
        margin-top: -2px !important;
    }

    body .wrapper-payment #btn-order {
        margin-left: 7px !important;
        margin-right: 7px !important;
        width: 100% !important;
    }

    body .wrapper-payment .row-button-order {
        float: unset !important;
        margin-right: -8px !important;
    }

    /*------------------------------------------------------------*/
    /*FORM INVOICE*/
    body .box-invoice .row-address {
        width: 102.5% !important;
    }

    body .box-invoice .table td,
    .table th {
        padding-top: 2rem !important;
    }

    body .box-invoice .container {
        padding: 5px !important;
    }

    /*------------------------------------------------------------*/
    /*FORM INFORMATION*/
    body .wrapper-information .frame-pdf {
        height: 285px !important;
    }

    /*------------------------------------------------------------*/
    /*FORM PRODUCT INDEX*/
    body .row-button-subcategory {
        margin-right: 0px !important;
    }

    body .row-tooltip-cart {
        margin-right: 15px;
    }

    body .tooltip-cart-based-subcategory a {
        padding: 2% 3% 2% 3% !important;
    }
}

@media only screen and (max-width: 430px) {
    /* FORM MASTER */
    body .carousel-inner > .carousel-item > img {
        width: 100%;
        height: 75px !important;
    }

    /*------------------------------------------------------------*/
    /*PRODUCT DETAIL*/
    body .tooltip-cart {
        width: 95.5% !important;
    }

    /*------------------------------------------------------------*/
    /*CART*/
    body .wrapper-cart .row-data .td-product .product-name {
        margin-left: 13px;
    }

    body .wrapper-cart .row-data .td-price {
        margin-left: 23.2%;
    }

    body .wrapper-cart .row-data .td-qty {
        margin-left: 23.2%;
    }

    body .wrapper-cart .row-data .td-subtotal {
        margin-left: 23.2%;
    }

    body .wrapper-cart .row-data .td-action {
        margin-left: 23.2%;
    }

    /*------------------------------------------------------------*/
    /*PAYMENT*/
    body .wrapper-payment .row-data .td-product .product-name {
        margin-left: 13px;
    }

    body .wrapper-payment .row-data .td-price {
        margin-left: 17%;
    }

    body .wrapper-payment .row-data .td-qty {
        margin-left: 17%;
    }

    body .wrapper-payment .row-data .td-subtotal {
        margin-left: 17%;
    }

    body .wrapper-payment #btn-order {
        margin-left: 7px !important;
        margin-right: 7px !important;
        width: 100% !important;
    }

    body .wrapper-payment .row-button-order {
        float: unset !important;
        margin-right: -8px !important;
    }

    /*------------------------------------------------------------*/
    /*FORM INVOICE*/
    body .box-invoice .row-address {
        width: 102.5% !important;
    }

    body .box-invoice .table td,
    .table th {
        padding-top: 2rem !important;
    }

    body .box-invoice .container {
        padding: 5px !important;
    }

    /*------------------------------------------------------------*/
    /*FORM INFORMATION*/
    body .wrapper-information .frame-pdf {
        height: 255px !important;
    }
}

@media only screen and (max-width: 320px) {
    /*------------------------------------------------------------*/
    /*PRODUCT DETAIL*/
    body .tooltip-cart {
        width: 94% !important;
    }
}