body{ margin: 0; padding: 0;font-size: 15px !important; font-family: "Jost", sans-serif;}
a{font-family: "Jost", sans-serif; font-weight: 500;}
h1,h2,h3,h4,h5,h6{font-family: "Jost", sans-serif; font-weight: 300;}
.topheader .form-inline .form-control { display: inline-block;width: 100%;vertical-align: middle;height:50px;}
.topheader .form-inline  {position: relative;}
.search-icon i {position: absolute;top: 50%;font-size: 25px;right: 20px;transform: translate(-50%, -50%);}
.topheader .form-control {display: block;width: 100%;padding: 10px 20px;font-size: 1rem;line-height: 20px;color: #495057;background-color: #fff;background-clip: padding-box;border: 1px solid #000000;border-radius: 25px;transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;margin: 25px 0;}
.mobilemenu li{list-style: none;}
.mobilemenu a img {width: 65%;margin: 0 0 0px 60px;}
.mobilemenu a.btnNavToggle img {width: 32px;margin: 0 10px 0px 0;}
.btnNavToggle i{font-size: 25px;}
.navigations {background-color: #000;border-bottom: 3px solid #BF8E00;margin: 0;}
header{position: sticky; top: 0;  z-index: 99;}
/*.scroll-header {position: fixed;top: 0;width: 100%;z-index: 9999999;left: 0;right: 0;transition: all 0.3s ease;}*/
nav ul li { list-style-type:none;}
nav ul li.active a { color: #fff; font-weight: 600;}
nav ul li a {padding-right: 50px;font-size: 16px;display: block;color: #F3C18B;font-weight: 500;line-height: 23px;list-style-type: none;text-transform: uppercase;text-decoration: none;letter-spacing: 1.12px;}
nav ul li a:hover{color: #000;text-decoration: none;}
ul.mainNav {padding: 0; margin: 0;}
nav ul li a:hover {color: #cac6c4;}
ul.usefulLink {display: flex; margin-bottom: 0; align-items: center;}
ul.usefulLink li:first-child{padding-right: 40px;}
ul.usefulLink li{padding-right: 40px;}
ul.usefulLink li:last-child{padding-right: 0;}
ul.usefulLink li a.order-btn {text-align: center;font-size: 16px;line-height: 24px;font-weight: 500;letter-spacing: 0.32px;color: #FFFFFF;text-transform: uppercase;background-color: #BF8E00;border-radius: 20px;padding: 7px 20px;}
ul.usefulLink li a:hover.order-btn {background-color: #352F99;color: #fff;}
ul.usefulLink li a {padding-right: 0;}
ul.usefulLink li button.user-btn{background-color: #352F99;width: 20px;height: 20px;border: 1px solid #707070;border-radius: 50%;padding: 15px;display: inline-flex;justify-content: center;align-items: center;}
ul.usefulLink li button.dropdown-toggle::after {display: none; }
ul.usefulLink li.userBtn ul.dropdown-menu.show {margin-top: 5px !important; min-width: 13rem !important; }
ul.usefulLink li.userBtn ul.dropdown-menu li {padding-right: 0 !important; }
ul.usefulLink li.userBtn ul.dropdown-menu li img {width: 15px; height: 15px; margin-right: 15px;}
ul.usefulLink li.userBtn ul.dropdown-menu li a.dropdown-item{text-align: left;font-size: 13px;line-height: 36px;font-weight: normal;letter-spacing: 0px; padding: 0 16px !important;color: #000000;text-transform: capitalize;}
li.firstInfo { display: flex; justify-content: start; align-items: center;     margin: 0 10px; border-bottom: 1px solid #D1D1D1; margin-bottom: 5px;}
.nameLetter {background: #7618D3;width: 30px;height: 30px;line-height: 30px;text-align: center;color: #fff;display: block;border-radius: 50%;font-size: 12px;margin-right: 5px;}
.userInfo{text-align: left;font-size: 12px;line-height: 18px;font-weight: 500;letter-spacing: 0px;color: #000;margin-bottom: 5px;}

.userNo{font-size: 12px; text-align: left;line-height: 18px;font-weight: 500;letter-spacing: 0px;color: #ACACAC;}
/******** main banner start*********/
.mainBannerbox { position: relative;}
.mainBannerText {position: absolute;top: 35%;left: 9%;transform: translateY(-50%);width: 395px;}
.mainBannerText h1 {    text-align: left;
    font-weight: 600;
    color: #ffffff;
    font-size: 34px;
    line-height: 46px;
    letter-spacing: 0.8px;
    text-transform: uppercase;
    opacity: 1;
    text-decoration: none;}
.product-description {min-height: 40px;}
.ourStoryPage {margin-top: -40px;}
.bb {border-bottom: 2px solid #f3e9cc;}

.menubox {padding: 10px 20px 0px 20px;
    border: 1px solid #d5d1d1;
    border-radius: 11px;
    margin-bottom: 15px; box-shadow: 2px 2px 8px 2px rgb(0 0 0 / 3%);}
.menubox a:hover {boder:1px solid #333;}

.mainBannerText h1 span {color: #FFF612;}
.mainBannerText h1 span a {color: #03D9B8; text-decoration: none;letter-spacing: 1.76px; font-size:44px; line-height: 64px;}
.mainBanner .owl-nav > .owl-prev {background: url(../images/left-arrow.png) center no-repeat !important;opacity: 0.5;left: 20px;position: absolute;width: 30px;height: 30px;}
.mainBanner .owl-nav > .owl-prev:hover {opacity: 1;}
.mainBanner .owl-nav > .owl-next:hover {opacity: 1;}
.mainBanner .owl-nav > .owl-prev span { display: none;}
.mainBanner .owl-nav > .owl-next span { display: none;}
.mainBanner .owl-nav > .owl-next{background: url(../images/right-arrow.png) center no-repeat !important;right: 20px;position: absolute;width: 30px;opacity: 0.5;height: 30px;}
.mainBanner .owl-nav button {border: 1px solid #BF8E00 !important;border-radius: 50% !important;width: 71px !important;height: 71px !important;}
.mainBanner .owl-theme .owl-nav {position: absolute;top: 50%;transform: translate(0, -50%);width: 100%;margin-top: -20px;}

/******** main banner end*********/

/******** about home start*********/

.aboutHome {margin: 40px 0;}
.aboutHome h2{font-size: 40px;line-height: 58px;font-weight: 300;letter-spacing: 0.8px;color: #17073D;text-transform: uppercase;}
.aboutHome p{text-align: left;font-size: 18px;line-height: 28px;font-weight: normal;letter-spacing: 0.48px;color: #17073D;}
/******** about home end*********/
/************ coupon start *******/
#couponBg { margin-bottom:40px ;}
#couponBg h3 {text-align: center; font-size: 30px; line-height: 43px; font-weight: 300;letter-spacing: 0.6px;color: #F3C18B; padding-top: 10px;}
#couponBg h3 span{text-align: left; font-size: 36px; line-height: 52px ; font-weight: 600 ;color: #FEE51C;}
#couponBg h4 a{text-align: left; font-size: 36px; line-height: 52px ; font-weight: 600 ;letter-spacing: 1.44px;padding-top: 10px;color: #FEE51C; text-decoration: none; display: block;}

/************ coupon end *******/

/*************** delivery start ******************/
.delivery-Heading h4::before {content: "";background: url(../images/border-line.png);width: 90%;height: 3px;display: block;background-position: center; background-repeat: no-repeat;background-size: 100%;margin: auto;}
.delivery-Heading h4::after {content: "";background: url(../images/border-line.png);width: 90%;height: 3px;display: block;background-position: center;background-repeat: no-repeat;background-size: 100%;margin: auto;}
.delivery-HeadingNew h4::before {content: "";background: url(../images/border-line-yellow.svg);width: 85%;height: 3px;display: block;background-position: center;background-repeat: no-repeat;background-size: 100%;margin: auto;}
.delivery-HeadingNew h4::after {content: "";background: url(../images/border-line-yellow.svg);width: 85%;height: 3px;display: block;background-position: center;background-repeat: no-repeat;background-size: 100%;margin: auto;}
.delivery-HeadingNew h4 {margin: 0;overflow: hidden;}
.delivery-HeadingNew h4 span{display: block;text-align: center;font-size: 26px;line-height: normal;letter-spacing: 0.8px;font-weight: 300;color: #17073D;text-transform: uppercase;padding: 5px 0;}
.delivery-Heading h3{text-align: center;font-size: 30px;line-height: normal;font-style: italic;font-weight: 300;letter-spacing: 0.6px;color: #CAA060;margin-bottom: -8px;}
.delivery-Heading h4 {margin: 0; overflow: hidden;}
.delivery-Heading h4 span{display: block;text-align: center;font-size: 40px;line-height: normal;letter-spacing: 0.8px;font-weight: 300;color: #17073D;text-transform: uppercase;}
.delivery-section { margin-bottom: 40px;}
.HomeTab { margin-top: 20px;}
.HomeTab .nav-tabs .nav-link {color: #1B064B;border: 1px solid #CAA060;border-radius: 22px;font-size: 16px;font-weight: 600;line-height: 23px;padding: 10px 50px;letter-spacing: 0.64px;}
.HomeTab .nav-tabs .nav-link:hover {background-color: #352F99;border: 1px solid #CAA060;color: #fff;}
.delivery-img {position: relative;overflow: hidden;}
.delivery-img img{transition: all .8s ease-in-out 0s;}
.delivery-img:hover img{transform: scale(1.1);}
.HomeTab .nav-tabs .nav-item.show .nav-link, .HomeTab .nav-tabs .nav-link.active {color: #fff;background-color: #352F99;border: 1px solid #CAA060;border-radius: 22px;}
.HomeTab .nav-tabs {border-bottom: none;gap: 20px;display: flex;justify-content: center;}
.product-title { margin-top: 28px;}
.product-title h5{text-align: left;font-size: 16px;font-weight: 500;line-height: 23px;letter-spacing: 0.32px;color: #17073D;margin-bottom: 0; text-transform: uppercase;}
.delivery-box p{text-align: left;font-weight: normal;line-height: 20px;font-size: 14px;letter-spacing: 0.28px;color: #848484; margin-top: 6px;margin-bottom: 0;}
.pricebottom { margin-top: 20px;}
.pricebottom h5 {font-size: 20px; font-weight: 500; line-height: 35px;letter-spacing: 0.48px;color: #BB9F5D;}
.pricebottom a.btn-add {background-color: #fff;border: 1px solid #BB9F5D;border-radius: 5px;width: 90px;height: 36px;color: #BB9F5D;}
.pricebottom a.btn-remove {background-color: #352F99;border: 1px solid #BB9F5D;border-radius: 5px;width: 100px;height: 36px;color: #fff;}
.pricebottom a:hover.btn-add {background-color: #352F99;color: #fff;}
.pricebottom a.btn-added {background-color: #352F99;color: #fff;border: 1px solid #BB9F5D;border-radius: 5px;width: 90px;height: 36px;}
.btn:focus,.btn:hover,.btn:active{outline: none; border: none; box-shadow: inherit;}
.pricebottom a.btn-added img { width: 10px;height: auto;}
.minClass { margin-right: 15px;}
.plusClass { margin-left: 15px;}
.delivery-box { margin-bottom: 40px;}
.menu-section { margin-bottom: 20px;}
.menu-section .downloadBtn{font-size: 18px;line-height: 26px;font-weight: 300;letter-spacing: 0.36px;color: #FFFFFF;text-transform: uppercase;background: #352F99; display: flex; justify-content: center; align-items: center;border-radius: 23px; text-decoration: none;width: 300px; padding: 10px; margin: 30px auto;height: 45px;}
.menu-section a:hover.downloadBtn {background: #BB9F5D; color: #fff;}
.menu-section a.downloadBtn img.white{display: none;}
.menu-section a:hover.downloadBtn img.white{display: inline-block !important;}
.menu-section a:hover.downloadBtn img.dark{display: none;}
.menu-section .downloadBtn img { width: 15px;    margin-right: 5px;}
.menuList { margin-bottom: 40px;}
.menuList .product-title h5{text-align: left;font-size: 15px;font-weight: 600;line-height: 26px;letter-spacing: 0.36px;color: #17073D;margin-bottom: 0;}
.product-description {color: #8c8c8c;}
.menuList .product-title h4{font-size: 20px;font-weight: 500;line-height: 26px;letter-spacing: 0.48px;color: #352F99;margin-bottom: 0;}
.menuList .pricebottom { margin-top: 0; margin-bottom: 20px;}
.menuList .product-title {margin-top: 5px;margin-bottom: 10px;}
.menuList .pricebottom p {font-size: 16px;font-weight: 300;line-height: 23px;letter-spacing: 0.32px;color: #17073D;font-style: italic;width: 410px; min-height: 50px;}
.menuList .pricebottom a.btn-add {background-color: #fff;border: 1px solid #BB9F5D;border-radius: 5px;width: 90px;height: 36px;}
.menuList .pricebottom a:hover.btn-add {background-color: #352F99;color: #fff;}
.menuList .pricebottom a.btn-added {background-color: #352F99;color: #fff;border: 1px solid #BB9F5D;border-radius: 5px;width: 90px;height: 36px;}

/********** Footer ********/
footer { background-color: #140334; margin-bottom: 20px; margin-top: 100px; padding-top: 50px;}
footer .footerInfo .infoText { font-size: 16px; line-height: 23px; margin-bottom: 15px; font-weight: 400; color: #E8BF8A; letter-spacing: 0.32px; margin-top: 100px}
footer .footerInfo .phoneText a{ font-size: 34px; line-height: 42px; font-weight: 600; color: #E8BF8A; letter-spacing:  0.8px; margin-bottom: 42px; display: block; text-decoration: none;}
footer .footerInfo p{ margin-bottom: 0;}
footer .footerInfo .availableText { font-size: 16px; line-height: 23px; margin-bottom: 14px; font-weight: 400; color: #E8BF8A; letter-spacing:  0.32px;}
footer .footerInfo ul { padding-left: 0;}
footer .footerInfo ul li{ list-style: none; margin-right: 10px;}
footer .footerInfo ul li:first-child img{ width: 89px;}
footer .footerInfo ul li img{ width: 100px;}
footer .footerLogo {width: 350px; height: 330px; margin: -70px auto 0  auto; }
footer .footerLogo img{width: 100%; }
footer .footerLink ul.homeLink { margin-bottom:10px ;}
footer .footerLink ul.homeLink li { list-style: none; margin-right: 0;}
footer .footerLink ul.homeLink li:last-child { list-style: none; margin-right: 0;}
footer .footerLink ul.homeLink li:last-child a{ padding-right: 0; border-right: none;}
footer .footerLink ul.homeLink li a {text-decoration: none;color: #BB9F5D;font-size: 16px;line-height: 23px;font-weight: 400;letter-spacing: 0.32px;border-right: 2px solid #BB9F5D;height: 16px;display: flex;justify-content: center;align-items: center;padding-right: 12px;}
footer .footer-Heading h4::after {content: "";background: url(../images/footer-line.png);width: 70%;height: 3px;display: block;background-position: center;background-repeat: no-repeat;background-size: 100%;margin-left: auto;}
footer .footer-Heading h4 {font-size: 20px; line-height: 29px; letter-spacing: 0.4px; font-weight: normal; text-align: right;color: #E8BF8A;}
footer .footer-Heading h4 span { display: block; margin-bottom: 17px;}
.footer-Heading {margin-top: 40px;}
ul.socailLink li {list-style: none; margin-right: 16px;}
ul.socailLink li:last-child { margin-right: 0;}
ul.socailLink li img {width: 34px; height: 34px;}
p.copyright { font-size: 14px; line-height: 20px; color: #fff; text-align: right; font-weight: 400; letter-spacing: 0.28px; margin-top: 50px;}
.cartBtn {position: relative;}
.cartBtn .border{background: #352F99; color: #fff; border:1px solid #fff; padding: 2px 5px;}
.cartBtn .border p{font-size: 12px; text-transform: lowercase; font-weight: 400;}
.cartBtn .border .total_cart{font-size: 14px; float:left;  margin-top: -6px;}
.usefulLink .cartBlockHome {position: absolute;top: 4px;left: 25px;color: #000;font-size: 10px;width: 20px;height: 20px;background-color: #faa112;border-radius: 50%;text-align: center;line-height: 20px;}
.mobileNavigation .cartBlockHome {position: absolute;top: -2px;right: -10px; color: #FFF;font-size: 10px;width: 20px;height: 20px;background-color: #f3c18b;border-radius: 50%;text-align: center;line-height: 20px;}
.counter {position: relative;}
.counter button.qty-btn.minus{
    border: none;
    background: inherit;
    font-size: 42px;
    line-height: 20px;
    text-align: left;
    color: #fff;
    font-weight: 200;
    left: 5px;
    position: absolute;
    top: 3px;
}
.counter span{
    text-align: center;
    width: 20%;
    position: absolute;
    left: 38px;
}
.counter button.qty-btn.plus{
    border: none;
    background: inherit;
    font-size: 26px;
    line-height: 20px;
    text-align: left;
    color: #fff;
    font-weight: 200;
     right: 5px;
    position: absolute;
     top: 3px;
}
@media screen and  (min-width:1000px) and (max-width:1300px){ul.usefulLink li a.order-btn {font-size: 12px;padding: 7px 14px;} ul.usefulLink li:first-child {padding-right: 20px;}}
@media(min-width:1236px){.container{max-width:1236px;}}
@media(min-width:992px)
{.p0{padding: 0;}
.logo img {width: 80%;margin:0 auto 6px;display: table;}
.rightSpace a {margin: 0 16px 0 0;}
 .ml-space {margin-left: auto;}                      
#navication {position: relative; width: 100%;}
.navication ul > li:first-child {width: 153px; height: 132px;}
.navication ul > li:first-child a {padding-right: 20px;}
.navication ul > li:first-child img{width: 100%; border-radius: 10px;margin-top: 15px; border: 1px solid #BF8E00;z-index: 9999;position: relative;}
.navication ul > li .megamenuWapper { max-height: 0;  overflow: hidden;  position: absolute;  z-index: 999;  left: 0;  right: 0;  top: 100%;  background-color:#f1f1f1;  box-shadow: 1px 0px 2px #ccc;  padding: 10px 0 30px; transition: all 0.8s linear; display: none;}
.navication ul > li:hover .megamenuWapper { max-height: 1000px;  display: block;}
.navCatList > li { flex: 1 1 25%;  max-width: 25%;   padding: 0 15px;}
.navCatList > li > a{position: relative; color: #000; margin-bottom: 10px;}
.navCatList > li > a:before { content: "";  position: absolute;  left: 0px;  bottom: 0;  width: 80px;  height: 1px;   background-color:#a69a96;}
.navCatChildList li a{ text-transform: capitalize;}
.navication ul > li .megamenuWapper li a{padding: 4px 0;}
.navication ul > li .navCatChildList li a { color:#000;font-size: 15px;}
.navigations {padding: 0;height: 90px;display: flex;align-items: center;}
#couponBg {content: ""; background: url(../images/coupon-bg.png); width: 100%; height: 75px; background-repeat: no-repeat; background-size: cover; background-position:center;border-radius: 10px;}
}

@media(max-width:992px){ 
  nav ul li a span.d-lg-none{float: right; }   
  nav ul li a span.d-lg-none .iconfont {font-size: 14px;}   
  .mainBanner .itemContent{right:5%;}
  .mainBanner .itemContent .title{font-size: 32px;}
  .mainBanner .itemContent > a{font-size: 16px; padding: 12px 30px;}
  nav {margin:0;padding:0;width:100%;position:fixed;left:0;top:0;bottom:0;right:0;background-color:rgba(0, 0, 0, .4);overflow: hidden;visibility:hidden;opacity: 0;-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;transition:all .5s ease-in-out;z-index: -1;}
  nav .navication {padding:0;margin:0;top:-10px;width:316px;height:100vh;background-color:#352F99;left:-300px;position:relative;-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-o-transition: all .5s ease-in-out;transition: all .5s ease-in-out;overflow-y: auto;overflow-x: hidden;}
  nav .navHeader {padding: 10px 0;}
  nav .navHeader .btnNavToggle {width: 20%;z-index: 99;height: 48px;display:inline-block;color:#060404;text-align:center;border: none;position: fixed;right: 0;top: 10px;left: -14px;}
  nav .navHeader .navLogo img {max-height: 12px;}
  nav .navHeader .btnNavToggle .iconfont {font-size: 30px;}
  nav.showMainNav {visibility:visible;opacity: 1;z-index: 99999;}
  nav.showMainNav .navication {left: 0; top: -10px;visibility: visible;  opacity: 1;}
  nav .container-fluid{padding:0;}
  nav .navication ul {flex-wrap:wrap;}
  nav ul li:first-child {border-top:none;}
  nav ul li {width: 100%;border-top: navajowhite;margin-bottom: 30px;}
  .mainNav li img { width: 20px; margin-right: 10px;}
  .searchnav{padding:10px 15px;}
  .scrollNone{overflow:hidden;}
  nav ul li.searchdropdown {order:1;}
  .navHeader .searchdropdown{width:100%;text-align:center;display:inline-block;padding-top:4px;}
  .navHeader .dropdown-menu{left:10%!important;right:inherit!important;transform: inherit !important; top:28px !important;}
  .navHeader .dropdown-menu a{padding: 6px 10px !important; font-size: 12px !important;}
  .navHeader .searchdropdown a{color: #000; font-size: 14px;}
  .navHeader .searchdropdown .fa-angle-down{font-size:20px;display:inline-block;vertical-align: top;}
  .subscribeBlock ul{margin-top: 15px;}    
  .navigations {background-color: #1512133b;border-color: #1512133b;}
  nav .navication ul {padding-top: 66px;}
  .midHeader {padding: 14px 0 22px;}
  nav ul li .megamenuWapper{display: none;}
  .navCatChildList { margin: 0;  padding: 0; display: block !important;  list-style: none;  position: fixed;  background: #fff;   height: calc(100vh - 60px);   overflow-y: auto;   z-index: 999;  width: 300px;  top: 60px;  left: -100%;  transition: all 0.4s ease-in-out;}  
  .navCatChildList > li:first-child { border-top: none;  background: #000; color: #fff;}
  .navCatChildList > li:first-child a{color: #fff; padding-left: 32px;}
  .navCatChildList > li a.closeDropdown { position: absolute;  left: 10px;  top: 0px;  font-size: 24px;  padding: 0;}
  .navCatChildList > li a.closeDropdown .iconfont, nav ul li a.d-lg-none .iconfont {font-size: 14px;}
  .navCatChildList.showSubcategery{left:0;}
  nav ul.navCatList  li:first-child{border-top: 1px solid #ddd;}
  .navHeader img{width:16px;}
  nav .container {padding:0;margin:0;}
  nav .navication ul.navCatList {width:100%;}
  nav ul li a {padding:10px 25px 10px;font-size:16px;display:block;color:#F3C18B;}
  .tabslist .nav-link {font-size: 13px;}
  .news .newslist {border: 1px solid rgb(248, 186, 20);border-radius: 0;margin: 10px 0;} 
  .mobilemenu {margin: 0;background-color: #000;border-bottom: 2px solid #BF8E00;height: 50px;display: flex;align-items: center;}
  .mobilemenu a.mobileLogo img {width: 70px;border-radius: 5px;border: 1px solid #BF8E00;margin-top: 18px;margin-left: 0;z-index: 999;position: relative;}
  a.order-btn {text-align: center;font-size: 14px;line-height: 24px;font-weight: 500;letter-spacing: 0.32px;color: #FFFFFF;text-transform: uppercase;background-color: #BF8E00;border-radius: 20px;padding: 5px 20px;text-decoration: none;margin-left: auto;}
  #couponBg{content:"";background:url(../images/coupon-bg-mob.png) center/contain no-repeat;width:100%;height:auto;border-radius:10px}
  #couponBg h3{text-align:center;font-size:64px;line-height:85px;font-weight:400;letter-spacing:.6px;color:#f3c18b;padding:40px}
  #couponBg h3 span{text-align:center;font-size:65px;display:block;line-height:85px}
  #couponBg h4 a{font-size:60px;line-height:85px;text-align:center;font-weight:600;letter-spacing:1.44px;padding:90px 50px}

  .mobileLogo { margin-left: 0;}
  .mobileNavigation { display: flex; align-items: center;}
  nav .container-fluid {padding: 0 !important;padding-top: 0px;padding-right: 0px;padding-bottom: 0px;padding-left: 0px;}
  body.scroll-header {padding-top: 100px;}
  .cartBtnMobile {position: fixed; bottom: 0; background: #352F99; box-shadow: 0px 3px 26px #0000005C;border-radius: 7px; padding: 10px 18px; color: #fff; width: 100%; z-index: 99;}
 .cartBtnMobile .cartBlockHome {position: absolute; top: 15px;  left: 36px;  color: #000;  font-size: 10px;  width: 20px;  height: 20px;  background-color: #faa112;  border-radius: 50%;  text-align: center;  line-height: 20px;}
 .cartBtnMobile a{color: #fff;text-decoration: none;}
 .cartBtnMobile a.d-flex{align-items: center;}
  .cartBtnMobile a.d-flex img{ margin-right: 20px;}
  .cartBtnMobile p{ letter-spacing: 0.28px; font-size: 14px; font-weight: 400;}
  .cartBtnMobile  .total_cart{ letter-spacing: 0.32px; font-size: 16px; font-weight: 600; margin-top: -2px; float: left;}
  .borderLeft{border-left:1px solid #faa112; padding-left: 20px;}
  .veieCart{position: absolute; top:50%; right:10px; font-size: 14px; font-weight: normal; transform: translateY(-50%); letter-spacing: 0.28px;}
  .veieCart img{width: auto !important; margin: 0 0 0 4px !important;}
}
@media screen and  (min-width:1000px) and (max-width:1200px){
nav ul li a {padding-right: 30px;font-size: 14px;}
ul.usefulLink li{padding-right: 20px;}
#couponBg h3 {font-size: 24px;}
#couponBg h3 span {font-size: 30px;}
#couponBg h4 a {font-size: 30px;}
}
@media screen and (max-width:1000px){.dealslist p {font-size: 15px;line-height: 22px;margin: 10px 0 5px 0;}
  .navigation ul li {display: inline-flex;margin: 0 2px;}
  nav ul li a {padding: 7px 14px 0px;font-size: 16px;letter-spacing: 1.12px;}
      footer .footerLogo {width: 200px; height: 180px;  }
}


@media screen and (min-width:992px){
    ul.usefulLink li.userBtn ul.dropdown-menu.show {left: -170px !important;  }
    
    
}
@media screen and (max-width:980px){
	.aboutHome h2{font-size: 34px;}
.menu-btn i{color: #fff; font-size: 30px; text-align: left; display: block;} 
.navigation ul {display:block; align-items: center; margin: 0; padding:15px; background-color:#fff;}
.navigation ul li {display: block; margin: 40px  20px; border-bottom: 1px solid #000; }
.navigation ul li a{color: #000; }
.navigation ul {position: fixed; left: -100%; top: 0; width: 40%; height: 100%; display: block; text-align: center; transition:all 0.9s ease; z-index: 999;}
#click:checked ~ .menu-btn i::before{content: "\f00d";}
.container {max-width: 100%!important;}
.mainBannerText h1 {text-align: center;color: #fff;font-size: 30px;line-height: 34px;}
.mainBannerText {left: 50%;top: 50%;transform: translate(-50%, -50%);width: 70%;}
.aboutHome {margin: 27px 0;}
.delivery-section {margin-bottom: 27px;}
.delivery-box {margin-bottom: 30px;}
.HomeTab .nav-tabs .nav-link {white-space: nowrap;}
.footerInfo { margin-top: 50px; text-align: center;}
.footerInfo ul { justify-content: center;}
footer .footerLink ul.homeLink {margin-bottom: 20px;padding-left: 0;justify-content: center !important;margin-top: 25px;}
footer .footer-Heading h4 {text-align: center;}  
footer .footer-Heading h4::after {display: none;}
ul.socailLink {justify-content: center !important; padding-left: 0;}
footer {margin-bottom: 0;}
p.copyright {text-align: center;}


footer {margin-top: 80px;}
	footer .footerLogo {    
    /* height: 330px; */
    margin: -31px auto;
    display: flex;}
	footer .footerInfo .infoText {margin-top: 30px;}
	footer .footerInfo .phoneText a {margin-bottom: 0px;}
    ul.usefulLink li:first-child{padding-right: 0;}
    .mobilemenu a img{margin-left: 0;}

	
} 


  @media screen and (max-width:567px){
    .search-icon i {position: absolute;top: 50%;font-size: 22px;right: -4px;transform: translate(-50%, -50%);}
    .mainBannerText {bottom: 0;left: 8%;transform: inherit;top: inherit;width: 85%;}
    .menuList .pricebottom p {font-size: 14px;line-height: 15px;}
    .menuList .pricebottom p {width: 90%;}
	  .menuList .product-title {margin-top: 8px;}
    .menuList .product-title h5 {font-size: 16px;line-height: 22px;width: 80%;}
    .delivery-box p {width: 90%;font-size: 14px;line-height: 15px;}
    .product-title h5 {width: 80%;}
	.product-title {margin-top: 15px;}
    #couponBg h3 {text-align: center;font-size: 32px;line-height: 40px;font-weight: 400;letter-spacing: 0.6px;color: #F3C18B;padding: 30px;}
    #couponBg h4 a {font-size: 36px;line-height: 56px;text-align: center;font-weight: 600;letter-spacing: 1.44px;padding: 30px;}
    #couponBg h3 span {text-align: center;font-size: 36px;display: block;line-height: 56px;}
    .aboutHome p {font-size: 18px;line-height: 26px;}
    .delivery-Heading h4 span {font-size: 34px;}
    .delivery-Heading h3 {font-size: 24px;}
    .delivery-Heading h3 {margin-bottom: -4px;}
    .HomeTab .nav-tabs {flex-wrap: nowrap;overflow: auto;justify-content: start;padding: 5px;}
    ::-webkit-scrollbar {  display: none;}
	 .menuList .pricebottom a.btn-added {width: 110px;}
    .scroll-hidden {  overflow: auto;  /* Firefox */  scrollbar-width: none;  -ms-overflow-style: none;  /* Chrome */}
    .scroll-hidden::-webkit-scrollbar {  display: none;}
  }
  @media screen and (max-width:766px){
  #myTab { flex-wrap: nowrap; overflow: inherit;}
  .overFlowHidden{display: block; overflow-x: auto;  scrollbar-width: none;    -ms-overflow-style: none;}
    .overFlowHidden::-webkit-scrollbar { display: none;}
    .HomeTab .nav-tabs{overflow: inherit !important;}
    .HomeTab .nav-tabs .nav-link{font-size: 14px; padding: 7px 16px; letter-spacing: normal;}
    .HomeTab .nav-tabs{gap:12px;}
  }