@import "reset.css";
@import "font.css";
@import "icons.css";
@import "slick.css";
@import "slick-theme.css?v=1.0.2";

html {
    scroll-behavior: smooth;
}

body {
    font-family: 'Estedad';
    background: #fdfdfd;
}

.container_fluid {
    width: 100%;
}

.pull_left {
    float: left;
}

.pull_right {
    float: right;
}

.clearfix {
    clear: both;
}

.container {
    width: 1200px;
    margin: 0 auto;
}

i:before {
    display: block;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input[type=number] {
    -moz-appearance: textfield;
}

#nav_bar {
    background-color: #000000;
    color: #ffffff;
    text-align: center;
    padding: 10px 0;
    font-size: 15px;
    font-weight: 500;
}

#nav_bar img {
    vertical-align: middle;
}

#nav_bar span {
    background-color: #ffffff;
    color: #273852;
    padding: 1px 20px;
    display: inline-block;
    border-radius: 40px;
    margin: 0 5px 0 0;
    font-weight: 500;
}

#main_auth {
    min-height: 100vh;
    display: flex !important;
    flex-direction: column;
    justify-content: center;
    /*background: linear-gradient(rgb(255 255 255 / 50%), rgb(255 255 255 / 50%)), url(../images/texture.svg);*/
}

.box_auth {
    width: 370px;
    margin: 0 auto;
    border: 1px solid #e4e4e4;
    padding: 30px;
    border-radius: 5px;
    background-color: #fbfbfb;
    box-shadow: 1px 1px 10px #f7f7f7;
}

.logo_auth {
    width: 120px;
    margin: 0 auto 5px auto;
}

.title_auth {
    font-size: 18px;
    font-weight: 600;
    text-align: center;
    margin: 10px 0 0 0;
}

.row_auth {
    padding: 5px 0;
}

.row_auth label {
    font-size: 15px;
    font-weight: 400;
    color: #2e3e48;
    margin: 0 0 3px 0;
    display: block;
}

.row_auth input {
    width: 100%;
    border: 1px solid #e4e4e4;
    direction: ltr;
    padding: 8px 15px;
    border-radius: 5px;
    outline: none;
    font-family: 'Estedad';
}

.row_auth button {
    font-size: 15px;
    background-color: #000000;
    color: #ffffff;
    border: 1.5px solid #000000;
    padding: 8px 20px 10px 20px;
    display: table;
    border-radius: 5px;
    font-family: 'Estedad';
    width: 100%;
}

.row_auth a {
    font-size: 14px;
    color: #000000;
}

.button_link {
    font-size: 14px !important;
    color: #000000 !important;
    background-color: unset !important;
    border: unset !important;
    padding: unset !important;
    display: unset !important;
    border-radius: unset !important;
    width: unset !important;
    font-weight: 300 !important;
}

#user_account {
    padding: 50px 0;
}

#user_account_sidebar {
    width: 300px;
    border: 1px solid #e4e4e4;
    padding: 20px;
    border-radius: 5px;
    background-color: #ffffff;
    box-shadow: 1px 1px 10px #f7f7f7;
    float: right;
}

#user_account_main {
    width: calc(100% - 330px);
    margin: 0 30px 0 0;
    float: right;
    border: 1px solid #e4e4e4;
    padding: 20px;
    border-radius: 5px;
    background-color: #ffffff;
    box-shadow: 1px 1px 10px #f7f7f7;
}

.user_account_main_title {
    font-size: 18px;
    font-weight: 600;
    margin: 0 0 20px 0;
    position: relative;
}

.user_account_main_title:before {
    content: '';
    width: 80px;
    height: 4px;
    background-color: #000000;
    position: absolute;
    bottom: -10px;
    right: 0;
    border-radius: 4px;
}

.add_new_person {
    font-size: 15px;
    background-color: #000000;
    color: #ffffff;
    border: 1.5px solid #000000;
    padding: 8px 20px 10px 20px;
    display: table;
    border-radius: 5px;
    width: 100%;
    text-align: center;
    margin: 10px 0 0 0;
}

.detail_of_order_frame {
    display: none;
}

.detail_of_order_frame > div {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    right: 0;
    background: rgb(0 0 0 / 60%);
    display: flex !important;
    flex-direction: column;
    justify-content: center;
}

.detail_of_order {
    background-color: #ffffff;
    width: 500px;
    margin: 0 auto;
    padding: 30px;
    border-radius: 5px;
    border: 2px solid #484848;
}

.detail_of_order_close {
    background: #000000;
    color: #ffffff;
    width: 100px;
    margin: 20px auto 0 auto;
    text-align: center;
    font-size: 15px;
    font-weight: 500;
    border-radius: 4px;
    padding: 5px;
    cursor: pointer;
}

.row_detail_of_order {
    padding: 5px 0;
    border-bottom: 1px solid #e7e7e7;
}

.col_detail_of_order {
    float: right;
    width: 25%;
}

.col_detail_of_order_title {
    font-size: 15px;
    line-height: 23px;
}

.col_detail_of_order_image img {
    display: table;
    margin: 0 auto;
}

.return_link {
    font-size: 15px;
    font-weight: 500;
    text-align: center;
    display: block;
    margin: 10px 0 0 0;
    color: #787878;
}

.return_link:hover {
    color: red;
}

.frame_of_return_products {
    border: 1px solid #e4e4e4;
    margin: 20px 0 0 0;
    padding: 20px;
    box-shadow: 1px 1px 10px #f7f7f7;
    border-radius: 5px;
}

.frame_of_return_products_details {
    margin: 0 0 5px 0;
}

.frame_of_return_products_details span {
    font-weight: 500;
}

.box_of_return_products {
    background-color: #f5f5f5;
    padding: 10px;
    box-shadow: 1px 1px 10px #f7f7f7;
    border-radius: 5px;
    border: 1px solid #e4e4e4;
    margin: 10px 0;
}

.return_link_for_this_product {
    font-size: 15px;
    font-weight: 500;
    display: block;
    margin: 10px 0 0 0;
    color: #ff0000;
}

.see_detail_of_order {
    cursor: pointer;
}

.col_profile_form {
    padding: 10px;
    float: right;
}

.col_profile_form3 {
    width: 33.33%;
}

.col_profile_form2 {
    width: 50%;
}

.col_profile_form1 {
    width: 100%;
}

.row_profile_form {
    margin: 0 -10px;
}

.notic {
    font-size: 13px;
}

.notic a {
    color: #000000;
}

.sub_title_form {
    font-size: 15px;
    font-weight: 500;
}

