/* Basic colors codes */
@media screen and (min-width: 280px) and (max-width: 479px) {
  html, body {
    height: auto;
  }
    header a.logo {
        order: 2;
        margin: 0;
        max-width: 95px;
    }
  header div.navigation {
    order: 1;
  }
  header div.navigation a.toggle {
    display: block;
    margin: 0 15px;
  }
  header div.navigation nav {
    position: absolute;
    left: 20px;
    top: 40px;
    width: 210px;
    border-radius: 10px;
    background: #ffffff;
    box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.15);
    overflow: hidden;
    display: none;
  }
  header div.navigation nav a {
    display: block;
    line-height: 40px;
    border: none;
    font-weight: 600;
    font-size: 16px;
    text-decoration: none !important;
    color: #BCBAB4;
    padding: 0 20px;
    margin: 0;
  }
  header div.navigation nav a.active {
    color: #201904;
    background: rgba(231, 227, 215, 0.2);
  }
  header div.navigation nav a:hover {
    color: #201904;
    background: rgba(231, 227, 215, 0.2);
  }
  header div.actions {
    order: 3;
    display: flex;
    flex-direction: row;
    align-items: center;
    position: relative;
    margin: 0 5px;
    position: relative;
    width: calc(100% - 175px);
  }
  header div.actions > a.help, header div.actions > a.settings {
    display: none;
  }
  header div.actions a.logout {
    display: block;
    width: 22px;
    height: 22px;
    margin: 0 13px;
    background: url(../images/icons/btn_logout_white.svg) center center no-repeat;
  }
  header div.actions a.logout:hover {
    background: url(../images/icons/btn_logout_orange.svg) center center no-repeat;
  }
  header div.actions button.user {
    width: 40px;
    height: 40px;
    display: block;
    border-radius: 50%;
    overflow: hidden;
    border: none;
    margin: 0 10px;
    outline: none;
  }
  header div.actions .sub-nav {
    position: absolute;
    width: 200px;
    background-color: #ffffff;
    box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.15);
    right: 0;
    top: 40px;
    border-radius: 10px;
    display: none;
  }
  header div.actions .sub-nav a {
    display: block;
    line-height: 40px;
    padding: 0 15px;
    color: #201904;
    text-decoration: none;
    font-weight: 500;
    font-size: 15px;
  }
  header div.actions .sub-nav a:hover {
    color: #D25D3E;
  }
  header div.actions .sub-nav div.divider:first-of-type {
    display: block;
  }
  nav.breadcrumbs {
    display: none;
  }
  section div.big-title {
    flex-direction: column;
    align-items: flex-start;
  }
  section div.big-title h2 {
    font-size: 28px;
    line-height: 45px;
    letter-spacing: -1px;
  }
    section div.big-title span {
        line-height: normal;
        margin-left: 0;
        margin-bottom: 7px;
    }
  section div.big-title em {
    font-style: normal;
    color: #D25D3E;
    line-height: 56px;
    margin-left: 15px;
  }
  section div.big-title img {
    display: none;
  }
  section div.big-title2 h2 {
    font-size: 20px;
    line-height: 20px;
    font-weight: 600;
  }
  section div.big-title2 em {
    font-style: normal;
    color: #D25D3E;
    font-size: 28px;
    font-weight: 600;
    line-height: 35px;
    margin-left: 0;
  }
  section h3.count-one:after {
    display: none;
  }
  section h3.count-two:after {
    display: none;
  }
  section h3.toggle-form {
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: #201904;
    line-height: 25px;
  }
  section h3.toggle-form i {
    font-size: 18px;
    font-weight: 700;
    line-height: 25px;
    display: block;
    width: 30px;
    height: 25px;
  }
  section h4 {
    font-size: 16px;
    font-weight: 500;
    line-height: 30px;
    color: #7F7F84;
    margin: 0;
  }
  section a.main-btn {
    width: 40px;
    height: 40px;
    line-height: 40px;
  }
  section a.main-btn span.text {
    display: none;
  }
  section a.main-btn .fa {
    margin: 0;
  }
  section.com_login div.form-section {
    width: 100%;
    padding-right: 0;
  }
  section.com_login div.form-section nav {
    width: 100%;
  }
  section.com_login div.form-section nav a.help {
    display: none;
  }
  section.com_login div.form-section h2 {
    font-size: 32px;
    line-height: 40px;
  }
  section.com_login div.form-section form {
    width: 100%;
  }
  section.com_login div.form-section form div.action {
    flex-direction: column-reverse;
  }
  section.com_login div.form-section form div.action input[type=submit] {
    margin-top: 20px;
  }
  section.com_login div.form-section form div.action a.forgot {
    margin-top: 22px;
    justify-content: center;
  }
  section.com_login div.form-section footer a {
    display: block;
  }
  section.com_login div.image {
    display: none;
  }
  section.com_dashboard {
    padding-bottom: 0;
  }
  section.com_dashboard .card.card-stats .card-body {
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: flex-start;
    padding: 15px;
  }
  section.com_dashboard .card.card-stats .card-body span {
    font-size: 13px;
  }
  section.com_dashboard .card.card-stats .card-body span.number {
    font-size: 32px;
    line-height: 40px;
  }
    section.com_dashboard .time {
        top: 5px;
    }

        section.com_dashboard .time span {
            display: block;
            font-size: 12px;
        }
  section.com_dashboard .card.card-tickets {
    margin-bottom: 20px;
  }
  section.com_dashboard .card.card-tickets .card-body ul.tickets {
    min-height: 100%;
    max-height: 100%;
  }
  section.com_dashboard .card.card-tickets .card-body ul.activity {
    min-height: 100%;
    max-height: 100%;
  }
  section.com_catalogue .title-actions {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-end;
  }
  section.com_catalogue .title-actions div.search {
    display: flex;
    flex-direction: row;
    height: 40px;
    border-radius: 10px;
    overflow: hidden;
    background-color: #ffffff;
    width: 100%;
    margin-right: 5px;
    margin-top: 15px;
  }
  section.com_catalogue .title-actions div.search input.search {
    border: none;
    background-color: transparent;
    padding: 0 15px;
    width: calc(100% - 40px);
  }
  section.com_catalogue .title-actions div.search button.submit {
    width: 40px;
    height: 40px;
    display: block;
    border-radius: 10px;
    line-height: 40px;
  }
  section.com_catalogue .title-actions .other-actions {
    display: flex;
    width: 100%;
    position: relative;
  }
  section.com_catalogue .title-actions .other-actions a.toggle {
    display: block;
    width: 40px;
    height: 40px;
  }
  section.com_catalogue .title-actions .other-actions div {
    border-radius: 10px;
    overflow: hidden;
    position: absolute;
    right: 50px;
    top: 40px;
    box-shadow: 2px 2px 10px rgba(32, 25, 4, 0.15);
    display: flex;
    flex-direction: column;
    order: 2;
    background-color: orange;
    height: auto;
    display: none;
  }
  section.com_catalogue .title-actions .other-actions div a {
    width: 100%;
    height: 40px;
    line-height: 40px;
    display: block;
    margin: 0;
    border-radius: 0;
  }
  section.com_catalogue .title-actions .other-actions div a span {
    display: block;
    line-height: 40px;
    padding: 0 15px 0 40px;
  }
  section.com_catalogue .title-actions .other-actions div a.download {
    background-position: 15px center;
    background-size: 15px 15px;
  }
  section.com_catalogue .title-actions .other-actions div a.download:hover {
    color: #D25D3E;
  }
  section.com_catalogue .title-actions .other-actions div a.add {
    background-position: 15px center;
    background-size: 15px 15px;
  }
  section.com_catalogue .title-actions .other-actions div a.add:hover {
    color: #D25D3E;
  }
  section.com_catalogue .title-actions .other-actions a.main-btn {
    order: 1;
    width: 40px;
    height: 40px;
    line-height: 40px;
  }
  section.com_catalogue .title-actions .other-actions a.main-btn span.text {
    display: none;
  }
  section.com_catalogue .title-actions .other-actions a.main-btn .fa {
    line-height: 40px;
    margin-right: 0;
    display: block;
  }
  section.com_catalogue .swiper-actions .slide-button button {
    height: 40px;
  }
  section.com_products-list {
    padding: 30px 0;
  }
  section.com_products-list div.products-wrapper.grid {
    grid-template-columns: repeat(2, 1fr);
  }
  section.com_products-list div.products-wrapper.grid .item .product-box .image {
    height: 150px;
  }
  section.com_products-list div.products-wrapper.grid .item .product-box .image img {
    width: 100%;
  }
  section.com_products-list div.products-wrapper.list {
    grid-template-columns: repeat(1, 1fr);
  }
  section.com_products-list div.products-wrapper.list .item .product-box .image {
    height: 110px;
    width: 110px;
  }
  section.com_products-list div.products-wrapper.list .item .product-box .image img {
    width: inherit;
    height: inherit;
  }
  section.com_products-list div.products-wrapper.list .item .product-box div.details {
    width: calc(100% - 122px);
  }
  section.com_products-list div.products-wrapper.list .item .product-box div.details span.title {
    line-height: 20px;
    font-size: 18px;
  }
  section.com_products-list div.products-wrapper.list .item .product-box div.details span.qty {
    font-size: 13px;
    line-height: 20px;
  }
  section.com_products-list div.products-wrapper.list .item .product-box div.details span.price {
    font-size: 16px;
  }
  section.com_view-product .card.card-info .card-body div.preview {
    display: block;
    border-top: 1px solid #F0EDE5;
  }
  section.com_view-product .card.card-info .card-body div.preview table.preview {
    width: 100%;
  }
  section.com_view-product .card.card-info .card-body div.preview table.preview thead {
    display: none;
  }
  section.com_view-product .card.card-info .card-body div.preview table.preview tbody tr {
    display: flex;
    flex-wrap: wrap;
    padding: 5px 0;
  }
  section.com_view-product .card.card-info .card-body div.preview table.preview tbody tr td {
    padding: 5px 5px;
    text-align: center;
    position: relative;
  }
  section.com_view-product .card.card-info .card-body div.preview table.preview tbody tr td:nth-child(1) {
    width: calc(100% - 40px);
    order: 1;
  }
  section.com_view-product .card.card-info .card-body div.preview table.preview tbody tr td:nth-child(2) {
    width: 40%;
    order: 3;
  }
  section.com_view-product .card.card-info .card-body div.preview table.preview tbody tr td:nth-child(3) {
    width: 60%;
    order: 4;
  }
  section.com_view-product .card.card-info .card-body div.preview table.preview tbody tr td:nth-child(4) {
    width: 100%;
    order: 5;
  }
  section.com_view-product .card.card-info .card-body div.preview table.preview tbody tr td:nth-child(5) {
    text-align: right;
    order: 2;
  }
  section.com_view-product .card.card-info .card-body div.preview table.preview tbody tr td input.fields {
    border: none;
    height: 36px;
    padding: 0 15px;
    border-radius: 10px;
    display: block;
    width: 100%;
    margin: 0;
    background-color: rgba(246, 244, 240, 0.6);
  }
  section.com_view-product .card.card-info .card-body div.preview table.preview tbody tr td .option {
    display: flex;
    justify-content: center;
    align-items: center;
  }
  section.com_view-product .card.card-info .card-body div.preview table.preview tbody tr td .option a.toggle {
    margin: 0 0 0 auto;
    display: table;
    width: 30px;
    height: 30px;
    color: #7F7F84;
    text-decoration: none;
    line-height: 30px;
    background: transparent url(../images/icons/btn_action_black.svg) center center no-repeat;
  }
  section.com_view-product .card.card-info .card-body div.preview table.preview tbody tr td .option a.toggle:hover {
    background: transparent url(../images/icons/btn_action_orange.svg) center center no-repeat;
  }
  section.com_view-product .card.card-info .card-body div.preview table.preview tbody tr td .option ul {
    display: none;
    position: absolute;
    right: 50px;
    top: -12px;
    margin: 0;
    padding: 0;
    list-style: none;
    white-space: normal;
    background: #ffffff;
    border-radius: 4px;
    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.15);
    width: 100px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.25);
  }
  section.com_view-product .card.card-info .card-body div.preview table.preview tbody tr td .option ul li {
    display: block;
    display: 100%;
    border-bottom: 1px solid rgba(0, 0, 0, 0.15);
  }
  section.com_view-product .card.card-info .card-body div.preview table.preview tbody tr td .option ul li a {
    display: block;
    width: 100%;
    height: 32px;
    line-height: 32px;
    color: #201904;
    white-space: normal;
    font-size: 13px;
  }
  section.com_view-product .card.card-info .card-body div.preview table.preview tbody tr td .option ul li:last-of-type {
    border-bottom: none;
  }
  section.com_view-product .card.card-info .card-body div.preview table.preview tbody tr:last-of-type {
    border-bottom: none;
    padding-bottom: 0;
  }
  section.com_product-set-group {
    padding: 0 0 30px;
  }
  section.com_product-set-group ul.product-view li div.search {
    margin: 15px 0 0;
  }
  section.com_product-set-group ul.product-view li:nth-child(1) {
    width: 100%;
  }
  section.com_product-set-group ul.product-view li:nth-child(2) {
    display: none;
  }
  section.com_product-set-group ul.product-view li:nth-child(3) {
    display: none;
  }
  section.com_product-set-group div.products-wrapper .product-box div.product img {
    width: 110px;
  }
  section.com_product-set-group div.products-wrapper.grid {
    grid-template-columns: repeat(1, 1fr);
  }
  section.com_product-set-group div.products-wrapper.list {
    grid-template-columns: repeat(1, 1fr);
  }
  section.com_product-set-group div.products-wrapper.list .product-box .card-group {
    padding: 0;
  }
  section.com_product-set-group div.products-wrapper.list .product-box .card-group div.product {
    display: table;
    width: 100%;
  }
  section.com_product-set-group div.products-wrapper.list .product-box .card-group div.product img {
    width: 110px;
  }
  section.com_product-set-group div.products-wrapper.list .product-box .card-group div.product span.title {
    font-size: 18px;
    line-height: 22px;
  }
  section.com_product-set-group div.products-wrapper.list .product-box .card-group div.product span.counts {
    font-size: 16px;
    line-height: 20px;
  }
  section.com_product-set-group div.products-wrapper.list .product-box .card-group div.users {
    position: relative;
    bottom: 0;
  }
  section.com_employees .title-actions {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-end;
  }
  section.com_employees .title-actions form {
    width: 100%;
  }
  section.com_employees .title-actions form div.search {
    margin-top: 15px;
  }
  section.com_employees .title-actions .other-actions {
    display: flex;
    justify-content: flex-end;
  }
  section.com_employees .title-actions .other-actions a.toggle {
    width: 40px;
    height: 40px;
    display: block;
    text-decoration: none;
    border-radius: 10px;
    background: #ffffff url(../images/icons/btn_action_black.svg) center center no-repeat;
  }
  section.com_employees .title-actions .other-actions div.toggle-show {
    z-index: 2;
    background-color: #fff;
    border-radius: 10px;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 40px;
    box-shadow: 2px 2px 10px rgba(32, 25, 4, 0.15);
    flex-direction: column;
    height: auto;
    min-width: 140px;
    display: none;
  }
  section.com_employees .title-actions .other-actions div.toggle-show a {
    width: 100%;
    height: 52px;
    display: block;
    border-radius: 10px;
    margin: 0;
    color: #201904;
  }
  section.com_employees .title-actions .other-actions div.toggle-show a.main-btn, section.com_employees .title-actions .other-actions div.toggle-show a.delete, section.com_employees .title-actions .other-actions div.toggle-show a.cancel, section.com_employees .title-actions .other-actions div.toggle-show a.download {
    display: block;
    background: none;
    line-height: 40px;
    height: 40px;
    padding: 0 25px;
    margin: 0;
    color: #201904;
    text-align: left;
    font-weight: 500;
  }
  section.com_employees .title-actions .other-actions div.toggle-show a.main-btn span.text, section.com_employees .title-actions .other-actions div.toggle-show a.delete span.text, section.com_employees .title-actions .other-actions div.toggle-show a.cancel span.text, section.com_employees .title-actions .other-actions div.toggle-show a.download span.text {
    color: #201904;
    display: block;
    margin: 0;
  }
  section.com_employees .title-actions .other-actions div.toggle-show a.main-btn .fa, section.com_employees .title-actions .other-actions div.toggle-show a.delete .fa, section.com_employees .title-actions .other-actions div.toggle-show a.cancel .fa, section.com_employees .title-actions .other-actions div.toggle-show a.download .fa {
    display: none;
  }
  section.com_employees .title-actions2 div.date span {
    font-size: 13px;
  }
  section.com_employees table.users-table thead {
    display: none;
  }
  section.com_employees table.users-table tbody tr {
    display: flex;
    flex-wrap: wrap;
  }
  section.com_employees table.users-table tbody tr td {
    padding: 5px;
  }
  section.com_employees table.users-table tbody tr td:nth-child(1) {
    /*display: none;*/
  }
  section.com_employees table.users-table tbody tr td:nth-child(2) {
    width: 70%;
    order: 1;
  }
  section.com_employees table.users-table tbody tr td:nth-child(3) {
    width: 100%;
    order: 3;
  }
  section.com_employees table.users-table tbody tr td:nth-child(3) .email {
    position: relative;
    padding-left: 25px;
  }
  section.com_employees table.users-table tbody tr td:nth-child(3) .email::before {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    content: "";
    display: block;
    width: 30px;
    height: 20px;
    background: url(../images/icons/icon_envelop.svg) left center no-repeat;
  }
  section.com_employees table.users-table tbody tr td:nth-child(4), section.com_employees table.users-table tbody tr td:nth-child(6) {
    /*display: none;*/
  }
  section.com_employees table.users-table tbody tr td:nth-child(5) {
    width: 90%;
    order: 4;
  }
  section.com_employees table.users-table tbody tr td:nth-child(7) {
    width: 30%;
    order: 2;
  }
  section.com_employees table.users-table tbody tr td:nth-child(8) {
    width: 10%;
    order: 5;
  }
  section.com_employees table.users-table tbody tr td:nth-child(8) a.options {
    margin: 0 auto;
  }
  section.com_employees table.users-table tbody tr:nth-child(1) {
    /*display: none;*/
  }
  section.com_employees ul#employee-details {
    display: flex;
    flex-direction: row;
  }
  section.com_employees ul#employee-details li {
    margin-bottom: 15px;
  }
  section.com_employees ul#employee-details li a {
    font-weight: 500;
    font-size: 16px;
    line-height: 20px;
    padding: 0;
    padding-left: 0;
    margin-right: 14px;
  }
  section.com_employees ul#employee-details li a.active {
    color: #D25D3E;
    text-decoration: underline;
  }
  section.com_employees ul#employee-details li a.active::before {
    content: none;
  }
  section.com_employees form div.card.card-users-person .allowance-box div.heading a.add-allowance span.text {
    display: none;
  }
  section.com_employees form div.card.card-users-person .allowance-box div.allowance span {
    width: calc(100% - 85px);
    padding: 0 10px;
  }
  section.com_employees form div.card.card-users-person .allowance-box div.allowance span strong {
    font-size: 15px;
  }
  section.com_employees form div.card.card-users-person .allowance-box div.allowance span.amount {
    width: 65px;
  }
  section.com_employees form div.card.card-users-person .allowance-box div.allowance:last-of-type {
    margin-bottom: 0;
  }
  section.com_employees form div.card.card-users-person .quota-box .quota {
    width: calc(100% - 35px);
    height: 53px;
  }
  section.com_employees form div.card.card-users-person .quota-box .quota .selected-quota span {
    font-size: 15px;
    line-height: 15px;
  }
  section.com_employees form div.card.card-users-person .quota-box .quota .selected-quota p {
    font-size: 13px;
    line-height: 18px;
  }
  section.com_employees form div.card.card-users-person .quota-box .quota .quota-toggle {
    top: 53px;
  }
  section.com_employees form div.card.card-users-person .select-quota-set .quota-grop {
    width: calc(100% - 35px);
    padding: 10px 15px;
    position: relative;
    height: 53px;
  }
  section.com_employees form div.card.card-users-person .select-quota-set .quota-grop .selected-quota-group span {
    font-size: 15px;
    line-height: 35px;
  }
  section.com_employees form div.card.card-users-person .select-quota-set .quota-grop .quota-group-toggle {
    top: 53px;
  }
  section.com_employees div.pie-chart {
    display: flex;
    gap: 20px;
  }
  section.com_employees div.pie-chart div.chart {
    width: 50%;
    position: relative;
    border-radius: 10px;
    background-color: #ffffff;
    overflow: hidden;
    padding: 15px 5px;
  }
  section.com_employees div.pie-chart div.chart svg {
    width: 100%;
    height: 150px;
    position: relative;
  }
  section.com_employees div.pie-chart div.chart strong {
    text-align: center;
    display: table;
    margin: 0 auto 0;
  }
  section.com_employees .card-order-table table.all-orders thead {
    display: none;
  }
  section.com_employees .card-order-table table.all-orders tbody tr {
    border-bottom: 1px solid #F0EDE5;
    display: flex;
    flex-wrap: wrap;
    padding: 10px 0;
  }
  section.com_employees .card-order-table table.all-orders tbody tr td {
    padding: 5px 0;
    text-align: left;
    font-size: 16px;
    font-weight: 400;
    position: relative;
    display: table-cell;
    vertical-align: middle;
  }
  section.com_employees .card-order-table table.all-orders tbody tr td:nth-child(1) {
    width: 90px;
    order: 1;
  }
  section.com_employees .card-order-table table.all-orders tbody tr td:nth-child(2) {
    text-align: right;
    width: 50%;
    order: 5;
  }
  section.com_employees .card-order-table table.all-orders tbody tr td:nth-child(3) {
    width: 55px;
    order: 3;
    text-align: right;
  }
  section.com_employees .card-order-table table.all-orders tbody tr td:nth-child(4) {
    text-align: center;
    order: 2;
    width: calc(100% - 145px);
  }
  section.com_employees .card-order-table table.all-orders tbody tr td:nth-child(5) {
    width: 50%;
    order: 4;
  }
  section.com_employees .card-order-table table.all-orders tbody tr td:last-of-type {
    display: none;
  }
  section.com_employees .card-order-table table.history thead {
    display: none;
  }
  section.com_employees .card-order-table table.history tbody tr {
    border-bottom: 1px solid #F0EDE5;
    display: flex;
    flex-wrap: wrap;
    padding: 10px 0;
  }
  section.com_employees .card-order-table table.history tbody tr td {
    padding: 3px 0;
    text-align: left;
    font-size: 16px;
    font-weight: 400;
  }
  section.com_employees .card-order-table table.history tbody tr td:nth-child(1) {
    order: 1;
    width: 80%;
    font-size: 18px;
    font-weight: 500;
  }
  section.com_employees .card-order-table table.history tbody tr td:nth-child(2) {
    font-size: 14px;
    font-weight: 500;
    order: 4;
    width: 40%;
    text-align: right;
  }
  section.com_employees .card-order-table table.history tbody tr td:nth-child(3) {
    order: 5;
    width: 100%;
    font-size: 12px;
    font-weight: 400;
    color: #7F7F84;
  }
  section.com_employees .card-order-table table.history tbody tr td:nth-child(4) {
    order: 3;
    width: 60%;
    font-size: 12px;
    font-weight: 400;
  }
  section.com_employees .card-order-table table.history tbody tr td:nth-child(5) {
    order: 2;
    width: 20%;
    font-size: 16px;
  }
  section.com_product-set-group-view {
    padding: 0 0 30px;
  }
  section.com_product-set-group-view .title-actions {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-end;
  }
  section.com_product-set-group-view .title-actions div.search {
    display: flex;
    flex-direction: row;
    height: 40px;
    border-radius: 10px;
    overflow: hidden;
    background-color: #ffffff;
    width: 100%;
    margin-right: 0;
    margin-top: 15px;
  }
  section.com_product-set-group-view .title-actions div.search input.search {
    border: none;
    background-color: transparent;
    padding: 0 15px;
    width: calc(100% - 40px);
  }
  section.com_product-set-group-view .title-actions div.search button.submit {
    width: 40px;
    height: 40px;
    display: block;
    border-radius: 10px;
    line-height: 40px;
  }
  section.com_product-set-group-view .title-actions .other-actions {
    display: flex;
    width: 100%;
    position: relative;
  }
  section.com_product-set-group-view .title-actions .other-actions a.toggle {
    display: block;
    width: 40px;
    height: 40px;
    min-width: 40px;
  }
  section.com_product-set-group-view .title-actions .other-actions div.toggle-show {
    background-color: #fff;
    border-radius: 10px;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 40px;
    box-shadow: 2px 2px 10px rgba(32, 25, 4, 0.15);
    display: flex;
    flex-direction: column;
    height: auto;
    width: 238px;
    display: none;
  }
  section.com_product-set-group-view .title-actions .other-actions div.toggle-show a {
    width: 100%;
    height: 40px;
    line-height: 40px;
    display: block;
    margin: 0;
    border-radius: 0;
    padding: 0 15px;
  }
  section.com_product-set-group-view .title-actions .other-actions div.toggle-show div.users {
    margin: 10px;
  }
  section.com_product-set-group-view .title-actions .other-actions div.toggle-show div.users .action a {
    height: 32px;
  }
  section.com_product-set-group-view .title-actions .other-actions a.main-btn {
    display: none;
  }
  section.com_product-set-group-view div.products-wrapper.grid {
    grid-template-columns: repeat(2, 1fr);
  }
  section.com_product-set-group-view div.products-wrapper.list .item .product-box .image {
    height: 100px;
    width: 100px;
    margin: 0 10px 0 0;
  }
  section.com_product-set-group-view div.products-wrapper.list .item .product-box .image img {
    width: inherit;
  }
  section.com_product-set-group-view div.products-wrapper.list .item .product-box div.details {
    width: calc(100% - 110px);
  }
  section.com_product-set-group-view div.products-wrapper.list .item .product-box div.details span.title {
    line-height: 25px;
    font-size: 18px;
  }
  section.com_orders {
    padding-bottom: 0;
  }
  section.com_orders .title-actions {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-end;
  }
  section.com_orders .title-actions div.date {
    display: none;
  }
  section.com_orders .title-actions form div.search {
    height: 40px;
    background: #ffffff;
  }
  section.com_orders .title-actions form div.search button.submit {
    width: 40px;
    height: 40px;
    border: none;
    border-radius: 10px;
    cursor: pointer;
    transition: all 0.3s ease-out;
    position: absolute;
    right: 0;
    z-index: 0;
    background: transparent url(../images/icons/icon_search_black.svg) center center no-repeat;
  }
  section.com_orders .title-actions form div.search button.submit:hover {
    background-image: url(../images/icons/icon_search_orange.svg);
  }
  section.com_orders .title-actions form div.search input.search {
    width: 40px;
    min-width: 40px;
    height: 40px;
    border: none;
    float: right;
    background: transparent;
    position: relative;
    padding: 0;
    z-index: 2;
    transition: width 0.6s;
    outline: none;
    color: #fff;
    opacity: 0;
  }
  section.com_orders .title-actions form div.search input.search:focus, section.com_orders .title-actions form div.search input.search:not(:empty) {
    padding: 0 15px;
    color: #000;
    opacity: 1;
    width: 150px;
    transition: width 0.6s;
  }
  section.com_orders .title-actions form div.search input.search:focus ~ button {
    z-index: 2;
  }
  section.com_orders .title-actions a.download {
    width: 40px;
    min-width: 40px;
    height: 40px;
    line-height: 40px;
  }
  section.com_orders .title-actions a.close {
    color: #7F7F84;
    font-size: 16px;
    font-weight: 600;
    line-height: 20px;
    display: inline-block;
    margin-left: 20px;
    margin-right: 0;
    text-decoration: none;
  }
  section.com_orders .title-actions ul.more-actions {
    display: flex;
    flex-direction: row;
    margin: 0 10px;
    padding: 0;
    list-style: none;
    font-size: 16px;
  }
  section.com_orders .title-actions ul.more-actions li {
    position: relative;
  }
  section.com_orders .title-actions ul.more-actions li a {
    display: block;
    color: #201904;
    text-decoration: none;
    line-height: 16px;
  }
  section.com_orders .title-actions ul.more-actions li a i {
    margin-left: 10px;
  }
  section.com_orders .title-actions ul.more-actions li ul {
    width: 200px;
    overflow: hidden;
    position: absolute;
    flex-direction: column;
    background-color: #ffffff;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.25);
    left: 50%;
    top: 25px;
    transform: translateX(-50%);
    z-index: 10;
    display: none;
    border-radius: 10px;
  }
  section.com_orders .title-actions ul.more-actions li ul li a {
    display: block;
    line-height: 40px;
    text-align: left;
    font-size: 18px;
    padding: 0 25px;
    text-decoration: none;
    font-weight: 500;
  }
  section.com_orders .title-actions ul.more-actions li ul li a i {
    margin-left: 10px;
    font-weight: bolder;
  }
  section.com_orders .title-actions ul.more-actions li ul li a.cancel {
    color: #D25D3E;
    font-weight: 600;
  }
  section.com_orders form ul.allOrders {
    justify-content: flex-start;
  }
  section.com_orders form ul.allOrders li.nav-item a.nav-link {
    font-size: 16px;
    line-height: 20px;
  }
  section.com_orders form div.card.card-orders table.all-orders thead {
    display: none;
  }
  section.com_orders form div.card.card-orders table.all-orders tbody tr {
    padding: 15px 0;
    display: flex;
    flex-wrap: wrap;
  }
  section.com_orders form div.card.card-orders table.all-orders tbody tr td {
    padding: 5px !important;
  }
  section.com_orders form div.card.card-orders table.all-orders tbody tr td span {
    width: 100%;
    display: block;
    padding: 0 18px;
  }
  section.com_orders form div.card.card-orders table.all-orders tbody tr td span.waiting {
    padding: 0 30px 0 15px;
    background: #201904 url(../images/icons/icon_select_white.svg) 96% center no-repeat;
    background-size: 14px 14px;
  }
  section.com_orders form div.card.card-orders table.all-orders tbody tr td:nth-child(1) {
    width: 70%;
    order: 1;
  }
  section.com_orders form div.card.card-orders table.all-orders tbody tr td:nth-child(2) {
    width: 60%;
    order: 3;
  }
  section.com_orders form div.card.card-orders table.all-orders tbody tr td:nth-child(3) {
    width: 40%;
    text-align: right;
    order: 4;
  }
  section.com_orders form div.card.card-orders table.all-orders tbody tr td:nth-child(4) {
    width: 30%;
    order: 2;
    text-align: right;
  }
  section.com_orders form div.card.card-orders table.all-orders tbody tr td:nth-child(5) {
    width: 100%;
    order: 5;
    text-align: center;
  }
  section.com_orders form div.card.card-orders table.all-orders tbody tr td:nth-child(6) {
    width: 100%;
    text-align: center;
    order: 6;
  }
  section.com_orders form div.card.card-orders table.all-orders tbody tr td:last-of-type {
    text-align: center;
  }
  section.com_orders form div.card.card-orders table.all-orders tbody tr:first-of-type {
    display: none;
  }
  section.com_orders div.freshdesk p {
    width: 80%;
  }
  section.com_order-number {
    padding-bottom: 0;
    position: relative;
  }
  section.com_order-number .title-actions {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-end;
    position: relative;
  }
  section.com_order-number .title-actions div.date {
    display: flex;
    align-items: center;
    height: 52px;
    padding: 0 20px;
  }
  section.com_order-number .title-actions div.date span {
    display: block;
    font-size: 16px;
    font-weight: 600;
    margin-right: 10px;
  }
  section.com_order-number .title-actions div.date button {
    width: 24px;
    height: 24px;
    border: none;
    background: none;
  }
  section.com_order-number .title-actions div.date img {
    cursor: pointer;
  }
  section.com_order-number .title-actions div.search {
    display: flex;
    flex-direction: row;
    height: 52px;
    border-radius: 10px;
    overflow: hidden;
    background-color: #ffffff;
    margin-right: 12px;
  }
  section.com_order-number .title-actions div.search input.search {
    border: none;
    background-color: transparent;
    padding: 0 15px;
  }
  section.com_order-number .title-actions div.search button.submit {
    width: 52px;
    height: 52px;
    display: block;
    border-radius: 10px;
    line-height: 52px;
    text-align: center;
    border: none;
    background: transparent url(../images/icons/icon_search_black.svg) center center no-repeat;
  }
  section.com_order-number .title-actions div.search button.submit:hover {
    background: transparent url(../images/icons/icon_search_orange.svg) center center no-repeat;
  }
  section.com_order-number .title-actions a.download {
    width: 67px;
    height: 52px;
    display: block;
    border-radius: 10px;
    line-height: 52px;
    text-align: center;
    margin-right: 12px;
    background: #ffffff url(../images/icons/icon_download_black.svg) center center no-repeat;
  }
  section.com_order-number .title-actions a.download:hover {
    background: #ffffff url(../images/icons/icon_download_orange.svg) center center no-repeat;
  }
  section.com_order-number .title-actions > a.close {
    display: none;
  }
  section.com_order-number .title-actions ul.more-actions {
    display: none;
  }
  section.com_order-number .title-actions a.toggle {
    display: block;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    background: #ffffff url(../images/icons/btn_action_black.svg) center center no-repeat;
    border-radius: 10px;
  }
  section.com_order-number .title-actions div.small-device {
    position: absolute;
    right: 0;
    top: 42px;
    background-color: #ffffff;
    border-radius: 10px;
    box-shadow: 0 2px 7px rgba(32, 25, 4, 0.15);
    z-index: 10;
    width: 160px;
    display: none;
  }
  section.com_order-number .title-actions div.small-device a {
    display: block;
    line-height: 35px;
    color: #201904;
    text-align: left;
    margin-left: 0;
    width: 100%;
    opacity: 1;
    font-size: 15px;
    font-weight: 500;
    padding: 0 15px;
  }
  section.com_order-number .title-actions div.small-device a .fa {
    display: none;
  }
  section.com_order-number .title-actions div.small-device a.close {
    color: #201904;
  }
  section.com_order-number form div.card.card-product-summary table.product-summary {
    width: 100%;
  }
  section.com_order-number form div.card.card-product-summary table.product-summary thead {
    display: none;
  }
  section.com_order-number form div.card.card-product-summary table.product-summary tbody tr td img {
    width: 80px;
  }
  section.com_order-number form div.card.card-product-summary table.product-summary tbody tr td ul.action {
    top: 0;
  }
  section.com_order-number form div.card.card-product-summary table.product-summary tbody tr td ul.action li ul {
    right: -48px;
    top: 40px;
    z-index: 11;
  }
  section.com_order-number form div.card.card-product-summary table.product-summary tbody tr:nth-of-type(2n+2) {
    display: none;
  }
  section.com_order-number form div.card.card-product-summary table.product-summary tbody tr:nth-child(2n+1) {
    border-bottom: 1px solid #F0EDE5;
    padding: 10px 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
  }
  section.com_order-number form div.card.card-product-summary table.product-summary tbody tr:nth-child(2n+1) td {
    padding: 0;
  }
  section.com_order-number form div.card.card-product-summary table.product-summary tbody tr:nth-child(2n+1) td:nth-child(1) {
    order: 1;
    width: calc(100% - 34px);
    padding-bottom: 10px;
  }
  section.com_order-number form div.card.card-product-summary table.product-summary tbody tr:nth-child(2n+1) td:nth-child(1) .products-detail .details {
    padding: 0 10px;
  }
  section.com_order-number form div.card.card-product-summary table.product-summary tbody tr:nth-child(2n+1) td:nth-child(2) {
    order: 3;
    width: 60px;
    position: relative;
    padding-top: 15px;
  }
  section.com_order-number form div.card.card-product-summary table.product-summary tbody tr:nth-child(2n+1) td:nth-child(2)::before {
    position: absolute;
    left: 50%;
    transform: translate(-50%);
    top: 0;
    content: "Qty";
    font-size: 12px;
    font-weight: 600;
    color: #7F7F84;
    text-transform: uppercase;
  }
  section.com_order-number form div.card.card-product-summary table.product-summary tbody tr:nth-child(2n+1) td:nth-child(3) {
    order: 4;
    /*width: 80px;*/
    width:22vw;
    position: relative;
    padding-top: 15px;
  }
  section.com_order-number form div.card.card-product-summary table.product-summary tbody tr:nth-child(2n+1) td:nth-child(3)::before {
    position: absolute;
    left: 50%;
    transform: translate(-50%);
    top: 0;
    content: "Price";
    font-size: 12px;
    font-weight: 600;
    color: #7F7F84;
    text-transform: uppercase;
  }
  section.com_order-number form div.card.card-product-summary table.product-summary tbody tr:nth-child(2n+1) td:nth-child(4) {
    order: 5;
    /*width: calc(100% - 220px);*/
    width:30vw;
    position: relative;
    text-align: right;
    padding-top: 15px;
  }
  section.com_order-number form div.card.card-product-summary table.product-summary tbody tr:nth-child(2n+1) td:nth-child(4)::before {
    position: absolute;
    right: 0;
    top: 0;
    content: "Total Price";
    font-size: 12px;
    font-weight: 600;
    color: #7F7F84;
    text-transform: uppercase;
  }
  section.com_order-number form div.card.card-product-summary table.product-summary tbody tr:nth-child(2n+1) td:nth-child(5) {
    order: 2;
    width: 34px;
  }
  section.com_order-number form div.card.card-product-summary table.product-summary tbody tr:nth-last-child(2) {
    border-bottom: none !important;
    padding: 10px 0 0;
  }
  section.com_order-number form div.card.card-product-summary .mark {
    display: flex;
    justify-content: flex-end;
    border-top: 1px solid #F0EDE5;
    padding: 16px 15px;
    background: transparent;
  }
  section.com_order-number form div.card.card-product-summary .mark a {
    display: block;
    color: #ffffff;
    background: #D25D3E;
    text-decoration: none;
    line-height: 52px;
    padding: 0 25px;
    border-radius: 10px;
    font-size: 18px;
    font-weight: 700;
  }
  section.com_order-number form div.card.card-product-summary .mark a:hover {
    background: #C64F2F;
  }
  section.com_new-quota-set ul.group-steps {
    justify-content: center;
    padding: 0;
    width: 100%;
  }
  section.com_new-quota-set ul.group-steps li {
    background-color: transparent;
    height: 30px;
    min-width: 30px;
    padding: 0;
    margin-right: 0;
    position: relative;
    margin: 0 50px;
    width: 30px;
  }
  section.com_new-quota-set ul.group-steps li strong {
    background-color: #E0DCCF;
    color: #7F7F84;
  }
  section.com_new-quota-set ul.group-steps li span {
    display: none;
  }
  section.com_new-quota-set ul.group-steps li.active, section.com_new-quota-set ul.group-steps li.form-stepper-active {
    background-color: transparent;
    min-width: 30px;
  }
  section.com_new-quota-set ul.group-steps li.active span, section.com_new-quota-set ul.group-steps li.form-stepper-active span {
    display: none;
  }
  section.com_new-quota-set ul.group-steps li.active::before, section.com_new-quota-set ul.group-steps li.form-stepper-active::before {
    border-left: none;
    border-top: none;
    border-bottom: none;
    left: -70px;
  }
  section.com_new-quota-set ul.group-steps li.active::after, section.com_new-quota-set ul.group-steps li.form-stepper-active::after {
    content: "";
    border-left: none;
    border-top: none;
    border-bottom: none;
    border-right: 0;
    position: absolute;
    right: -96px;
  }
  section.com_new-quota-set ul.group-steps li.done, section.com_new-quota-set ul.group-steps li.form-stepper-completed {
    background-color: transparent;
  }
  section.com_new-quota-set ul.group-steps li.done strong, section.com_new-quota-set ul.group-steps li.form-stepper-completed strong {
    background-color: #B3CE67;
    color: #B3CE67;
    position: relative;
  }
  section.com_new-quota-set ul.group-steps li.done strong::after, section.com_new-quota-set ul.group-steps li.form-stepper-completed strong::after {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 30px;
    height: 30px;
    color: #ffffff;
    content: "";
    background: url(../images/icons/check2.svg) center center no-repeat;
    border-radius: 50%;
  }
  section.com_new-quota-set ul.group-steps li.done span, section.com_new-quota-set ul.group-steps li.form-stepper-completed span {
    display: none;
  }
  section.com_new-quota-set ul.group-steps li.done::before, section.com_new-quota-set ul.group-steps li.form-stepper-completed::before {
    content: "";
    border-left: none;
    border-top: none;
    border-bottom: none;
    border-right: 0;
    position: absolute;
    left: -70px;
  }
  section.com_new-quota-set ul.group-steps li.done::after, section.com_new-quota-set ul.group-steps li.form-stepper-completed::after {
    content: "";
    border-left: none;
    border-top: none;
    border-bottom: none;
    border-right: 0;
    position: absolute;
    right: -94px;
  }
  section.com_new-quota-set ul.group-steps li::before {
    content: "";
    border-left: none;
    border-top: none;
    border-bottom: none;
    border-right: 0;
    position: absolute;
    left: -50px;
  }
  section.com_new-quota-set ul.group-steps li::after {
    content: "";
    border-left: none;
    border-top: none;
    border-bottom: none;
    border-right: 0;
    position: absolute;
    right: -94px;
    display: block;
    height: 1px;
    background-color: #D6D0BE;
    top: 50%;
    width: 90px;
  }
  section.com_new-quota-set ul.group-steps li:last-of-type {
    margin-right: 50px;
  }
  section.com_new-quota-set ul.group-steps li:last-of-type::after {
    display: none;
  }
  section.com_new-quota-set form a.new-user {
    right: 0;
    padding: 0;
    text-align: center;
    line-height: 40px;
    min-width: 40px;
  }
  section.com_new-quota-set form a.new-user span.text {
    display: none;
  }
  section.com_new-quota-set form a.new-user .fa {
    margin-right: 0;
  }
  section.com_new-quota-set form div.quota-set-box .quota-set {
    padding: 0 15px;
  }
  section.com_new-quota-set form div.quota-set-box .quota-set .quota {
    margin: 15px 0;
  }
  section.com_new-quota-set form div.quota-set-box .quota-set .quota img.icon {
    width: 55px;
    height: 38px;
    margin-left: 5px;
  }
  section.com_new-quota-set form div.quota-set-box .quota-set .quota span {
    text-align: left;
    width: calc(100% - 125px);
    padding: 0 5px;
  }
  section.com_new-quota-set form div.quota-set-box .quota-set .quota a.action {
    margin: 0 10px;
  }
  section.com_new-quota-set form div.quota-set-box .quota-set .quota-detail {
    padding: 15px;
    margin-bottom: 15px;
  }
  section.com_new-quota-set form div.quota-set-box .quota-set .quota-detail table {
    width: 100%;
    margin-bottom: 10px;
  }
  section.com_new-quota-set form div.quota-set-box .quota-set .quota-detail table.product-set thead {
    display: none;
  }
  section.com_new-quota-set form div.quota-set-box .quota-set .quota-detail table.product-set tbody tr td img {
    width: 46px;
  }
  section.com_new-quota-set form div.quota-set-box .quota-set .quota-detail table.product-set tbody tr td:nth-child(1) {
    width: 0;
  }
  section.com_new-quota-set form div.quota-set-box .quota-set .quota-detail table.product thead {
    display: none;
  }
  section.com_new-quota-set form div.quota-set-box .quota-set .quota-detail table.product tbody tr td span {
    padding: 0 5px;
  }
  section.com_new-quota-set form div.quota-set-box .quota-set .quota-detail table.product tbody tr td span strong {
    font-size: 16px;
    line-height: 16px;
    margin-bottom: 5px;
  }
  section.com_new-quota-set form div.quota-set-box .quota-set .quota-detail table.product tbody tr td:nth-child(1) {
    display: none;
  }
  section.com_new-quota-set form div.quota-set-box .quota-set .quota-detail table.product tbody tr td:nth-child(3) {
    width: auto;
    padding: 10px 0;
  }
  section.com_new-quota-set form div.quota-set-box .quota-set .quota-detail table.product tbody tr td:nth-child(4) {
    width: 75px;
    padding: 0;
  }
  section.com_new-quota-set form div.quota-set-box .quota-set .quota-detail table:last-of-type {
    margin-bottom: 0;
  }
  section.com_new-quota-set form div.quota-set-box .quota-set .quota-detail:last-of-type {
    margin-bottom: 15px;
  }
  section.com_new-quota-set form div.quota-set-box .quota-set:last-of-type {
    margin-bottom: 0;
  }
  section.com_new-quota-set form div.card.card-new-quota .card-body div.employee-table-outer {
    width: 100%;
    overflow-x: auto;
    padding: 10px 0;
  }
  section.com_new-quota-set form div.card.card-new-quota .card-body div.employee-table-outer table.employee-table {
    width: 1024px;
  }
  section.com_store-settings {
    padding-bottom: 0;
  }
  section.com_store-settings a.main-btn {
    margin-bottom: 10px;
  }
  section.com_store-settings ul#settingTabs {
    margin-bottom: 10px;
  }
  section.com_store-settings ul#settingTabs li a {
    font-size: 16px;
    font-weight: 500;
    line-height: 20px;
    text-decoration: none;
    color: #201904;
    padding: 5px 20px 5px 0;
  }
  section.com_store-settings ul#settingTabs li a.active {
    color: #D25D3E;
    text-decoration: underline !important;
  }
  section.com_store-settings ul.quota-table-header {
    display: none;
  }
  section.com_store-settings .card.card-payment-method div.payment-method-outer {
    overflow-y: auto;
  }
  section.com_store-settings .card.card-payment-method div.payment-method-outer table.payment-method {
    width: 800px;
  }
  section.com_store-settings .card.card-payment-method div.payment-method-outer table.payment-method tbody tr td .allowance-box {
    padding-right: 0;
  }
  section.com_store-settings .add-payment span.text {
    display: none;
  }
  section.com_store-settings .card.card-payment-program div.payment-program-outer {
    overflow-y: auto;
  }
  section.com_store-settings .card.card-payment-program div.payment-program-outer table.payment-program {
    width: 700px;
  }
  section.com_store-settings .quota-group-box .quota-group {
    padding: 13px 15px;
  }
  section.com_store-settings .quota-group-box .quota-group .quota img {
    width: 46px;
    height: 38px;
  }
  section.com_store-settings .quota-group-box .quota-group .quota span {
    font-size: 15px;
    font-weight: 500;
    color: #4A4A4D;
    display: block;
    text-align: left;
    line-height: 15px;
  }
  section.com_store-settings .quota-group-box .quota-group .quota span.title {
    width: calc(100% - 122px);
    padding: 0 8px;
  }
  section.com_store-settings .quota-group-box .quota-group .quota span.title strong {
    font-size: 16px;
    line-height: 16px;
  }
  section.com_store-settings .quota-group-box .quota-group .quota span.quota, section.com_store-settings .quota-group-box .quota-group .quota span.renew {
    display: none;
  }
  section.com_store-settings .quota-group-box .quota-group .quota ul.payment-structure {
    display: none;
  }
  section.com_store-settings .quota-group-box .quota-group .quota a.action {
    margin: 0 8px;
  }
  section.com_store-settings .quota-group-box .quota-group .quota-result {
    padding-left: 0;
  }
  section.com_store-settings .quota-group-box .quota-group .quota-result .quota-sets {
    display: none;
  }
  section.com_store-settings .quota-group-box .quota-group .quota-result .quota-detail .detail {
    margin-bottom: 10px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
  }
  section.com_store-settings .quota-group-box .quota-group .quota-result .quota-detail .detail img {
    width: 46px;
    height: 38px;
  }
  section.com_store-settings .quota-group-box .quota-group .quota-result .quota-detail .detail span {
    line-height: 15px;
    width: calc(100% - 76px);
    padding: 0 5px;
  }
  section.com_store-settings .quota-group-box .quota-group .quota-result .quota-detail .detail span strong {
    font-size: 17px;
    line-height: 17px;
  }
  section.com_store-settings .quota-group-box .quota-group:last-of-type {
    margin-bottom: 0;
  }
  a.small-device-toggle {
    display: block;
  }
  .total-products, .total-stores, .total-entries {
    color: #7F7F84;
    font-size: 15px;
    text-align: center;
    width: 100%;
    display: block;
  }
  .paging {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    list-style: none;
    margin: 25px 0 0;
    padding: 0;
    justify-content: center;
    font-size: 16px;
    font-weight: 500;
  }
  .paging li {
    padding-left: 10px;
  }
  .paging li a {
    min-width: 36px;
    line-height: 36px;
    border-radius: 4px;
    background: #ffffff;
    color: #201904;
    display: flex;
    justify-content: center;
    align-items: center;
    text-decoration: none;
    text-transform: uppercase;
    transition: 0.3s;
  }
  .paging li a .fa {
    font-size: 18px;
    font-weight: bolder;
    margin: 0 15px;
  }
  .paging li:hover a {
    background-color: #D25D3E;
    color: #ffffff;
  }
  .paging li.active a {
    background-color: #D25D3E;
    color: #ffffff;
  }
  .paging li:first-of-type a, .paging li:last-of-type a {
    background: transparent;
    font-weight: 600;
  }
  .paging li:first-of-type a:hover, .paging li:last-of-type a:hover {
    color: #201904;
  }
  .paging li:nth-child(5), .paging li:nth-child(6) {
    display: none;
  }
  .modal .modal-content .modal-body form div.assign-user-outer {
    min-height: 407px;
    max-height: 407px;
  }
  .modal .modal-content .modal-body form div.assign-user-outer table.assign-user {
    width: 100%;
  }
  .modal .modal-content .modal-body form div.assign-user-outer table.assign-user thead {
    display: none;
  }
  .modal .modal-content .modal-body form div.assign-user-outer table.assign-user tbody tr {
    display: flex;
    flex-wrap: wrap;
  }
  .modal .modal-content .modal-body form div.assign-user-outer table.assign-user tbody tr td {
    padding: 0;
  }
  .modal .modal-content .modal-body form div.assign-user-outer table.assign-user tbody tr td img {
    margin-right: 10px;
  }
  .modal .modal-content .modal-body form div.assign-user-outer table.assign-user tbody tr td span strong {
    font-size: 16px;
    line-height: 20px;
  }
  .modal .modal-content .modal-body form div.assign-user-outer table.assign-user tbody tr td:nth-child(1) {
    width: calc(100% - 25px);
    order: 1;
  }
  .modal .modal-content .modal-body form div.assign-user-outer table.assign-user tbody tr td:nth-child(2) {
    width: 100%;
    order: 3;
    padding-left: 58px;
  }
  .modal .modal-content .modal-body form div.assign-user-outer table.assign-user tbody tr td:nth-child(3) {
    width: 25px;
    order: 2;
    padding-top: 5px;
  }
    section.products-list div.products-wrapper.grid {
        grid-template-columns: repeat(2, 1fr);
    }

        section.products-list div.products-wrapper.grid .item .product-box div.details span.title {
            font-size: 14px;
        }

    section.emp_product-details div.product-detail div.quantity {
        flex-direction: column;
        gap: 15px
    }

        section.emp_product-details div.product-detail div.quantity div.counter {
            width: 100%
        }

        section.emp_product-details div.product-detail div.quantity button.add_cart {
            min-width: auto;
        }

    section.com_dashboard #DivLastProducts h1 {
        font-size: 1.3em;
    }

    header .navigation nav {
        height: auto;
    }

    .card-orders #allOrdersContent .tab-pane.active {
        overflow-x: scroll;
    }

    section.com_order-number form div.card.card-timeline ul li span,
    section.com_order-number form div.card.card-timeline ul li span strong,
    section.com_dashboard .card.card-tickets .card-body ul.activity li p,
    section.com_dashboard .card.card-tickets .card-body ul.tickets li p {
        font-size: 13px
    }

    section.emp_product-details div.product-detail span.title {
        font-size: 24px;
        line-height: 30px;
    }

    section.emp_product-details div.product-detail fieldset {
        padding: 0px 12px 15px;
    }

        section.emp_product-details div.product-detail fieldset div.option span.option-title {
            text-transform: capitalize;
            min-width: 40px;
            white-space: normal;
        }

        section.emp_product-details div.product-detail fieldset div.option div.option-choice a.color {
            width: 22px;
            height: 22px;
            margin-right: 2px;
        }

        section.emp_product-details div.product-detail fieldset div.option div.option-choice a.product-size {
            height: auto;
            font-size: 13px;
            padding: 10px 10px;
            margin-right: 2px;
        }

    #MyCartProducts .single-product .card-cart-products .product-box {
        display: flex;
        flex-wrap: wrap;
        align-items: flex-start;
        padding: 0;
    }

        #MyCartProducts .single-product .card-cart-products .product-box .image {
            width: 45px;
        }

        #MyCartProducts .single-product .card-cart-products .product-box .details {
            width: 68%;
            padding: 0 0 0px 12px;
            margin-bottom: 8px;
        }

            #MyCartProducts .single-product .card-cart-products .product-box .details span.title {
                font-size: 14px;
            }

            #MyCartProducts .single-product .card-cart-products .product-box .details span.size {
                font-size: 14px;
                line-height: 18px
            }

        #MyCartProducts .single-product .card-cart-products .product-box .price {
            margin: 8px 0 0;
        }

    .emp_recent-view .view-all h3 {
        white-space: inherit;
        font-size: 22px;
        line-height: 26px;
    }

    .emp_recent-view .view-all a {
        min-width: 27%;
        text-align: right;
    }

    section.emp_checkout ul.form-stepper {
        padding: 0;
        flex-direction: column;
    }

        section.emp_checkout ul.form-stepper li {
            width: 85% !important;
            margin: 5px 22px;
            justify-content: flex-start !important;
        }

            section.emp_checkout ul.form-stepper li.active {
                min-width: auto !important;
            }
    section.com_login #Login-nav .logo img {
        object-fit: contain;
        height: 100pt;
    }

    section.com_login div.form-section h2#Login-store-name {
        margin-top: 10px;
    }
    section.emp_checkout ul.form-stepper li.active {
        min-width: auto !important;
    }

    section.emp_checkout form div.card.card-contact .card-body div.employee-allowance .ck-payment-checkbox > .title span {
        font-size: 15px;
        line-height: 16px;
    }

    section.emp_checkout form div.card.card-contact .card-body div.shipping-options div.option span {
        width: 100%;
    }

       /* section.emp_checkout form div.card.card-contact .card-body div.shipping-options div.option span strong {
            font-size: 14px;
            line-height: 18px;
        }*/
        section.emp_checkout form div.card.card-contact .card-body div.shipping-options div.option span strong {
            font-size: 14px;
            line-height: 18px;
        }

    section.emp_checkout_thanks .card .card-body h1 {
        font-size: 32px !important;
        line-height: 36px !important;
    }

    section.emp_checkout_thanks .card .card-body span {
        font-size: 15px !important;
    }

    section.emp_checkout_thanks .card .card-body a.back {
        padding: 15px !important;
        height: auto !important;
        line-height: normal !important;
        font-size: 16px !important;
        min-width: 100%;
    }

    section.emp_product-details div.large-image {
        height: 250px;
    }
    section.com_login div.form-section nav#Login-nav {
        margin-bottom: 10px;
    }
    section.com_dashboard h3 {
        font-size: 18px;
    }
    .otp-main {
        width: 100%;
        padding: 30px 15px
    }

    Add commentMore actions
    .otp-main .otp-form .verification-codes input {
        padding: 12px 6px;
        margin-right: 3px;
        font-size: 1.5em;
    }
}
@media only screen and (min-width: 480px) and (max-width: 599px) {
  header a.logo {
    order: 2;
    margin: 0;
  }
  header div.navigation {
    order: 1;
  }
  header div.navigation a.toggle {
    display: block;
    margin: 0 15px;
  }
  header div.navigation nav {
    position: absolute;
    left: 20px;
    top: 40px;
    width: 210px;
    border-radius: 10px;
    background: #ffffff;
    box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.15);
    overflow: hidden;
    display: none;
  }
  header div.navigation nav a {
    display: block;
    line-height: 40px;
    border: none;
    font-weight: 600;
    font-size: 16px;
    text-decoration: none !important;
    color: #BCBAB4;
    padding: 0 20px;
    margin: 0;
  }
  header div.navigation nav a.active {
    color: #201904;
    background: rgba(231, 227, 215, 0.2);
  }
  header div.navigation nav a:hover {
    color: #201904;
    background: rgba(231, 227, 215, 0.2);
  }
  header div.actions {
    order: 3;
    display: flex;
    flex-direction: row;
    align-items: center;
    position: relative;
    margin: 0 5px;
    position: relative;
    width: calc(100% - 175px);
  }
  header div.actions > a.help, header div.actions > a.settings {
    display: none;
  }
  header div.actions a.logout {
    display: block;
    width: 22px;
    height: 22px;
    margin: 0 13px;
    background: url(../images/icons/btn_logout_white.svg) center center no-repeat;
  }
  header div.actions a.logout:hover {
    background: url(../images/icons/btn_logout_orange.svg) center center no-repeat;
  }
  header div.actions button.user {
    width: 40px;
    height: 40px;
    display: block;
    border-radius: 50%;
    overflow: hidden;
    border: none;
    margin: 0 10px;
    outline: none;
  }
  header div.actions .sub-nav {
    position: absolute;
    width: 200px;
    background-color: #ffffff;
    box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.15);
    right: 0;
    top: 40px;
    border-radius: 10px;
    display: none;
  }
  header div.actions .sub-nav a {
    display: block;
    line-height: 40px;
    padding: 0 15px;
    color: #201904;
    text-decoration: none;
    font-weight: 500;
    font-size: 15px;
  }
  header div.actions .sub-nav a:hover {
    color: #D25D3E;
  }
  header div.actions .sub-nav div.divider:first-of-type {
    display: block;
  }
  nav.breadcrumbs {
    display: none;
  }
  section h3.count-one::after {
    display: none;
  }
  section h3.count-two::after {
    display: none;
  }
  section h4 {
    font-size: 18px;
    line-height: 30px;
    color: #7F7F84;
    margin: 0;
  }
  section div.big-title {
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
  }
  section div.big-title h2 {
    font-size: 37px;
    line-height: 45px;
  }
    section div.big-title span {
        line-height: normal;
        margin-left: 0;
        margin-bottom: 7px;
    }
  section div.big-title em {
    font-style: normal;
    color: #D25D3E;
    line-height: 56px;
    margin-left: 15px;
  }
  section div.big-title img {
    display: none;
  }
  section div.big-title2 h2 {
    font-size: 20px;
    line-height: 20px;
    font-weight: 600;
  }
  section div.big-title2 em {
    font-style: normal;
    color: #D25D3E;
    font-size: 28px;
    font-weight: 600;
    line-height: 35px;
    margin-left: 0;
  }
  section a.main-btn {
    width: 40px;
    height: 40px;
    line-height: 40px;
  }
  section a.main-btn span.text {
    display: none;
  }
  section a.main-btn .fa {
    margin: 0;
  }
  section.com_login div.form-section {
    width: 100%;
    padding-right: 0;
  }
  section.com_login div.form-section nav {
    width: 100%;
  }
  section.com_login div.form-section nav a.help {
    display: none;
  }
  section.com_login div.form-section h2 {
    font-size: 37px;
    line-height: 46px;
  }
  section.com_login div.form-section form {
    width: 100%;
  }
  section.com_login div.form-section form div.action {
    flex-direction: column-reverse;
  }
  section.com_login div.form-section form div.action input[type=submit] {
    margin-top: 20px;
  }
  section.com_login div.form-section form div.action a.forgot {
    margin-top: 22px;
    justify-content: center;
  }
  section.com_login div.form-section footer a {
    display: block;
  }
  section.com_login div.image {
    display: none;
  }
  section.com_dashboard .card.card-stats .card-body {
    flex-direction: column;
    align-items: flex-start;
    padding: 15px;
  }
  section.com_dashboard .card.card-stats .card-body span {
    font-size: 13px;
  }
  section.com_dashboard .card.card-stats .card-body span.number {
    font-size: 32px;
    line-height: 40px;
  }
  section.com_dashboard .card.card-tickets {
    margin-bottom: 20px;
  }
  section.com_dashboard .card.card-tickets .card-body ul.tickets {
    min-height: 100%;
    max-height: 100%;
  }
  section.com_dashboard .card.card-tickets .card-body ul.activity {
    min-height: 100%;
    max-height: 100%;
  }
  section.com_view-product .card.card-info .card-body div.preview {
    display: block;
    border-top: 1px solid #F0EDE5;
  }
  section.com_view-product .card.card-info .card-body div.preview table.preview {
    width: 100%;
  }
  section.com_view-product .card.card-info .card-body div.preview table.preview thead {
    display: none;
  }
  section.com_view-product .card.card-info .card-body div.preview table.preview tbody tr {
    display: flex;
    flex-wrap: wrap;
    padding: 5px 0;
  }
  section.com_view-product .card.card-info .card-body div.preview table.preview tbody tr td {
    padding: 5px 5px;
    text-align: center;
    position: relative;
  }
  section.com_view-product .card.card-info .card-body div.preview table.preview tbody tr td:nth-child(1) {
    width: calc(100% - 40px);
    order: 1;
  }
  section.com_view-product .card.card-info .card-body div.preview table.preview tbody tr td:nth-child(2) {
    width: 25%;
    order: 3;
  }
  section.com_view-product .card.card-info .card-body div.preview table.preview tbody tr td:nth-child(3) {
    width: 50%;
    order: 4;
  }
  section.com_view-product .card.card-info .card-body div.preview table.preview tbody tr td:nth-child(4) {
    width: 25%;
    order: 5;
  }
  section.com_view-product .card.card-info .card-body div.preview table.preview tbody tr td:nth-child(5) {
    text-align: right;
    order: 2;
  }
  section.com_view-product .card.card-info .card-body div.preview table.preview tbody tr td input.fields {
    border: none;
    height: 36px;
    padding: 0 15px;
    border-radius: 10px;
    display: block;
    width: 100%;
    margin: 0;
    background-color: rgba(246, 244, 240, 0.6);
  }
  section.com_view-product .card.card-info .card-body div.preview table.preview tbody tr td .option {
    display: flex;
    justify-content: center;
    align-items: center;
  }
  section.com_view-product .card.card-info .card-body div.preview table.preview tbody tr td .option a.toggle {
    margin: 0 0 0 auto;
    display: table;
    width: 30px;
    height: 30px;
    color: #7F7F84;
    text-decoration: none;
    line-height: 30px;
    background: transparent url(../images/icons/btn_action_black.svg) center center no-repeat;
  }
  section.com_view-product .card.card-info .card-body div.preview table.preview tbody tr td .option a.toggle:hover {
    background: transparent url(../images/icons/btn_action_orange.svg) center center no-repeat;
  }
  section.com_view-product .card.card-info .card-body div.preview table.preview tbody tr td .option ul {
    display: none;
    position: absolute;
    right: 50px;
    top: -12px;
    margin: 0;
    padding: 0;
    list-style: none;
    white-space: normal;
    background: #ffffff;
    border-radius: 4px;
    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.15);
    width: 100px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.25);
  }
  section.com_view-product .card.card-info .card-body div.preview table.preview tbody tr td .option ul li {
    display: block;
    display: 100%;
    border-bottom: 1px solid rgba(0, 0, 0, 0.15);
  }
  section.com_view-product .card.card-info .card-body div.preview table.preview tbody tr td .option ul li a {
    display: block;
    width: 100%;
    height: 32px;
    line-height: 32px;
    color: #201904;
    white-space: normal;
    font-size: 13px;
  }
  section.com_view-product .card.card-info .card-body div.preview table.preview tbody tr td .option ul li:last-of-type {
    border-bottom: none;
  }
  section.com_view-product .card.card-info .card-body div.preview table.preview tbody tr:last-of-type {
    border-bottom: none;
    padding-bottom: 0;
  }
  section.com_product-set-group {
    padding: 0 0 30px;
  }
  section.com_product-set-group ul.product-view li div.search {
    margin: 15px 0 0;
  }
  section.com_product-set-group ul.product-view li:nth-child(1) {
    width: 100%;
  }
  section.com_product-set-group ul.product-view li:nth-child(2) {
    display: none;
  }
  section.com_product-set-group ul.product-view li:nth-child(3) {
    display: none;
  }
  section.com_product-set-group div.products-wrapper .product-box div.product img {
    width: 110px;
  }
  section.com_product-set-group div.products-wrapper.grid {
    grid-template-columns: repeat(1, 1fr);
  }
  section.com_product-set-group div.products-wrapper.list {
    grid-template-columns: repeat(1, 1fr);
  }
  section.com_product-set-group div.products-wrapper.list .product-box .card-group {
    padding: 0;
  }
  section.com_product-set-group div.products-wrapper.list .product-box .card-group div.product {
    display: table;
    width: 100%;
  }
  section.com_product-set-group div.products-wrapper.list .product-box .card-group div.product img {
    width: 110px;
  }
  section.com_product-set-group div.products-wrapper.list .product-box .card-group div.product span.title {
    font-size: 18px;
    line-height: 22px;
  }
  section.com_product-set-group div.products-wrapper.list .product-box .card-group div.product span.counts {
    font-size: 16px;
    line-height: 20px;
  }
  section.com_product-set-group div.products-wrapper.list .product-box .card-group div.users {
    position: relative;
    bottom: 0;
  }
  section.com_employees .title-actions {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-end;
  }
  section.com_employees .title-actions form {
    width: 100%;
  }
  section.com_employees .title-actions form div.search {
    margin-top: 15px;
  }
  section.com_employees .title-actions .other-actions {
    display: flex;
    justify-content: flex-end;
  }
  section.com_employees .title-actions .other-actions a.toggle {
    width: 40px;
    height: 40px;
    display: block;
    text-decoration: none;
    border-radius: 10px;
    background: #ffffff url(../images/icons/btn_action_black.svg) center center no-repeat;
  }
  section.com_employees .title-actions .other-actions div.toggle-show {
    z-index: 2;
    background-color: #fff;
    border-radius: 10px;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 40px;
    box-shadow: 2px 2px 10px rgba(32, 25, 4, 0.15);
    flex-direction: column;
    height: auto;
    min-width: 140px;
    display: none;
  }
  section.com_employees .title-actions .other-actions div.toggle-show a {
    width: 100%;
    height: 52px;
    display: block;
    border-radius: 10px;
    margin: 0;
    color: #201904;
  }
  section.com_employees .title-actions .other-actions div.toggle-show a.main-btn, section.com_employees .title-actions .other-actions div.toggle-show a.delete, section.com_employees .title-actions .other-actions div.toggle-show a.cancel, section.com_employees .title-actions .other-actions div.toggle-show a.download {
    display: block;
    background: none;
    line-height: 40px;
    height: 40px;
    padding: 0 25px;
    margin: 0;
    color: #201904;
    text-align: left;
    font-weight: 500;
  }
  section.com_employees .title-actions .other-actions div.toggle-show a.main-btn span.text, section.com_employees .title-actions .other-actions div.toggle-show a.delete span.text, section.com_employees .title-actions .other-actions div.toggle-show a.cancel span.text, section.com_employees .title-actions .other-actions div.toggle-show a.download span.text {
    color: #201904;
    display: block;
    margin: 0;
  }
  section.com_employees .title-actions .other-actions div.toggle-show a.main-btn .fa, section.com_employees .title-actions .other-actions div.toggle-show a.delete .fa, section.com_employees .title-actions .other-actions div.toggle-show a.cancel .fa, section.com_employees .title-actions .other-actions div.toggle-show a.download .fa {
    display: none;
  }
  section.com_employees .title-actions2 div.date span {
    font-size: 12px;
  }
  section.com_employees table.users-table thead {
    display: none;
  }
  section.com_employees table.users-table tbody tr {
    display: flex;
    flex-wrap: wrap;
  }
  section.com_employees table.users-table tbody tr td {
    padding: 5px;
  }
  section.com_employees table.users-table tbody tr td:nth-child(1) {
    /*display: none;*/
  }
  section.com_employees table.users-table tbody tr td:nth-child(2) {
    width: 70%;
    order: 1;
  }
  section.com_employees table.users-table tbody tr td:nth-child(3) {
    width: 100%;
    order: 3;
  }
  section.com_employees table.users-table tbody tr td:nth-child(3) .email {
    position: relative;
    padding-left: 25px;
  }
  section.com_employees table.users-table tbody tr td:nth-child(3) .email::before {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    content: "";
    display: block;
    width: 30px;
    height: 20px;
    background: url(../images/icons/icon_envelop.svg) left center no-repeat;
  }
  section.com_employees table.users-table tbody tr td:nth-child(4), section.com_employees table.users-table tbody tr td:nth-child(6) {
    display: none;
  }
  section.com_employees table.users-table tbody tr td:nth-child(5) {
    width: 90%;
    order: 4;
  }
  section.com_employees table.users-table tbody tr td:nth-child(7) {
    width: 30%;
    order: 2;
  }
  section.com_employees table.users-table tbody tr td:nth-child(8) {
    width: 10%;
    order: 5;
  }
  section.com_employees table.users-table tbody tr td:nth-child(8) a.options {
    margin: 0 auto;
  }
  section.com_employees table.users-table tbody tr:nth-child(1) {
    /*display: none;*/
  }
  section.com_employees ul#employee-details {
    display: flex;
    flex-direction: row;
  }
  section.com_employees ul#employee-details li {
    margin-bottom: 15px;
  }
  section.com_employees ul#employee-details li a {
    font-weight: 500;
    font-size: 18px;
    line-height: 20px;
    padding: 0;
    padding-left: 0;
    margin-right: 20px;
  }
  section.com_employees ul#employee-details li a.active {
    color: #D25D3E;
    text-decoration: underline;
  }
  section.com_employees ul#employee-details li a.active::before {
    content: none;
  }
  section.com_employees .card-order-table table.all-orders thead {
    display: none;
  }
  section.com_employees .card-order-table table.all-orders tbody tr {
    border-bottom: 1px solid #F0EDE5;
    display: flex;
    flex-wrap: wrap;
    padding: 10px 0;
  }
  section.com_employees .card-order-table table.all-orders tbody tr td {
    padding: 5px 0;
    text-align: left;
    font-size: 16px;
    font-weight: 400;
    position: relative;
    display: table-cell;
    vertical-align: middle;
  }
  section.com_employees .card-order-table table.all-orders tbody tr td:nth-child(1) {
    width: 90px;
    order: 1;
  }
  section.com_employees .card-order-table table.all-orders tbody tr td:nth-child(2) {
    text-align: right;
    width: 50%;
    order: 5;
  }
  section.com_employees .card-order-table table.all-orders tbody tr td:nth-child(3) {
    width: 75px;
    order: 3;
    text-align: right;
  }
  section.com_employees .card-order-table table.all-orders tbody tr td:nth-child(4) {
    text-align: center;
    order: 2;
    width: calc(100% - 165px);
  }
  section.com_employees .card-order-table table.all-orders tbody tr td:nth-child(5) {
    width: 50%;
    order: 4;
  }
  section.com_employees .card-order-table table.all-orders tbody tr td:last-of-type {
    display: none;
  }
  section.com_employees .card-order-table table.history thead {
    display: none;
  }
  section.com_employees .card-order-table table.history tbody tr {
    border-bottom: 1px solid #F0EDE5;
    display: flex;
    flex-wrap: wrap;
    padding: 10px 0;
  }
  section.com_employees .card-order-table table.history tbody tr td {
    padding: 3px 0;
    text-align: left;
    font-size: 16px;
    font-weight: 400;
  }
  section.com_employees .card-order-table table.history tbody tr td:nth-child(1) {
    order: 1;
    width: 80%;
    font-size: 18px;
    font-weight: 500;
  }
  section.com_employees .card-order-table table.history tbody tr td:nth-child(2) {
    font-size: 14px;
    font-weight: 500;
    order: 4;
    width: 40%;
    text-align: right;
  }
  section.com_employees .card-order-table table.history tbody tr td:nth-child(3) {
    order: 5;
    width: 100%;
    font-size: 12px;
    font-weight: 400;
    color: #7F7F84;
  }
  section.com_employees .card-order-table table.history tbody tr td:nth-child(4) {
    order: 3;
    width: 60%;
    font-size: 12px;
    font-weight: 400;
  }
  section.com_employees .card-order-table table.history tbody tr td:nth-child(5) {
    order: 2;
    width: 20%;
    font-size: 16px;
  }
  section.com_employees div.pie-chart {
    display: flex;
    gap: 20px;
  }
  section.com_employees div.pie-chart div.chart {
    width: 50%;
    position: relative;
    border-radius: 10px;
    background-color: #ffffff;
    overflow: hidden;
    padding: 15px 5px;
  }
  section.com_employees div.pie-chart div.chart svg {
    width: 100%;
    height: 170px;
    position: relative;
  }
  section.com_employees div.pie-chart div.chart strong {
    text-align: center;
    display: table;
    margin: 0 auto 0;
  }
  section.com_catalogue .title-actions {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-end;
  }
  section.com_catalogue .title-actions div.search {
    display: flex;
    flex-direction: row;
    height: 40px;
    border-radius: 10px;
    overflow: hidden;
    background-color: #ffffff;
    width: 100%;
    margin-right: 5px;
    margin-top: 15px;
  }
  section.com_catalogue .title-actions div.search input.search {
    border: none;
    background-color: transparent;
    padding: 0 15px;
    width: calc(100% - 40px);
  }
  section.com_catalogue .title-actions div.search button.submit {
    width: 40px;
    height: 40px;
    display: block;
    border-radius: 10px;
    line-height: 40px;
  }
  section.com_catalogue .title-actions .other-actions {
    display: flex;
    width: 100%;
    position: relative;
  }
  section.com_catalogue .title-actions .other-actions a.toggle {
    display: block;
    width: 40px;
    height: 40px;
  }
  section.com_catalogue .title-actions .other-actions div {
    border-radius: 10px;
    overflow: hidden;
    position: absolute;
    right: 40px;
    top: 40px;
    box-shadow: 2px 2px 10px rgba(32, 25, 4, 0.15);
    display: flex;
    flex-direction: column;
    order: 2;
    width: 140px;
    background-color: orange;
    height: auto;
    display: none;
  }
  section.com_catalogue .title-actions .other-actions div a {
    width: 100%;
    height: 40px;
    line-height: 40px;
    display: block;
    margin: 0;
    border-radius: 0;
  }
  section.com_catalogue .title-actions .other-actions div a span {
    display: block;
    line-height: 40px;
    padding: 0 15px 0 40px;
  }
  section.com_catalogue .title-actions .other-actions div a.download {
    background-position: 15px center;
    background-size: 15px 15px;
  }
  section.com_catalogue .title-actions .other-actions div a.download:hover {
    color: #D25D3E;
  }
  section.com_catalogue .title-actions .other-actions div a.add {
    background-position: 15px center;
    background-size: 15px 15px;
  }
  section.com_catalogue .title-actions .other-actions div a.add:hover {
    color: #D25D3E;
  }
  section.com_catalogue .title-actions .other-actions a.add-product {
    order: 1;
    width: 40px;
    height: 40px;
    line-height: 40px;
    margin-left: 10px;
  }
  section.com_catalogue .title-actions .other-actions a.add-product span.text {
    display: none;
  }
  section.com_catalogue .title-actions .other-actions a.add-product .fa {
    margin-right: 0;
  }
  section.com_products-list {
    padding: 30px 0;
  }
  section.com_products-list div.products-wrapper.grid {
    grid-template-columns: repeat(2, 1fr);
  }
  section.com_products-list div.products-wrapper.list {
    grid-template-columns: repeat(1, 1fr);
  }
  section.com_product-set-group-view {
    padding: 0 0 30px;
  }
  section.com_product-set-group-view .title-actions {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-end;
  }
  section.com_product-set-group-view .title-actions div.search {
    display: flex;
    flex-direction: row;
    height: 40px;
    border-radius: 10px;
    overflow: hidden;
    background-color: #ffffff;
    width: 100%;
    margin-right: 0;
    margin-top: 15px;
  }
  section.com_product-set-group-view .title-actions div.search input.search {
    border: none;
    background-color: transparent;
    padding: 0 15px;
    width: calc(100% - 40px);
  }
  section.com_product-set-group-view .title-actions div.search button.submit {
    width: 40px;
    height: 40px;
    display: block;
    border-radius: 10px;
    line-height: 40px;
  }
  section.com_product-set-group-view .title-actions .other-actions {
    display: flex;
    width: 100%;
    position: relative;
  }
  section.com_product-set-group-view .title-actions .other-actions a.toggle {
    display: block;
    width: 40px;
    height: 40px;
    min-width: 40px;
  }
  section.com_product-set-group-view .title-actions .other-actions div.toggle-show {
    background-color: #fff;
    border-radius: 10px;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 40px;
    box-shadow: 2px 2px 10px rgba(32, 25, 4, 0.15);
    display: flex;
    flex-direction: column;
    height: auto;
    width: 238px;
    display: none;
  }
  section.com_product-set-group-view .title-actions .other-actions div.toggle-show a {
    width: 100%;
    height: 40px;
    line-height: 40px;
    display: block;
    margin: 0;
    border-radius: 0;
    padding: 0 15px;
  }
  section.com_product-set-group-view .title-actions .other-actions div.toggle-show div.users {
    margin: 10px;
  }
  section.com_product-set-group-view .title-actions .other-actions div.toggle-show div.users .action a {
    height: 32px;
  }
  section.com_product-set-group-view .title-actions .other-actions a.main-btn {
    display: none;
  }
  section.com_product-set-group-view div.products-wrapper.grid {
    grid-template-columns: repeat(2, 1fr);
  }
  section.com_product-set-group-view div.products-wrapper.list .item .product-box .image {
    height: 100px;
    width: 100px;
    margin: 0 10px 0 0;
  }
  section.com_product-set-group-view div.products-wrapper.list .item .product-box .image img {
    width: inherit;
  }
  section.com_product-set-group-view div.products-wrapper.list .item .product-box div.details {
    width: calc(100% - 110px);
  }
  section.com_product-set-group-view div.products-wrapper.list .item .product-box div.details span.title {
    line-height: 25px;
    font-size: 18px;
  }
  section.com_orders {
    padding-bottom: 0;
  }
  section.com_orders .title-actions div.date {
    display: none;
  }
  section.com_orders .title-actions form div.search {
    height: 40px;
    background: #ffffff;
  }
  section.com_orders .title-actions form div.search button.submit {
    width: 40px;
    height: 40px;
    border: none;
    border-radius: 10px;
    cursor: pointer;
    transition: all 0.3s ease-out;
    position: absolute;
    right: 0;
    z-index: 0;
    background: transparent url(../images/icons/icon_search_black.svg) center center no-repeat;
  }
  section.com_orders .title-actions form div.search button.submit:hover {
    background-image: url(../images/icons/icon_search_orange.svg);
  }
  section.com_orders .title-actions form div.search input.search {
    width: 40px;
    min-width: 40px;
    height: 40px;
    border: none;
    float: right;
    background: transparent;
    position: relative;
    padding: 0;
    z-index: 2;
    transition: width 0.6s;
    outline: none;
    color: #fff;
    opacity: 0;
  }
  section.com_orders .title-actions form div.search input.search:focus, section.com_orders .title-actions form div.search input.search:not(:empty) {
    padding: 0 15px;
    color: #000;
    opacity: 1;
    width: 200px;
    transition: width 0.6s;
  }
  section.com_orders .title-actions form div.search input.search:focus ~ button {
    z-index: 2;
  }
  section.com_orders .title-actions a.download {
    width: 40px;
    min-width: 40px;
    height: 40px;
    display: block;
    line-height: 40px;
  }
  section.com_orders .title-actions a.close {
    color: #7F7F84;
    font-size: 16px;
    font-weight: 600;
    line-height: 20px;
    display: inline-block;
    margin-left: 20px;
    margin-right: 0;
    text-decoration: none;
  }
  section.com_orders .title-actions ul.more-actions {
    display: flex;
    flex-direction: row;
    margin: 0 10px;
    padding: 0;
    list-style: none;
    font-size: 16px;
  }
  section.com_orders .title-actions ul.more-actions li {
    position: relative;
  }
  section.com_orders .title-actions ul.more-actions li a {
    display: block;
    color: #201904;
    text-decoration: none;
    line-height: 16px;
  }
  section.com_orders .title-actions ul.more-actions li a i {
    margin-left: 10px;
  }
  section.com_orders .title-actions ul.more-actions li ul {
    width: 200px;
    overflow: hidden;
    position: absolute;
    flex-direction: column;
    background-color: #ffffff;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.25);
    left: 50%;
    top: 25px;
    transform: translateX(-50%);
    z-index: 10;
    display: none;
    border-radius: 10px;
  }
  section.com_orders .title-actions ul.more-actions li ul li a {
    display: block;
    line-height: 40px;
    text-align: left;
    font-size: 18px;
    padding: 0 25px;
    text-decoration: none;
    font-weight: 500;
  }
  section.com_orders .title-actions ul.more-actions li ul li a i {
    margin-left: 10px;
    font-weight: bolder;
  }
  section.com_orders .title-actions ul.more-actions li ul li a.cancel {
    color: #D25D3E;
    font-weight: 600;
  }
  section.com_orders form ul.allOrders {
    justify-content: flex-start;
  }
  section.com_orders form ul.allOrders li.nav-item a.nav-link {
    font-size: 16px;
    line-height: 20px;
  }
  section.com_orders form div.card.card-orders table.all-orders {
    width: 100%;
  }
  section.com_orders form div.card.card-orders table.all-orders thead {
    display: none;
  }
  section.com_orders form div.card.card-orders table.all-orders tbody tr {
    padding: 15px 0;
    display: flex;
    flex-wrap: wrap;
  }
  section.com_orders form div.card.card-orders table.all-orders tbody tr td {
    padding: 5px !important;
  }
  section.com_orders form div.card.card-orders table.all-orders tbody tr td span.status {
    padding: 0 18px;
    display: block;
    width: 100%;
  }
  section.com_orders form div.card.card-orders table.all-orders tbody tr td span.status.waiting {
    background: #201904 url(../images/icons/icon_select_white.svg) 96% center no-repeat;
    background-size: 14px 14px;
  }
  section.com_orders form div.card.card-orders table.all-orders tbody tr td:nth-child(1) {
    width: 70%;
    order: 1;
  }
  section.com_orders form div.card.card-orders table.all-orders tbody tr td:nth-child(2) {
    width: 60%;
    order: 3;
  }
  section.com_orders form div.card.card-orders table.all-orders tbody tr td:nth-child(3) {
    width: 40%;
    text-align: right;
    order: 4;
  }
  section.com_orders form div.card.card-orders table.all-orders tbody tr td:nth-child(4) {
    width: 30%;
    order: 2;
    text-align: right;
  }
  section.com_orders form div.card.card-orders table.all-orders tbody tr td:nth-child(5) {
    width: 100%;
    order: 5;
    text-align: center;
  }
  section.com_orders form div.card.card-orders table.all-orders tbody tr td:nth-child(6) {
    width: 100%;
    text-align: center;
    order: 6;
  }
  section.com_orders form div.card.card-orders table.all-orders tbody tr td:last-of-type {
    text-align: center;
  }
  section.com_orders form div.card.card-orders table.all-orders tbody tr:first-of-type {
    display: none;
  }
  section.com_orders div.freshdesk p {
    width: 80%;
  }
  section.com_order-number {
    padding-bottom: 0;
    position: relative;
  }
  section.com_order-number .title-actions {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-end;
    position: relative;
  }
  section.com_order-number .title-actions div.date {
    display: flex;
    align-items: center;
    height: 52px;
    padding: 0 20px;
  }
  section.com_order-number .title-actions div.date span {
    display: block;
    font-size: 16px;
    font-weight: 600;
    margin-right: 10px;
  }
  section.com_order-number .title-actions div.date button {
    width: 24px;
    height: 24px;
    border: none;
    background: none;
  }
  section.com_order-number .title-actions div.date img {
    cursor: pointer;
  }
  section.com_order-number .title-actions div.search {
    display: flex;
    flex-direction: row;
    height: 52px;
    border-radius: 10px;
    overflow: hidden;
    background-color: #ffffff;
    margin-right: 12px;
  }
  section.com_order-number .title-actions div.search input.search {
    border: none;
    background-color: transparent;
    padding: 0 15px;
  }
  section.com_order-number .title-actions div.search button.submit {
    width: 52px;
    height: 52px;
    display: block;
    border-radius: 10px;
    line-height: 52px;
    text-align: center;
    border: none;
    background: transparent url(../images/icons/icon_search_black.svg) center center no-repeat;
  }
  section.com_order-number .title-actions div.search button.submit:hover {
    background: transparent url(../images/icons/icon_search_orange.svg) center center no-repeat;
  }
  section.com_order-number .title-actions a.download {
    width: 67px;
    height: 52px;
    display: block;
    border-radius: 10px;
    line-height: 52px;
    text-align: center;
    margin-right: 12px;
    background: #ffffff url(../images/icons/icon_download_black.svg) center center no-repeat;
  }
  section.com_order-number .title-actions a.download:hover {
    background: #ffffff url(../images/icons/icon_download_orange.svg) center center no-repeat;
  }
  section.com_order-number .title-actions > a.close {
    display: none;
  }
  section.com_order-number .title-actions ul.more-actions {
    display: none;
  }
  section.com_order-number .title-actions a.toggle {
    display: block;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    background: #ffffff url(../images/icons/btn_action_black.svg) center center no-repeat;
    border-radius: 10px;
  }
  section.com_order-number .title-actions div.small-device {
    position: absolute;
    right: 0;
    top: 42px;
    background-color: #ffffff;
    border-radius: 10px;
    box-shadow: 0 2px 7px rgba(32, 25, 4, 0.15);
    z-index: 10;
    width: 160px;
    display: none;
  }
  section.com_order-number .title-actions div.small-device a {
    display: block;
    line-height: 35px;
    color: #201904;
    text-align: left;
    margin-left: 0;
    width: 100%;
    opacity: 1;
    font-size: 15px;
    font-weight: 500;
    padding: 0 15px;
  }
  section.com_order-number .title-actions div.small-device a .fa {
    display: none;
  }
  section.com_order-number .title-actions div.small-device a.close {
    color: #201904;
  }
  section.com_order-number form div.card.card-product-summary table.product-summary thead {
    display: none;
  }
  section.com_order-number form div.card.card-product-summary table.product-summary tbody tr td {
    position: relative;
    padding: 10px 5px;
    text-align: center;
    vertical-align: top;
  }
  section.com_order-number form div.card.card-product-summary table.product-summary tbody tr td img {
    width: 80px;
  }
  section.com_order-number form div.card.card-product-summary table.product-summary tbody tr td a.action {
    display: block;
    margin: 0 auto;
    width: 24px;
    height: 24px;
    line-height: 24px;
    display: block;
    color: #7F7F84;
    background: url(../images/icons/three-dots.svg) center center no-repeat;
    transition: 0.3s;
  }
  section.com_order-number form div.card.card-product-summary table.product-summary tbody tr td a.action:hover {
    background: url(../images/icons/three-dots-hover.svg) center center no-repeat;
  }
  section.com_order-number form div.card.card-product-summary table.product-summary tbody tr td ul.action {
    right: 35px;
    top: -15px;
    z-index: 10;
    width: 200px;
    list-style: none;
    margin: 0;
    padding: 0;
    background-color: #ffffff;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 10;
    display: none;
  }
  section.com_order-number form div.card.card-product-summary table.product-summary tbody tr td ul.action li ul {
    right: -48px;
    top: 40px;
    display: none;
    z-index: 11;
  }
  section.com_order-number form div.card.card-product-summary table.product-summary tbody tr:nth-of-type(2n+2) {
    display: none;
  }
  section.com_order-number form div.card.card-product-summary table.product-summary tbody tr:last-of-type {
    border-bottom: none;
  }
  section.com_order-number form div.card.card-product-summary table.product-summary tbody tr:nth-child(2n+1) {
    border-bottom: 1px solid #F0EDE5;
    padding: 10px 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
  }
  section.com_order-number form div.card.card-product-summary table.product-summary tbody tr:nth-child(2n+1) td {
    padding: 0;
  }
  section.com_order-number form div.card.card-product-summary table.product-summary tbody tr:nth-child(2n+1) td:nth-child(1) {
    order: 1;
    width: calc(100% - 34px);
    padding-bottom: 10px;
  }
  section.com_order-number form div.card.card-product-summary table.product-summary tbody tr:nth-child(2n+1) td:nth-child(1) .products-detail .details {
    padding: 0 10px;
  }
  section.com_order-number form div.card.card-product-summary table.product-summary tbody tr:nth-child(2n+1) td:nth-child(2) {
    order: 3;
    width: 60px;
    position: relative;
    padding-top: 15px;
  }
  section.com_order-number form div.card.card-product-summary table.product-summary tbody tr:nth-child(2n+1) td:nth-child(2)::before {
    position: absolute;
    left: 50%;
    transform: translate(-50%);
    top: 0;
    content: "Qty";
    font-size: 12px;
    font-weight: 600;
    color: #7F7F84;
    text-transform: uppercase;
  }
  section.com_order-number form div.card.card-product-summary table.product-summary tbody tr:nth-child(2n+1) td:nth-child(3) {
    order: 4;
    width: 80px;
    position: relative;
    padding-top: 15px;
  }
  section.com_order-number form div.card.card-product-summary table.product-summary tbody tr:nth-child(2n+1) td:nth-child(3)::before {
    position: absolute;
    left: 50%;
    transform: translate(-50%);
    top: 0;
    content: "Price";
    font-size: 12px;
    font-weight: 600;
    color: #7F7F84;
    text-transform: uppercase;
  }
  section.com_order-number form div.card.card-product-summary table.product-summary tbody tr:nth-child(2n+1) td:nth-child(4) {
    order: 5;
    width: calc(100% - 220px);
    position: relative;
    text-align: right;
    padding-top: 15px;
  }
  section.com_order-number form div.card.card-product-summary table.product-summary tbody tr:nth-child(2n+1) td:nth-child(4)::before {
    position: absolute;
    right: 0;
    top: 0;
    content: "Total Price";
    font-size: 12px;
    font-weight: 600;
    color: #7F7F84;
    text-transform: uppercase;
  }
  section.com_order-number form div.card.card-product-summary table.product-summary tbody tr:nth-child(2n+1) td:nth-child(5) {
    order: 2;
    width: 34px;
  }
  section.com_order-number form div.card.card-product-summary table.product-summary tbody tr:nth-last-child(2) {
    border-bottom: none !important;
    padding: 10px 0 0;
  }
  section.com_order-number form div.card.card-product-summary .mark {
    display: flex;
    justify-content: flex-end;
    border-top: 1px solid #F0EDE5;
    padding: 16px 15px;
    background: transparent;
  }
  section.com_order-number form div.card.card-product-summary .mark a {
    display: block;
    color: #ffffff;
    background: #D25D3E;
    text-decoration: none;
    line-height: 52px;
    padding: 0 25px;
    border-radius: 10px;
    font-size: 18px;
    font-weight: 700;
  }
  section.com_order-number form div.card.card-product-summary .mark a:hover {
    background: #C64F2F;
  }
  section.com_new-quota-set {
    position: relative;
  }
  section.com_new-quota-set .title-actions {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-end;
  }
  section.com_new-quota-set .title-actions a.cancel {
    color: #7F7F84;
    font-size: 16px;
    font-weight: 600;
    line-height: 20px;
    display: inline-block;
    margin-left: 20px;
    margin-right: 0;
    text-decoration: none;
  }
  section.com_new-quota-set .title-actions a.cancel:hover {
    color: #D32243;
  }
  section.com_new-quota-set ul.group-steps {
    justify-content: center;
    padding: 0;
    width: 100%;
  }
  section.com_new-quota-set ul.group-steps li {
    background-color: transparent;
    height: 30px;
    min-width: 30px;
    padding: 0;
    margin-right: 0;
    position: relative;
    margin: 0 50px;
    width: 30px;
  }
  section.com_new-quota-set ul.group-steps li strong {
    background-color: #E0DCCF;
    color: #7F7F84;
  }
  section.com_new-quota-set ul.group-steps li span {
    display: none;
  }
  section.com_new-quota-set ul.group-steps li.active, section.com_new-quota-set ul.group-steps li.form-stepper-active {
    background-color: transparent;
    min-width: 30px;
  }
  section.com_new-quota-set ul.group-steps li.active span, section.com_new-quota-set ul.group-steps li.form-stepper-active span {
    display: none;
  }
  section.com_new-quota-set ul.group-steps li.active::before, section.com_new-quota-set ul.group-steps li.form-stepper-active::before {
    border-left: none;
    border-top: none;
    border-bottom: none;
    left: -70px;
  }
  section.com_new-quota-set ul.group-steps li.active::after, section.com_new-quota-set ul.group-steps li.form-stepper-active::after {
    content: "";
    border-left: none;
    border-top: none;
    border-bottom: none;
    border-right: 0;
    position: absolute;
    right: -96px;
  }
  section.com_new-quota-set ul.group-steps li.done, section.com_new-quota-set ul.group-steps li.form-stepper-completed {
    background-color: transparent;
  }
  section.com_new-quota-set ul.group-steps li.done strong, section.com_new-quota-set ul.group-steps li.form-stepper-completed strong {
    background-color: #B3CE67;
    color: #B3CE67;
    position: relative;
  }
  section.com_new-quota-set ul.group-steps li.done strong::after, section.com_new-quota-set ul.group-steps li.form-stepper-completed strong::after {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 30px;
    height: 30px;
    color: #ffffff;
    content: "";
    background: url(../images/icons/check2.svg) center center no-repeat;
    border-radius: 50%;
  }
  section.com_new-quota-set ul.group-steps li.done span, section.com_new-quota-set ul.group-steps li.form-stepper-completed span {
    display: none;
  }
  section.com_new-quota-set ul.group-steps li.done::before, section.com_new-quota-set ul.group-steps li.form-stepper-completed::before {
    content: "";
    border-left: none;
    border-top: none;
    border-bottom: none;
    border-right: 0;
    position: absolute;
    left: -70px;
  }
  section.com_new-quota-set ul.group-steps li.done::after, section.com_new-quota-set ul.group-steps li.form-stepper-completed::after {
    content: "";
    border-left: none;
    border-top: none;
    border-bottom: none;
    border-right: 0;
    position: absolute;
    right: -94px;
  }
  section.com_new-quota-set ul.group-steps li::before {
    content: "";
    border-left: none;
    border-top: none;
    border-bottom: none;
    border-right: 0;
    position: absolute;
    left: -50px;
  }
  section.com_new-quota-set ul.group-steps li::after {
    content: "";
    border-left: none;
    border-top: none;
    border-bottom: none;
    border-right: 0;
    position: absolute;
    right: -94px;
    display: block;
    height: 1px;
    background-color: #D6D0BE;
    top: 50%;
    width: 90px;
  }
  section.com_new-quota-set ul.group-steps li:last-of-type {
    margin-right: 50px;
  }
  section.com_new-quota-set ul.group-steps li:last-of-type::after {
    display: none;
  }
  section.com_new-quota-set form a.new-user {
    right: 0;
    padding: 0;
    text-align: center;
    line-height: 40px;
    min-width: 40px;
  }
  section.com_new-quota-set form a.new-user span.text {
    display: none;
  }
  section.com_new-quota-set form a.new-user .fa {
    margin-right: 0;
  }
  section.com_new-quota-set form div.quota-set-box .quota-set {
    padding: 0 15px;
  }
  section.com_new-quota-set form div.quota-set-box .quota-set .quota {
    display: flex;
    flex-wrap: nowrap;
    flex-direction: row;
    align-items: center;
    margin: 15px 0;
  }
  section.com_new-quota-set form div.quota-set-box .quota-set .quota img.icon {
    width: 65px;
    height: 48px;
    margin-left: 5px;
  }
  section.com_new-quota-set form div.quota-set-box .quota-set .quota span {
    text-align: left;
    width: calc(100% - 186px);
  }
  section.com_new-quota-set form div.quota-set-box .quota-set .quota-detail {
    padding: 15px;
    margin-bottom: 15px;
  }
  section.com_new-quota-set form div.quota-set-box .quota-set .quota-detail table {
    width: 100%;
    margin-bottom: 10px;
  }
  section.com_new-quota-set form div.quota-set-box .quota-set .quota-detail table.product-set thead {
    display: none;
  }
  section.com_new-quota-set form div.quota-set-box .quota-set .quota-detail table.product-set tbody tr td:nth-child(1) {
    display: none;
  }
  section.com_new-quota-set form div.quota-set-box .quota-set .quota-detail table.product-set tbody tr td:nth-child(2) {
    width: 56px;
  }
  section.com_new-quota-set form div.quota-set-box .quota-set .quota-detail table.product-set tbody tr td:nth-child(3) {
    width: auto;
  }
  section.com_new-quota-set form div.quota-set-box .quota-set .quota-detail table.product thead {
    display: none;
  }
  section.com_new-quota-set form div.quota-set-box .quota-set .quota-detail table.product tbody tr td {
    padding: 10px 0;
  }
  section.com_new-quota-set form div.quota-set-box .quota-set .quota-detail table.product tbody tr td:nth-child(1) {
    display: none;
  }
  section.com_new-quota-set form div.quota-set-box .quota-set .quota-detail table.product tbody tr td:nth-child(2) {
    width: 56px;
  }
  section.com_new-quota-set form div.quota-set-box .quota-set .quota-detail table.product tbody tr td:nth-child(3) {
    width: auto;
  }
  section.com_new-quota-set form div.quota-set-box .quota-set .quota-detail table.product tbody tr td:nth-child(4) {
    padding: 0 10px;
  }
  section.com_new-quota-set form div.quota-set-box .quota-set .quota-detail table.product tbody tr:last-of-type td {
    border-bottom: none;
  }
  section.com_new-quota-set form div.quota-set-box .quota-set .quota-detail table:last-of-type {
    margin-bottom: 0;
  }
  section.com_new-quota-set form div.quota-set-box .quota-set:last-of-type {
    margin-bottom: 0;
  }
  section.com_new-quota-set form div.card.card-new-quota .card-body div.employee-table-outer {
    width: 100%;
    overflow-x: auto;
    padding: 10px 0;
  }
  section.com_new-quota-set form div.card.card-new-quota .card-body div.employee-table-outer table.employee-table {
    width: 1024px;
  }
  section.com_store-settings {
    padding-bottom: 0;
  }
  section.com_store-settings a.main-btn {
    margin-bottom: 10px;
  }
  section.com_store-settings ul#settingTabs {
    margin-bottom: 10px;
    display: flex;
  }
  section.com_store-settings ul#settingTabs li a {
    font-size: 18px;
    font-weight: 500;
    line-height: 20px;
    text-decoration: none;
    color: #201904;
    padding: 0 20px 0 0;
  }
  section.com_store-settings ul#settingTabs li a.active {
    color: #D25D3E;
    text-decoration: underline !important;
  }
  section.com_store-settings ul.quota-table-header {
    display: none;
  }
  section.com_store-settings .card.card-payment-method div.payment-method-outer {
    overflow-y: auto;
  }
  section.com_store-settings .card.card-payment-method div.payment-method-outer table.payment-method {
    width: 800px;
  }
  section.com_store-settings .card.card-payment-method div.payment-method-outer table.payment-method tbody tr td .allowance-box {
    padding-right: 0;
  }
  section.com_store-settings .add-payment span.text {
    display: none;
  }
  section.com_store-settings .card.card-payment-program div.payment-program-outer {
    overflow-y: auto;
  }
  section.com_store-settings .card.card-payment-program div.payment-program-outer table.payment-program {
    width: 700px;
  }
  section.com_store-settings .quota-group-box .quota-group {
    padding: 13px 15px;
  }
  section.com_store-settings .quota-group-box .quota-group .quota span {
    font-size: 15px;
    font-weight: 500;
    color: #4A4A4D;
    display: block;
    text-align: left;
    line-height: 15px;
  }
  section.com_store-settings .quota-group-box .quota-group .quota span.title {
    width: calc(100% - 122px);
  }
  section.com_store-settings .quota-group-box .quota-group .quota span.quota, section.com_store-settings .quota-group-box .quota-group .quota span.renew {
    display: none;
  }
  section.com_store-settings .quota-group-box .quota-group .quota ul.payment-structure {
    display: none;
  }
  section.com_store-settings .quota-group-box .quota-group .quota a.action {
    margin: 0 15px;
    min-width: 30px;
  }
  section.com_store-settings .quota-group-box .quota-group .quota-result {
    padding-left: 0;
  }
  section.com_store-settings .quota-group-box .quota-group .quota-result .quota-sets {
    display: none;
  }
  section.com_store-settings .quota-group-box .quota-group .quota-result .quota-detail .detail span {
    width: calc(100% - 76px);
  }
  section.com_store-settings .quota-group-box .quota-group:last-of-type {
    margin-bottom: 0;
  }
  a.small-device-toggle {
    display: block;
  }
  .total-products, .total-stores, .total-entries {
    color: #7F7F84;
    font-size: 15px;
    text-align: center;
    width: 100%;
    display: block;
  }
  .paging {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    list-style: none;
    margin: 25px 0 0;
    padding: 0;
    justify-content: center;
    font-size: 16px;
    font-weight: 500;
  }
  .paging li {
    padding-left: 10px;
  }
  .paging li a {
    min-width: 36px;
    line-height: 36px;
    border-radius: 4px;
    background: #ffffff;
    color: #201904;
    display: flex;
    justify-content: center;
    align-items: center;
    text-decoration: none;
    text-transform: uppercase;
    transition: 0.3s;
  }
  .paging li a .fa {
    font-size: 18px;
    font-weight: bolder;
    margin: 0 15px;
  }
  .paging li:hover a {
    background-color: #D25D3E;
    color: #ffffff;
  }
  .paging li.active a {
    background-color: #D25D3E;
    color: #ffffff;
  }
  .paging li:first-of-type a, .paging li:last-of-type a {
    background: transparent;
    font-weight: 600;
  }
  .paging li:first-of-type a:hover, .paging li:last-of-type a:hover {
    color: #201904;
  }
  .paging li:nth-child(5), .paging li:nth-child(6) {
    display: none;
  }
  .modal .modal-content .modal-body form div.assign-user-outer {
    min-height: 407px;
    max-height: 407px;
  }
  .modal .modal-content .modal-body form div.assign-user-outer table.assign-user {
    width: 100%;
  }
  .modal .modal-content .modal-body form div.assign-user-outer table.assign-user thead {
    display: none;
  }
  .modal .modal-content .modal-body form div.assign-user-outer table.assign-user tbody tr {
    display: flex;
    flex-wrap: wrap;
  }
  .modal .modal-content .modal-body form div.assign-user-outer table.assign-user tbody tr td {
    padding: 0;
  }
  .modal .modal-content .modal-body form div.assign-user-outer table.assign-user tbody tr td img {
    margin-right: 10px;
  }
  .modal .modal-content .modal-body form div.assign-user-outer table.assign-user tbody tr td span strong {
    font-size: 16px;
    line-height: 20px;
  }
  .modal .modal-content .modal-body form div.assign-user-outer table.assign-user tbody tr td:nth-child(1) {
    width: calc(100% - 25px);
    order: 1;
  }
  .modal .modal-content .modal-body form div.assign-user-outer table.assign-user tbody tr td:nth-child(2) {
    width: 100%;
    order: 3;
    padding-left: 58px;
  }
  .modal .modal-content .modal-body form div.assign-user-outer table.assign-user tbody tr td:nth-child(3) {
    width: 25px;
    order: 2;
    padding-top: 5px;
  }
    .otp-main {
        width: 100%;
        padding: 30px 15px
    }

        .otp-main .otp-form .verification-codes input {
            padding: 12px 6px;
            margin-right: 5px;
            font-size: 1.5em;
        }
}
@media only screen and (min-width: 600px) and (max-width: 767px) {
  header a.logo {
    order: 2;
    width: 110px;
    display: inline-block;
    margin: 0;
  }
  header div.navigation {
    order: 1;
  }
  header div.navigation a.toggle {
    display: block;
    margin: 0 15px;
  }
  header div.navigation nav {
    position: absolute;
    left: 20px;
    top: 40px;
    width: 210px;
    border-radius: 10px;
    background: #ffffff;
    box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.15);
    overflow: hidden;
    display: none;
  }
  header div.navigation nav a {
    display: block;
    line-height: 40px;
    border: none;
    font-weight: 600;
    font-size: 16px;
    text-decoration: none !important;
    color: #BCBAB4;
    padding: 0 20px;
    margin: 0;
  }
  header div.navigation nav a.active {
    color: #201904;
    background: rgba(231, 227, 215, 0.2);
  }
  header div.navigation nav a:hover {
    color: #201904;
    background: rgba(231, 227, 215, 0.2);
  }
  header div.actions {
    order: 3;
    display: flex;
    flex-direction: row;
    align-items: center;
    position: relative;
    margin: 0 5px;
    position: relative;
    width: calc(100% - 175px);
  }
  header div.actions > a.help, header div.actions > a.settings {
    display: none;
  }
  header div.actions a.logout {
    display: block;
    width: 22px;
    height: 22px;
    margin: 0 13px;
    background: url(../images/icons/btn_logout_white.svg) center center no-repeat;
  }
  header div.actions a.logout:hover {
    background: url(../images/icons/btn_logout_orange.svg) center center no-repeat;
  }
  header div.actions button.user {
    width: 40px;
    height: 40px;
    display: block;
    border-radius: 50%;
    overflow: hidden;
    border: none;
    margin: 0 10px;
    outline: none;
  }
  header div.actions .sub-nav {
    position: absolute;
    width: 200px;
    background-color: #ffffff;
    box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.15);
    right: 0;
    top: 40px;
    border-radius: 10px;
    display: none;
  }
  header div.actions .sub-nav a {
    display: block;
    line-height: 40px;
    padding: 0 15px;
    color: #201904;
    text-decoration: none;
    font-weight: 500;
    font-size: 15px;
  }
  header div.actions .sub-nav a:hover {
    color: #D25D3E;
  }
  header div.actions .sub-nav div.divider:first-of-type {
    display: block;
  }
  nav.breadcrumbs {
    display: none;
  }
  section div.big-title {
    flex-direction: column;
    align-items: flex-start;
  }
  section div.big-title h2 {
    font-size: 37px;
    line-height: 45px;
  }
    section div.big-title span {
        line-height: normal;
        margin-left: 0;
        margin-bottom: 7px;
    }
  section div.big-title em {
    font-style: normal;
    color: #D25D3E;
    line-height: 15px;
    margin-left: 15px;
  }
  section div.big-title img {
    display: none;
  }
  section div.big-title2 h2 {
    font-size: 20px;
    line-height: 20px;
    font-weight: 600;
  }
  section div.big-title2 em {
    font-style: normal;
    color: #D25D3E;
    font-size: 28px;
    font-weight: 600;
    line-height: 35px;
    margin-left: 0;
  }
  section h3.count-one::after {
    display: none;
  }
  section h3.count-two::after {
    display: none;
  }
  section h4 {
    font-size: 18px;
    line-height: 30px;
    color: #7F7F84;
    margin: 0;
  }
  section.com_login div.form-section {
    width: 100%;
    padding-right: 0;
  }
  section.com_login div.form-section nav {
    width: 100%;
  }
  section.com_login div.form-section nav a.help {
    display: none;
  }
  section.com_login div.form-section h2 {
    font-size: 37px;
    line-height: 46px;
  }
  section.com_login div.form-section form div.action {
    flex-direction: column-reverse;
  }
  section.com_login div.form-section form div.action input[type=submit] {
    margin-top: 20px;
  }
  section.com_login div.form-section form div.action a.forgot {
    margin-top: 22px;
    justify-content: center;
  }
  section.com_login div.form-section footer a {
    display: block;
  }
  section.com_login div.image {
    display: none;
  }
  section.com_dashboard {
    padding-bottom: 0;
  }
  section.com_dashboard .card.card-stats .card-body {
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: flex-start;
    padding: 15px;
  }
  section.com_dashboard .card.card-stats .card-body span {
    font-size: 13px;
  }
  section.com_dashboard .card.card-stats .card-body span.number {
    font-size: 32px;
    line-height: 40px;
  }
  section.com_dashboard .time {
    position: absolute;
    right: 15px;
    top: 0;
    display: flex;
  }
  section.com_dashboard .time img {
    width: 20px;
    height: 20px;
    margin-left: 8px;
    outline: none;
  }
  section.com_dashboard .card.card-tickets {
    margin-bottom: 30px;
  }
  section.com_dashboard .card.card-tickets .card-body ul.tickets {
    min-height: 100%;
    max-height: 100%;
  }
  section.com_dashboard .card.card-tickets .card-body ul.activity {
    min-height: 100%;
    max-height: 100%;
  }
  section.com_catalogue .title-actions {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-end;
  }
  section.com_catalogue .title-actions div.search {
    margin-top: 15px;
  }
  section.com_catalogue .title-actions .other-actions a.main-btn {
    padding: 0 15px;
  }
  section.com_products-list div.products-wrapper.grid {
    grid-template-columns: repeat(2, 1fr);
  }
  section.com_products-list div.products-wrapper.list {
    grid-template-columns: repeat(1, 1fr);
  }
  section.com_view-product .card.card-info .card-body div.preview {
    display: block;
    border-top: 1px solid #F0EDE5;
  }
  section.com_view-product .card.card-info .card-body div.preview table.preview {
    width: 100%;
  }
  section.com_view-product .card.card-info .card-body div.preview table.preview thead {
    display: none;
  }
  section.com_view-product .card.card-info .card-body div.preview table.preview tbody tr {
    display: flex;
    flex-wrap: wrap;
    padding: 5px 0;
  }
  section.com_view-product .card.card-info .card-body div.preview table.preview tbody tr td {
    padding: 5px 5px;
    text-align: center;
    position: relative;
  }
  section.com_view-product .card.card-info .card-body div.preview table.preview tbody tr td:nth-child(1) {
    width: calc(100% - 40px);
    order: 1;
  }
  section.com_view-product .card.card-info .card-body div.preview table.preview tbody tr td:nth-child(2) {
    width: 25%;
    order: 3;
  }
  section.com_view-product .card.card-info .card-body div.preview table.preview tbody tr td:nth-child(3) {
    width: 50%;
    order: 4;
  }
  section.com_view-product .card.card-info .card-body div.preview table.preview tbody tr td:nth-child(4) {
    width: 25%;
    order: 5;
  }
  section.com_view-product .card.card-info .card-body div.preview table.preview tbody tr td:nth-child(5) {
    text-align: right;
    order: 2;
  }
  section.com_view-product .card.card-info .card-body div.preview table.preview tbody tr td input.fields {
    border: none;
    height: 36px;
    padding: 0 15px;
    border-radius: 10px;
    display: block;
    width: 100%;
    margin: 0;
    background-color: rgba(246, 244, 240, 0.6);
  }
  section.com_view-product .card.card-info .card-body div.preview table.preview tbody tr td .option {
    display: flex;
    justify-content: center;
    align-items: center;
  }
  section.com_view-product .card.card-info .card-body div.preview table.preview tbody tr td .option a.toggle {
    margin: 0 0 0 auto;
    display: table;
    width: 30px;
    height: 30px;
    color: #7F7F84;
    text-decoration: none;
    line-height: 30px;
    background: transparent url(../images/icons/btn_action_black.svg) center center no-repeat;
  }
  section.com_view-product .card.card-info .card-body div.preview table.preview tbody tr td .option a.toggle:hover {
    background: transparent url(../images/icons/btn_action_orange.svg) center center no-repeat;
  }
  section.com_view-product .card.card-info .card-body div.preview table.preview tbody tr td .option ul {
    display: none;
    position: absolute;
    right: 50px;
    top: -12px;
    margin: 0;
    padding: 0;
    list-style: none;
    white-space: normal;
    background: #ffffff;
    border-radius: 4px;
    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.15);
    width: 100px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.25);
  }
  section.com_view-product .card.card-info .card-body div.preview table.preview tbody tr td .option ul li {
    display: block;
    display: 100%;
    border-bottom: 1px solid rgba(0, 0, 0, 0.15);
  }
  section.com_view-product .card.card-info .card-body div.preview table.preview tbody tr td .option ul li a {
    display: block;
    width: 100%;
    height: 32px;
    line-height: 32px;
    color: #201904;
    white-space: normal;
    font-size: 13px;
  }
  section.com_view-product .card.card-info .card-body div.preview table.preview tbody tr td .option ul li:last-of-type {
    border-bottom: none;
  }
  section.com_view-product .card.card-info .card-body div.preview table.preview tbody tr:last-of-type {
    border-bottom: none;
    padding-bottom: 0;
  }
  section.com_product-set-group {
    padding: 0 0 30px;
  }
  section.com_product-set-group ul.product-view li div.search {
    margin: 15px 0 0;
  }
  section.com_product-set-group ul.product-view li:nth-child(1) {
    width: 100%;
  }
  section.com_product-set-group ul.product-view li:nth-child(2) {
    display: none;
  }
  section.com_product-set-group ul.product-view li:nth-child(3) {
    display: none;
  }
  section.com_product-set-group div.products-wrapper .product-box div.product img {
    width: 110px;
  }
  section.com_product-set-group div.products-wrapper.grid {
    grid-template-columns: repeat(2, 1fr);
  }
  section.com_product-set-group div.products-wrapper.list {
    grid-template-columns: repeat(1, 1fr);
  }
  section.com_product-set-group div.products-wrapper.list .product-box .card-group {
    padding: 0;
  }
  section.com_product-set-group div.products-wrapper.list .product-box .card-group div.product {
    display: table;
    width: 100%;
  }
  section.com_product-set-group div.products-wrapper.list .product-box .card-group div.product img {
    width: 110px;
  }
  section.com_product-set-group div.products-wrapper.list .product-box .card-group div.product span.title {
    font-size: 18px;
    line-height: 22px;
  }
  section.com_product-set-group div.products-wrapper.list .product-box .card-group div.product span.counts {
    font-size: 16px;
    line-height: 20px;
  }
  section.com_product-set-group div.products-wrapper.list .product-box .card-group div.users {
    position: relative;
    bottom: 0;
  }
  section.com_product-set-group-view {
    padding: 0 0 30px;
  }
  section.com_product-set-group-view .title-actions {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-end;
  }
  section.com_product-set-group-view .title-actions div.search {
    display: flex;
    flex-direction: row;
    height: 40px;
    border-radius: 10px;
    overflow: hidden;
    background-color: #ffffff;
    width: 100%;
    margin-right: 0;
    margin-top: 15px;
  }
  section.com_product-set-group-view .title-actions div.search input.search {
    border: none;
    background-color: transparent;
    padding: 0 15px;
    width: calc(100% - 40px);
  }
  section.com_product-set-group-view .title-actions div.search button.submit {
    width: 40px;
    height: 40px;
    display: block;
    border-radius: 10px;
    line-height: 40px;
  }
  section.com_product-set-group-view .title-actions .other-actions {
    display: flex;
    width: 100%;
    position: relative;
  }
  section.com_product-set-group-view .title-actions .other-actions a.toggle {
    display: block;
    width: 40px;
    height: 40px;
    min-width: 40px;
  }
  section.com_product-set-group-view .title-actions .other-actions div.toggle-show {
    background-color: #fff;
    border-radius: 10px;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 40px;
    box-shadow: 2px 2px 10px rgba(32, 25, 4, 0.15);
    display: flex;
    flex-direction: column;
    height: auto;
    width: 238px;
    display: none;
  }
  section.com_product-set-group-view .title-actions .other-actions div.toggle-show a {
    width: 100%;
    height: 40px;
    line-height: 40px;
    display: block;
    margin: 0;
    border-radius: 0;
    padding: 0 15px;
  }
  section.com_product-set-group-view .title-actions .other-actions div.toggle-show div.users {
    margin: 10px;
  }
  section.com_product-set-group-view .title-actions .other-actions div.toggle-show div.users .action a {
    height: 32px;
  }
  section.com_product-set-group-view .title-actions .other-actions a.main-btn {
    display: none;
  }
  section.com_product-set-group-view div.products-wrapper.grid {
    grid-template-columns: repeat(2, 1fr);
  }
  section.com_product-set-group-view div.products-wrapper.list .item .product-box .image {
    height: 100px;
    width: 100px;
    margin: 0 10px 0 0;
  }
  section.com_product-set-group-view div.products-wrapper.list .item .product-box .image img {
    width: inherit;
  }
  section.com_product-set-group-view div.products-wrapper.list .item .product-box div.details {
    width: calc(100% - 110px);
  }
  section.com_product-set-group-view div.products-wrapper.list .item .product-box div.details span.title {
    line-height: 25px;
    font-size: 18px;
  }
  section.com_employees div.big-title {
    flex-direction: row;
    align-items: flex-start;
  }
  section.com_employees div.big-title h2 {
    font-size: 37px;
    line-height: 45px;
    letter-spacing: 0;
  }
  section.com_employees div.big-title span {
    line-height: 45px;
    margin-left: 15px;
  }
  section.com_employees div.big-title em {
    font-style: normal;
    color: #D25D3E;
    line-height: 45px;
    margin-left: 15px;
  }
  section.com_employees div.big-title img {
    display: none;
  }
  section.com_employees .title-actions {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-end;
  }
  section.com_employees .title-actions form {
    width: 100%;
  }
  section.com_employees .title-actions form div.search {
    margin-top: 15px;
  }
  section.com_employees .title-actions .other-actions {
    display: flex;
    justify-content: flex-end;
  }
  section.com_employees .title-actions .other-actions a.toggle {
    width: 40px;
    height: 40px;
    display: block;
    text-decoration: none;
    border-radius: 10px;
    background: #ffffff url(../images/icons/btn_action_black.svg) center center no-repeat;
  }
  section.com_employees .title-actions .other-actions div.toggle-show {
    z-index: 2;
    background-color: #fff;
    border-radius: 10px;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 40px;
    box-shadow: 2px 2px 10px rgba(32, 25, 4, 0.15);
    flex-direction: column;
    height: auto;
    min-width: 140px;
    display: none;
  }
  section.com_employees .title-actions .other-actions div.toggle-show a {
    width: 100%;
    height: 52px;
    display: block;
    border-radius: 10px;
    margin: 0;
    color: #201904;
  }
  section.com_employees .title-actions .other-actions div.toggle-show a.main-btn, section.com_employees .title-actions .other-actions div.toggle-show a.delete, section.com_employees .title-actions .other-actions div.toggle-show a.cancel, section.com_employees .title-actions .other-actions div.toggle-show a.download {
    display: block;
    background: none;
    line-height: 40px;
    height: 40px;
    padding: 0 25px;
    margin: 0;
    color: #201904;
    text-align: left;
    font-weight: 500;
  }
  section.com_employees .title-actions .other-actions div.toggle-show a.main-btn span.text, section.com_employees .title-actions .other-actions div.toggle-show a.delete span.text, section.com_employees .title-actions .other-actions div.toggle-show a.cancel span.text, section.com_employees .title-actions .other-actions div.toggle-show a.download span.text {
    color: #201904;
    display: block;
    margin: 0;
  }
  section.com_employees .title-actions .other-actions div.toggle-show a.main-btn .fa, section.com_employees .title-actions .other-actions div.toggle-show a.delete .fa, section.com_employees .title-actions .other-actions div.toggle-show a.cancel .fa, section.com_employees .title-actions .other-actions div.toggle-show a.download .fa {
    display: none;
  }
  section.com_employees table.users-table thead {
    display: none;
  }
  section.com_employees table.users-table tbody tr {
    display: flex;
    flex-wrap: wrap;
  }
  section.com_employees table.users-table tbody tr td {
    padding: 6px 5px;
  }
  section.com_employees table.users-table tbody tr td:nth-child(1) {
    /*display: none;*/
  }
  section.com_employees table.users-table tbody tr td:nth-child(2) {
    width: 70%;
    order: 1;
  }
  section.com_employees table.users-table tbody tr td:nth-child(3) {
    width: 60%;
    order: 3;
  }
  section.com_employees table.users-table tbody tr td:nth-child(3) .email {
    position: relative;
    padding-left: 25px;
  }
  section.com_employees table.users-table tbody tr td:nth-child(3) .email::before {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    content: "";
    display: block;
    width: 30px;
    height: 20px;
    background: url(../images/icons/icon_envelop.svg) left center no-repeat;
  }
  section.com_employees table.users-table tbody tr td:nth-child(4), section.com_employees table.users-table tbody tr td:nth-child(6) {
    display: none;
  }
  section.com_employees table.users-table tbody tr td:nth-child(5) {
    width: 30%;
    order: 4;
  }
  section.com_employees table.users-table tbody tr td:nth-child(7) {
    width: 30%;
    order: 2;
  }
  section.com_employees table.users-table tbody tr td:nth-child(8) {
    width: 10%;
    order: 5;
  }
  section.com_employees table.users-table tbody tr td:nth-child(8) a.options {
    margin: 0 auto;
  }
  section.com_employees table.users-table tbody tr:nth-child(1) {
    /*display: none;*/
  }
  section.com_employees ul#employee-details {
    display: flex;
    flex-direction: row;
  }
  section.com_employees ul#employee-details li {
    margin-bottom: 15px;
  }
  section.com_employees ul#employee-details li a {
    font-weight: 500;
    font-size: 20px;
    line-height: 25px;
    padding: 0;
    padding-left: 0;
    margin-right: 25px;
  }
  section.com_employees ul#employee-details li a.active {
    color: #D25D3E;
    text-decoration: underline;
  }
  section.com_employees ul#employee-details li a.active::before {
    content: none;
  }
  section.com_employees .card-order-table table.all-orders thead {
    display: none;
  }
  section.com_employees .card-order-table table.all-orders tbody tr {
    border-bottom: 1px solid #F0EDE5;
    display: flex;
    flex-wrap: wrap;
    padding: 10px 0;
  }
  section.com_employees .card-order-table table.all-orders tbody tr td {
    padding: 5px 0;
    text-align: left;
    font-size: 16px;
    font-weight: 400;
    position: relative;
    display: table-cell;
    vertical-align: middle;
  }
  section.com_employees .card-order-table table.all-orders tbody tr td:nth-child(1) {
    width: 90px;
    order: 1;
  }
  section.com_employees .card-order-table table.all-orders tbody tr td:nth-child(2) {
    text-align: right;
    width: 40%;
    order: 5;
  }
  section.com_employees .card-order-table table.all-orders tbody tr td:nth-child(3) {
    width: 75px;
    order: 3;
    text-align: right;
  }
  section.com_employees .card-order-table table.all-orders tbody tr td:nth-child(4) {
    text-align: center;
    order: 2;
    width: calc(100% - 165px);
  }
  section.com_employees .card-order-table table.all-orders tbody tr td:nth-child(5) {
    width: 40%;
    order: 4;
  }
  section.com_employees .card-order-table table.all-orders tbody tr td:last-of-type {
    width: 20%;
    order: 6;
  }
  section.com_employees .card-order-table table.history thead {
    display: none;
  }
  section.com_employees .card-order-table table.history tbody tr {
    border-bottom: 1px solid #F0EDE5;
    display: flex;
    flex-wrap: wrap;
    padding: 10px 0;
  }
  section.com_employees .card-order-table table.history tbody tr td {
    padding: 3px 0;
    text-align: left;
    font-size: 16px;
    font-weight: 400;
  }
  section.com_employees .card-order-table table.history tbody tr td:nth-child(1) {
    order: 1;
    width: 30%;
    font-size: 18px;
    font-weight: 500;
  }
  section.com_employees .card-order-table table.history tbody tr td:nth-child(2) {
    order: 3;
    width: 20%;
  }
  section.com_employees .card-order-table table.history tbody tr td:nth-child(3) {
    order: 5;
    width: 100%;
    font-size: 12px;
    font-weight: 400;
    color: #7F7F84;
  }
  section.com_employees .card-order-table table.history tbody tr td:nth-child(4) {
    order: 2;
    width: 35%;
  }
  section.com_employees .card-order-table table.history tbody tr td:nth-child(5) {
    order: 4;
    width: 70px;
    font-size: 16px;
  }
  section.com_employees .card-order-table table.history tbody tr:last-of-type {
    padding-bottom: 0;
  }
  section.com_employees div.pie-chart {
    display: flex;
    gap: 20px;
  }
  section.com_employees div.pie-chart div.chart {
    width: 38%;
    position: relative;
    border-radius: 10px;
    background-color: #ffffff;
    overflow: hidden;
    padding: 15px 5px;
  }
  section.com_employees div.pie-chart div.chart svg {
    width: 100%;
    height: 170px;
    position: relative;
  }
  section.com_employees div.pie-chart div.chart strong {
    text-align: center;
    display: table;
    margin: 0 auto 0;
  }
  section.com_orders {
    padding-bottom: 0;
  }
  section.com_orders .title-actions {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-end;
  }
  section.com_orders .title-actions div.date {
    display: none;
  }
  section.com_orders .title-actions a.download {
    width: 52px;
  }
  section.com_orders .title-actions a.close {
    color: #7F7F84;
    font-size: 16px;
    font-weight: 600;
    line-height: 20px;
    display: inline-block;
    margin-left: 20px;
    margin-right: 0;
    text-decoration: none;
  }
  section.com_orders .title-actions ul.more-actions {
    display: flex;
    flex-direction: row;
    margin: 0 10px;
    padding: 0;
    list-style: none;
    font-size: 16px;
  }
  section.com_orders .title-actions ul.more-actions li {
    position: relative;
  }
  section.com_orders .title-actions ul.more-actions li a {
    display: block;
    color: #201904;
    text-decoration: none;
    line-height: 16px;
  }
  section.com_orders .title-actions ul.more-actions li a i {
    margin-left: 10px;
  }
  section.com_orders .title-actions ul.more-actions li ul {
    width: 200px;
    overflow: hidden;
    position: absolute;
    flex-direction: column;
    background-color: #ffffff;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.25);
    left: 50%;
    top: 25px;
    transform: translateX(-50%);
    z-index: 10;
    display: none;
    border-radius: 10px;
  }
  section.com_orders .title-actions ul.more-actions li ul li a {
    display: block;
    line-height: 40px;
    text-align: left;
    font-size: 18px;
    padding: 0 25px;
    text-decoration: none;
    font-weight: 500;
  }
  section.com_orders .title-actions ul.more-actions li ul li a i {
    margin-left: 10px;
    font-weight: bolder;
  }
  section.com_orders .title-actions ul.more-actions li ul li a.cancel {
    color: #D25D3E;
    font-weight: 600;
  }
  section.com_orders form .allOrders {
    justify-content: flex-start;
  }
  section.com_orders form .allOrders a.nav-link {
    font-size: 18px;
    line-height: 20px;
  }
  section.com_orders form .allOrders a.nav-link.active {
    text-decoration: underline;
  }
  section.com_orders form .card.card-orders table.all-orders {
    width: 100%;
  }
  section.com_orders form .card.card-orders table.all-orders thead {
    display: none;
  }
  section.com_orders form .card.card-orders table.all-orders tbody tr {
    padding: 15px 0;
    display: flex;
    flex-wrap: wrap;
  }
  section.com_orders form .card.card-orders table.all-orders tbody tr td {
    padding: 5px !important;
  }
  section.com_orders form .card.card-orders table.all-orders tbody tr td span.status {
    width: 100%;
    display: block;
    padding: 0 18px;
  }
  section.com_orders form .card.card-orders table.all-orders tbody tr td span.status.waiting {
    padding: 0 30px 0 15px;
    background: #201904 url(../images/icons/icon_select_white.svg) 96% center no-repeat;
    background-size: 14px 14px;
  }
  section.com_orders form .card.card-orders table.all-orders tbody tr td:nth-child(1) {
    width: 34%;
    order: 1;
  }
  section.com_orders form .card.card-orders table.all-orders tbody tr td:nth-child(2) {
    width: 27%;
    order: 2;
  }
  section.com_orders form .card.card-orders table.all-orders tbody tr td:nth-child(3) {
    width: 22%;
    text-align: right;
    order: 3;
  }
  section.com_orders form .card.card-orders table.all-orders tbody tr td:nth-child(4) {
    width: 17%;
    order: 4;
    text-align: right;
  }
  section.com_orders form .card.card-orders table.all-orders tbody tr td:nth-child(5) {
    width: 50%;
    order: 5;
    text-align: left;
  }
  section.com_orders form .card.card-orders table.all-orders tbody tr td:nth-child(6) {
    width: 50%;
    text-align: center;
    order: 6;
  }
  section.com_orders form .card.card-orders table.all-orders tbody tr td:last-of-type {
    text-align: center;
  }
  section.com_orders form .card.card-orders table.all-orders tbody tr:first-of-type {
    display: none;
  }
  section.com_orders div.freshdesk p {
    width: 65%;
  }
  section.com_order-number {
    padding-bottom: 0;
    position: relative;
  }
  section.com_order-number .title-actions {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-end;
    position: relative;
  }
  section.com_order-number .title-actions div.date {
    display: flex;
    align-items: center;
    height: 52px;
    padding: 0 20px;
  }
  section.com_order-number .title-actions div.date span {
    display: block;
    font-size: 16px;
    font-weight: 600;
    margin-right: 10px;
  }
  section.com_order-number .title-actions div.date button {
    width: 24px;
    height: 24px;
    border: none;
    background: none;
  }
  section.com_order-number .title-actions div.date img {
    cursor: pointer;
  }
  section.com_order-number .title-actions div.search {
    display: flex;
    flex-direction: row;
    height: 52px;
    border-radius: 10px;
    overflow: hidden;
    background-color: #ffffff;
    margin-right: 12px;
  }
  section.com_order-number .title-actions div.search input.search {
    border: none;
    background-color: transparent;
    padding: 0 15px;
  }
  section.com_order-number .title-actions div.search button.submit {
    width: 52px;
    height: 52px;
    display: block;
    border-radius: 10px;
    line-height: 52px;
    text-align: center;
    border: none;
    background: transparent url(../images/icons/icon_search_black.svg) center center no-repeat;
  }
  section.com_order-number .title-actions div.search button.submit:hover {
    background: transparent url(../images/icons/icon_search_orange.svg) center center no-repeat;
  }
  section.com_order-number .title-actions a.download {
    width: 67px;
    height: 52px;
    display: block;
    border-radius: 10px;
    line-height: 52px;
    text-align: center;
    margin-right: 12px;
    background: #ffffff url(../images/icons/icon_download_black.svg) center center no-repeat;
  }
  section.com_order-number .title-actions a.download:hover {
    background: #ffffff url(../images/icons/icon_download_orange.svg) center center no-repeat;
  }
  section.com_order-number .title-actions > a.close {
    display: none;
  }
  section.com_order-number .title-actions ul.more-actions {
    display: none;
  }
  section.com_order-number .title-actions a.toggle {
    display: block;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    background: #ffffff url(../images/icons/btn_action_black.svg) center center no-repeat;
    border-radius: 10px;
  }
  section.com_order-number .title-actions div.small-device {
    position: absolute;
    right: 0;
    top: 42px;
    background-color: #ffffff;
    border-radius: 10px;
    box-shadow: 0 2px 7px rgba(32, 25, 4, 0.15);
    z-index: 10;
    width: 160px;
    display: none;
  }
  section.com_order-number .title-actions div.small-device a {
    display: block;
    line-height: 35px;
    color: #201904;
    text-align: left;
    margin-left: 0;
    width: 100%;
    opacity: 1;
    font-size: 15px;
    font-weight: 500;
    padding: 0 15px;
  }
  section.com_order-number .title-actions div.small-device a .fa {
    display: none;
  }
  section.com_order-number .title-actions div.small-device a.close {
    color: #201904;
  }
  section.com_order-number form div.card.card-product-summary table.product-summary {
    width: 100%;
  }
  section.com_order-number form div.card.card-product-summary table.product-summary thead {
    display: none;
  }
  section.com_order-number form div.card.card-product-summary table.product-summary tbody tr td {
    position: relative;
    padding: 10px 5px;
    text-align: center;
    vertical-align: top;
  }
  section.com_order-number form div.card.card-product-summary table.product-summary tbody tr td img {
    width: 80px;
  }
  section.com_order-number form div.card.card-product-summary table.product-summary tbody tr td a.action {
    display: block;
    margin: 0 auto;
    width: 24px;
    height: 24px;
    line-height: 24px;
    display: block;
    color: #7F7F84;
    background: url(../images/icons/three-dots.svg) center center no-repeat;
    transition: 0.3s;
  }
  section.com_order-number form div.card.card-product-summary table.product-summary tbody tr td a.action:hover {
    background: url(../images/icons/three-dots-hover.svg) center center no-repeat;
  }
  section.com_order-number form div.card.card-product-summary table.product-summary tbody tr td ul.action {
    right: 35px;
    top: -15px;
    z-index: 10;
    width: 200px;
    list-style: none;
    margin: 0;
    padding: 0;
    background-color: #ffffff;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 10;
    display: none;
  }
  section.com_order-number form div.card.card-product-summary table.product-summary tbody tr td ul.action li ul {
    right: -48px;
    top: 40px;
    display: none;
    z-index: 11;
  }
  section.com_order-number form div.card.card-product-summary table.product-summary tbody tr:nth-of-type(2n+2) {
    display: none;
  }
  section.com_order-number form div.card.card-product-summary table.product-summary tbody tr:nth-child(2n+1) {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    padding: 10px 0;
    border-bottom: 1px solid #F0EDE5;
  }
  section.com_order-number form div.card.card-product-summary table.product-summary tbody tr:nth-child(2n+1) td {
    padding: 0;
  }
  section.com_order-number form div.card.card-product-summary table.product-summary tbody tr:nth-child(2n+1) td:nth-child(1) {
    order: 1;
    width: calc(100% - 34px);
    padding-bottom: 10px;
  }
  section.com_order-number form div.card.card-product-summary table.product-summary tbody tr:nth-child(2n+1) td:nth-child(1) .products-detail .details {
    padding: 0 10px;
  }
  section.com_order-number form div.card.card-product-summary table.product-summary tbody tr:nth-child(2n+1) td:nth-child(2) {
    order: 3;
    width: 60px;
    position: relative;
    padding-top: 15px;
  }
  section.com_order-number form div.card.card-product-summary table.product-summary tbody tr:nth-child(2n+1) td:nth-child(2)::before {
    position: absolute;
    left: 50%;
    transform: translate(-50%);
    top: 0;
    content: "Qty";
    font-size: 12px;
    font-weight: 600;
    color: #7F7F84;
    text-transform: uppercase;
  }
  section.com_order-number form div.card.card-product-summary table.product-summary tbody tr:nth-child(2n+1) td:nth-child(3) {
    order: 4;
    width: 80px;
    position: relative;
    padding-top: 15px;
  }
  section.com_order-number form div.card.card-product-summary table.product-summary tbody tr:nth-child(2n+1) td:nth-child(3)::before {
    position: absolute;
    left: 50%;
    transform: translate(-50%);
    top: 0;
    content: "Price";
    font-size: 12px;
    font-weight: 600;
    color: #7F7F84;
    text-transform: uppercase;
  }
  section.com_order-number form div.card.card-product-summary table.product-summary tbody tr:nth-child(2n+1) td:nth-child(4) {
    order: 5;
    width: calc(100% - 220px);
    position: relative;
    text-align: right;
    padding-top: 15px;
  }
  section.com_order-number form div.card.card-product-summary table.product-summary tbody tr:nth-child(2n+1) td:nth-child(4)::before {
    position: absolute;
    right: 0;
    top: 0;
    content: "Total Price";
    font-size: 12px;
    font-weight: 600;
    color: #7F7F84;
    text-transform: uppercase;
  }
  section.com_order-number form div.card.card-product-summary table.product-summary tbody tr:nth-child(2n+1) td:nth-child(5) {
    order: 2;
    width: 34px;
  }
  section.com_order-number form div.card.card-product-summary table.product-summary tbody tr:nth-last-child(2) {
    border-bottom: none !important;
    padding: 10px 0 0;
  }
  section.com_order-number form div.card.card-product-summary .mark {
    display: flex;
    justify-content: flex-end;
    border-top: 1px solid #F0EDE5;
    padding: 16px 15px;
    background: transparent;
  }
  section.com_order-number form div.card.card-product-summary .mark a {
    display: block;
    color: #ffffff;
    background: #D25D3E;
    text-decoration: none;
    line-height: 52px;
    padding: 0 25px;
    border-radius: 10px;
    font-size: 18px;
    font-weight: 700;
  }
  section.com_order-number form div.card.card-product-summary .mark a:hover {
    background: #C64F2F;
  }
  section.com_new-quota-set ul.group-steps {
    justify-content: center;
    padding: 0;
    width: 100%;
  }
  section.com_new-quota-set ul.group-steps li {
    background-color: transparent;
    height: 30px;
    min-width: 30px;
    padding: 0;
    margin-right: 0;
    position: relative;
    margin: 0 50px;
    width: 30px;
  }
  section.com_new-quota-set ul.group-steps li strong {
    background-color: #E0DCCF;
    color: #7F7F84;
  }
  section.com_new-quota-set ul.group-steps li span {
    display: none;
  }
  section.com_new-quota-set ul.group-steps li.active, section.com_new-quota-set ul.group-steps li.form-stepper-active {
    background-color: transparent;
    min-width: 30px;
  }
  section.com_new-quota-set ul.group-steps li.active span, section.com_new-quota-set ul.group-steps li.form-stepper-active span {
    display: none;
  }
  section.com_new-quota-set ul.group-steps li.active::before, section.com_new-quota-set ul.group-steps li.form-stepper-active::before {
    border-left: none;
    border-top: none;
    border-bottom: none;
    left: -70px;
  }
  section.com_new-quota-set ul.group-steps li.active::after, section.com_new-quota-set ul.group-steps li.form-stepper-active::after {
    content: "";
    border-left: none;
    border-top: none;
    border-bottom: none;
    border-right: 0;
    position: absolute;
    right: -96px;
  }
  section.com_new-quota-set ul.group-steps li.done, section.com_new-quota-set ul.group-steps li.form-stepper-completed {
    background-color: transparent;
  }
  section.com_new-quota-set ul.group-steps li.done strong, section.com_new-quota-set ul.group-steps li.form-stepper-completed strong {
    background-color: #B3CE67;
    color: #B3CE67;
    position: relative;
  }
  section.com_new-quota-set ul.group-steps li.done strong::after, section.com_new-quota-set ul.group-steps li.form-stepper-completed strong::after {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 30px;
    height: 30px;
    color: #ffffff;
    content: "";
    background: url(../images/icons/check2.svg) center center no-repeat;
    border-radius: 50%;
  }
  section.com_new-quota-set ul.group-steps li.done span, section.com_new-quota-set ul.group-steps li.form-stepper-completed span {
    display: none;
  }
  section.com_new-quota-set ul.group-steps li.done::before, section.com_new-quota-set ul.group-steps li.form-stepper-completed::before {
    content: "";
    border-left: none;
    border-top: none;
    border-bottom: none;
    border-right: 0;
    position: absolute;
    left: -70px;
  }
  section.com_new-quota-set ul.group-steps li.done::after, section.com_new-quota-set ul.group-steps li.form-stepper-completed::after {
    content: "";
    border-left: none;
    border-top: none;
    border-bottom: none;
    border-right: 0;
    position: absolute;
    right: -94px;
  }
  section.com_new-quota-set ul.group-steps li::before {
    content: "";
    border-left: none;
    border-top: none;
    border-bottom: none;
    border-right: 0;
    position: absolute;
    left: -50px;
  }
  section.com_new-quota-set ul.group-steps li::after {
    content: "";
    border-left: none;
    border-top: none;
    border-bottom: none;
    border-right: 0;
    position: absolute;
    right: -94px;
    display: block;
    height: 1px;
    background-color: #D6D0BE;
    top: 50%;
    width: 90px;
  }
  section.com_new-quota-set ul.group-steps li:last-of-type {
    margin-right: 50px;
  }
  section.com_new-quota-set ul.group-steps li:last-of-type::after {
    display: none;
  }
  section.com_new-quota-set form a.new-user {
    right: 0;
    padding: 0;
    text-align: center;
    line-height: 40px;
    min-width: 40px;
  }
  section.com_new-quota-set form a.new-user span.text {
    display: none;
  }
  section.com_new-quota-set form a.new-user .fa {
    margin-right: 0;
  }
  section.com_new-quota-set form div.quota-set-box .quota-set {
    padding: 0 15px 0 15px;
  }
  section.com_new-quota-set form div.quota-set-box .quota-set .quota {
    display: flex;
    flex-wrap: nowrap;
    flex-direction: row;
    align-items: center;
    margin: 15px 0;
  }
  section.com_new-quota-set form div.quota-set-box .quota-set .quota img.icon {
    width: 65px;
    height: 48px;
    margin-left: 5px;
  }
  section.com_new-quota-set form div.quota-set-box .quota-set .quota span {
    text-align: left;
    width: calc(100% - 186px);
  }
  section.com_new-quota-set form div.quota-set-box .quota-set .quota-detail {
    padding: 15px;
    margin-bottom: 15px;
  }
  section.com_new-quota-set form div.quota-set-box .quota-set .quota-detail table {
    width: 100%;
    margin-bottom: 10px;
  }
  section.com_new-quota-set form div.quota-set-box .quota-set .quota-detail table.product-set tbody tr td:nth-child(1) {
    width: 10px;
  }
  section.com_new-quota-set form div.quota-set-box .quota-set .quota-detail table.product-set tbody tr td:nth-child(2) {
    width: 56px;
  }
  section.com_new-quota-set form div.quota-set-box .quota-set .quota-detail table.product-set tbody tr td:nth-child(3) {
    width: auto;
  }
  section.com_new-quota-set form div.quota-set-box .quota-set .quota-detail table.product tbody tr td:nth-child(1) {
    width: 10px;
  }
  section.com_new-quota-set form div.quota-set-box .quota-set .quota-detail table.product tbody tr td:nth-child(2) {
    width: 56px;
  }
  section.com_new-quota-set form div.quota-set-box .quota-set .quota-detail table.product tbody tr td:nth-child(3) {
    width: auto;
  }
  section.com_new-quota-set form div.quota-set-box .quota-set .quota-detail table.product tbody tr td:nth-child(4) {
    width: 85px;
    text-align: right;
    padding: 0 15px;
  }
  section.com_new-quota-set form div.quota-set-box .quota-set .quota-detail table.product tbody tr:last-of-type td {
    border-bottom: none;
  }
  section.com_new-quota-set form div.quota-set-box .quota-set .quota-detail table:last-of-type {
    margin-bottom: 0;
  }
  section.com_new-quota-set form div.quota-set-box .quota-set:last-of-type {
    margin-bottom: 0;
  }
  section.com_new-quota-set form div.card.card-new-quota .card-body div.employee-table-outer {
    width: 100%;
    overflow-x: auto;
    padding: 10px 0;
  }
  section.com_new-quota-set form div.card.card-new-quota .card-body div.employee-table-outer table.employee-table {
    width: 1024px;
  }
  section.com_store-settings {
    padding-bottom: 0;
  }
  section.com_store-settings a.main-btn {
    margin-bottom: 10px;
  }
  section.com_store-settings ul#settingTabs {
    margin-bottom: 10px;
    display: flex;
    justify-content: flex-start;
  }
  section.com_store-settings ul#settingTabs li a {
    font-size: 18px;
    font-weight: 500;
    line-height: 20px;
    text-decoration: none;
    color: #201904;
    padding: 0 15px 0 0;
  }
  section.com_store-settings ul#settingTabs li a.active {
    color: #D25D3E;
    text-decoration: underline !important;
  }
  section.com_store-settings ul.quota-table-header {
    display: none;
  }
  section.com_store-settings .card.card-payment-method div.payment-method-outer {
    overflow-y: auto;
  }
  section.com_store-settings .card.card-payment-method div.payment-method-outer table.payment-method {
    width: 800px;
  }
  section.com_store-settings .card.card-payment-method div.payment-method-outer table.payment-method tbody tr td .allowance-box {
    padding-right: 0;
  }
  section.com_store-settings .add-payment span.text {
    display: none;
  }
  section.com_store-settings .card.card-payment-program div.payment-program-outer {
    overflow-y: auto;
  }
  section.com_store-settings .card.card-payment-program div.payment-program-outer table.payment-program {
    width: 700px;
  }
  section.com_store-settings .quota-group-box .quota-group {
    padding: 15px;
  }
  section.com_store-settings .quota-group-box .quota-group .quota span {
    line-height: 15px;
  }
  section.com_store-settings .quota-group-box .quota-group .quota span.title {
    width: calc(100% - 114px);
    padding: 0 10px;
  }
  section.com_store-settings .quota-group-box .quota-group .quota span.title strong {
    font-size: 17px;
    line-height: 20px;
  }
  section.com_store-settings .quota-group-box .quota-group .quota span.quota, section.com_store-settings .quota-group-box .quota-group .quota span.renew {
    display: none;
  }
  section.com_store-settings .quota-group-box .quota-group .quota ul.payment-structure {
    display: none;
  }
  section.com_store-settings .quota-group-box .quota-group .quota a.action {
    margin: 0 15px;
  }
  section.com_store-settings .quota-group-box .quota-group .quota-result {
    padding-left: 0;
  }
  section.com_store-settings .quota-group-box .quota-group .quota-result .quota-sets {
    display: none;
  }
  section.com_store-settings .quota-group-box .quota-group .quota-result .quota-detail {
    margin-left: 64px;
  }
  a.small-device-toggle {
    display: block;
  }
  .total-products, .total-stores, .total-entries {
    display: block;
    text-align: center;
    margin-bottom: 25px;
  }
  .paging {
    justify-content: center;
  }
  .modal .modal-content .modal-body form div.assign-user-outer {
    min-height: 390px;
    max-height: 390px;
  }
  .modal .modal-content .modal-body form div.assign-user-outer table.assign-user {
    width: 100%;
  }
  .modal .modal-content .modal-body form div.assign-user-outer table.assign-user thead {
    display: none;
  }
  .modal .modal-content .modal-body form div.assign-user-outer table.assign-user tbody tr td {
    padding: 8px 0;
    vertical-align: top;
  }
  .modal .modal-content .modal-body form div.assign-user-outer table.assign-user tbody tr td:nth-child(1) {
    width: calc(100% - 125px);
  }
  .modal .modal-content .modal-body form div.assign-user-outer table.assign-user tbody tr td:nth-child(2) {
    width: 100px;
  }
  .modal .modal-content .modal-body form div.assign-user-outer table.assign-user tbody tr td:nth-child(3) {
    width: 25px;
  }
    section.com_login div.form-section form{
        width:60%;
    }
    .otp-main {
        width: 100%;
        padding: 30px 15px
    }

        .otp-main .otp-form .verification-codes input {
            padding: 12px 6px;
            margin-right: 5px;
            font-size: 1.5em;
        }
}/*# sourceMappingURL=responsive_mobile.css.map */