body {margin: 0; padding: 0; background-color: #fff; overflow-x: hidden; overflow-y: auto;}
.no_scroll {overflow: hidden !important;}
a {text-decoration: none;}
.btn-success, .bg-success {background-color: #3e7742;}
.bars, .side_nav {display: none !important;}
.mobile_price_action {display: none;}

.big_heading {color: var(--black); font-weight: 700; font-size: 60px; line-height: 50px;}
.main_heading {color: var(--black); font-weight: 700; font-size: 30px;}
.sub_heading {color: var(--black); font-weight: 600; font-size: 18px;}
.small_heading {font-weight: 400; font-size: 14px;}
.para1 {color: var(--gray); font-size: 14px; line-height: 24px;}
.para2 {color: var(--gray); font-size: 15px; line-height: 24px;}
.para3 {color: var(--gray); font-size: 16px; line-height: 24px;}
.para4 {color: var(--gray); font-size: 17px;}
.para5 {color: var(--gray); font-size: 18px;}

.page_ul {list-style: none; margin: 0; padding: 0; display: grid; grid-gap: 10px;}
.page_ul li {}

.text_theme1 {color: #255428 !important;}
.cart_bttns {display: grid; grid-gap: 10px;}

.cart_button, .add_to_cart {display: inline-block; width: auto; text-align: center; border: none; padding: 8px 14px; border-radius: 5px; color: #fff; background-color: #3e7742; font-size: 12px; text-transform: uppercase; white-space: nowrap; transition: all 0.5s;}
.cart_button:hover, .add_to_cart:hover {color: #fff; background-color: #255428;}

.out_of_stock {display: inline-block; width: auto; text-align: center; border: none; padding: 8px 14px; border-radius: 5px; color: #333; background-color: #bcebbf; font-size: 12px; text-transform: uppercase; white-space: nowrap; transition: all 0.5s; pointer-events: none;}

.add_to_wishlist {display: inline-block; width: auto; text-align: center; border: none; padding: 8px 14px; border-radius: 5px; color: #fff; background-color: #ffc107; font-size: 12px; text-transform: uppercase; white-space: nowrap; transition: all 0.5s;}
.add_to_wishlist:hover {color: #fff; background-color: #e5ad05;}

.view_cart {display: inline-block; width: auto; text-align: center; border: none; padding: 8px 14px; border-radius: 5px; color: #fff; background-color: #327df7; font-size: 12px; text-transform: uppercase; white-space: nowrap; transition: all 0.5s;}
.view_cart:hover {color: #fff; background-color: #256fe6;}



/*/BreadCumbs/*/
.bread_cumbs {display: flex; flex-wrap: wrap; align-items: center; grid-column-gap: 16px; margin: 0; padding: 0;}
.bread_cumbs li {display: inline-block; position: relative;}
.bread_cumbs li a {display: block; color: #666; font-size: 11px; text-transform: capitalize; font-weight: 500;}
.bread_cumbs li:not(li:last-child):after {content: '\203A'; position: absolute; right: -10px; top: -6px;}
.bread_cumbs li:last-child a {color: var(--black);}
.bread_cumbs li:hover a {color: var(--theme1); text-decoration: none;}


/*/Logo/*/
.logo {display: inline-block; height: 85px; padding: 6px; border-radius: 4px; background-color: #3e7742; transition: all 0.5s;}
.logo img {height: 100%; width: 100%; object-fit: contain;}

/*/Header & Nav/*/
header {}
nav#menu {background-color: #255428; padding: 6px 0; position: sticky; top: 0; z-index: 9900;}

.get_location {padding: 3px 6px 3px 5px; height: 40px; border-radius: 4px; border: 1px solid #efefef50; display: inline-flex; flex-wrap: wrap; align-items: center; text-align: left; cursor: pointer;}
.get_location i {width: 20px; color: #fff;}
.get_location h6 {width: calc(100% - 20px); padding-left: 1px; padding-right: 2px; display: grid; margin-bottom: 0; color: #fff; font-size: 13px; font-weight: 500; white-space: nowrap;}
.get_location small {font-weight: 400; color: #eee; font-size: 11px;}

.search_input {width: 100%; display: flex; align-items: center; background-color: #fff; border-radius: 4px; height: 39px; position: relative;}
.search_input input {height: 100%; font-size: 14px; padding: 0 10px; background-color: transparent; border: none;}
.search_input input:focus {outline: none;}
.search_input i {padding: 4px 5px; font-size: 22px; cursor: pointer; opacity: 0.7;}
.back_i {font-size: 19px !important; color: #444; background-color: #eee; display: none;}
.searched_list {list-style: none; margin: 0; padding: 0; position: absolute; top: 100%; left: 0; width: 100%; min-height: 200px; max-height: 400px; overflow-y: auto; background-color: #fff; border-radius: 5px; box-shadow: 0 3px 16px 0 rgba(0,0,0,.11); display: none;}
.searched_list li a {display: block; padding: 10px 15px; border-top: 1px solid #ddd; color: #666; font-size: 14px;}
.search_icon_mobile {display: none;}

.cart_ul {list-style: none; margin: 0; padding: 0; display: flex; align-items: center; justify-content: end; grid-gap: 20px;}
.cart_ul li a {display: flex; align-items: center; flex-wrap: wrap;}
.cart_ul li a span {font-size: 12px; padding-left: 3px; color: #fff; line-height: 14px; position: relative; top: -1px;}
.cart_ul li a small {color: #eee;}
.cart_ul li.app_btn a {background-color: #111; color: #fff; border-radius: 4px; display: inline-block; padding: 10px 18px; text-transform: uppercase; font-size: 14px; white-space: nowrap;}

.menu_nav {background-color: #eee; border-bottom: 1px solid #eee;}
.menu ul {list-style: none; padding: 0; margin: 0; display: flex; flex-wrap: wrap; align-items: center; grid-column-gap: 40px;}
.menu ul li {position: relative;}
.menu ul li a {font-size: 16px; color: #333; display: block; padding: 15px 0; font-weight: 500;}
/*.menu>ul>li:last-child {margin-left: auto;}*/
.menu>ul>li:last-child>a {color: #3e7742; font-weight: 600;}

.drop_down {position: absolute; top: 100%; left: 0; width: max-content; max-height: 400px; background-color: #fff; z-index: 999; display: none; flex-wrap: wrap; flex-direction: column; grid-gap: 5px; padding: 15px; border-radius: 5px; box-shadow: 0 0 15px #00000012;}
.drop_down .sub_category {min-width: 200px;}
.drop_down .sub_category ul {list-style: none; margin: 0; padding: 0; display: grid;}
.drop_down .sub_category>a {font-size: 14px; font-weight: 700; display: block; padding: 7px 15px;}
.drop_down .sub_category ul li a {display: block; padding: 4px 15px; font-size: 14px; font-weight: 400;}

.menu ul li:hover .drop_down {display: flex;}

nav#menu.sticky .logo {height: 55px;}

/*/Banner/*/
.banner_slide {margin-bottom: 0 !important;}
.banner {height: auto; width: 100%; overflow: hidden; border-radius: 5px;}
.banner img {width: 100%; height: 100%; object-fit: cover;}
.banner_slide .slick-dots {bottom: 10px !important;}

.round_webkit {display: -webkit-box; overflow-x: auto; overflow-y: hidden;}
.round_webkit::-webkit-scrollbar {height: 0;}
.round_nav {display: flex; margin: auto;}
.nav_item {text-align: center; width: 170px; display: block; color: #333; user-select: none;}
.nav_img {height: 90px; width: 90px; border-radius: 50%; border: 2px solid #eee; overflow: hidden; margin: auto; margin-bottom: 7px;}
.nav_img img {height: 100%; width: 100%; object-fit: cover; user-select: none;}
.nav_name h6 {white-space: nowrap;}

/*/Content Sec/*/
.content_sec {padding: 20px 0;}
.content_sec.even {background-color: #eee;}
.adv_box {width: 100%; padding: 5px;}
.adv_box img {width: 100%; object-fit: contain; border-radius: 10px;}
.adv_cart {background-color: #fff; border-radius: 5px; padding: 10px;}
.adv_cart .adv_grid {display: grid; grid-template-columns: repeat(2, 1fr); grid-gap: 10px;}
.adv_cart .adv_grid .adv_item {border: 1px solid #ddd; border-radius: 5px;}
.adv_cart .adv_grid .adv_item .adv_img {height: 150px; overflow: hidden; padding: 5px; padding-bottom: 0;}
.adv_cart .adv_grid .adv_item .adv_img img {height: 100%; width: 100%; object-fit: contain;}
.adv_cart .adv_grid .adv_item .adv_info {padding: 10px; text-align: center;}

/*/Products/*/
.product_list {}
.product_grid {display: grid; grid-gap: 0;}
.grid_5 {grid-template-columns: repeat(5, 1fr);}
.product_box {display: block; border-radius: 4px; box-shadow: none; border: 1px solid #eee; transition: all 0.5s;}
.product_img {height: 230px; overflow: hidden; padding: 5px; display: block;}
.product_img img {height: 100%; width: 100%; object-fit: contain;}
.product_info {padding: 5px 15px 15px;}
.product_info p {color: #111; font-weight: 500; font-size: 14px;}
.product_info h5 {font-size: 15px; margin-bottom: 0;}

.product_box:hover {box-shadow: 0 3px 16px 0 rgba(0,0,0,.11);}

.dt-empty {width: 100%;}

/*/Product Listing/*/
.product_sec {display: flex; flex-wrap: wrap; height: auto;}
.filter_sec {width: 20%; height: calc(100vh - 151px); overflow-y: auto; position: sticky; top: 123px; background-color: #fafafa; transition: all 0.5s;}
.filter_sec.hfilter {height: calc(100vh - 68px); top: 68px;}
.filter_head {padding: 0;}
.filter_head h6 {font-size: 16px; font-weight: 600; padding: 15px 10px;}
.filter_head button {padding: 15px 10px;}
.filter_type {/*border-bottom: 1px solid #ddd;*/ background-color: #fff; margin-left: 8px; margin-bottom: 8px; border-radius: 3px;}
.filter_type h6 {margin-bottom: 0; font-size: 12px; padding: 12px 15px; text-transform: uppercase; color: #000; font-weight: 600;}
h6.fi6 {margin-bottom: 0; font-size: 12px; padding: 12px 20px; text-transform: uppercase; color: #000; font-weight: 600;}
.filter_type h6 span, .filter_it h6 span {color: #3e7742; text-transform: capitalize; float: right; cursor: pointer;}
.filter_type ul {list-style: none; margin: 0; padding: 0 15px 10px;}
.filter_type ul li a, .filter_type ul li label {display: inline-block; padding: 5px 0px; margin: 0; font-size: 14px; color: #444; cursor: pointer;}
.filter_type ul li label input {position: relative; top: 1px; margin-right: 3px;}
.more_items, .show_less {padding: 0 20px 20px; margin-top: -5px; font-size: 14px; color: #3e7742; text-transform: capitalize; cursor: pointer;}
.filter_type ul li a:hover, .filter_type ul li label:hover {color: #0075ff;}

.filter_bottom {position: sticky; bottom: 0; width: 100%; z-index: 90; background-color: #fff; box-shadow: 0 3px 16px 0 rgba(0,0,0,.11); padding: 5px;}
.filter_bottom button {width: 100%;}

.discount_ul {list-style: none; margin: 0; display: flex; flex-wrap: wrap; align-items: center; grid-gap: 4px; padding: 15px 14px; padding-top: 5px;}
.discount_ul li {position: relative; width: max-content; cursor: pointer;}
.discount_ul li input[type='checkbox'] {position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; cursor: pointer;}
.discount_ul li input[type='checkbox'] + span {width: 100%; height: 100%; display: block; padding: 4px 9px; font-size: 14px; border: 1px solid #eee; background-color: #fff; border-radius: 10px; cursor: pointer;}
.discount_ul li input[type='checkbox']:checked + span {border: 1px solid #2554285c; background-color: #25542811;}

#filter_info {display: flex; grid-gap: 5px; padding: 5px 0; overflow-y: auto;}
#filter_info p {margin-bottom: 0; font-size: 13px; padding: 3px 7px 4px; border: 1px solid #eee; background-color: #efefef; border-radius: 5px; white-space: nowrap;}
#filter_info p span {font-weight: 500;}

.product_items {width: 80%; min-height: calc(100vh - 68px); padding: 10px; background-color: #fafafa;}

/*/Product Table/*/
colgroup {display: none !important;}
table.dataTable {width: 100%!important;}
.product_table th {display: none;}
.product_table td {padding: 5px 15px;}
.product_table tr {background-color: #fff; border-radius: 3px; overflow: hidden; margin-bottom: 3px; box-shadow: none; transition: all 0.5s;}
.product_table tr td:nth-child(1) {width: 170px;}
.product_table tr td:nth-child(2) {width: calc(100% - 480px);}
.product_table tr td:nth-child(3) {width: 300px;}
.product_table tr:hover {box-shadow: 0 3px 16px 0 rgba(0,0,0,.11); border: none;}

.product_table .product_img {display: block; width: 160px; height: 170px; overflow: hidden; padding: 5px; background-color: #eee;}
.product_table .product_img img {width: 100%; height: 100%; object-fit: contain; border-radius: 5px;}
.product_table .product_info {display: block; padding: 0;}
.product_table .product_info .name {font-size: 16px; font-weight: 600; color: #000; margin-top: 0; margin-bottom: 5px; transition: all 0.5s;}
.product_table .product_info:hover .name {color: #3e7742;}
.product_table .product_info h6 {font-size: 14px; font-weight: 500; color: #888; margin-bottom: 10px;}
.product_table .product_info ul {list-style: none; margin: 0; padding: 0;}
.product_table .product_info ul li {font-size: 14px; color: #888; display: block; margin-top: 1px;}
.price_info .price {font-size: 18px; font-weight: 600; color: #000; margin-top: 0; margin-bottom: 5px;}
.price_info h6 {font-size: 14px; font-weight: 500; color: #888;}

.dt-length, .dt-search {display: none !important;}
.dt-layout-cell.dt-layout-start .dt-info {display: none !important;}
div.dt-container .dt-paging .dt-paging-button {padding: 4px 5px !important; width: 35px;}
#productTable_wrapper .dt-layout-row.dt-layout-table {margin-top: 5px !important;}
#productTable_wrapper .filterOpen {display: none;}

#myGridView .product_box {text-align: center; display: grid;}
#myGridView .product_info {display: block; height: auto; padding-bottom: 0;}
#myGridView .product_info ul {display: none;}
#myGridView .price_info {padding-bottom: 5px;}
#myGridView .price_info a.cart_button {display: none;}
#myGridView .price_info .price {display: inline-block; margin-bottom: 0;}
#myGridView .price_info h6 {display: inline-block;}
#myGridView .price_info h6 + h6 {display: none;}
#myGridView .price_info a {display: block; width: calc(100% - 10px); margin-left: 5px;}

/*/Products Details/*/
.product_view {width: 100%; height: auto; position: sticky; top: 75px;}
.main_img {height: 380px; padding: 20px; background-color: #eee; border: 1px solid #ddd; border-radius: 5px;}
.main_img img {width: 100%; height: 100%; object-fit: contain;}
.more_images {margin-top: 7px; grid-gap: 7px; overflow-x: auto; display: -webkit-box;}
.more_images::-webkit-scrollbar {height: 0;}
.more_images div {width: calc(100% / 5); height: 95px; border: 1px solid #ddd; background-color: #fff; border-radius: 5px;}
.more_images div img {width: 100%; height: 100%; object-fit: contain;}
.more_images div.active {border: 2px solid #888; padding: 3px;}

/*.product_details {}*/
.ratings {list-style: none; margin: 0; padding: 0; display: flex; align-items: center; grid-gap: 1px;}
.ratings li span {font-size: 14px; color: #aaa;}

.option_ul, .color_ul {list-style: none; margin: 0; padding: 0; display: flex; align-items: center; grid-gap: 5px;}
.option_ul li a {display: block; padding: 3px 6px 4px; font-size: 13px; font-weight: 400; border: 1px solid #ddd; border-radius: 4px; background-color: #fff; color: #333; min-width: 30px; text-align: center; transition: all 0.5s;}
.option_ul li a:hover {background-color: #eee;}
.option_ul li.active a {background-color: #e2fbe4; border: 1px solid #3e7742;}

.color_ul li a {display: block; height: 25px; width: 25px; border-radius: 50%; background-color: #eee; border: 2px solid #ddd; position: relative; display: grid; align-items: center; justify-content: center;}
.color_ul li.active a {border: 2px solid #fff; outline: 2px solid #888;}

.variation_grid {display: flex; flex-wrap: wrap; grid-row-gap: 5px; grid-column-gap: 10px; margin-bottom: 10px;}
.variation_option {display: inline-block; border: 1px solid #ddd; border-radius: 5px; padding: 5px 8px; cursor: pointer;}
.variation_option.active {border: 1px solid #255428; background-color: #e8eee857;}
.variation_option.disabled, .option_ul li.disabled {pointer-events: none; opacity: 0.7;}

.rr_info {display: flex; flex-wrap: wrap; align-items: center; font-size: 14px; margin-bottom: 5px; margin-top: 5px;}
.det_head {font-size: 11px; text-transform: uppercase; color: #333; margin-bottom: 5px;}
/*.feature_table {}*/
/*.feature_table h6 {font-size: 16px; font-weight: 500; padding: 9px 10px 10px; border: 1px solid #ddd; margin-bottom: 0;}*/
.feature_ul {list-style: none; margin: 0; padding: 0;}
.feature_ul li {font-size: 13px; display: flex; font-weight: 600px; padding: 5px 0; color: #878787;}
.feature_ul li span {width: 50%; display: flex;}
.feature_ul li span span {width: auto; margin-right: 4px;}
.feature_ul li span:nth-child(2) {color: #212121;}
.feature_table .show_more {font-size: 12.5px; color: #0d6efd; cursor: pointer; margin-top: 5px;}

.price_action {padding: 20px 25px; border: 1px solid #ddd; border-radius: 5px; height: auto; position: sticky; top: 75px;}

/* .product_slide .slick-track {margin-left: 0;} */

/*/Price Range/*/
.price-range-container {padding: 10px; border: 1px solid #ddd; border-radius: 10px; padding-top: 15px; padding-bottom: 20px;}
.range-slider {width: 100%; margin: auto; text-align: center; position: relative; height: 58px;}
.range-slider svg,
.range-slider input[type=range] {position: absolute; left: 0; bottom: 0;}
.range-slider input[type=number] {border: 1px solid #ddd; text-align: center; font-size: 13px; font-weight: 600; padding: 5px; width: 70px;}
.range-slider input[type=number]::-webkit-outer-spin-button,
.range-slider input[type=number]::-webkit-inner-spin-button {-webkit-appearance: none;}

.range-slider input[type=number]:invalid,
.range-slider input[type=number]:out-of-range {border: 2px solid #ff6347;}
input[type=range] {-webkit-appearance: none; width: 100%;}
input[type=range]:focus {outline: none;}
input[type=range]:focus::-webkit-slider-runnable-track {background: #2497e3;}
input[type=range]:focus::-ms-fill-lower {background: #2497e3;}
input[type=range]:focus::-ms-fill-upper {background: #2497e3;}
input[type=range]::-webkit-slider-runnable-track {width: 100%; height: 4px; cursor: pointer; animate: 0.2s; background: #2497e3; border-radius: 1px; box-shadow: none; border: 0;}
input[type=range]::-webkit-slider-thumb {z-index: 2; position: relative; box-shadow: 0px 0px 0px #000; border: 1px solid #2497e3; height: 15px; width: 15px; border-radius: 25px; background: #a1d0ff; cursor: pointer; -webkit-appearance: none; margin-top: -7px;}
input[type=range]::-moz-range-track {width: 100%; height: 4px; cursor: pointer; animate: 0.2s; background: #2497e3; border-radius: 1px; box-shadow: none; border: 0;}

input[type=range]::-moz-range-thumb {z-index: 2; position: relative; box-shadow: 0px 0px 0px #000; border: 1px solid #2497e3; height: 15px; width: 15px; border-radius: 25px; background: #a1d0ff; cursor: pointer;}
input[type=range]::-ms-track {width: 100%; height: 4px; cursor: pointer; animate: 0.2s; background: transparent; border-color: transparent; color: transparent;}

input[type=range]::-ms-fill-lower,
input[type=range]::-ms-fill-upper {background: #2497e3; border-radius: 1px; box-shadow: none; border: 0;}
input[type=range]::-ms-thumb {z-index: 2;position: relative;box-shadow: 0px 0px 0px #000;border: 1px solid #2497e3;height: 15px;width: 15px;border-radius: 25px;background: #a1d0ff;cursor: pointer;}

/*/Quantity/*/
input::-webkit-outer-spin-button, input::-webkit-inner-spin-button {-webkit-appearance: none; margin: 0;}
/* Firefox */
input[type=number] {-moz-appearance: textfield;}
.add_cart_number {display: flex; align-items: center; background-color: #eee; padding: 4px; border-radius: 4px; width: max-content;}
.add_cart_number button {border: none; background-color: #fff; border: 1px solid #ddd; width: 30px; padding: 1px 4px 3px; border-radius: 4px; text-align: center; font-size: 16px;}
.add_cart_number input {width: 40px; text-align: center; background-color: transparent; font-size: 14px; padding: 2px 2px; border: none;}
.add_cart_number input:focus {outline: none;}

/*/Cart Page/*/
.cart_grid {display: grid; grid-gap: 10px;}
.cart_box {padding: 10px; border: 1px solid #ddd; border-radius: 5px; display: flex; flex-wrap: wrap;}
.cart_img {width: 95px; height: 105px; padding: 5px; overflow: hidden; background-color: #eee; border-radius: 5px;}
.cart_img img {width: 100%; height: 100%; object-fit: contain;}
.cart_left {width: 95px;}
.cart_right {width: calc(100% - 95px); display: flex; flex-wrap: wrap; padding-left: 10px;}
.cart_right .cart_info {width: calc(100% - 200px); padding-right: 10px;}
.cart_right .cart_price {width: 200px; text-align: right;}
.cart_qty {display: flex; align-items: center; width: 100%; grid-gap: 5px; justify-content: space-between;}
.cart_qty .add_cart_number {padding: 2.5px;}
.cart_qty .add_cart_number button {width: 25px; font-size: 14px;}
.cart_qty .add_cart_number input {font-size: 13px;}

.cart_total {padding: 20px; border-radius: 5px; border: 1px solid #ddd; position: sticky; top: 75px;}
.bullet {display: block; width: 8px; height: 8px; border-radius: 50%; background-color: #ddd; position: relative; top: 0;}
.feat_ul {display: flex; flex-wrap: wrap; align-items: center; grid-gap: 5px; margin-top: 5px; margin-bottom: 5px;}
.feat_ul .op_ul {display: block; padding: 1px 6px 3px; border: 1px solid #eee; background-color: #3e774214; border-radius: 10px; font-size: 12px;}

/*/Address/*/
.form_view label {font-size: 13px; margin-bottom: 0; position: relative; bottom: -2px; color: #3e7742; font-weight: 500;}
.form_view input,
.form_view textarea {width: 100%; font-size: 14px; padding: 0; border: none; border-bottom: 2px solid #ddd;}

.form_view input:focus,
.form_view textarea:focus {outline: none; border-bottom: 1px solid #3e7742;}
.deliveryBtn, .edtAdrBtn {display: none;}
.selectedAddr .deliveryBtn, .selectedAddr + div .edtAdrBtn {display: block;}


/*/scrolar/*/
._scrollDx {overflow-y: auto;}
._scrollDx::-webkit-scrollbar{width: 8px; background-color: transparent;}
._scrollDx::-webkit-scrollbar,
._scrollDx::-webkit-scrollbar-thumb {overflow:visible;}
._scrollDx::-webkit-scrollbar-thumb {border-radius: 5px; background-color: transparent;}
/* MAGIC HAPPENS HERE */
._scrollDx:hover { -webkit-transition: all 0.5s;}
._scrollDx:hover::-webkit-scrollbar-thumb {background-color: #bbb; -webkit-transition: all 0.5s;}
._scrollDx:hover::-webkit-scrollbar {background-color: #ddd; -webkit-transition: all 0.5s;}

/*/Footer/*/
footer {background-color: #f4f4f4; padding: 30px 0 0px; position: relative; z-index: 2;}
footer ul {display: grid; grid-gap: 10px; list-style: none; padding: 0; margin: 0;}
footer ul li a, footer p {color: #666; font-size: 14px; display: flex; grid-gap: 7px;}
footer h6 {color: #222; font-size: 18px;}
footer ul.count_2 {column-count: 2; list-style: none; display: block;}

.footer_bottom {padding: 10px 0; background-color: #f4f4f4; color: #666; text-align: center;}


/*/FONT-SIZE/*/
.fs_10 {font-size: 10px !important;}
.fs_11 {font-size: 11px !important;}
.fs_12 {font-size: 12px !important;}
.fs_13 {font-size: 13px !important;}
.fs_14 {font-size: 14px !important;}
.fs_15 {font-size: 15px !important;}
.fs_16 {font-size: 16px !important;}
.fs_17 {font-size: 17px !important;}
.fs_18 {font-size: 18px !important;}
.fs_19 {font-size: 19px !important;}
.fs_20 {font-size: 20px !important;}
.fs_22 {font-size: 22px !important;}
.fs_24 {font-size: 24px !important;}
.fs_26 {font-size: 26px !important;}
.fs_28 {font-size: 28px !important;}
.fs_30 {font-size: 30px !important;}
.fs_32 {font-size: 32px !important;}
.fs_34 {font-size: 34px !important;}
.fs_36 {font-size: 36px !important;}
.fs_38 {font-size: 38px !important;}
.fs_40 {font-size: 40px !important;}

.fw_400 {font-weight: 400;}
.fw_500 {font-weight: 500;}
.fw_600 {font-weight: 600;}
.fw_700 {font-weight: 700;}
.fw_800 {font-weight: 800;}
.fw_900 {font-weight: 900;}

.clip_1 {-webkit-line-clamp: 1; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; display: -webkit-box;}
.clip_2 {-webkit-line-clamp: 2; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; display: -webkit-box;}
.clip_3 {-webkit-line-clamp: 3; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; display: -webkit-box;}
.clip_4 {-webkit-line-clamp: 4; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; display: -webkit-box;}
.clip_5 {-webkit-line-clamp: 5; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; display: -webkit-box;}
.clip_6 {-webkit-line-clamp: 6; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; display: -webkit-box;}
.clip_8 {-webkit-line-clamp: 8; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; display: -webkit-box;}

/*/Modal/*/
.new_modal {position: fixed; height: 100vh; width: 100%; left: 0; top: 0; overflow: hidden; display: flex; align-items: center; justify-content: center; background-color: #0000005c; z-index: 9999; visibility: hidden;}
.new_modal .modal_content {max-height: 100vh; overflow: hidden; overflow-x: hidden; background-color: #fff; border-radius: 3px; transform: scale(0.2); opacity: 0; transition: all 0.5s;}
.modal_open {visibility: visible;}
.modal_open .modal_content {transform: scale(1.0); opacity: 1;}

.new_modal .mw_auto {width: auto;}
.new_modal .mw_320 {min-width: 320px; max-width: 320px;}
.new_modal .mw_400 {min-width: 320px; max-width: 400px;}
.new_modal .mw_500 {min-width: 320px; max-width: 500px;}
.new_modal .mw_600 {min-width: 320px; max-width: 600px;}
.new_modal .mw_700 {min-width: 320px; max-width: 700px;}
.new_modal .mw_1000 {min-width: 320px; max-width: 1000px;}
.new_modal .w_320 {min-width: 320px; width: 320px;}
.new_modal .w_400 {min-width: 320px; width: 400px;}
.new_modal .w_500 {min-width: 320px; width: 500px;}
.new_modal .w_600 {min-width: 320px; width: 600px;}
.new_modal .w_700 {min-width: 320px; width: 700px;}
.new_modal .w_800 {min-width: 320px; width: 800px;}
.new_modal .w_900 {min-width: 320px; width: 900px;}
.new_modal .w_1000 {min-width: 320px; width: 1000px;}
.new_modal .w_fit {min-width: 320px; width: 100%;}
.new_modal .mh_auto {min-height: 100px; height: auto;}
.new_modal .mh_fit {height: 100vh;}

.new_modal .modal_head {display: flex; align-items: center; justify-content: space-between; height: 59px; background-color: #fff; border-bottom: 1px solid #ddd;}
.new_modal .modal_head h6, .new_modal .modal_head i {padding: 15px; color: #39363a; font-weight: bold;}
.new_modal .modal_head i {cursor: pointer;}
.new_modal .modal_body {max-height: calc(100vh - 120px); min-height: 100px; padding: 20px 15px 25px; overflow-y: auto;}
.new_modal .mh_fit .modal_body {height: 100vh !important;}
.new_modal .modal_footer {padding: 5px 15px; height: 60px; background-color: #eee; display: flex; align-items: center; justify-content: end; grid-gap: 5px;}

.new_modal .input_flex {border: 1px solid #aaa;}
.new_modal .input_flex span {padding: 0 4px 0 10px;}
.new_modal .input_flex input {color: #111; width: 100%; border: none; padding: 21px 12px 4px; font-size: 15px;}
.new_modal .input_flex textarea {color: #111; width: 100%; border: none; padding: 21px 12px 4px; font-size: 15px;}
.new_modal .input_flex select {color: #111; width: 100%; border: none; padding: 21px 8px 6px; font-size: 15px;}
.new_modal .modal_footer button {padding: 13px 25px;}

/*/Modla Ends/*/


#invoiceModal {z-index: 99999 !important;}
.optTd .feat_ul .op_ul {font-size: 11px !important;}



/*/ADVERTISE CSS/*/
.advertise_flex {display: flex;  flex-wrap: wrap; justify-content: center;}
.advertise_flex .flex_box img, .advertise_slide .flex_box img {width: 100%; object-fit: contain; border-radius: 10px; padding: 10px;}
.flex_dv_1 .flex_box {width: calc(100% / 1);}
.flex_dv_2 .flex_box {width: calc(100% / 2);}
.flex_dv_3 .flex_box {width: calc(100% / 3);}
.flex_dv_4 .flex_box {width: calc(100% / 4);}
.flex_dv_5 .flex_box {width: calc(100% / 5);}
.flex_dv_6 .flex_box {width: calc(100% / 6);}
.flex_dv_7 .flex_box {width: calc(100% / 7);}
.flex_dv_8 .flex_box {width: calc(100% / 8);}
.flex_dv_9 .flex_box {width: calc(100% / 9);}
.flex_dv_10 .flex_box {width: calc(100% / 10);}
.flex_dv_11 .flex_box {width: calc(100% / 11);}
.flex_dv_12 .flex_box {width: calc(100% / 12);}
/* .advertise_flex .flex_box:last-child, .advertise_slide .flex_box:last-child {flex-grow: 1 !important;} */



@media only screen and (max-width:992px) {
	.advertise_flex .flex_box img, .advertise_slide .flex_box img {padding: 6px;}
	.flex_tv_1 .flex_box {width: calc(100% / 1);}
	.flex_tv_2 .flex_box {width: calc(100% / 2);}
	.flex_tv_3 .flex_box {width: calc(100% / 3);}
	.flex_tv_4 .flex_box {width: calc(100% / 4);}
	.flex_tv_5 .flex_box {width: calc(100% / 5);}
	.flex_tv_6 .flex_box {width: calc(100% / 6);}
	.flex_tv_7 .flex_box {width: calc(100% / 7);}
	.flex_tv_8 .flex_box {width: calc(100% / 8);}
	.flex_tv_9 .flex_box {width: calc(100% / 9);}
	.flex_tv_10 .flex_box {width: calc(100% / 10);}
	.flex_tv_11 .flex_box {width: calc(100% / 11);}
	.flex_tv_12 .flex_box {width: calc(100% / 12);}
}

@media only screen and (max-width:768px) {
	.advertise_flex .flex_box img, .advertise_slide .flex_box img {padding: 2px;}
	.flex_mv_1 .flex_box {width: calc(100% / 1);}
	.flex_mv_2 .flex_box {width: calc(100% / 2);}
	.flex_mv_3 .flex_box {width: calc(100% / 3);}
	.flex_mv_4 .flex_box {width: calc(100% / 4);}
	.flex_mv_5 .flex_box {width: calc(100% / 5);}
	.flex_mv_6 .flex_box {width: calc(100% / 6);}
	.flex_mv_7 .flex_box {width: calc(100% / 7);}
	.flex_mv_8 .flex_box {width: calc(100% / 8);}
	.flex_mv_9 .flex_box {width: calc(100% / 9);}
	.flex_mv_10 .flex_box {width: calc(100% / 10);}
	.flex_mv_11 .flex_box {width: calc(100% / 11);}
	.flex_mv_12 .flex_box {width: calc(100% / 12);}
}


/*........media-querries........*/
@media only screen and (max-width:1200px) {

}
@media only screen and (max-width:992px) {
	.menu ul {grid-column-gap: 28px;}
	.menu ul li a {font-size: 14px;}

	.filter_sec {width: 25%}
	.product_items {width: 75%}
	.product_table .product_img {width: 110px; height: 130px;}
	.product_table tr td:nth-child(1) {width: 110px;}
	.product_table tr td:nth-child(2) {width: calc(100% - 290px);}
	.product_table tr td:nth-child(3) {width: 180px;}

	.search_input {margin-top: 7px;}

	.price_action {top: 120px;}
}
@media only screen and (max-width:768px) {
	/*nav#menu {top: -73px; margin-bottom: 48px;}*/
	.cart_ul li.app_btn {display: none !important;}
	.bars {display: block !important;}
	.side_nav {display: block !important; position: fixed; left: -100%; top: 0; width: 85%; height: 100vh; z-index: 9999; background-color: #fff; overflow-y: auto; transition: all 0.5s;}
	.bg_layer {position: absolute; left: -100%; top: 0; right: 0; bottom: 0; opacity: 0; visibility: hidden; z-index: 9992; background-color: #00000096; transition: all 0.5s;}
	.bg_layer span {position: absolute; right: 0; top: 0; padding: 10px 15px; color: #fff; font-size: 25px;}
	.side_nav_open {left: 0;}
	.bg_layer_open {left: 0; opacity: 1; visibility: visible;}
	.nav_head {padding: 25px 15px; background-color: #255428; display: flex; align-items: center; grid-gap: 15px;}
	.nav_head .user_img {height: 50px; width: 50px; display: grid; align-items: center; justify-content: center; border: 2px solid #fff; border-radius: 50%;}
	.nav_head .user_img img {height: 23px;}
	.nav_head h6 {margin-bottom: 0; font-size: 16px; color: #fff;}
	.nav_head h6 small {font-size: 12px; font-weight: 400; color: #eee;}
	.side_nav ul {list-style: none; margin: 0; padding: 0; border-bottom: 1px solid #ddd;}
	.side_nav ul:last-child {border-bottom: none;}
	.side_nav ul li {display: block;}
	.side_nav ul li a {display: flex; align-items: center; color: #666; font-weight: 500; font-size: 14px; grid-gap: 10px; padding: 12px 15px;}
	.side_nav ul li a img {opacity: 0.5; height: 15px;}
	.side_nav ul li a span.numb {display: inline-block; padding: 1px 3px; border-radius: 10px; background-color: #81c784; margin-left: auto; font-size: 11px; color: #fff; min-width: 25px; text-align: center;}
	.cart_ul {grid-gap: 25px;}
	.logo {height: 60px;}
	.menu {display: none;}
	.hdInmb {display: none !important;}
	.nav_view {display: none;}
	.nav_view_open {display: block;}
	.get_location {margin-left: 10px;}
	.product_grid.grid_5 {grid-template-columns: repeat(3, 1fr);}
	.slick-prev, .slick-next {display: none !important;}
	.dt-layout-row {margin: 0 !important;}
	.dt-layout-row .dt-layout-start {text-align: left !important;}
	#productTable_wrapper .filterOpen {display: block; float: right;}
	#productTable_wrapper>.dt-layout-row:first-child {padding: 0 !important;}
	.custom-buttons {width: 100%; background-color: #eee; margin: 0 !important; padding: 5px;}

	.filter_sec, .product_items {width: 100%}
	.filter_head {box-shadow: 0px 0px 20px #1b2e5e17;}
	.filter_sec, .filter_sec.hfilter {height: 100vh; position: fixed; left: -100%; top: 0; width: 100%; z-index: 9999; transition: all 0.5s;}
	.filter_sec_open {left: 0%;}
	.price_action {padding: 10px; display: none;}
	.mobile_price_action {display: flex; align-items: center; padding: 15px 0; grid-gap: 5px; background-color: #fff; position: sticky; bottom: 0; margin-bottom: 10px; z-index: 990;}
	.cart_button {padding: 9.5px 12px;}
	.mobile_price_action .cart_bttns {width: 100%;}
	.mobile_price_action .cart_bttns a, .mobile_price_action .cart_bttns button {width: 50%;}

	.filter_type ul {display: flex; flex-wrap: wrap; grid-gap: 5px;}
	.filter_type li {position: relative; width: max-content; cursor: pointer;}
	.filter_type li input[type='checkbox'] {position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; cursor: pointer;}
	.filter_type li input[type='checkbox'] + span {width: 100%; height: 100%; display: block; padding: 4px 9px; font-size: 14px; border: 1px solid #eee; background-color: #fff; border-radius: 10px; cursor: pointer;}
	.filter_type li input[type='checkbox']:checked + span {border: 1px solid #2554285c; background-color: #25542811;}
	
	.search_icon_mobile {display: block;}
	.search_icon_mobile i {font-size: 22px; color: #fff;}
	
	.search_input {position: absolute; top: 0; z-index: 9999; width: 100%; border-radius: 0; background-color: #fff; margin: 0; right: 0; height: 50px; box-shadow: none; display: none;}
	.search_input input + .mdi-magnify {display: none;}
	.search_input input {padding-left: 55px;}
	
	.searched_list {max-height: calc(100vh - 50px); box-shadow: none; display: block !important; border-radius: 0;}
	.searched_list:after {content: ''; position: fixed; left: 0; right: 0; bottom: 0; top: 67px; background-color: #fff; z-index: -1;}
	
	.back_i {position: inherit !important; display: block; padding: 10px 13px !important; font-size: 18px !important;}
	table.dataTable td.dt-empty {width: 100% !important;}
	#invoiceModal {background-color: #fff;}
	#invoiceModal .modal-dialog {margin: 0;}

}
@media only screen and (max-width:576px) {
	/*nav#menu {top: -60px; margin-bottom: 46px;}*/
	nav#menu .container-fluid {padding: 0 5px; overflow-x: hidden;}
	.px_nav {padding: 0;}
	/*.search_input {padding: 0 2px; height: 45px; margin-top: 5px; display: flex; align-items: center;}*/
	/*.search_input i {opacity: 0.7; padding: 5px 12px;}*/
	.searched_list:after {top: 60px;}
	
	.banner_slide .slick-dots {bottom: 3px !important;}
	.slick-dots li {width: 10px !important;}
	.logo {height: 48px; padding: 3.5px;}
	.cart_ul {grid-gap: 7px;}
	.cart_ul li a {padding: 9px;}
	.get_location {padding: 3px; margin-left: 1px;}
	.get_location i {width: 15px; font-size: 13px;}
	.get_location h6 {font-size: 12px; width: calc(100% - 15px);}
	.get_location small {font-size: 10px;}
	.cart_ul li a span {display: none;}
	.adv_box {padding: 2px;}
	.content_sec {padding: 1px 0; overflow-x: hidden;}
	.content_sec .container-fluid {padding: 0;}
	.product_sec .pxs {padding: 0 5px;}
	.sub_heading {font-size: 16px;}
	.more_images div {height: 60px;}
	.more_images {margin-top: 4px; grid-gap: 4px;}
	.main_img {padding: 5px;}
	.rr_info {font-size: 12px; margin-bottom: 0;}
	.color_ul {grid-gap: 10px;}
	.color_ul li a {height: 22px; width: 22px;}
	.color_ul li.active a {border: 1px solid #fff; outline: 1px solid #888;}
	.product_details h5 {font-size: 18px;}
	.feature_ul li {padding: 3px 0;}
	.feature_ul li span {font-size: 13px;}
	.feature_table .show_more {font-size: 13px; margin-top: 3px;}
	.mobile_price_action {box-shadow: 0px -10px 20px #1b2e5e17; border-top: 1px solid #eee; border-bottom: 1px solid #ddd; padding: 8px 5px; margin-left: -5px; margin-right: -5px;}
	footer {padding: 0;}

	.cart_box {padding: 5px;}
	.cart_right .cart_info, .cart_right .cart_price {width: 100%; text-align: left; padding: 0;}
	.cart_right .cart_price {margin-bottom: 5px; display: flex; align-items: center; grid-gap: 10px;}
	#myGridView .product_box {border: 1px solid #ddd; padding: 5px;}
	.product_table tr {display: flex; flex-wrap: wrap; border-bottom: 1px solid #ddd;}
	.product_table .product_img {width: 100px; height: 85px;}
	.product_table tr td {padding: 5px !important;}
	.product_table tr td:nth-child(1) {width: 105px;}
	.product_table tr td:nth-child(2) {width: calc(100% - 105px); padding-left: 10px !important;}
	.product_table tr td:nth-child(3) {width: 100%;}
	.product_table .price_info .price {display: inline-block;}
	.product_table .price_info h6 {display: inline-block;}
	.product_table .price_info h6 + h6 {display: block;}
	.product_table .price_info .cart_button {float: right; margin-top: -45px;}
	.cart_button, .add_to_cart, .add_to_wishlist, .add_to_wishlist, .view_cart {padding: 12px 12px;}
	.round_webkit {margin-bottom: 10px;}
}
@media only screen and (max-width:460px) {
    .product_grid.grid_5 {grid-template-columns: repeat(2, 1fr);}
    .product_img {height: 130px; padding: 2px;}
    .product_info {padding: 3px 5px 8px;}
    .product_info h6 {font-size: 11px !important; margin-bottom: 0 !important;}
    .product_info p {font-size: 13px; margin-bottom: 3px !important;}
    .product_info h5 {font-size: 13.5px;}
    .product_info button {font-size: 12px; width: 100%}
	.product_table .product_info .name {font-size: 14px; margin-bottom: 0;}
	.product_table .product_info ul li {font-size: 12px;}
	.price_info .price {font-size: 15px;}
	.price_info .cart_button {font-size: 10px; padding: 7px 10px;}
	.price_info h6 {font-size: 13px;}
    .adv_cart .adv_grid {grid-gap: 3px;}
    .nav_item {width: 100px;}
    .nav_img {height: 60px; width: 60px;}
    .nav_name h6 {font-size: 12px !important; white-space: inherit;}
    .cart_ul li a img {height: 20px;}
    .get_location h6 {font-size: 11px;}
    .cart_img {height: 75px; width: 70px; padding: 3px;}
    .cart_left {width: 70px;}
    .cart_right {width: calc(100% - 70px);}
    .cart_price h6 {font-size: 14px;}
    .cart_qty {margin-left: -80px; margin-top: 15px; width: calc(100% + 80px);}
    .cart_qty .add_cart_number input {flex-grow: 1;}
	#filter_info p {font-size: 11px; padding: 2px 6px 3px; margin-bottom: 3px;}
}