.row_items_body {
    margin: 10px 0 0 0;
}

.col_item_body {
    display: inline-block;
    width: 90px;
    margin: 0 0 0 7px;
}

.input_item_body {
    position: absolute;
    width: 0;
    height: 0;
    opacity: 0;
}

.label_item_body {
    text-align: center;
    background: #f4f4f4;
    border: 1px solid #e4e4e4;
    margin: 0;
    color: #000000;
    padding: 4px;
    border-radius: 5px;
}

.input_item_body:checked + label {
    background: #3a5785;
    border: 1px solid #273852;
    color: #ffffff;
}

.row_profile_form label {
    font-size: 15px;
    font-weight: 400;
    color: #2e3e48;
    margin: 0 0 3px 0;
    display: block;
}

.row_profile_form input {
    direction: rtl;
    width: 100%;
    border: 1px solid #e4e4e4;
    padding: 8px 15px;
    border-radius: 5px;
    outline: none;
    font-family: 'Estedad';
}

.row_profile_form select {
    direction: rtl;
    width: 100%;
    border: 1px solid #e4e4e4;
    padding: 8px 15px;
    border-radius: 5px;
    outline: none;
    font-family: 'Estedad';
}

.row_profile_form textarea {
    direction: rtl;
    width: 100%;
    border: 1px solid #e4e4e4;
    padding: 8px 15px;
    border-radius: 5px;
    outline: none;
    font-family: 'Estedad';
}

.user_account_sidebar_avatar {
    float: right;
    width: 70px;
}

.user_account_sidebar_user_detail {
    float: right;
    width: calc(100% - 90px);
    padding: 7px 20px 5px 0;
}

.user_account_sidebar_name {
    font-size: 16px;
    font-weight: 600;
}

.user_account_sidebar_mobile {
    font-size: 14px;
    font-weight: 500;
    color: #9a9a9a;
}

.user_account_sidebar_body {
    margin: 20px 0;
}

.user_account_sidebar_row {
    padding: 5px 0;
}

.user_account_sidebar_body_title {
    font-size: 13px;
    font-weight: 500;
    float: right;
}

.user_account_sidebar_body_value {
    font-size: 13px;
    font-weight: 500;
    float: left;
    color: #616161;
}

.charge_increase_button a {
    color: #19bfd3;
    font-size: 13px;
    font-weight: 500;
}

.user_account_sidebar_menu ul li {
    padding: 10px;
    border-bottom: 1px solid #e4e4e4;
}

.user_account_sidebar_menu ul li:last-child {
    border-bottom: unset;
}

.user_account_sidebar_menu ul li a {
    font-size: 15px;
    font-weight: 500;
    color: #000000;
}

.user_account_sidebar_menu ul li a:hover {
    color: #000000;
}

.user_account_sidebar_menu ul li a.active {
    color: #000000;
}

table {
    width: 100%;
    font-size: 15px;
    margin: 30px 0 0 0;
}

tr {
    border-bottom: 1px solid #e3e3e3;
}

tr th {
    text-align: center;
    font-weight: 500;
    background-color: #dbdde1;
    padding: 5px;
    vertical-align: middle;
}

tr td {
    text-align: center;
    font-weight: 300;
    background-color: #f1f2f3;
    padding: 5px;
    vertical-align: middle;
}

td a {
    color: #000000;
    font-size: 14px;
}

td form {
    display: inline-block;
}

td a.edit_button {
    font-size: 14px;
    font-weight: 400;
    color: #2248be;
}

td button.delete_button {
    font-family: Estedad;
    background: unset;
    border: unset;
    padding: 0;
    color: #d60000;
    font-size: 14px;
    font-weight: 400;
}

.add_new_button a {
    font-size: 15px;
    background-color: #000000;
    color: #ffffff;
    border: 1.5px solid #000000;
    padding: 8px 20px 10px 20px;
    display: table;
    border-radius: 5px;
    margin: 20px 0 0 0;
}

.add_new_address a {
    background-color: transparent;
    color: #000000;
    padding: 5px 15px 6px 15px;
    transition: 0.3s ease;
}

.add_new_address a:hover {
    background-color: #000000;
    color: #ffffff;
}

.alert {
    font-size: 13px;
    padding: 5px 10px;
    margin: 5px 0;
    border: 1px solid transparent;
    border-radius: 4px;
}

.alert-danger {
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1;
}

.alert-warning {
    color: #8a6d3b;
    background-color: #fcf8e3;
    border-color: #faebcc;
}

.alert-success {
    color: #3c763d;
    background-color: #dff0d8;
    border-color: #d6e9c6;
}

header {
    background-color: #ffffff;
    padding: 20px 0 0 0;
    box-shadow: 0 0 15px rgb(0 0 0 / 10%);
}

.top_header {
    margin: 0 0 10px 0;
}

.header_logo {
    width: 100px;
    margin: 0 0 0 15px;
    float: right;
    padding: 5px 0 0 0;
}

.header_search {
    float: right;
}

.header_search form {
    position: relative;
}

.header_search input {
    background-color: #f0f0f1;
    font-family: 'Estedad';
    border: unset;
    padding: 7px 20px 10px 20px;
    font-size: 15px;
    border-radius: 5px;
    width: 500px;
    outline: none;
}

.header_search button {
    position: absolute;
    top: 0;
    left: 0;
    background: unset;
    border: unset;
    outline: none;
    font-size: 25px;
    padding: 9px;
    color: #7a7a7a;
}

.main_menu {
    float: right;
}

.main_menu span {
    font-size: 16px;
    font-weight: 500;
    display: inline-block;
    color: #273852;
}

.main_menu ul {
    display: inline-block;
}

.main_menu ul li {
    display: inline-block;
    padding: 0 7px 20px 7px;
    position: relative;
}

.main_menu ul li a {
    color: #222222;
}

.main_menu ul li a:hover {
    color: #000000;
}

.main_menu ul li ul.sub_menu {
    position: absolute;
    width: 200px;
    background: white;
    top: 40px;
    right: 5px;
    box-shadow: 0 0 15px rgb(0 0 0 / 10%);
    border-radius: 5px;
    padding: 15px;
    display: none;
    z-index: 9999;
}

.main_menu ul li:hover ul.sub_menu {
    display: block;
}

ul.sub_menu li {
    padding: 3px 0;
    display: block;
}

.mobile_menu_open {
    color: #ffffff;
    background-color: #273852;
    font-size: 15px;
    font-weight: 600;
    padding: 6px 15px 8px 20px;
    border-radius: 5px;
    margin: 0 auto;
    display: none;
}

