/*=========================Fonts=======================*/

@font-face {
    font-family: 'TT Norms';
    src: url('../fonts/TTNorms-BoldItalic.woff2') format('woff2'),
        url('../fonts/TTNorms-BoldItalic.woff') format('woff');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'TT Norms';
    src: url('../fonts/TTNorms-Bold.woff2') format('woff2'),
        url('../fonts/TTNorms-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'TT Norms';
    src: url('../fonts/TTNorms-Black.woff2') format('woff2'),
        url('../fonts/TTNorms-Black.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'TT Norms';
    src: url('../fonts/TTNorms-BlackItalic.woff2') format('woff2'),
        url('../fonts/TTNorms-BlackItalic.woff') format('woff');
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'TT Norms';
    src: url('../fonts/TTNorms-ExtraBoldItalic.woff2') format('woff2'),
        url('../fonts/TTNorms-ExtraBoldItalic.woff') format('woff');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'TT Norms';
    src: url('../fonts/TTNorms-ExtraLight.woff2') format('woff2'),
        url('../fonts/TTNorms-ExtraLight.woff') format('woff');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'TT Norms';
    src: url('../fonts/TTNorms-ExtraBold.woff2') format('woff2'),
        url('../fonts/TTNorms-ExtraBold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'TT Norms';
    src: url('../fonts/TTNorms-ExtraLightItalic.woff2') format('woff2'),
        url('../fonts/TTNorms-ExtraLightItalic.woff') format('woff');
    font-weight: 200;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'TT Norms';
    src: url('../fonts/TTNorms-HeavyItalic.woff2') format('woff2'),
        url('../fonts/TTNorms-HeavyItalic.woff') format('woff');
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'TT Norms';
    src: url('../fonts/TTNorms-Heavy.woff2') format('woff2'),
        url('../fonts/TTNorms-Heavy.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'TT Norms';
    src: url('../fonts/TTNorms-Italic.woff2') format('woff2'),
        url('../fonts/TTNorms-Italic.woff') format('woff');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'TT Norms';
    src: url('../fonts/TTNorms-Light.woff2') format('woff2'),
        url('../fonts/TTNorms-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'TT Norms';
    src: url('../fonts/TTNorms-Medium.woff2') format('woff2'),
        url('../fonts/TTNorms-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'TT Norms';
    src: url('../fonts/TTNorms-LightItalic.woff2') format('woff2'),
        url('../fonts/TTNorms-LightItalic.woff') format('woff');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'TT Norms';
    src: url('../fonts/TTNorms-MediumItalic.woff2') format('woff2'),
        url('../fonts/TTNorms-MediumItalic.woff') format('woff');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'TT Norms';
    src: url('../fonts/TTNorms-Regular.woff2') format('woff2'),
        url('../fonts/TTNorms-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'TT Norms';
    src: url('../fonts/TTNorms-Thin.woff2') format('woff2'),
        url('../fonts/TTNorms-Thin.woff') format('woff');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'TT Norms';
    src: url('../fonts/TTNorms-ThinItalic.woff2') format('woff2'),
        url('../fonts/TTNorms-ThinItalic.woff') format('woff');
    font-weight: 100;
    font-style: italic;
    font-display: swap;
}



@import url('https://fonts.googleapis.com/css2?family=Rubik:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');





/*=======================Grid View==========================*/
body{font-family: 'Rubik', sans-serif!important; font-variant-ligatures: none;}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {font-family: 'Rubik', sans-serif!important;}

select{font-variant-ligatures: none;}
input{font-variant-ligatures: none;}
textarea{font-variant-ligatures: none;}
.pro_sort option{ padding-right:5px !important;}


.scroll-filter-tag{max-height: 400px; overflow-y: auto; padding-right: 8px;}
.scroll-filter-tag::-webkit-scrollbar-thumb {-webkit-appearance: none; width: 7px; background-color:#fff}
.scroll-filter-tag:hover::-webkit-scrollbar-thumb {-webkit-appearance: none; width: 7px; background-color:rgba(0,0,0,0.5)}

@media screen and (max-width: 2000px) {
.product_list {padding-top: 0px;display: table;width: 100%;}
.product_list .is_400 {min-width: unset;max-width: 34%;min-height: unset;float: right;display: inline-block;}
.pa_400 {min-width: unset;height: 120px;}
.grid-view-add-cartbtn-wrapper {margin-left: 0px; width: 100%; position: absolute!important; bottom: 0px; clear: both; background: #fff; border-radius: 0px 0px 5px 5px; padding: 10px;}

.wishlist_page .product_list{margin-top: 30px;}

.product_list .n_400 {width: 62%;float: left;max-width: 64%;display: inline-block;vertical-align: top; margin-left: 0px;padding-top: 10px;max-height: auto;margin-left: 10px;font-family: font-family: 'Rubik', sans-serif!important; height:137px;}
.product_list .n_400 {width: 62%;float: left;max-width: 64%;display: inline-block;vertical-align: top; margin-left: 0px;padding-top: 10px;margin-left: 10px;font-family: font-family: 'Rubik', sans-serif!important;}
.product-img-not-available .n_400{margin-left: 10px !important;}
.product_list ul.img_400_400 li{padding: 0px; border: solid 1px #d7d6d7; border-radius: 5px; margin-bottom: 30px; width: 48.5%; display: inline-block; float: unset; margin-left: 0px; margin-right: 30px; min-height: 135px; position: relative;}
.product_list ul.img_400_400 li:nth-child(even){margin-right: 0px;}
.product_list ul li:hover{box-shadow: 0px 0px 0px rgb(0 0 0 / 40%);border: solid 1px #000;}
.img_400_400 .add_cart_button {border-radius: 30px; max-width: 155px; display: block; height: auto; margin:unset!important}
.pro_image a{vertical-align: top;text-align: right;height: 135px;display: block;}
.product_list .pro_image img {max-height: 135px;border-radius: 0px 5px 5px 0px;max-width: 100%;}
.pro_name span{width: 100%;overflow: hidden;text-overflow: ellipsis;display: block;  font-family: 'Rubik', sans-serif!important; font-weight: 700; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; line-height:normal;}
.pro_price span{margin-top: 0px; font-family: 'Rubik', sans-serif!important; padding-right: 8px;margin-left: 0px !important; font-weight: 700; line-height:normal; }
.pro_desc span{margin-left: 8px; margin-right: 8px; display: block; color: #767676; line-height: 18px; font-size: 13px; margin-top: 4px; margin-bottom: 4px; font-family: 'Rubik', sans-serif!important; font-weight: 500; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; white-space: pre-wrap;}
.act_top_cat{font-size: 18px; font-weight: 600; font-family: 'Rubik', sans-serif!important; margin-bottom: 15px;}
.product_list ul li p.pro_name{margin: 5px 0 0 0;}
.product_list ul{margin-bottom: 0px;}
.product_offer{ font-size:12px;left: 7px;font-family: 'Rubik', sans-serif!important;}
.product_list ul li p.pro_price{ padding-left:8px;}
.offer_list {border: 1px dashed #d0d0d0;width: 95% !important;margin-top: 20px;background: #ececec;border-radius: 5px;}
.offer_list_label{border-radius: 5px;}
.pro-price-aftdis{display: inline-block !important;font-size: 12px !important;padding-right: 0px !important;}
/*.product_list .checkout_title{ display:none;}*/
.sort_section .sort_label{ display:none;}
#filter_tg{ float:left; width:100%;}
.pro_sort{border: solid 0px #000;background: url(../images/pro-sort-icon.png) no-repeat right #fff !important;background-size: 25px !important;width: 175px;font-size: 11px !important;text-align: right !important;padding-right: 35px !important;font-weight: 700;margin-right: 10px !important;text-transform: uppercase;}
.pro_sort option{text-align:left!important;}

.product_right h1{font-family: 'Rubik', sans-serif!important;font-weight: 500;}
.pro_detail_price {font-family: 'Rubik', sans-serif!important;font-weight: 500;}
.breadcrumb{font-size: 11px; font-weight: 600;}
.pro_description {font-size: 14px;color: rgb(73, 73, 73);font-weight: 500;}

.sort_section {float: right;position: relative;top: -4px;right: -6px;}

.out_of_stock{margin-left: 18px;position: absolute;bottom: 10px;}
.out_of_stock span{font-size: 11px;font-weight: 500;background: #f88888;padding: 3px 5px;border-radius: 3px;color: #fff;}
.fnb_add_to_cart{padding-bottom: 65px!important;}
.fnb_add_to_cart .product_list .n_400{height:165px!important;}

.chekout-timer-wrapper{padding-left: 0px;}
.vantiv.chekout-timer-wrapper{padding-left: 0px;}
.square.chekout-timer-wrapper{padding-left: 0px;}
#card-container{margin-top: 0px !important;}
.time-wrap{background-color: #fffae6;border: 2px solid #ffd700;color: #333;padding: 20px;border-radius: 8px;font-size: 18px;font-weight: bold;text-align: center;margin: 20px 0;box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);max-width: 500px;margin-left: auto;margin-right: auto;}
.square .time-wrap{margin-bottom: 0px;}
/*=============Filter=========*/

.tag-filter-restaurant{ position:relative;float: left;width: 115px;}
.tag-filter-btn-wrapper{cursor: pointer;}
.tag-filter-button{ width:45px;float: left;}
.tag-filter-button p{width: 100%;display: block;height: 2px;border-radius: 50px; position:relative; margin:0px; padding:0px;margin-bottom: 4px;}
.tag-filter-button p span{ display:inline-block; margin-right:5px;background: #000;} 
.tag-filter-button p span.m-black-dot{ width:2px; height:2px;border-radius:30px;}
.tag-filter-button p span.m-black-line{ width:20px; height:2px;border-radius:30px;}
.tag-filter-list{max-width: 375px;width: 320px;padding: 24px;border: solid 1px #eee; border-radius:8px;position: absolute;background: #fff;top: -8px;left: 44px;z-index: 300;box-shadow: 2px 3px 4px rgb(0 0 0 / 50%);}
.tag-filter-list ul{ margin:0px; padding:0px; list-style:none;}
.tag-filter-list ul li{ margin-bottom:10px;font-size: 14px;}
.tag-filter-txt{ font-weight:700; font-family: 'Rubik', sans-serif!important; position: relative; top: -3px;}
.accordion-tg-fb {background-color: #fff;cursor: pointer;padding: 18px;width: 100%;border: none;text-align: left;outline: none;font-size: 12px;transition: 0.4s;}
.active, .accordion-tg-fb:hover {background-color: #fff;}
.accordion-tg-fb:after {content: ""; background: url(../images/filter-tag-open.png) no-repeat right;color: #777;font-weight: bold;float: right;margin-left: 5px;background-size: 18px;height: 20px;width: 25px;}
.active:after { content:""; background: url(../images/filter-tag-close.png) no-repeat right;background-size: 18px;height: 20px;width: 25px;}
.tag-filter-restaurant .panel {padding: 0 0px;background-color: white;max-height: 0;overflow: hidden;transition: max-height 0.2s ease-out;border: 0px;box-shadow: 0 0px 0px rgb(0 0 0 / 5%);margin-bottom: 22px;}
.tag-list-heading{text-align: left;padding: 0px;font-size:16px; font-weight:bold;color: #000;margin-bottom: 8px;}
.filter-heading-resto{font-size: 20px;font-weight: 600;margin-bottom: 20px;margin-bottom: 50px;}
.close-tag-filters{position: absolute;width: 36px;right: 20px;cursor: pointer;}
.tag-filter-list label {display: block;max-width: 100%;margin-bottom: 5px;font-weight: 500;font-size: 17px; color: #6c6c6c;}
.tag-filter-list label input[type=checkbox] {position: relative;top: 4px; margin-right: 10px;}
.tagfilter-clear{ text-align:center;}
.tagfilter-clear a{font-size: 16px;text-decoration: underline;color: #000;margin: 0px 20px;font-weight: 600;}


::-webkit-scrollbar {-webkit-appearance: none; width: 7px;border-radius: 5px;}
::-webkit-scrollbar:horizontal {-webkit-appearance: none; height: 7px;}
::-webkit-scrollbar-thumb {border-radius: 4px; background-color: rgba(0,0,0,.5); -webkit-box-shadow: 0 0 1px rgba(255,255,255,.5);}
.scroll-filter-tag::-webkit-scrollbar-track{border-radius: 5px;background-color: #c4c4c4;}
.scroll-filter-tag::-webkit-scrollbar{width: 7px;background-color: #fff;}
.scroll-filter-tag::-webkit-scrollbar-thumb{border-radius: 5px;background-color:#fff}
.scroll-filter-tag:hover::-webkit-scrollbar-thumb{border-radius: 5px;background-color:rgba(0,0,0,0.5)}


}

@media screen and (max-width: 1030px) {
.product_list ul.img_400_400 li{margin-bottom: 20px;margin-right: 20px;min-height: 104px;}
.product_list .pro_image img{max-height: 100px;}
.product_list .n_400{padding-top: 0px;width: 52%;}
.pro_image a{height: 100px;}
.product_list .n_400{height: 97px;}
.product_list .is_400{max-width: 63%;}
.pro_name span{max-width: 100%; font-size: 15px!important;}
.pro_desc span {font-size: 14px!important; line-height: 14px;}
.product_list .fnb_add_to_cart .n_400{height:127px;}
.product_list .is_400 {max-width: 34%;}
}



@media screen and (max-width: 640px) {
.product_list .n_400 {width: 63%;margin-left: 5px;}
.product-img-not-available .n_400{margin-left: 5px !important;}
.product_list .is_400{max-width: 32%;min-width: 32%;}
.product_list .n_400{width: 100%; max-width: 65%;padding-top: 0;}
.pro_name{margin-top: 0px !important;}
.pro_image a{height: auto;}
.img_400_400 .add_cart_button{font-size: 12px; padding: 2px 6px;}
.product_list ul.img_400_400 li{border-radius: 0px; border: 0; border-bottom: solid 1px #d7d6d7; padding-bottom: 12px !important; margin-bottom: 12px; min-height: 86px;}
.img_400_400 .add_cart_button {font-size: 10px;padding: 2px 6px; margin-top: 10px;}
.product_list ul.img_400_400 li:last-child{border-bottom: solid 1px #d7d6d7;margin-bottom: 0px;}
.product_list ul .clear{ display:none;}
/*.grid-view-add-cartbtn-wrapper{position: absolute !important;bottom: 10px;right: 10px;top: unset; left: unset; display:none;}*/
.product_list .pro_image img{max-height: 74px; border-radius: 5px;}
.pro_name span{font-size: 15px !important; width: 100%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;max-width: 190px; display: block; font-weight:700;margin-left: 0px;}
.pro_price span{font-size: 14px !important;font-weight: 700;margin-left: 0px !important;}

.pro_desc span{margin-left: 0px; margin-right: 8px;color: #595959;font-size: 13px; line-height: 15px;margin-top: 0px;}
.product_right h1 {font-size: 15px;font-weight: 600;}
.pro_detail_price{font-size: 14px;}
.product_list ul li p.pro_desc{ margin-top:0px;}
.act_top_cat {font-size: 17px; padding:5px 6px;margin-top: 5px;margin-bottom: 7px;}
.option_list li{margin-bottom: 5px;padding-bottom: 2px;padding-top: 2px; display:table; width:100%;}
.option_list li label {font-weight: 500;font-size: 12px;position: relative;top: 1px;}
input[type=checkbox] {box-sizing: border-box;width: auto !important;height: auto !important; margin-top: 0px;}
input[type=radio] {box-sizing: border-box;width: auto !important;height: auto !important;margin-top: 0px;}
span.check {top: 3px; float:left}
span.option_item{width: calc(100% - 72px);}
span.option_price{float:right;}
.product_list{display: block;}
.grid-view-add-cartbtn-wrapper{border-top: solid 0px #d7d6d7;}
.time-wrap{padding: 10px; font-size: 12px;}
.paypal .chekout-timer-wrapper {padding-left: 0px;}



@supports (-webkit-touch-callout: none) {
    span.check {top: -5px !important; float:left}
    .option_list li{padding-top: 8px;}
  }
  
  @supports not (-webkit-touch-callout: none) {
    span.check {top:3px !important; float:left}
  }

.product-img-not-available .pro_name span {margin-left: 0px !important;}
.product-img-not-available .pro_price span {margin-left: 0px !important;}
.product-img-not-available .pro_desc span {margin-left: 0px !important;}
.product_list ul li p.pro_price {padding-left: 0px;}
.product_list ul li p.pro_price span span{ margin-right: 8px !important;}
.product_offer {font-size: 9px;padding: 0px 10px;left: 0px;}
.offer_list_label{font-size: 11px;}
.out_of_stock{margin-left: 6px;position: relative;bottom: unset;text-align: left;display: table;}
.out_of_stock span{font-size: 9px;padding: 2px 8px;border-radius: 3px;color: #fff;line-height: 13px;margin-top: 2px;display: block;}
/*----- Tag Filter----*/
.tag-filter-list{width: 258px;padding: 17px;}
.filter-heading-resto {font-size: 14px; margin-bottom: 20px;}
.tag-list-heading{font-size: 12px;}
.tag-filter-list label{font-size: 12px;}
.tag-filter-list label input[type=checkbox]{width: 15px !important;height: 15px !important;}
.tagfilter-clear a {font-size: 13px;}
.accordion-tg-fb:after {background-size: 13px;}
.active:after{background-size: 13px;}
.close-tag-filters{width: 22px;right: 20px;}
.tag-filter-restaurant .panel{margin-bottom: 10px;}
.tag-filter-txt {font-size: 13px;}
.tag-filter-button {width: 35px;}
.tag-filter-restaurant {position: relative;left: 5px;}
.pro_sort{ width:165px;}

_::-webkit-full-page-media, _:future, :root .option_item { position: relative;top: -4px; } 

}
_::-webkit-full-page-media, _:future, :root .option_item { position: relative;top: -4px; } 
@media screen and (max-width: 539px) and (min-width: 320px){
.product_list ul.img_400_400 li{width:100%!important;}

}