@font-face {  font-family: IRANSans;  src: url('font/IRANSansWeb(FaNum).woff2') format('woff2'), /* Super Modern Browsers */ url('font/IRANSansWeb(FaNum).woff') format('woff'), /* Pretty Modern Browsers */ url('font/IRANSansWeb(FaNum).ttf') format('truetype'); /* Legacy iOS */ font-display: block; }
:root {
    --main_green_sazman:#1B9C90;
    --light_blue:#19bfd3;
    --gray_62:#626262;
    --color-border:#E2E2E2;
    --color_initial_price:#919191;
    --color_discount:#D00000E8;
    --color_gray:#3A3A3A;
    --light_gray:#81858B;
    --border_img:#FDFDFD;
    --dark_gray:#787878;
    --gray-border: #F8F8F8;
    --main-color-orange: #F48C09;
    --gray_49:#494949;
    --gray_81:#81858b;
    --active_sort:#ef394e;
    --gray_31:#313131;
    --gray_20:#202020;
    --brand-primary:#F19411;
}
.font-9 {font-size: 9px}
.font-10 {font-size: 10px}
.font-11 {font-size: 11px}
.font-12 {font-size: 12px}
.font-13 {font-size: 13px}
.font-14{font-size: 14px}
.font-15 {font-size: 15px}
.font-16 {font-size: 16px}
.line-height-25 {line-height: 25px}
.line-height-30 {line-height: 30px}
.line-height-31 {line-height: 31px}
.line-height-32 {line-height: 32px}
.font_size_14{font-size: 14px;}
li{list-style: none;}
.row{margin-right: 0px!important;margin-left: 0px!important;}
.two_line {overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;width: 100%;}
body{font-family: IRANSans;max-width: unset!important;}
.card_all_product {width: 100%;display: grid;grid-template-columns: repeat(3,1fr);margin-bottom: 0%;border-top: 1px solid var(--color-border);}
.item_product{display: flex;justify-content: space-around;flex-direction: column;border: 1px solid var(--color-border);border-right: unset!important;padding: 4%;position: relative;border-top: unset!important;}
.card_all_product>.item_product:nth-child(3n+0){border-left: unset!important;}
.img_item_product{width: 240px;height: 240px;display: flex;margin: 0% auto;justify-content: center;padding: 5%;}
.img_item_product>img{width: 100%;height: 100%;}
.line_height_26{line-height: 26px;}
.card_price_product{width: max-content;display: flex;flex-direction: column;align-items: end;margin-right: auto;margin-top: 1%;}
.initial_price{color: var(--color_initial_price);font-size: 11px;}
.line-through {text-decoration: line-through;}
.discount{border-radius: 100%;color:#fff;background-color: var(--main-color-orange);width: 40px;height: 40px;position: absolute;left: 4%;top: 4%;display: flex;justify-content: center;align-items: center;margin: auto;z-index: 5;padding: 1%;}
.discount>span{color: white;font-size: 10px;}
.product_name {margin: 2% 0%!important;text-align: center;}
.product_name,.card_price_product>p{color: black!important;}
.item_product:hover{box-shadow: 0px 4px 4px rgba(200, 200, 200, 0.25);}
.skeleton {background-color: #e2e5e7;background-image: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0));background-size: 40px 100%;background-repeat: no-repeat;background-position: left -40px top 0;-webkit-animation: shine 1s ease infinite;animation: shine 1s ease infinite;}
a{text-decoration: unset;}
.card_details_suppliers{border: 1px solid var(--color-border);margin: 3.5% 1.5%;display: flex;align-items: center;justify-content: space-between;padding: 0.2%;position: relative;border-radius: 3px;}
.logo_supplier{width: 3.2rem;height: 100%;border: 1px solid var(--border_img);margin-left: 5px;}
.membership {color: var(--color_gray);}
.membership,.card_left_details_suppliers>a{font-size: 11px;}
.card_left_details_suppliers>a{color: var(--light_gray);}
.card_details_suppliers>div{float: right;}
.line{transform: rotate(90deg);height: 1px;width: 23px;margin: 0%;}
.card_left_details_suppliers{display: flex;flex-direction: row;align-items: center;justify-content: space-between;padding:0% 1.5% 0% 1%;}
.card_left_details_suppliers>a,.card_left_details_suppliers>hr{padding: 0% 1px;}
.number_product>span {color: var(--dark_gray);font-size: 12px;}
.number_product{position: absolute;top: -3.5%;left: 1.5%;}
.sticky_nav {padding-top: 2.3%!important;}
.card_blank__product{width: 100%;height: 100%;text-align: center;margin:0%;display: flex;justify-content: center;align-items: center;}
.card_group_all_product{width: 100%;height: 100%;display: grid;grid-template-columns: 24% 76%;padding: 1% 1.5% 20px 1.5%;max-width: 1304px!important;margin: auto;}
.card-right-product-requirements{position: sticky;top: 1%;}
.card-right-conversation-main {position: sticky;top: 13%;}
.subset-card-right {width: 100%;border: 1px solid #fafafa;box-shadow: 0px 4px 4px rgb(210 210 210 / 25%);background-color: white;border-radius: 5px;padding: 20px 18px 0px 18px;}
.line-card-Selection-discourse {color: var(--gray-border);opacity: 2;width: 100%;display: flex;margin: 0 auto;height: 1px !important;}
.card-Selection-discourse:hover {border: none;outline: none;}
.title-card-right {font-size: 15px;width: 100%;text-align: right;padding: 9px 6px 9px 6px;}
.icon-arrow-bottom {background-size: 14px;}
.btn-collapse:not(.collapsed) {background: url(../icon/arrow-top-orange.svg) no-repeat 5%/0;background-size: 14px !important;border-right: 2px solid var(--main-color-orange) !important;border-radius: 0 !important;padding: 0 8px 0 8px !important;margin: 9px 0 9px 0 !important;border-bottom: none !important;}
.btn-collapse {border: none;outline: none;}
.lable_item_filter {max-width: 200px;cursor: pointer;padding-left: 5%;}
.title_card_item_filter{display: flex;flex-direction: column;font-size: 14px;line-height: 25px;padding: 11px 0px 11px 0px;position: relative;}
.title_card_item_filter>label{cursor: pointer;position: relative;width: 100%}
.card-body-Selection-discourses {border: none;padding: 0px!important;}
.tv-search-input-container-tm {margin: 3.5% 0% 5.5% 0%;position: relative;}
.icon-search-city {background: url(../icon/search-orange.svg) no-repeat 99%/0;background-size: 21px;}
.tv-search-result-ul-tm .tv-in-tm {animation-name: fadeIn;animation-duration: 1s;}
.tv-search-result-ul-tm .tv-out-tm {opacity: 0;animation-name: fadeOut;animation-duration: 1s;height: 0;overflow: hidden;}
.tv-search-result-ul-tm{padding: 8px 0px !important;}
@keyframes fadeIn { from {opacity: 0;} to {opacity: 1;} }
@keyframes fadeOut { from {opacity: 1;height: auto;overflow: hidden;} to {opacity: 0;} }
.item-checkbox-city {width: auto;margin: 5% 0%;display: flex;align-items: center;}
.checkbox-lable-city {cursor: pointer;position: relative;display: flex;align-items: center;}
.checkbox-lable-city input {opacity: 0;cursor: pointer;height: 0;width: 0;}
.checkmark-city {position: relative;float: right;right: 0%;width: 13px;height: 13px;border-radius: 2.5px;border: 1px solid lightgray;background-color: #fff;margin-left: 2.5%;}
.checkbox-lable-city input:checked ~ .checkmark-city {background-color: gray;}
.checkmark-city:after {content: "";position: absolute;display: none;}
.checkbox-lable-city input:checked ~ .checkmark-city:after {display: block;}
.checkbox-lable-city .checkmark-city:after {left: 4px;top: 0.5px;width: 4px;height: 8px;border: 0px solid white;border-width: 0 2px 2px 0;-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);}
.font-normal-14 {font-size: 13px;}
.filter-price__flex-row input {width: 28%;background: antiquewhite;border-radius: 16px;border: none;font-size: 13px;direction: ltr;text-align: center;padding: 1.5% 4%;}
.js-price-down {float: left;}
.filter-price__slider {margin-bottom: 20px;margin-top: 20px;}
.filter-price__slider.noUi-horizontal {height: 3px;background-color: #D7DEE4;border: none;box-shadow: none;position: relative;}
.filter-price__slider .noUi-connect {background-color: #fdcf6d;}
.filter-price__slider .noUi-handle-lower {right: -10px !important;}
.filter-price__slider .noUi-handle-upper {right: 0 !important;}
.filter-price__slider .noUi-handle {width: 11px;height: 11px;border-radius: 50%;background: #ff8a02;border: none;box-shadow: none;outline: none;cursor: pointer;top: -4px;}
.filter-price__slider .noUi-handle::after, .filter-price__slider .noUi-handle::before {display: none;width: auto;height: auto;background: transparent;left: auto;top: auto;}
.filter-price__slider .noUi-handle.noUi-handle-lower::before, .filter-price__slider .noUi-handle.noUi-handle-upper::before {display: block;font-size: 12px;top: -14px;color: #565b61;}
.filter-price__slider .noUi-handle.noUi-handle-lower::before {content: "";}
.filter-price__slider .noUi-handle.noUi-handle-upper::before {content: "";}
.all-toggle-cover {margin: 12px 27px 4px 0px;}
.btn-toggle .knobs:before {
    content: "";
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    left: 10px;
    width: 14px;
    height: 14px;
    color: #fff;
    font-size: 10px;
    font-weight: bold;
    text-align: center;
    line-height: 1;
    padding: 6px 4px;
    background-color: #ffffff;
    border-radius: 50%;
    transition: 0.3s cubic-bezier(0.18, 0.89, 0.35, 1.15) all;
}
.btn-toggle .checkbox:checked + .knobs:before {content: "";left: 30px;background-color: #ffffff;}
.btn-toggle .checkbox:checked ~ .layer {background-color:var(--main_green_sazman);}
.btn-toggle .knobs, .btn-toggle .knobs:before, .btn-toggle .layer {transition: 0.3s ease all;}
.button-cover, .knobs, .layer {position: absolute;top: 0;right: 0;bottom: 0;left: 0;}
.knobs {z-index: 2;}
.layer {width: 100%;background-color:#cfcfcf;transition: 0.3s ease all;z-index: 1;}
.button.r, .button.r .layer {border-radius: 100px;}
.tv-search-input-tm {border-radius: 5px;border: 1px solid lightgray;font-size: 12px;width: 100%;padding: 3.2% 12.4% 3.2% 4%;}
.tv-search-input-tm:focus{outline: none;}
.btn-check:focus+.btn, .btn:focus{box-shadow: unset!important;}
.btn-toggle {position: relative;width: 40px;height: 18px;}
.toggle-button-cover label {font-size: 14px;}
.button.b2 {border-radius: 2px;}
.checkbox {
    position: relative;
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
    opacity: 0;
    cursor: pointer;
    z-index: 3;
}
.direct_shipping{font-size: 13px;font-weight: 400;line-height: 2.15;color: var(--light_gray);margin-top: 6px;}
.direct_shipping:hover{color: var(--light_gray);}
.group_sendSeller_btnToggle{display: flex;align-items: center;justify-content: space-between;flex-direction: row;width: 100%;}
.icon_search_gray_filter {width: 18px;position: absolute;height: 18px;top: 50%;transform: translate(-50%,-50%);}
.delete_filters{color: var(--light_blue);font-size: 12px;padding-right: 10px;cursor: pointer;}
.card_top_filter {align-items: center;display: flex;flex-direction: row;justify-content: space-between;margin-bottom: 8%;}
.Selection-item {line-height: 40px;}
.height_scroll_filter{max-height: 305px;}
.tv-search-result-ul-tm>.item-checkbox-city:first-child{margin-top: 0px!important;}
.input_range_price{border: unset;border-bottom: 1px solid lightgray;text-align: left;font-size: 15px;padding: 0px 5px 6px 5px;font-weight: bold}
.input_range_price:focus{outline: unset}
.card_range_price>span {font-size: 13px;position: relative;bottom: -14px}
.card_range_price>span:first-child{float: right;}
.card_range_price>span:last-child{float: left;}
.card_range_price {margin-bottom: 9%;align-items: center;display: flex;justify-content: space-between;}
.ui-slider-handle{border-radius: 100%;background: var(--gray_49)!important;cursor: pointer!important;}
.ui-slider {height: 6px !important;background: #f8f8f8;}
.ui-slider-horizontal .ui-slider-handle {top: -8px!important;border: 1px solid var(--gray_49)!important}
.ui-widget-content {border: unset !important;}
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus{
    border: unset!important;
}
.priceSlider_card {margin: 14% 0%;padding: 0px 6%;}
.txt_most_least {font-size: 14px;color: gray;font-family: IRANSans;}
.arrow_btn_filters,.arrow-filter{width: 12px;height: 12px;}
.arrow_btn_filters,.arrow-filter {width: 12px;height: 12px;position: absolute;left: 7px;top: 50%;transform: translate(-50%, -50%);}
.ul__sort {display: flex;align-items: center;}
.card_main_sorts{display: flex;align-items: center;padding: 6px 0px 10px 0px;justify-content: space-between}
.sort__products>span,.ul__sort>li{font-size: 13px;color: var(--gray_31);}
.icon_sort{width: 23px;height: 23px}
.sort__products {display: flex;justify-content: space-between;align-items: center;}
.sort__products>span {padding-right: 6px;}
.ul__sort>li {padding: 0px 7px;cursor: pointer;}
.number_product_all{font-size: 12px;color: var(--gray_81);}
.card_right_sort{display: flex;align-items: center;}
.active_sort{color:var(--active_sort)!important;}
.card-left-supplier-products {padding-right: 1%;}
.card_main_sorts_phone{display: none}
.pagination_product {
    display: flex;
    list-style: none;
    padding: 0;
    margin-top: 5%;
    justify-content: center;
    align-items: center;
}
.pagination_product li {display: inline;margin: 0 5px;}
.pagination_product .a-custom {display: flex;align-items: center;justify-content: center;font-size: 15px;text-decoration: none;padding: 5px;color: var(--gray_20);border: unset;width: 35px;height: 35px;}
.modal-3 .a-custom:hover {color: #FFFFFF;background: var(--main-color-orange);}
.pagination_product a.active {cursor: default;}
.pagination_product a:active {outline: none;}
.modal-3 a {margin-left: 3px;padding: 0;width: 30px;height: 30px;line-height: 30px;color: var(--gray_20);-moz-border-radius: 100%;-webkit-border-radius: 100%;border-radius: 100%;text-align: center;text-decoration-line: none;}
.modal-3 a.active, .modal-3 .a-custom:active {background-color: var(--main-color-orange);color: #FFFFFF;}
.icon_arrow_pagination {width: 17px;height:17px;margin: 0px 5px;}
.ui-slider-range{background: var(--gray_49)!important}
.btn_submit_range_price {background: white;border: 1px solid #494949;color: #494949;border-radius: 4px;padding: 7px 25px;width: max-content;margin: 1% auto 11% auto;font-size: 13px;}
.page-item.active .page-link {color: #fff !important;}
.pagination .page-link{cursor: pointer}
.pagination {padding-bottom: 45px;margin-bottom: 0px!important;}
.page-link {
    padding: 5px;
    font-size: 14px;
    border-radius: 50%;
    border-color: white;
    line-height: normal;
    color: black;
    margin: 0px 3px!important;
    width: 35px;
    height: 35px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.pagination>li:first-child>.page-link>svg, .pagination>li:last-child>.page-link>svg {
    width: 0.8rem;
    height: 0.8rem;
}
.footer-desktop {display: block!important;}
.name-item-checkbox {color: black;}
/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {-webkit-appearance: none;margin: 0;}
/* Firefox */
input[type=number] {-moz-appearance: textfield;}
.subset-card-right .line-card-Selection-discourse:last-child{display: none !important;}
/*modal area*/
.btn-close {z-index: 55;}
.mobile-category .category-nav-pills {border-left: 0;padding-left: 0;}
.category-nav-pills .nav-link {padding: 0.4rem 1rem;width: 100%;}
.item-modal-multi-level .name-item-checkbox{color: black;margin-right: 2px;}
.category-close {left: 5px !important;opacity: 1!important;top: unset!important;position: relative!important;}
.btn-close{font-size: 0.8rem!important;}
.item-modal-multi-level>svg {width: 11px;height: 11px;}
.lvl-2,.lvl-3,.lvl-4,.lvl-5{display: none;}
.top-categroy>svg {width: 18px;height: 18px;margin-left: 6px;cursor: pointer;}
.mobile-category {overflow-y: scroll;max-height: calc(100vh - 280px);}
.item-selected-style svg{width: 15px;height: 15px;cursor: pointer;}
.item-selected-style {border-radius: 5px;background-color: #f3f3f3;padding: 5px 10px;margin: 5px}
.item-selected-style span{line-height: normal;}
.initial-price-product{color: var(--placeholder-share)}
.initial-price-product::before {content: "";display: block;width: 100%;height: 1px;background-color: var(--placeholder-share);z-index: 1;position: absolute;top: 50%;transform: rotate(357deg);}
.discount-product-index{background-color: var(--brand-primary);height: 25px;min-width:42px;width: fit-content;border-radius: 2px;line-height: normal;}
.page-item.active .page-link, .page-link:hover {
    background-color: #f48c09;
    border-color: #f48c09;
    box-shadow: unset!important;
}
.page-item .page-link{border: unset;box-shadow: unset!important;}
.page-link:hover {
    color: #fff;
}
@media (min-width: 1370px){
    .card_blank__product {margin: 3% 0%;}
}
@media (max-width: 1322px) {
    .img_item_product {width: 220px;height: 220px;padding: 1%;}
}
@media (max-width: 1240px) {
    .btn_submit_range_price {padding: 6.5px 26px;}
    .arrow_btn_filters {width: 10px;height: 10px;}
    .card_main_sorts {padding: 6px 0px 13px 0px;}
    .checkmark-city {margin-left: 3%;}
    .tv-search-input-tm {font-size: 12px;padding: 3.2% 14% 3.2% 4%;}
    .btn-toggle .knobs:before {width: 13px;height: 13px;}
    .lable_item_filter {max-width: 155px;}
    .filter-price__flex-row input {width: 29%;font-size: 12px;}
    .tv-search-input-container-tm {margin-bottom: 7%;margin-top: 3%;}
    .btn-collapse:not(.collapsed) {background-size: 13px !important;}
    .icon-arrow-bottom {background-size: 13px;}
    .title-card-right {font-size: 14px;}
    .card-right-product-requirements {top: 2%;}
    .img_item_product {width: 200px;height: 200px;padding: 2%;}
}
@media (max-width: 1115px){
    .pagination_product {margin-top: 6%;}
    .card_top_filter {margin-bottom: 9%;}
    .checkmark-city {margin-left: 3.1%;}
    .lable_item_filter {max-width: 65%;}
    .number_product {top: -3.6%;}
    .img_item_product {
        width: 185px;
        height: 185px;
        padding: 3%;
    }
    .discount {width: 28px;height: 28px;}
    .discount>span {font-size: 9px;}
    .font_size_14 {font-size: 13px;}
    .membership, .card_left_details_suppliers>a {font-size: 10px;}
    .line {width: 21px;}
    .number_product>span {font-size: 11px;}
}
@media (max-width: 1090px){
    .card_range_price>span {bottom: -14px;}
    .btn_submit_range_price {padding: 6px 25px;}
    .card-right-conversation-main {top: 16%;}
    .number_product_all{display: none}
    .sticky_nav {padding-top: 3.8%!important;}
    .icon_sort {width: 21px;height: 21px;}
    .card_group_all_product {padding: 1.5% 1.5% 20px 1.5%;}
}
@media (max-width: 1024px) {
    .priceSlider_card {margin: 8% 0%;}
    .btn_submit_range_price {padding: 7px 33px;font-size: 15px;margin: -2% auto 4% auto;}
    .modal-dialog_sort{max-width: 50% !important;width: 50% !important;}
    .input_range_price {width: 100%;margin: 0px 3%;}
    .card_main_modal_sort{padding: 0px 19px;}
    .sort__products>span, .ul__sort>li {font-size: 14px;}
    .ul__sort_phone{flex-direction: row;width: 100%;flex-wrap: wrap;margin-bottom: 6% !important;}
    .tv-search-input-container-tm {margin-bottom: 2%;margin-top: 1%;}
    .item-checkbox-city {margin: 1.5% 0%;}
    .card-left-supplier-products {padding-right: 0%;}
    .card_group_all_product {grid-template-columns: 100%;}
    .tv-search-input-tm {font-size: 12px;padding: 12px 35px 12px 8px;}
    .filter-price {padding-left: 4%;padding-right: 4%;}
    .card_range_price {margin-bottom: 5%;}
    .checkmark-city {width: 13px;height: 13px;margin-left: 10px;}
    .checkbox-lable-city .checkmark-city:after {left: 3px;top: 0.22px;width: 3.5px;height: 7px;}
    .icon-search-city {background-size: 23px;background-position-y: 5.5px;}
    .card-right-product-requirements {display: none;}
    .sticky_nav {padding-top: 3.7%!important;}
    .line_height_26 {line-height: 24px;}
    .discount {width: 27px;height: 27px;}
    .img_item_product {width: 170px;height: 170px;padding: 4%;}
    .product_name {margin: 3% 0% !important;}
    .card_price_product {margin-top: 2.5%;}
    .ul__sort>li {padding: 0px 8px;}
    .ul__sort_phone>li{padding: 13px 0px!important;text-align: right;position: relative;display: flex;align-items: center;margin-left: 5%;width: 125px}
    .icon_sort {width: 22px;height: 22px;}
    .card_main_sorts{display: none}
    .icon_filter_sort{width: 20px;height: 20px;margin-left: 7px;}
    .card_main_sorts_phone {align-items: center;display: flex;padding-bottom: 10px;padding-top: 10px}
    .card_main_sorts_phone>button{font-size: 13px;margin-left: 1.5%;border: unset;background: unset;display: flex;align-items: center}
    .subset-card-right {border: unset;box-shadow: unset;padding: 21px 19px 0px 19px;}
    .btn-close-modal {position: absolute;left: 13px;top: 13px;font-size: 15px;padding: 0px;}
    .title_card_item_filter {padding: 16px 0px 16px 0px;}
    .card_top_filter {margin-bottom: 1%;background-color: white;position: sticky;top: 0px;padding: 20px 0px;z-index: 22;}
    .card-right-conversation-main {padding-left: 0px !important;}
    .arrow_btn_filters,.arrow-filter {width: 12px;height: 12px;left: 10px;}
    .icon_done_active{width: 22px;height: 22px;position: absolute;left: 0px}
    .ul__sort_phone>li>input {margin-left: 8px;}
    .card_group_all_product{padding-top: 0%}
    .card-right-conversation-main {top: 20px;}
}
@media (max-width: 991px){
    .font-9 {font-size: 8px}
    .font-10 {font-size: 9px}
    .font-11 {font-size: 10px}
    .font-12 {font-size: 11px}
    .font-13 {font-size: 12px}
    .font-14 {font-size: 13px}
    .font-15 {font-size: 14px}
    .font-16 {font-size: 15px}
    .line-height-25 {line-height: 23px}
    .line-height-31 {line-height: 29px}
    .line-height-32 {line-height: 30px}
}
@media (max-width: 900px){
    .card_blank__product {margin: 7.7% 0%;}
    .sticky_nav {padding-top: 4.4%!important;}
}
@media (max-width: 935px){
    .card_blank__product {margin: 7.2% 0%;}
    .membership, .card_left_details_suppliers>a {font-size: 9px;}
    .line {width: 19px;}
    .number_product>span {font-size: 10px;}
    .number_product {top: -4%;}
    .logo_supplier {width: 3rem;}
    .card_details_suppliers {margin: 3.7% 1.5%;}
    .img_item_product {width: 155px;height: 155px;padding: 5%;}
    .font_size_14 {font-size: 12px;}
    .line_height_26 {line-height: 22px;}
    .discount {width: 24.5px;height: 24.5px;}
    .initial_price {font-size: 10px;}
    .discount>span {font-size: 8px;}
}
@media (max-width: 820px){
    .direct_shipping {margin-top: 7px;}
    .card_blank__product {margin: 8.5% 0%;}
    .img_item_product {width: 135px;height: 135px;padding: 6%;}
    .discount {width: 23.5px;height: 23.5px;}
}
@media (max-width: 769px){
    .pagination>li:first-child>.page-link>svg, .pagination>li:last-child>.page-link>svg {
        width: 0.7rem;
        height: 0.7rem;
    }
    .page-link {
        width: 32px;
        height: 32px;
        font-size: 13px;
        margin: 0px!important;
    }
  /*footer*/
.footer{
    position: fixed;
    bottom: 0px;
    z-index: 5555;
    width: 100%;
    left: 0;
}
/*nav*/
.sidenav {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 111111;
    top: 0;
    right: 0;
    background-color: #ffffff;
    overflow-x: hidden;
    transition: 0.5s;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    border: 1px solid var(--border-gray);
}
.active-side-bar{
    position: absolute;
    opacity: .5;
    background-color: black;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 5556;
}
.sidenav>a,.sidenav_menu>p {
    padding: 15px 17px 15px 17px;
    text-decoration: none;
    color: #0F2E57;
    display: block;
    transition: 0.3s;
}
.sidenav_menu>a,.sidenav_menu>p,.sidenav_menu>.section_category {
    color: black!important;
    padding: 10px 17px!important;
}
.sidenav hr{
    background: #E1E1E1;
    opacity: 1;
    margin: 5px auto;
}
.sidenav_menu>a>svg{
    margin-left: 4px!important;
    width: 19px!important;
    height: 19px!important;
}
.sidenav svg{
    margin-left: 11px;
    width: 25px;
    height: 25px;
}
.sidenav .arrow{
    width: 6px!important;
    margin-right: 4px;
}
.sidenav .close{
    width: 14px;
    float: left;
    z-index: 5;
}
.sidenav .active{
    background: #F3F3F3;
}
.sidenav>a:hover {
    background: #F3F3F3;
}
.sidenav .closebtn {
    position: absolute;
    top: 11px;
    left: -26px;
    font-size: 24px;
    margin-left: 50px;
}
.padding-right{
    padding-right: 0!important;
}
/* end */
    .result-product .item p{flex: auto!important;}
    .swiper-slide>a {display: flex;align-items: center;}
    .btn_submit_range_price {font-size: 14px;margin: -2% auto 6% auto;}
    .priceSlider_card {margin: 9% 0%;}
    .modal-dialog_sort {max-width: 60% !important;width: 60% !important;}
    .card_all_product>.item_product:nth-child(3n+0) {border-left: 1px solid var(--color-border)!important;}
    .card_all_product {grid-template-columns: repeat(2, 1fr);}
    .card_main_sorts_phone {padding-bottom: 11px;padding-top: 11px}
    .filter-price__flex-row input {width: 28%;font-size: 11px;padding: 2%;}
    .tv-search-input-tm {padding: 13px 36px 13px 8px;}
    .subset-card-right {padding: 25px 22px 0px 22px;}
}
@media (max-width: 767px){
    .card-all-product-index{padding-bottom: 70px}
}
@media (max-width: 740px){
    .pagination_product .a-custom {font-size: 14px;}
    .card_left_details_suppliers {padding: 0% 1.5% 0% 1.5%;}
    .card_details_suppliers {margin: 4.8% 2%;}
    .number_product {top: -4.4%;left: 2%;}
    .card_all_product>.item_product:nth-child(3n+0) {border-left:1px solid var(--color-border)!important;}
    .card_all_product>.item_product:nth-child(2n+0) {border-left:unset!important;}
    .img_item_product {width: 150px;height: 150px;}
    .discount {width: 30px;height: 30px;}
}
@media (max-width: 650px){
    .page-link {
        font-size: 12px;
        width: 31px;
        height: 31px;
    }
    .icon_filter_sort {margin-left: 9px;}
    .card_main_sorts_phone>button {margin-left: 2.5%;}
    .delete_filters {font-size: 11px;}
    .btn-toggle {width: 38px;}
    .btn-toggle .checkbox:checked + .knobs:before {left: 29px;}
    .title-card-right {font-size: 13px;}
    .arrow_btn_filters,.arrow-filter {width: 11px;height: 11px;}
    .font-normal-14 {font-size: 12px;}
    .item-checkbox-city {margin: 14px 0%;}
    .tv-search-input-tm {padding: 11px 35px 11px 11px;}
    .tv-search-input-container-tm {margin-top: 2%;}
    .item_product {padding: 7%;}
    .discount {left: 5%;top: 5%;}
    .card_price_product {margin-top: 5.5%;}
    .img_item_product {width: 140px;height: 140px;}
}
@media (max-width: 590px){
    .modal-dialog_sort{margin: auto!important;}
    .modal-dialog_sort {max-width: 75% !important;width: 75% !important;}
    .ul__sort_phone>li {padding: 10px 0px !important;}
    .card_main_sorts_phone>button {margin-left: 3%;}
    .icon_filter_sort {width: 19px;height: 19px;margin-left: 10px;}
    .card_main_sorts_phone>button {font-size: 12px;}
    .img_item_product {width: 125px;height: 125px;}
    .logo_supplier {width: 2.8rem;}
    .card_details_suppliers {margin: 6.5% 2%;}
}
@media (max-width: 575px){
    .font-9 {font-size: 7px}
    .font-10 {font-size: 8px}
    .font-11 {font-size: 9px}
    .font-12 {font-size: 10px}
    .font-13 {font-size: 11px}
    .font-14 {font-size: 12px}
    .font-15 {font-size: 13px}
    .font-16 {font-size: 14px}
    .line-height-30 {line-height: 27px}
}
@media (max-width: 545px) {
    .page-link {
        width: 29px;
        height: 29px;
    }
    .btn_submit_range_price {margin: -2% auto 8% auto;}
    .ui-slider-horizontal .ui-slider-handle {top: -7px!important;border: 1px solid var(--gray_49)!important;width: 20px;height: 20px;}
    .priceSlider_card {margin: 11% 0%;}
    .icon_arrow_pagination {width: 15px;height: 15px;}
    .pagination_product .a-custom {width: 33px;height: 33px;}
    .tv-search-input-container-tm {margin-bottom: 3%;}
    .icon_search_gray_filter {width: 17px;}
    .tv-search-input-tm {padding: 10px 33px 10px 10px;}
    .img_item_product {width: 110px;height: 110px;}
}
@media (max-width: 495px) {
    .card_group_all_product {padding: 1.5% 1.5% 10px 1.5%;}
    .pagination {padding-bottom: 37px;}
    .btn_submit_range_price {font-size: 13px;padding: 7px 30px;}
    .priceSlider_card {margin: 13% 0%;}
    .modal-dialog_sort {max-width: 85% !important;width: 85% !important;}
    .filter-price {padding-left: 1%;padding-right: 1%;}
    .card_range_price {margin-bottom: 7%;}
    .ul__sort_phone>li {padding: 9px 0px!important;font-size: 13px;}
    .font-normal-14 {font-size: 12px;}
    .icon-search-city {background-size: 20px;background-position-y: 5.5px;background-position-x: 98.5%;}
    .title-card-right {font-size: 13px;}
    .card_all_product {grid-template-columns: repeat(2,1fr);}
    .card_all_product>.item_product:nth-child(3n+0) {border-left: 1px solid var(--color-border)!important;}
    .card_all_product>.item_product:nth-child(2n+0) {border-left: unset!important;}
    .img_item_product {width: 135px;height: 135px;}
    .number_product {top: -2.8%;left: 2.5%;}
    .card_details_suppliers {margin: 7% 2%;}
}
@media (max-width: 390px) {
    .card_main_modal_sort {padding: 15px 19px;}
    .ul__sort_phone {margin-bottom: 2% !important;}
    .icon_filter_sort {width: 17px;height: 17px;}
    .card_main_sorts_phone>button {margin-left: 4%;}
    .lable_item_filter {max-width: 80%;}
    .card_top_filter {padding: 11px 0px;margin-bottom: 3%;}
    .tv-search-input-tm {font-size: 11px;}
    .subset-card-right {padding: 30px 17px 0px 17px;}
    .btn-close-modal {font-size: 14px;}
    .filter-price__flex-row input {width: 28%;font-size: 10px;}
    .item-checkbox-city {margin: 1% 0 4%;}
    .icon-search-city {background-size: 19px;background-position-y: 4.5px;background-position-x: 98.5%;}
    .btn-collapse:not(.collapsed) {background-size: 12px !important;}
    .img_item_product {width: 120px;height: 120px;}
    .logo_supplier {width: 2.6rem;}
    .line {width: 17px;}
    .card_left_details_suppliers {padding: 0% 1.5% 0% 2.5%;}
    .card_details_suppliers {margin: 9% 2%;}
    .number_product {top: -3%;left: 3%;}
}
@media (max-width: 375px){
    .ul__sort_phone>li {width: 120px;}
}