.mobile_menu_frame {
    position: fixed;
    background: rgb(39 56 82 / 90%);
    width: 100%;
    height: 100%;
    z-index: 1000;
    top: 0;
    right: 0;
    display: none;
    padding: 30px;
}

.mobile_menu_frame > ul {
    overflow-y: scroll;
    height: 370px;
}

.mobile_menu_frame ul li a {
    color: #fff;
    font-size: 15px;
    font-weight: 500;
}

.mobile_menu_frame ul.sub_menu li a {
    font-weight: 300 !important;
}

.mobile_menu_frame ul.sub_menu li a:before {
    content: '';
    width: 5px;
    height: 5px;
    border-radius: 1px;
    background-color: white;
    display: inline-block;
    margin: 0 0 0 7px;
}

.mobile_menu_close {
    background: #000000;
    color: #ffffff;
    width: 100px;
    margin: 0 auto 20px auto;
    text-align: center;
    font-size: 15px;
    font-weight: 500;
    border-radius: 4px;
    padding: 5px;
    cursor: pointer;
}

.other_menu_mobile {
    margin: 30px 0 0 0;
}

.other_menu_mobile ul li {
    display: inline-block;
    padding: 0 0 0 3px;
    font-size: 14px;
}

.other_menu_mobile ul li:last-child {
    padding: 0 0 20px 0;
}

.other_menu_mobile ul li a {
    color: #ffffff;
    font-weight: 300;
    font-size: 12px;
}

.other_menu_mobile ul li:not(:last-child):after {
    content: "|";
    padding: 0 3px 0 0;
    color: #ffffff;
}

.other_menu {
    float: left;
}

.other_menu ul li {
    display: inline-block;
    padding: 0 0 20px 5px;
    font-size: 14px;
}

.other_menu ul li:last-child {
    padding: 0 0 20px 0;
}

.other_menu ul li a {
    color: #222222;
}

.other_menu ul li a:hover {
    color: #0db39e;
}

.other_menu ul li:not(:last-child):after {
    content: "|";
    padding: 0 5px 0 0;
}

.footer_menu {
    float: left;
    margin: 0 0 0 30px;
}

.footer_menu ul li {
    font-size: 14px;
}

.footer_menu ul li a {
    color: #222222;
}

.footer_menu ul li a:hover {
    color: #0db39e;
}

.signin_button {
    float: left;
}

.signin_button a {
    color: #222222;
    font-size: 15px;
    font-weight: 600;
    border: 1px solid #ebebeb;
    padding: 6px 15px 8px 20px;
    display: inline-block;
    border-radius: 5px;
    transition: 0.3s ease;
}

.signin_button a:hover {
    background: #273852;
    border-color: #273852;
    color: #ffffff;
}

.signin_button a:before {
    content: "\6e";
    font-family: "beniix";
    vertical-align: middle;
    margin: 0 0 0 5px;
}

.cart_button {
    float: left;
    margin: 0 10px 0 0;
}

.cart_button span {
    background-color: #000000;
    color: #ffffff;
    display: inline-block;
    width: 24px;
    height: 24px;
    text-align: center;
    font-size: 14px;
    border-radius: 100%;
    margin: 0 5px 0 0;
}

.cart_button a {
    color: #222222;
    font-size: 15px;
    font-weight: 600;
    border: 1px solid #ebebeb;
    padding: 6px 15px 8px 20px;
    display: inline-block;
    border-radius: 5px;
    transition: 0.3s ease;
}

.cart_button a:hover {
    background: #ebebeb;
    /*border-color: #273852;*/
    /*color: #ffffff;*/
}

.cart_button a:before {
    content: "\75";
    font-family: "beniix";
    vertical-align: middle;
    margin: 0 0 0 5px;
}

.alert_add_to_cart {
    color: #3c763d;
    background-color: #dff0d8;
    position: fixed;
    bottom: 50px;
    left: 0;
    right: 0;
    margin: 0 auto;
    display: table;
    font-size: 13px;
    font-weight: 500;
    padding: 10px 40px;
    border: 1px solid #d6e9c6;
    border-radius: 4px;
}

.label_free_cart {
    color: #004085;
    background-color: #cce5ff;
    border: 1px solid #b8daff;
    font-size: 13px;
    border-radius: 40px;
    display: inline-block;
    margin: 0 auto;
    padding: 3px 25px;
}

.alert_father_day_cart {
    color: #004085;
    background-color: #cce5ff;
    border: 1px solid #b8daff;
    font-size: 13px;
    border-radius: 40px;
    display: inline-block;
    margin: 0 auto;
    padding: 3px 25px;
    width: 100%;
    text-align: center;
}

.alert_father_day_cart a {
    color: #004085;
    font-weight: 500;
}

footer {
    background-color: #ffffff;
    box-shadow: 0 0 15px rgb(0 0 0 / 10%);
    color: #222222;
    padding: 20px 0;
}

.footer_bio {
    float: right;
    width: 50%;
    text-align: justify;
}

.footer_logo {
    border: 1px solid #e0e0e2;
    padding: 10px;
    width: 110px;
    border-radius: 10px;
    float: left;
    min-height: 117px;
}

.footer_title {
    font-size: 16px;
    font-weight: 500;
}

.footer_title img {
    width: 100px;
    display: inline-block;
    vertical-align: middle;
    margin: 0 0 0 5px;
}

.footer_content {
    font-size: 14px;
    margin: 10px 0 0 0;
}

.footer_bottom {
    border-top: 1px solid #e0e0e2;
    margin: 20px 0 0 0;
    padding: 10px 0 0 0;
}

.footer_bottom_right {
    float: right;
    font-size: 13px;
    font-weight: 500;
    color: #989898;
}

.footer_bottom_left {
    float: left;
    font-size: 13px;
    font-weight: 500;
    color: #989898;
}

.footer_bottom_left a {
    color: #989898;
}

#banner_section {
    padding: 30px 0;
}

.banner_row {
    margin: 0 -10px;
}

.banner_box {
    padding: 10px;
}

.banner_frame_dynamic {
    padding: 10px;
}

.banner_frame {
    background: #eee;
    border-radius: 10px;
    overflow: hidden;
    /*height: 200px;*/
}

.banner_half {
    width: 50%;
}

.banner_third {
    width: 33.33%;
}

.pull-right {
    float: right;
}

#new_products,
#popular_products {
    padding: 0 0 30px 0;
}

.box_product {
    background-color: #ffffff;
    padding: 20px;
    border-radius: 5px;
}

.main_title {
    font-size: 20px;
    font-weight: 600;
    margin: 0 0 15px 0;
}

#home_icons {
    padding: 50px 0;
}

#home_icons > .container {
    width: 970px;
}

.col_home_icon {
    width: 33.33%;
    float: right;
    padding: 0 10px;
}

.img_home_icon {
    width: 90px;
    margin: 0 auto;
}

.title_home_icon {
    font-size: 18px;
    font-weight: 700;
    color: #000000;
    text-align: center;
}

.excerpt_home_icon {
    font-size: 15px;
    text-align: center;
    color: #707070;
}

.row_product {
    margin: 0 -10px;
}

.col_product {
    width: 25%;
    float: right;
    padding: 0 10px;
}

.archive_main_page .col_product {
    width: 33.33%;
}

.img_product img {
    border-radius: 5px;
}

.detail_product {
    height: 120px;
}

.detail_product a {
    color: #000000;
}

.title_product {
    font-size: 16px;
    font-weight: 500;
    margin: 5px 0;
    height: 50px;
}

.sale_price {
    font-size: 18px;
    font-weight: 700;
    text-align: left;
    color: #273852;
}

#product_page .sale_price {
    text-align: right;
}

.sale_price span {
    font-size: 14px;
    font-weight: 500;
}

.unit_price {
    font-size: 18px;
    font-weight: 500;
    color: #959595;
    text-decoration: line-through;
    position: relative;
    height: 25px;
    text-align: left;
}

#product_page .unit_price {
    text-align: right;
}

.unit_price span {
    background-color: red;
    color: #fff;
    font-size: 15px;
    font-weight: 600;
    padding: 0 5px;
    border-radius: 7px;
    margin: 0 5px 0 0;
    position: absolute;
    left: 70px;
}

#product_page .unit_price span {
    left: unset;
}

#main_page {
    min-height: calc(100vh - 174.2px);
}

.title_wallet_balance {
    font-size: 15px;
    font-weight: 500;
    display: inline-block;
}

.value_wallet_balance {
    font-size: 25px;
    font-weight: 500;
    display: inline-block;
}

.value_wallet_balance span {
    font-size: 15px;
    font-weight: 500;
}

.inventory_increase input {
    background-color: #ffffff;
    border: 1px solid #e0e0e0;
    font-family: 'Estedad';
    padding: 7px 15px 10px 15px;
    font-size: 15px;
    border-radius: 5px;
    width: 200px;
    outline: none;
    direction: ltr;
    display: inline-block;
}

.inventory_increase button {
    font-size: 15px;
    background-color: #000000;
    color: #ffffff;
    border: 1.5px solid #000000;
    padding: 7px 30px 8px 30px;
    border-radius: 5px;
    font-family: 'Estedad';
    display: inline-block;
    margin: 0 5px 0 0;
}

#slider_new_products_mobile,
#slider_popular_products_mobile {
    display: none;
}

/* Archive Page */
#archive_page {
    padding: 50px 0;
}

.archive_main_sidebar {
    width: 240px;
    float: right;
    border: 1px solid #ebebeb;
    border-radius: 5px;
    padding: 15px;
}

.archive_main_sidebar .archive_title {
    font-size: 17px;
    float: right;
}

.remove_filter {
    float: left;
    color: red;
    font-size: 12px;
    font-weight: 500;
    margin: 5px 0 0 0;
}

.archive_main_sidebar button {
    font-size: 14px;
    background-color: #000000;
    color: #ffffff;
    border: 1.5px solid #000000;
    padding: 5px 20px 7px 20px;
    display: table;
    border-radius: 5px;
    font-family: 'Estedad';
    width: 100%;
    margin: 10px 0 0 0;
}

.filter_input {
    position: absolute;
    opacity: 0;
    z-index: -1;
}

.archive_main_sidebar .tab,
#user_account_main .tab {
    width: 100%;
    overflow: hidden;
}

.archive_main_sidebar .tab-label,
#user_account_main .tab-label {
    display: flex;
    justify-content: space-between;
    padding: 10px;
    font-weight: 500;
    cursor: pointer;
    font-size: 15px;
}

.archive_main_sidebar .tab-label::after,
#user_account_main .tab-label::after {
    content: "❯";
    /*width: 1em;*/
    /*height: 1em;*/
    text-align: center;
    transition: all 0.35s;
}

.archive_main_sidebar .tab-content,
#user_account_main .tab-content {
    max-height: 0;
    padding: 0 10px;
    transition: all 0.35s;
}

.archive_main_sidebar .tab-close,
#user_account_main .tab-close {
    display: flex;
    justify-content: flex-end;
    padding: 1em;
    font-size: 0.75em;
    background: #2c3e50;
    cursor: pointer;
}

.archive_main_sidebar .tab-close:hover,
#user_account_main .tab-close:hover {
    background: #1a252f;
}

.filter_input:checked + .tab-label::after {
    transform: rotate(-90deg);
}

.filter_input:checked ~ .tab-content {
    max-height: 145px;
    padding: 0 10px;
    overflow-y: scroll;
}

.filter_input:checked ~ .tab-content::-webkit-scrollbar,
.mobile_filter_frame .archive_main_sidebar::-webkit-scrollbar,
.mobile_menu_frame > ul::-webkit-scrollbar {
    width: 10px;
}

.filter_input:checked ~ .tab-content::-webkit-scrollbar-track,
.mobile_filter_frame .archive_main_sidebar::-webkit-scrollbar-track,
.mobile_menu_frame > ul::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px grey;
    border-radius: 10px;
}

.filter_input:checked ~ .tab-content::-webkit-scrollbar-thumb,
.mobile_filter_frame .archive_main_sidebar::-webkit-scrollbar-thumb,
.mobile_menu_frame > ul::-webkit-scrollbar-thumb {
    background: #000000;
    border-radius: 10px;
}

.filter_input:checked ~ .tab-content::-webkit-scrollbar-thumb:hover,
.mobile_filter_frame .archive_main_sidebar::-webkit-scrollbar-thumb:hover,
.mobile_menu_frame > ul::-webkit-scrollbar-thumb:hover {
    background: #ca5100;
}

.filter_feature input[type="checkbox"] {
    vertical-align: middle;
    margin: 0 0 0 10px;
}

.archive_main_page {
    width: calc(100% - 240px);
    float: right;
    padding: 0 30px 0 0;
}

.archive_title {
    font-size: 20px;
    font-weight: 700;
}

.sort_by {
    float: right;
}

.sort_by span {
    font-size: 15px;
    font-weight: 500;
}

.sort_by a {
    font-size: 14px;
    font-weight: 500;
    color: #9a9a9a;
    margin: 0 5px;
}

.sort_by a:hover {
    color: #000000;
}

.sort_by a.active {
    color: #000000;
}

.number_of_products {
    float: left;
    font-size: 14px;
    color: #9a9a9a;
}

.archive_row_product {
    margin: 30px -10px 0 -10px;
}

.pagination {
    text-align: center;
    margin: 10px 0;
}

.pagination_button {
    border: 2px solid #273852;
    color: #273852;
    font-size: 14px;
    font-weight: 600;
    padding: 4px 20px 6px 20px;
    display: inline-block;
    border-radius: 25px;
    transition: 0.3s ease;
}

.pagination_button:hover {
    background-color: #273852;
    color: #ffffff;
}

.price_filter input[type="range"] {
    box-sizing: border-box;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 100%;
    margin: 0;
    padding: 0 2px;
    overflow: hidden;
    border: 0;
    border-radius: 1px;
    outline: none;
    background: linear-gradient(#d3d3d3, #d3d3d3) no-repeat center;
    background-size: 100% 2px;
    pointer-events: none;
}

.price_filter input[type="range"]:active,
.price_filter input[type="range"]:focus {
    outline: none;
}

.price_filter input[type="range"]::-webkit-slider-thumb {
    height: 20px;
    width: 20px;
    border-radius: 28px;
    background-color: #000000;
    position: relative;
    margin: 5px 0;
    /* Add some margin to ensure box shadow is shown */
    cursor: pointer;
    -webkit-appearance: none;
    appearance: none;
    pointer-events: all;
    /*box-shadow: 0 1px 4px 0.5px rgba(0, 0, 0, 0.25);*/
}

.price_filter input[type="range"]::-webkit-slider-thumb::before {
    content: " ";
    display: block;
    position: absolute;
    top: 13px;
    left: 100%;
    width: 2000px;
    height: 2px;
}

.multi-range {
    position: relative;
    height: 30px;
    direction: ltr;
}

.multi-range input[type="range"] {
    position: absolute;
}

.multi-range input[type="range"]:nth-child(1)::-webkit-slider-thumb::before {
    background-color: red;
}

.multi-range input[type="range"]:nth-child(2) {
    background: none;
}

.multi-range input[type="range"]:nth-child(2)::-webkit-slider-thumb::before {
    background-color: grey;
}

.price_filter_title {
    font-weight: 500;
    font-size: 15px;
}

.category_filter li a, .category_filter a {
    color: #000000;
}

.category_filter li.active a {
    color: #000000;
    font-weight: bold;
}

.switch {
    position: relative;
    display: inline-block;
    width: 60px;
    height: 25px;
}

.switch input {
    opacity: 0;
    width: 0;
    height: 0;
}

.slider_switch {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
}

.slider_switch:before {
    position: absolute;
    content: "";
    height: 17px;
    width: 17px;
    left: 4px;
    bottom: 4px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
}

.switch input:checked + .slider_switch {
    background-color: #000000;
}

.switch input:focus + .slider_switch {
    box-shadow: 0 0 1px #000000;
}

.switch input:checked + .slider_switch:before {
    -webkit-transform: translateX(34px);
    -ms-transform: translateX(34px);
    transform: translateX(34px);
}

.slider_switch.round {
    border-radius: 50px;
}

.slider_switch.round:before {
    border-radius: 50%;
}

.label_switch_filter {
    font-size: 14px;
    font-weight: 500;
    display: inline-block;
    vertical-align: bottom;
    margin: 0 0 0 5px;
}

.mobile_filter_open {
    position: absolute;
    left: 15px;
    top: 29px;
    color: #222222;
    font-size: 15px;
    font-weight: 600;
    background-color: #ebebeb;
    border: 1px solid #dadada;
    padding: 3px 20px 5px 20px;
    border-radius: 5px;
    display: none;
}


.mobile_filter_close {
    background: #4c4c4c;
    color: #ffffff;
    width: 100px;
    margin: 0 auto 20px auto;
    text-align: center;
    font-size: 15px;
    font-weight: 500;
    border-radius: 4px;
    padding: 5px;
    cursor: pointer;
    display: none;
}


/* Archive Page */

/* Cart */
.cart_title {
    font-size: 20px;
    font-weight: 600;
    margin: 0 0 15px 0;
}

#cart_page {
    padding: 50px 0;
}

.cart_img_product {
    width: 80px;
    float: right;
}

.cart_detail_product {
    float: right;
    padding: 0 10px 0 0;
    min-height: 80px;
    display: flex !important;
    flex-direction: column;
    justify-content: center;
}

.cart_title_product {
    font-size: 16px;
    font-weight: 500;
}

.cart_variable_product {
    font-size: 16px;
    font-weight: 500;
    color: gray;
}

.cart_table tr th {
    background-color: unset;
    font-weight: 600;
    color: #525252;
}

.cart_table tr {
    background-color: #ffffff;
}

.cart_table tr td {
    background-color: unset;
    padding: 10px;
}

.cart_table .tr {
    background-color: unset;
}

.cart_table .col_center {
    margin: 0 auto;
    display: table;
}

.cart_table tr:last-child {
    border: unset;
}

.cart_button_quantity {
    background: unset;
    border: unset;
    font-size: 20px;
    vertical-align: middle;
    color: #787878;
}

.cart_button_quantity:hover {
    color: #000000;
}

.cart_button_trash {
    background: unset;
    border: unset;
    font-size: 20px;
    vertical-align: middle;
    color: #ff0000;
}

.cart_button_next_step {
    font-size: 15px;
    background-color: #000000;
    color: #ffffff;
    border: 1.5px solid #000000;
    padding: 8px 40px 10px 40px;
    display: table;
    border-radius: 5px;
    margin: 20px auto;
    font-family: 'Estedad';
}

.cart_button_next_step_green {
    font-size: 15px;
    font-weight: 500;
    background-color: #00a533;
    color: #ffffff;
    border: unset;
    padding: 8px 0;
    border-radius: 5px;
    font-family: 'Estedad';
    outline: none;
    width: 100%;
}

#coupon_message {
    display: inline-block;
    /*font-size: 13px;*/
    /*padding: 5px 10px;*/
    /*margin: 5px 0;*/
    /*border: 1px solid transparent;*/
    /*border-radius: 4px;*/
    /*color: #a94442;*/
    /*background-color: #f2dede;*/
    /*border-color: #ebccd1;*/
}

#coupon_remove {
    background: unset;
    border: unset;
    font-family: 'Estedad';
    font-size: 15px;
    font-weight: 500;
    color: red;
}

.payment_section_title {
    font-size: 16px;
    font-weight: 600;
    margin: 0 0 15px 0;
}

.payment_section_title img {
    vertical-align: middle;
    margin: 0 0 0 5px;
}

#snapppay_main {
    /*display: none;*/
    position: relative;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: end;
}

#snapppay_form button {
    font-family: 'Estedad';
    outline: none;
    width: 100%;
    background-color: #008efa;
    text-align: center;
    color: #ffffff;
    border-radius: 5px;
    border: none;
    font-size: 15px;
    font-weight: 500;
}

#snapppay_form button img {
    vertical-align: middle;
}

#snapppay_form p {
    font-size: 14px;
    font-weight: 500;
    margin: 0 0 20px 0;
}

.money_description {
    font-size: 14px;
    font-weight: 500;
    margin: 0 0 20px 0;
}

.money_description_wallet {
    margin: 0 0 20px 0;
}

.money_description_wallet .title_wallet_balance,
.money_description_wallet .value_wallet_balance,
.money_description_wallet .value_wallet_balance span {
    font-size: 14px;
    font-weight: 600;
}

.money_description_wallet label {
    display: block;
    font-size: 15px;
    font-weight: 400;
}

.title_coupon {
    font-size: 14px;
    font-weight: 500;
}

.box_payment {
    background-color: #ffffff;
    /*width: 500px;*/
    margin: 0 auto;
    padding: 30px;
    border-radius: 5px;
    box-shadow: 0 0 10px rgb(243 243 243);
}

.payment_section {
    width: 33.33%;
    float: right;
    padding: 0 20px;
    border-left: 1px solid #eaeaea;
    height: 225px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.payment_section:nth-last-child(2) {
    border-left: unset;
}

#invoice_data {
    margin: 20px 0 0 0;
}

.invoice_data_row {
    font-size: 15px;
}

.net_price {
    color: green;
    font-weight: 500;
}

.net_price span {
    font-weight: 500;
}

#result .main {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    min-height: calc(100vh - 375.8px);
}

#result .sign {
    width: 120px;
    margin-bottom: 15px;
}

#result .message {
    font-size: 22px;
    font-weight: 600;
    margin-bottom: 10px;
}

/* Cart */

/* Static Pages */
#main_stat_page {
    padding: 50px 0;
}

.main_page_title {
    font-size: 20px;
    font-weight: 600;
    margin: 0 0 15px 0;
}

.main_page_content {
    font-size: 17px;
    text-align: justify;
}

.main_page_content p {
    margin: 0 0 10px 0;
}

.main_page_content ul li {
    list-style: disc;
    list-style-position: inside;
}

.faq_question {
    font-weight: 600;
}

.faq_answer {
    margin: 7px 0 0 0;
}

.faq_row {
    padding: 10px 0;
}

/* Static Pages */

/* Product Single */
#product_page {
    padding: 50px 0;
}

.product_image {
    width: 511px;
    float: right;
}

.breadcrumb {
    font-size: 14px;
    color: #6e6e6e;
    margin: 0 0 10px 0;
}

.product_detail {
    width: calc(100% - 511px);
    float: right;
    padding: 0 60px 0 0;
}

.product_title {
    font-size: 25px;
    font-weight: 600;
}

.choose_size {
    margin: 20px 0;
}

.product_sub_title {
    font-size: 16px;
    font-weight: 500;
    margin: 0 0 5px 0;
}

.recommended_size {
    font-size: 13px;
    padding: 5px 10px;
    margin: 5px 0 10px 0;
    border: 1px solid #b8daff;
    border-radius: 4px;
    color: #004085;
    background-color: #cce5ff;
    display: table;
}

.not_recommended_size {
    font-size: 13px;
    padding: 5px 10px;
    margin: 5px 0 10px 0;
    border: 1px solid #ffeeba;
    border-radius: 4px;
    color: #856404;
    background-color: #fff3cd;
    display: table;
}

.not_recommended_size a {
    color: #856404;
    font-weight: 500;
}

.not_recommended_size a:hover {
    text-decoration: underline;
}

.size_button {
    display: inline-block;
}

.size_button label {
    cursor: pointer;
    /*width: 40px;*/
    height: 40px;
    border: 1px solid #b4b4b4;
    display: block;
    border-radius: 5px;
    text-align: center;
    padding: 5px 15px;
    font-size: 16px;
}

.size_button label:hover {
    background-color: #000000;
    color: #fff;
    border-color: #000000;
}

.size_button input[type=radio] {
    display: none;
}

.size_button input[type=radio]:checked ~ label {
    background-color: #000000;
    color: #fff;
    border-color: #000000;
}

.size_button input[type=radio]:disabled ~ label {
    background-color: #dcdcdc;
}

.size_button input[type=radio]:disabled ~ label:hover {
    border-color: #b4b4b4;
    color: #000000;
}

.help_size_button {
    display: inline-block;
    background: #0db39e;
    font-size: 15px;
    margin: 0 20px 0 0;
    color: #ffffff;
    padding: 6px 20px;
    border-radius: 3px;
    cursor: pointer;
}

.help_size_frame {
    display: none;
}

.help_size_frame > div {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    right: 0;
    background: rgb(0 0 0 / 60%);
    display: flex !important;
    flex-direction: column;
    justify-content: center;
    z-index: 99999;
}

.help_size_image {
    width: 600px;
    margin: 0 auto;
    border: 2px solid black;
    padding: 10px;
    background: white;
    border-radius: 5px;
}

.help_size_close {
    background: #000000;
    color: #ffffff;
    width: 100px;
    margin: 20px auto 0 auto;
    text-align: center;
    font-size: 15px;
    font-weight: 500;
    border-radius: 4px;
    padding: 5px;
    cursor: pointer;
}

.choose_quantity input {
    width: 40px;
    border: 1px solid #e4e4e4;
    direction: ltr;
    padding: 5px;
    border-radius: 5px;
    outline: none;
    font-family: 'Estedad';
    text-align: center;
}

.product_price {
    margin: 20px 0;
}

.installment_purchase {
    font-size: 14px;
    padding: 5px 10px;
    margin: 0 0 20px 0;
    border: 1px solid #b8daff;
    border-radius: 4px;
    color: #004085;
    background-color: #cce5ff;
    display: table;
}

.add_to_cart_button {
    width: 300px;
    display: inline-block;
}

.if_available_button {
    display: inline-block;
    cursor: pointer;
    background-color: #444444;
    color: #ffffff;
    font-size: 15px;
    border-radius: 5px;
    padding: 10px 20px 11.5px 20px;
    margin: 0 10px 0 0;
}

.if_available_button:hover {
    background-color: #000000;
}

.if_available_frame {
    display: none;
}

.if_available_frame > div {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    right: 0;
    background: rgb(0 0 0 / 60%);
    display: flex !important;
    flex-direction: column;
    justify-content: center;
    z-index: 99999;
}

.if_available_box {
    background-color: #ffffff;
    width: 500px;
    margin: 0 auto;
    padding: 30px;
    border-radius: 5px;
    border: 2px solid #484848;
}

.if_available_close {
    background: #000000;
    color: #ffffff;
    width: 100px;
    margin: 20px auto 0 auto;
    text-align: center;
    font-size: 15px;
    font-weight: 500;
    border-radius: 4px;
    padding: 5px;
    cursor: pointer;
}

.if_available_form input {
    border: 1px solid #d4d4d4;
    padding: 8px 20px 10px 20px;
    border-radius: 5px;
    font-family: 'Estedad';
    width: 100%;
    font-size: 15px;
    outline: none;
    margin: 0 0 10px 0;
    text-align: center;
}

.if_available_form input:focus {
    border: 1px solid #273852;
}

.if_available_form button {
    font-size: 15px;
    background-color: #273852;
    color: #ffffff;
    border: 1.5px solid #273852;
    padding: 8px 20px 10px 20px;
    display: table;
    border-radius: 5px;
    font-family: 'Estedad';
    width: 100%;
}

.add_to_cart_button button {
    font-size: 15px;
    background-color: #273852;
    color: #ffffff;
    border: 1.5px solid #273852;
    padding: 8px 20px 10px 20px;
    display: table;
    border-radius: 5px;
    font-family: 'Estedad';
    width: 100%;
}

.product_description {
    padding: 20px 0;
}

.product_description p {
    text-align: justify;
    font-size: 16px;
}

.product_feature {
    padding: 20px 0;
}

.product_comments {
    padding: 20px 0;
}

.detail_product_table {
    border: 0.05em solid #e3e3e3;
}

.detail_product_table tr th {
    background-color: #ededed;
}

.detail_product_table tr td {
    background-color: #f8f8f8;
}

.myProducts-gallery {
    float: right;
    width: 92px;
}

.myProducts-gallery img {
    height: 92px;
    margin: 10px 0;
    cursor: pointer;
    display: block;
    opacity: .5;
}

.myProducts-gallery img:hover {
    opacity: 1;
}

.image-container {
    float: right;
    padding: 10px;
    width: calc(100% - 92px);
}

.col_comments_50 {
    width: 50%;
    float: right;
    padding: 5px;
}

.col_comments_100 {
    width: 100%;
    float: right;
    padding: 5px;
}

.product_comments label {
    font-size: 15px;
    font-weight: 400;
    color: #2e3e48;
    margin: 0 0 3px 0;
    display: block;
}

.product_comments input {
    width: 100%;
    border: 1px solid #e4e4e4;
    padding: 8px 15px;
    border-radius: 5px;
    outline: none;
    font-family: 'Estedad';
}

.product_comments textarea {
    width: 100%;
    border: 1px solid #e4e4e4;
    padding: 8px 15px;
    border-radius: 5px;
    outline: none;
    font-family: 'Estedad';
    min-height: 120px;
}

.product_comments button {
    font-size: 15px;
    background-color: #000000;
    color: #ffffff;
    border: 1.5px solid #000000;
    padding: 8px 30px 10px 30px;
    display: table;
    border-radius: 5px;
    font-family: 'Estedad';
    margin: 20px auto;
}

.row_comment_show:not(:last-child) {
    border-bottom: 1px solid #ececec;
    padding: 0 0 10px 0;
    margin: 0 0 10px 0;
}

.author_comment_show {
    font-size: 16px;
    font-weight: 500;
    margin: 0 0 5px 0;
}

.content_comment_show {
    font-size: 14px;
    text-align: justify;
}


.active_filters {
    display: flex;
}

.active_filters li {
    background-color: #000000;
    color: #ffffff;
    font-size: 14px;
    padding: 2px 10px 2px 6px;
    border-radius: 15px;
    display: flex;
    align-items: center;
    margin: 3px;
}

.active_filters li a {
    color: #000000;
    background: #ffffff;
    display: block;
    width: 20px;
    height: 20px;
    border-radius: 100%;
    margin-right: 10px;
    text-align: center;
}

.order_cancel_button {
    display: table;
    font-size: 15px;
    background-color: #bd0101;
    color: #ffffff;
    border: none;
    padding: 7px 30px 8px 30px;
    border-radius: 5px;
    font-family: 'Estedad';
}

/**----------------------------------- loading ------------------------------------**/
.loading-frame {
    position: fixed;
    width: 100%;
    height: 100%;
    background-color: #000000;
    z-index: 100000000000000;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    top: 0;
    right: 0;
}

.lds-ring {
    display: inline-block;
    position: relative;
    width: 80px;
    height: 80px;
}

.lds-ring div {
    box-sizing: border-box;
    display: block;
    position: absolute;
    width: 64px;
    height: 64px;
    margin: 8px;
    border: 8px solid #fff;
    border-radius: 50%;
    animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
    border-color: #fff transparent transparent transparent;
}

.lds-ring div:nth-child(1) {
    animation-delay: -0.45s;
}

.lds-ring div:nth-child(2) {
    animation-delay: -0.3s;
}

.lds-ring div:nth-child(3) {
    animation-delay: -0.15s;
}

@keyframes lds-ring {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}


.loading-frame-sm {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #fff;
    z-index: 100000000000000;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    top: 0;
    right: 0;
}

.loading-frame-sm .lds-ring div {
    width: 64px;
    height: 64px;
    margin: 5px;
    border: 5px solid #0378d7;
    border-color: #0378d7 transparent transparent transparent;
}

/* Product Single */
#successful_page {
    text-align: center;
    padding: 50px 15px;
}

#successful_page h1 {
    font-size: 40px;
    font-weight: 700;
    color: #004e92;
}

#successful_page h2 {
    font-size: 20px;
    font-weight: 600;
    margin: 10px 0;
}

#successful_page h3 {
    font-size: 15px;
    color: #484848;
}

#successful_page a {
    background: #004e92;
    color: #ffffff;
    margin: 20px auto 0 auto;
    width: 200px;
    padding: 10px;
    border-radius: 5px;
    font-size: 15px;
    font-weight: 500;
    display: block;
}

/**
--------------------------------------------------------------------------------------
------------------------ ********** Responsive Css ********** ------------------------
--------------------------------------------------------------------------------------
**/

@media only screen and (max-width: 1099px) and (min-width: 800px) {
}

@media only screen and (max-width: 799px) and (min-width: 600px) {

}

@media only screen and (max-width: 599px) {
    .container {
        width: 100%;
        padding: 0 15px;
    }

    #nav_bar {
        font-size: 13px;
    }

    #nav_bar span {
        margin: 5px 0 0 0;
    }

    .banner_box, .header_search input,
    .col_profile_form2, .col_profile_form3, .box_payment,
    .product_image, .col_comments_50,
    #home_icons > .container {
        width: 100%;
    }

    .archive_main_page .col_product, .col_product {
        width: 50%;
    }

    .product_detail {
        padding: 0;
        width: 100%;
    }

    .myProducts-gallery img {
        height: 60px;
    }

    .myProducts-gallery {
        width: 60px;
    }

    .image-container {
        width: calc(100% - 60px);
    }

    .if_available_button {
        margin: 20px 0 0 0;
    }

    .footer_bio {
        float: unset;
        width: 100%;
    }

    .footer_logo {
        float: unset;
        margin: 20px auto 0 auto !important;
        min-height: auto;
    }

    .footer_bottom_right, .footer_bottom_left {
        float: unset;
        text-align: center;
    }

    .footer_title img {
        display: table;
        margin: 0 auto;
    }

    .footer_title {
        text-align: center;
    }

    .header_logo {
        float: unset;
        margin: 0 auto 10px auto;
        padding: 0;
    }

    .header_search {
        float: unset;
    }

    .header_buttons {
        margin: 15px auto 5px auto;
        display: table;
    }

    .other_menu ul li {
        font-size: 12px;
    }

    .archive_main_page {
        width: 100%;
        float: right;
        padding: 0;
    }

    .sort_by a {
        font-size: 12px;
        margin: 0 4px;
    }

    .box_auth, .detail_of_order {
        width: 90%;
    }

    #user_account_main {
        width: 100%;
        margin: 0;
    }

    .inventory_increase button {
        padding: 7px 20px 8px 20px;
    }

    .inventory_increase input {
        width: 190px;
    }

    .help_size_image, .if_available_box {
        width: 95%;
    }

    .archive_main_sidebar,
    .main_menu, .other_menu {
        display: none;
    }

    header {
        padding: 20px 0;
    }

    .title_product, .unit_price span {
        font-size: 14px;
    }

    .sale_price, .unit_price {
        font-size: 17px;
    }

    #archive_page {
        padding: 30px 0;
        position: relative;
    }

    .archive_page_header > div {
        margin: 10px 0 0 0;
    }

    .number_of_products {
        float: unset;
        text-align: center;
    }

    .mobile_menu_open {
        display: table;
    }

    .mobile_filter_open {
        display: block;
    }

    .col_product {
        padding: 10px;
    }

    #user_account_sidebar {
        display: block;
        width: 100%;
        margin: 0 0 20px 0;
    }

    .col_home_icon {
        width: 50%;
        padding: 10px;
    }

    .img_home_icon {
        width: 60px;
    }

    .excerpt_home_icon {
        font-size: 11px;
    }

    .mobile_filter_frame {
        position: fixed;
        background: rgb(255 255 255 / 97%);
        width: 100%;
        height: 100%;
        z-index: 1000;
        top: 0;
        right: 0;
        padding: 30px;
    }

    .mobile_filter_frame > div {
        overflow-y: scroll;
        height: 370px;
        border: 1px solid #ebebeb;
        border-radius: 5px;
        padding: 15px;
    }

    .mobile_filter_frame button {
        position: absolute;
        z-index: 999999;
        bottom: 0;
        left: 0;
        right: 0;
        width: 100%;
        border-radius: 0;
    }

    .mobile_filter_frame > div::-webkit-scrollbar {
        width: 10px;
    }

    .mobile_filter_frame > div::-webkit-scrollbar-track {
        box-shadow: inset 0 0 5px grey;
        border-radius: 10px;
    }

    .mobile_filter_frame > div::-webkit-scrollbar-thumb {
        background: #000000;
        border-radius: 10px;
    }

    .mobile_filter_frame > div::-webkit-scrollbar-thumb:hover {
        background: #ca5100;
    }

    .mobile_filter_close {
        display: block;
        overflow-y: unset !important;
        height: unset !important;
        border: unset !important;
        border-radius: 4px !important;
        padding: 5px !important;
    }

    .box_product {
        padding: 10px;
    }

    .payment_section {
        width: 100%;
        float: unset;
        padding: 20px 0;
        border-left: unset;
        height: auto;
        border-bottom: 1px solid #eaeaea;
    }

    .active_filters {
        display: unset !important;
    }

    .footer_menu {
        float: unset;
        margin: 30px auto 0 auto;
        display: table;
        text-align: center;
    }

    #slider_new_products_mobile,
    #slider_popular_products_mobile {
        display: block;
    }

    #slider_new_products,
    #slider_popular_products {
        display: none;
    }

    .banner_frame_dynamic_not_slider {
        width: 100% !important;
    }

    .installment_purchase {
        width: 100%;
        text-align: center;
    }

    .add_to_cart_button {
        position: fixed;
        bottom: 0;
        left: 0;
        right: 0;
        width: 100%;
        z-index: 99999;
    }

    .add_to_cart_button button {
        border-radius: 0;
        background: #4CAF50;
        border-color: #4CAF50;
    }

    .responsive_table {
        border: 0;
    }

    .responsive_table caption {
        font-size: 1.3em;
    }

    .responsive_table thead {
        border: none;
        clip: rect(0 0 0 0);
        height: 1px;
        margin: -1px;
        overflow: hidden;
        padding: 0;
        position: absolute;
        width: 1px;
    }

    .responsive_table tr {
        border-bottom: 3px solid #ddd;
        display: block;
        margin-bottom: .625em;
    }

    .responsive_table td {
        border-bottom: 1px solid #ddd;
        display: block;
        font-size: 13px;
        text-align: left;
    }

    .responsive_table td::before {
        /*
        * aria-label has no advantage, it won't be read inside a table
        content: attr(aria-label);
        */
        content: attr(data-label);
        float: right;
        font-weight: 600;
        text-transform: uppercase;
    }

    .responsive_table td:last-child {
        border-bottom: 0;
    }

    .title_product {
        height: auto;
    }
}