@font-face {
    font-family: 'Myriad Pro';
    src: url('/public/css/MyriadPro-Regular.woff2') format('woff2'),
         url('/public/css/MyriadPro-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
html{
    overflow-x: hidden;
}
   body { font-family: 'Myriad Pro'!important; }
   
   .list-icon {/* margin-top: 0; */padding-top: 42px;text-align: right;}
   .faqs .btn-link { color:#5ca203!important; text-decoration:none; }
   .header-top{
    padding-bottom: 10px;
    padding-top: 0px;
}
#custom-loader {
  position: fixed;
  top: 0;
  left: 0;
  height: 3px;
  width: 0%;
  background-color: #29d; /* your desired color */
  z-index: 9999;
  transition: width 0.4s ease;
}
li.inactive {
    opacity: 0.5;
    pointer-events: none;
    position:relative;
    text-decoration: line-through;
}
li.inactive:before{content:"";position:absolute;margin: 0 auto;width: 50%;display: inline-block;left: 0;right: 0;color: #000;font-weight: 500;height: 1px;background: #000;top: 12px;rotate: 167deg;display: none;}
   .logo img {max-width:100%;/* width:300px; */}
   .navbar>div>ul>li {display:inline;margin: 0 5px;}
   .parnto_tab { margin: 0 0 15px; }
   .bg-green { background:#5ca203 }
    
   .search {background:#fefefc;border-radius: 3px;}
 
   .search.form-control { border:3px solid #ced4da }
   .search_icon { background:#4f9ad1; font-size:30px }
   
   .searchbox{
    position: relative;
    padding-top: 37px;
    z-index: 999;
}
   .searchbox input{
    width: 100%;
    padding: 10px 15px;
    border: 2px solid #eee;
    border-radius: 7px;
    outline:none;
}
   .searchbox button{
    position: absolute;
    right: 0;
    padding: 12px 30px;
    border: none;
    background: #000;
    color: #fff;
    border-radius: 0 10px 10px 0;
}
   
   .resultpanel{
       width: 100%;
       background: #f2f2f2;
       border-radius: 5px;
       max-height: 500px;
       height: auto;
       overflow: auto;
       padding: 15px;
       box-shadow: 0 0 3px 1px #e5e5e5;
       position: absolute;
       top: 100%;
       z-index: 999999;
       display: none;
   }
   .resultpanel.active{
    display: block;
   }
.resultpanel > span{
 position: absolute;
 top: 10px;
 right: 10px; 
 z-index: 99;
 color: #000;
 font-size: 25px;
}
 .resultpanel a{color: #000; font-size: 14px;display: block; position: relative; z-index: 1; padding: 15px 0; padding-left: 60px; }
.resultpanel a img{width: 50px; border: 1px solid #ddd; border-radius: 5px; position: absolute; z-index: 9; top: 50%; left: 0; transform: translateY(-50%);}
.resultpanel a span{display: block;}
.resultpanel a:hover span{color: red;}
.resultpanel p{margin: 0;}
.carousel-indicators{z-index: 8 !important;}
   .counter {position: absolute;background: #858585;color:white;padding: 1px 4px;border-radius:50%;margin-left: 3px;right: 0;font-weight:700;width: 20px;/* display: none; */font-size: 12px;margin-top: 0;top: -10px;text-align: center;height: 20px;font-style: normal;}
   .cart { position:relative }
   nav {background: #000000;}
   .cd-dropdown-wrapper>a:active { color:white }
   .cd-dropdown-wrapper>a:hover { color:white }
   .cd-dropdown-wrapper>a:visited { color:white }
   nav ul { margin: auto 0px !important }
   .navbar>div>ul>li {position:relative; color:white;font-size: 18px;padding: 10px 20px;}
  .navbar>div>ul>li:before{content:"";right:0;position:absolute;width:1px;height:10px;background: #ffffff4a;top: 20px;}  
.navbar>div>ul>li:last-child:before{background:none;} 
.has-children a { font-size:14px; }
   .stationery img { max-width:100% }
   .has-children a { font-size:13px!important; }
   .heading {background: #ffffff;margin-top: 0;padding-top: 0;border-radius: 0 0px 10px 10px;}
   
   .heading h3 {color:#2b2b2b;font-weight: 200;}
   .hr { width:100%; border:1px solid #333; }
   .hr2 { width:25%; float: left; border-bottom:2px solid #333; margin-bottom:0px; margin-top:0px }
   .prodcut-block {border:1px solid #eee;border-radius: 0;transition:all 0.5s ease-in-out;padding: 0 !important;position: relative;}
   .productvideo{
    position: relative;
    z-index: 1;
}
   .productvideo iframe{
    height: 100%;
    width: 100% !important;
}

    .productvideo .productiframe{
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 9;
        opacity: 0;
        visibility: hidden;
        pointer-events: none;
    }
    .productvideo .productiframe.active{
        opacity: 1;
        visibility: visible;
        pointer-events: auto;
    }
.productvideo .productiframe #iframeclose{
    position: absolute;
    top: 5px;
    right: 5px;
    color: #fff;
    font-size: 30px;
    z-index: 99;
    cursor: pointer;
}

    @media(min-width:768px) {
    .prodcut-block {
    min-height: 380px;
   }
   }
   .prodcut-block img {/* max-width:100%!important; *//* width:auto!important; *//* margin:7px 20px; *//* margin:0 auto; *//* margin-top:-35px; */}
   .cart-image { height:100px; margin:0 auto; display: block; }
   .off h5 {font-family: 'Myriad Pro';/* width: 48px; */background: #000000;padding: 5px 10px;font-size: 12px;color: #ffffff;position: absolute;text-transform: uppercase;letter-spacing: 1px;left: 2px;top: 10px;border-radius: 0px 15px 15px 0;white-space: nowrap;}
   .prodcut-block button {/* width: 70%; */margin: 8px auto;display: none;border: none;paddin;padding: 7px 20px;tion:all 0.4s ease;text-transform: uppercase;color: #fff;background: #000;border-color: #000;border-radius: 0;}
   .prodcut-block button:focus { outline:0px; }
   .alert ul { margin-bottom:0px; }
   .rating {margin:0 auto;display: block;width:114px;/* margin-top:5px; */font-size:13px;}
   .rating i.star { color:#ffe400; padding:5px 5px; }
   .product-price p { font-weight:600; font-size:20px; }
   .wishlist h5 { color:grey; ; font-size:26px; position:relative; cursor:pointer; }
   .owl-carousel .m-2:hover { box-shadow:0px 2px 10px rgba(0, 0, 0, 0.1); }
   .add-cart { display: none; }
   .owl-carousel .m-2:hover .add-cart {/* display: block!important; */background: #000000;color: #ffffff;border-color: #000;text-transform: uppercase;letter-spacing: 1px;display: none;}
   .owl-carousel .m-2:hover .product-name {/* display: none!important; */}
   .viewall a:hover {background: #000000;color:white!important}
   @media(min-width:768px) {
    .cd-close {
    display: none;
   }
   }
   .enquiry-image img, .merchant-image img { background: white; margin: 0 auto; display: block; padding: 20px; margin-top: 0px; box-shadow: 0px 20px 15px rgba(0, 0, 0, 0.2); border-radius: 20px; /* position: absolute; */ margin-top: -45px; }
   .bg-light { background:#f6f6f6 }
   .cat-title {color: #000000;}
   .bg-light2 {background: #ffffff !important;}
   .font11 { font-size:11px; }
   .circle-image { padding: 20px 30px; border-radius: 50%; background: white; margin-left: -108px; height: 266px; padding: 0px 43px; padding-top: 16px; width: 266px; margin-top: -10px; } 
   .cover { width:100%;   }
   .app-image {margin-top: -149px;}
   .app-heading {font-size:55px;text-align: left;line-height: 1;}
   .offer-p {font-size: 16px; text-align: justify;} 
   .offer-container { height:400px; margin-top:180px }
   /* product css start here */
   .back_g { background: #f1f1f1; border-top: 1px solid #d7d7d7; }
   .m_breadcumb a:after { display: inline-block; content: '/'; color: #464646; height: 13px; line-height: 13px; font-family: Fontawesome; font-size: 18px; margin: 0 10px 0 10px; vertical-align: middle; font-weight:bold; }
   .m_breadcumb a { color: #000; font-size: 17px; font-weight: 500; }
   /* gallery css start here */
   .containers { width: 960px; margin: 25px auto; max-width:100%; }
   .gallery { }
   .gallery .previews, .gallery .full, .gallery .desc { margin-right: 10px; }
   .gallery .desc, .gallery .full { font-size: 12px; }
   .gallery .desc h2 { margin-top: 0; }
   .gallery .previews a { display: inline-block; margin: 10px 5px; }
   .gallery .full, .gallery .full img { max-height: 417px; padding:10px; ; overflow:hidden; }
   .gallery .previews a, .gallery .full { border:1px solid #dee2e6 }
   .gallery .previews a:hover, .gallery .previews a.selected { border-bottom: 2px solid #2080c2; }
   .tabs_contents p { color: #423e3e; text-align: justify;
       word-break: break-word; }
   .gallery .full img:hover { cursor: pointer; }
   .clearfix:after { content: "."; visibility: hidden; display: block; height: 0; clear: both; }
   .previews img { max-width: 100%; height: 90px; width: 70px; }
   .full img { width: 100%; }
   /* gallery css end here */
   
   .product_h h3 { font-size: 18px; font-weight: 600; color: #2b2b2b; text-transform: uppercase; margin-bottom:15px; }
   .comments_note .star_content { display: inline-block; margin-right: 30px; }
   div.star { display: inline-block; }
   div.star_on:after { content: "\f005"; font-family: 'FontAwesome'; display: inline-block; color: #5ca203; font-size: 11px; cursor: pointer; }
   div.star:after { cursor: pointer; }
   div.star:after { content: "\f006"; font-family: 'FontAwesome'; display: inline-block; color: #363636; font-size: 11px; }
   ul.comments_advices { display: inline-block; }
   .product_h p { color: #544d4d; font-size: 15px; text-align: justify; padding: 0 0 20px 0; }
   .comments_note .comments_advices li.nb-comments {padding: 0 0;}
   .comments_note .comments_advices li { display: inline-block; position: relative; }
   .comments_note .comments_advices li a { color: #999; }
   .comments_note .comments_advices li.nb-comments:after {content: "";display: inline-block;height: 11px;width: 1px;background: #999;position: absolute;right: 0;top: 11px;}
   .stock p { margin: 0 0 5px 0; color: #898989; }
   .stock span { font-weight: bold; font-size: 14px; }
   .price h2 { font-size: 3rem; font-weight: bold; color: #5ca203; padding: 10px 0; }
   .ip_card button { border:1px solid #5ca203 !important; color: #fff; border: 0; padding: 9px 14px; font-size: 16px; background:none; color:#5ca203; }
   .ip_card button:hover { background-color: #5ca203; color:#fff; }
   .heart a {border: 2px solid #d93765;color: #d93765;padding: 14px 15px;margin: 0 3px;border-radius: 5px;}
   .bord {border-top: 1px dashed #898989;padding: 5px 0;}
   /* increment decrement css start here */
   
   .value-button { display: inline-block; border: 1px solid #ddd; margin: -4px; width: 40px; height: 43px; text-align: center; padding: 9px 0; background: #eee; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
   .value-button:hover { cursor: pointer; }
   .qty #decrease { margin-right: -4px; }
   .qty #increase { margin-left: -4px; }
   .qty #input-wrap { margin: 0px; padding: 0px; }
   .qty input#number { text-align: center; border: none; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; margin: 0px; width: 40px; height: 43px; }
   .qty .number { text-align: center; border: none; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; margin: 0px; width: 40px; height: 43px; outline:none; }
    input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
   }
   /* .heart { margin: 10px 0 0 0; } */
   .heart a:hover {background-color: #d93765;color: #ffffff;}
   .qty { text-align: right; }
   .ip_card { text-align: center; }
   /* increment decrement css end here */
   
   /* product css start here */
   
   /* tabs css start here */
   .toggle { font-family: arial, sans-serif; }
   .toggle .tabs { width: 100%; overflow: hidden; height: 43px; line-height: 36px; }
   .toggle .tabs .tab { float: left; background: white; color: #777777; height: 43px; padding: 4px 30px; cursor: pointer; border:1px solid #eee; }
   .toggle .tabs .tab.active { color: #dd4b39; border-bottom: 3px solid #dd4b39; }
   .toggle .panels .panel { padding: 20px 10px; display: none; }
   .toggle .panels .panel:first-child { display: block; }
   .tabs_toggle { border: 0px solid #eee; }
   .tabs_toggle .tabs .tab.active { background-color: #2080c2; color: #fff; border: 0; margin: 0; padding: 4px 30px; height: 43px; }
   /* tabs css end here */
   
   .tabs_table table { width: 100%; }
   .tabs_table td { border: 1px solid #eee; padding: 8px 20px; }
   /* footer start here */
   .fluid-container {width: 92%;/* padding-right: 5px; *//* padding-left: 5px; */margin-right: auto;margin-left: auto;position:relative;padding: 0;}
   .news {background-color: #000000;}
   .signup h2 { margin: 0; color:#fff; }
   .emails input#email { width: 75%; border: 0; padding: 9px 10px 9px 20px; border-radius: 5px 0px 0px 5px; margin: 0 -5px 0 0; height:43px }
   .emails button { background-color: #5ca203; border: 0; color: #fff; padding: 9px 30px!important; text-transform: uppercase; border-radius: 0 5px 5px 0; }
   .snew {background-color: #00000000;}
   .social ul { margin: 0; padding: 0; }
   .social ul li { padding: 0 42px 0 0; }
   .social ul li a span { margin: 0 0 0 15px; }
   .social ul li a { color: #313131; font-size: 22px; text-decoration:none; }
   .foot_back {background-color: #000000;}
   .mcafee { text-align:right; }
   .mcafee img { width: 120px; }
   .abt-market ul { padding: 0; }
   .abt-market ul li { display: block; padding: 3px 0; margin: 0; }
   .abt-market ul li a { color: #fff; text-decoration: none; font-size:18px; }
   .abt-market h4 { color: #fff; margin-bottom: 20px; }
   .notebook_white img { width: 350px; }
   .notebook_white { text-align: right; padding: 0 70px 0 0; }
   .copy p { margin: 0; }
   section.copyright {background-color: #141414;}
   .copy p { color: #4a4a4a; font-size: 15px; font-weight: bold; padding: 8px 0; }
   .copy p span { color: #70a3d2; font-weight: bold; }
   .bhim ul li a img { width: 70px; }
   .bhim ul { margin: 0; text-align: right; }
   /* footer end here */
   
   /* login page css start here */
   .sign h3 { text-align: center; text-transform: uppercase; }
   /* login page css end here */
   ul.d-flex { padding-inline-start:0px; }
   .list-icon img { width:36px; }
    @media(max-width:720px) {
    .circle-image img {
    max-width: 100%;
   }
   }
   @media(max-width:780px) {
    .offer-container {
    height:auto!important;
    margin-top:20px;
   }
    .app-image {
    margin-top:0px!important;
    height:400px;
    margin:0 auto!important
   }
   }
   .social a { color:#313131!important; word-wrap: keep-all; ; font-size:18px; }
   .social a img {padding-right: 10px;filter:grayscale(1)!important;width: 50px;}
   .category-box img { max-width:100% }
   .viewall-btn:hover .nav-ico { display: none; ; }
   .nav-white-ico { display: none; ; }
   .viewall-btn:hover .nav-white-ico { display: inline; ; }
   .sign .form-group input { padding: 25px 15px; border-radius: 0; margin:  15px 0; }
   .box { display: block; position: relative; padding-left: 35px; margin-bottom: 12px; cursor: pointer; font-size: 16px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
   /* Hide the browser's default checkbox */
   .box input { position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0; }
   /* Create a custom checkbox */
   .checkmark {position: absolute;top: 0;left: 0;height: 23px;width: 23px;border: 1px solid #000000;}
   
   /* On mouse-over, add a grey background color */
   .box:hover input ~ .checkmark {
    background-color: #ccc;
   }
   
   /* When the checkbox is checked, add a blue background */
   .box input:checked ~ .checkmark {
    background-color: #000000;
   }
   /* Create the checkmark/indicator (hidden when not checked) */
   .checkmark:after { content: ""; position: absolute; display: none; }
   
   /* Show the checkmark when checked */
   .box input:checked ~ .checkmark:after {
    display: block;
   }
   .register {/* background: url(../images/stationey-vector.png); */background-repeat: repeat;background-position: center;}
   .sign { background-color: #ffffff; padding: 40px; border-radius: 5px; }
   /* Style the checkmark/indicator */
   .box .checkmark:after { left: 9px; top: 5px; width: 5px; height: 10px; border: solid white; border-width: 0 2px 2px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }
   /* login page css end here */
   .buttons button {background-color: #000000;color: #fff;border: 0;width: 100%;height: 45px;font-size: 19px;}
   .buttons { text-align:center; }
   .sign .form-group input:focus {border: 1px solid #000000;box-shadow:none;}
   .maccount { background-color: #f7f7f7; border-top: 1px solid #ececec; border-bottom: 1px solid #ececec; }
   .my_account h2 {text-transform: uppercase;margin: 0;font-size: 26px;color: #14b10c;}
   .my_account h6 { font-size: 13px; padding: 0; margin: 0; }
   /* profile tabs css start here */
   
   
   .tabs-left > .nav-tabs { border-bottom: 0; }
   .tab-content > .tab-pane, .pill-content > .pill-pane { display: none; }
   .tab-content > .active, .pill-content > .active { display: block; }
   .tabs-left > .nav-tabs > li { float: none; }
   .tabs-left > .nav-tabs > li > a { min-width: 74px; margin-right: 0; margin-bottom: 3px; }
   .tabs-left > .nav-tabs { float: left; margin-right: 19px; border-right: 1px solid #ddd; }
   .tabs-left > .nav-tabs > li > a { margin-right: -1px; -webkit-border-radius: 4px 0 0 4px; -moz-border-radius: 4px 0 0 4px; border-radius: 4px 0 0 4px; }
   .tabs-left > .nav-tabs > a:hover, .tabs-left > .nav-tabs > a:focus { border-color: #eeeeee #dddddd #eeeeee #eeeeee; }
   .tabs-left > .nav-tabs .active > a, .tabs-left > .nav-tabs .active > a:hover, .tabs-left > .nav-tabs .active > a:focus { border-color: #ddd transparent #ddd #ddd; *border-right-color: #ffffff;
   }
   .tabbable ul.nav.nav-tabs a { display: block !important; padding: 10px 30px 10px 5px !important; border-bottom: 1px solid #ccc !important; margin: 0 !important; }
   ul.nav.nav-tabs { display: block; width: 20%; }
   .tabbable a { color: #181818; text-decoration: none; }
   ul.nav.nav-tabs a:hover { background-color: #e6e6e6; color: #181818; }
   .user a img { border-radius: 50%; }
   .user { text-align: center; }
   .user p { margin: 10px 0 0 0; }
   .user a:hover { background-color: #fff !important; }
   .pwd h2 { font-size: 17px; text-transform: uppercase; }
   .tab-content { display: flow-root; }
   .savebutn button { border: 0; background-color: #5ca203; color: #fff; padding: 10px 30px; text-transform: uppercase; margin: 20px 0 0 0; }
   .add-cart { padding: 3px; margin-top: 8px; }
   .homes p a { color: #5ca203; }
   .homes ul li a:hover { background-color: #5ca203; color: #fff; }
   .homes ul li a { border: 1px solid #ccc; padding: 13px 50px; }
   .homes ul li { display: block !important; margin: 20px 10px; float: left; }
   .order button { border: 0; background-color: #5ca203; color: #fff!important; padding: 8px 30px; text-transform: uppercase; margin: 25px 15px 0 0; }
   .register-link {color: #000000;font-size: 17.5px;text-decoration: none!important;}
   /* profile tabs css end here */
   
   .filters hr {border-color: rgb(231 231 231) !important;}
   .categories { border-radius: 5px; ; }
   .product_list { }
   .pro-img{width: 100%; height: 250px;}
   .pro-img img {display: block;margin:0 auto;/* margin-top: -39px; */ height: 100%; width: 100%; object-fit: cover; object-position: top;}
    @media(min-width:768px) {
    .prodcut-block.col-md-3 {
    flex: 0 0 23%!important;
   }
   }
   .prodcut-block:hover {/* box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.1); */}
   .prodcut-block h3{font-size:16px;margin:8px 0;padding-top: 0;text-transform: capitalize;font-weight: 400;}
   .prodcut-block .ratebox{text-align:center;}
   .prodcut-block .ratebox .wishbox{
    margin-left: 5px;
}
.prodcut-block .ratebox .wishbox a{color:#000;font-size: 22px;}
   .product-price p { font-size:16px; color: #217fc2; }
   .prodcut-block:hover .add-cart {/* display: block!important; */}
   .prodcut-block:hover .product-name {/* display: none!important; */}
   .nextperv, .hr_block { clear: both !important; }
   .am-next, .am-next1, .am-next2 { font-size:30px; padding-right:3px; color:grey }
   .am-prev, .am-prev1, .am-prev2 {font-size:30px;padding-left:3px;color: #000000;}
   .owl-carousel {  }
   .mw-100 { max-width: 100%; }
   .prodcut-banner { height:300px!important; width:100%; object-fit: cover; object-position: top; margin-bottom:30px; }
   .page-item.active .page-link {background: #000000 !important;color:white!important;border-color: #000000 !important;}
   .cd-dropdown-content li a { font-size:16px!important; }
   .offer-ads img { margin-top: 20px; height:340px; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1); padding:8px; }
   .offer-slides { clear:both; }
   .per30 { height:299px; box-shadow:0px 0px 10px rgba(0, 0, 0, 0.2); }
   .offer-text:empty { background:transparent!important; }
   .text-right>.fa-heart:hover { color:red; }
   .page-link { border-radius: 10px; box-shadow:0px 0px 10px rgba(0, 0, 0, 0.01) }
   .page-item:last-child .page-link { border-radius: 10px; }
   .page-item:first-child .page-link { border-radius: 10px; }
   .radius { border-radius:13px; }
   .border-bottom { border-color: #e4e4e4!important; }
   .text-lightgreen { color:#62ce62 }
   .payment-method-img { width:100px; border-radius: 10px; ; max-width: 100%; }
   .coupon { cursor: pointer; }
   .applied-coupon-text { font-size:18px; color:#28a745!important }
   .text-blue {color:#217fc2!important;}
   .alert { position: fixed; top:100px; right:20px; z-index:34344; }
   .applied-coupon { display: none; }
   .bgimage-light { background-image:url('../images/stationey-vector-light.png'); background-size:cover; background-repeat:repeat; }
   .list-icon li {display: inline-block;padding: 0px 5px;position: relative;}
   .payment-method li { display: inline-block; margin-top:5px; margin-right:30px }
   .success-box { justify-content:center; align-items:center; }
   a { text-decoration:none!important; }
   .product-cart-list p.text-danger { cursor:pointer!important; }
   .product-cart-list p.text-danger:hover { font-weight:600!important; }
   #cart-dropdown { width:281px; left:-64px!important; }
   .cart-pro-img { width:40px!important; }
   .pro-cart-img { width:87px; }
   .pro-name { width:188px; }
   .pro-name p { font-size:18px; font-weight: 500; }
   .navbar>div>ul>li:hover {background: #000000;}
   .navbar>div>ul>li a { text-decoration: none; }
   .product-cart { clear: both !important; }
   hr { clear:both!important }
   .bg-blue { background:#217fc2!important; border-radius:5px; }
   .cart-close { position: absolute; top:4px; right:16px; color:red; font-size:20px; cursor:pointer; }
   .cart-close:hover { opacity:1; color:red; }
   .product-cart { position: relative; margin-top: 10px; ; }
   .list-icon li>.fas { font-size:30px; color:#404040 }
   .list-icon li>.fas:hover { color:#4f9ad1 }
   .list-icon li>.fas:active { color:#4f9ad1 }
   @media(max-width:768px) {
    .list-icon {
    display: flex;
    justify-content: center;
   }
   }
   .account-panel .dropdown-item .fas {color: #000000;}
   .account-panel .dropdown-item:hover { background-color: #5ca203; color:white }
   .account-panel .dropdown-item:hover .fas { color:white!important }
   #cat-close { position: absolute; z-index: 1; right: 0; top: 0; height: 50px; width: 50px; overflow: hidden; text-indent: 100%; white-space: nowrap; color: transparent; }
   #cat-close2 { position: absolute; z-index: 1; left: 0; top: 0; height: 50px; width: 50px; overflow: hidden; text-indent: 100%; white-space: nowrap; color: transparent; }
   .menu-text { font-size:15px; }
   .bhim ul li { display:inline; }
   .circle-image { }
   .pagination li { margin:0px 7px; }
    @media(max-width:768px) {
    .pro-img img {
    /* height:120px!important; */
    border-radius: 10px;
    border: 1px solid #000000;
   }
    .owl-carousel {
   height:335px!important;
   }
    .add-cart {
    font-size:13px;
   }
    .circle-image {
    border-radius: 50%;
    background: white;
    margin-left: -92px;
    height: 191px;
    padding: 0px 43px;
    padding-top: 28px;
    width: 191px;
    margin-top: -13px;
   }
    .cat-title {
    font-size:18px;
   }
    .category-box img {
    margin:0 auto;
    display:block;
   }
    .category-box h5 {
    text-align:center!important;
   }
    .order-summary h3 {
    font-size:20px!important;
   }
    .pro-ad-cart {
    font-size:15px;
   }
    .price h2 {
    font-size:35px;
   }
    .offer-slider {
    float:unset!important;
   }
    .offer-slider img {
    width:100%;
    object-fit:cover;
   }
    .progressbar {
   margin-left:5px!important;
   }
    .profile-area {
    margin-top:30px!important;
   }
   }
   .profile-nav ul li { display: block!important; padding:8px 5px; }
   .profile-nav ul li a { color:#333 }
   .profile-nav i { font-size: 16px; }
   .profile-nav { border-radius:10px; }
   .profile-menu li.bg-blue a, .profile-menu li.bg-blue a:hover { color:white }
   .profile-menu a:hover { color:white }
   #manage-address { display: none; }
   .address-list { position: relative; }
   .toggle-icon {position: absolute;right: 0;}
   .toggle-icon:hover { color:#1a7dc0; cursor: pointer; }
   .order-img { width:80px; max-width:100%; margin:0 auto; display: block; }
   .bold { font-weight: 600; }
   .profile-menu a .fas { color:#1a7dc0; }
   .profile-menu li:hover i { color:white!important }
   .profile-menu li.bg-blue i { color:white!important }
   .bg-blue { background:#1a7dc0; }
   .sub-active {background: #d7d7d7a1;}
   .profile-menu li.bg-light a { color:#333!important }
   .profile-menu li.sub-active:hover { background:#ceebffa1; }
   .sub-active a {color: #000000 !important;}
   .profile-menu li.bg-blue, .profile-menu li:hover { background:#1a7dc0; color:white; border-radius:2px }
   .profile-menu li:not(.bg-blue):hover {
    background: #e9e9e9a1;
    color: #000 !important;
   }
   .profile-menu li:not(.bg-blue):hover a {
   color: #000;
   }
   .profile-area { border-radius:10px; }
   .profile-menu li:hover a { color:white }
   .profile-img img { border-radius: 50%; height:80px; width:80px; }
   .progressbar { counter-reset: step; margin-left:-29px; }
   .progressbar li { list-style-type: none; width: 25%; float: left; font-size: 12px; position: relative; text-align: center; text-transform: uppercase; color: #7d7d7d; }
   .progressbar li:before { width: 30px; height: 30px; content: counter(step); counter-increment: step; line-height: 30px; border: 2px solid #7d7d7d; display: block; text-align: center; margin: 0 auto 10px auto; border-radius: 50%; background-color: white; }
   .progressbar li:after { width: 100%; height: 2px; content: ''; position: absolute; background-color: #7d7d7d; top: 15px; left: -50%; z-index: -1; }
   .progressbar li:first-child:after { content: none; }
   .progressbar li.active { color: green; }
   .progressbar li.active:before { border-color: #55b776; content:"\f00c"; font-family: "Font Awesome 5 Free"; font-weight: 900; }
   .progressbar li.active + li:after { background-color: #55b776; }
   .return { background:#217fc2!important; }
   .btn-danger { background:#ec4d16!important }
   .navbar>div>ul>li>a {color:white;text-transform: uppercase;font-size: 16px;padding: 4px 0;display: block;letter-spacing: 1px;}
   .search_icon { font-size: 29px; padding: 10px 20px; }
   .input-group-append button { border:0px; padding:0px; }
   .wishlist {z-index:10;position: absolute;color: #fff;top: 10px;right: 10px;}
.wishlist a i{color:#fff !important;}
   .heading h3 a {color: #000000 !important;text-transform: capitalize;display: block;padding: 13px 0;font-weight: 400;letter-spacing: 1px;font-size: 22px;/* box-shadow: 1px -1px 0 0 #eee; *//* box-shadow: 0px 15px 10px -15px #e3e3e3; *//* border-bottom: 1px solid #eee; */}
   .heading h3 a:hover {color: #585858 !important;text-decoration:none!important;}
   .pagination nav a {color: #000000;}
   .pagination nav { background:white!important; }
   .merchants { box-shadow:0px 0px 20px rgba(0, 0, 0, 0.1); padding:30px; border-radius: 10px; ; }
      .merchants p a{color:#000; font-weight:bold; }
      .merchants .merchantbtn{
    background: #000;
    color: #fff;
    padding: 10px 15px;
    border-radius: 3px;
}
.merchants img { width:400px; height:280px; max-width:100%; margin:0 auto; display: block; }
   .merchants h5 { text-align:center; margin-top:30px; }
   .fa-crown { color:#ff7700!important; }
   .p-span { background: beige; padding: 5px; border-radius: 5px; }
   input::-webkit-outer-spin-button, input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
   }
   input[type=number], input[type=date] {
    -moz-appearance: textfield;
   }
   .form-control { border-radius: 5px; ; }
   .fieldset { border:1px solid #ced4da; padding:0px 15px; border-radius: 5px; ; }
   .fieldset input { margin:0px!important; }
   .fieldset input[type="file"] { padding:15px 0px; ; }
   .fieldset legend { width:auto!important; font-size:17px; color:grey; padding:0px 5px; }
   textarea#address { height:118px; }
   textarea.prime { height:88px!important; }
   .prime-box .sign .form-group input { margin:0px!important }
   .am-next, .am-next1, .am-prev1, .am-prev { cursor:pointer; }
   .am-next:hover i, .am-next1:hover i, .am-prev1:hover i, .am-prev:hover i { transform:scale(1.3)!important; }
   #offer-1, #offer-2 { cursor:pointer; }
   #offer-1 b, #offer-2 b {color: #000000;}
   #offer-1:hover, #offer-2:hover {background: #707070 !important;color:white!important;}
   #offer-1:hover b, #offer-2:hover b { color:white; }
   .offer-active { background:#217fc2!important; color:white!important; }
   .offer-active b { color:white!important; }
   #remove-offer { font-size: 14px; display:none; color:#ff5722; }
   .card-body nav { background:unset!important; }
   .card-body nav .page-link { font-size:11px; color:#333!important; }
   .img-slider {width:100%!important;/* object-fit:cover!important; */border-radius: 10px;}
    @media(min-width:768px) {
    .img-slider {
   height:520px!important
   }
   }
   .stationery img {width:100%;/* border-radius: 10px; */}
   .carousel-control-next, .carousel-control-prev {right: 0;width: 30px;background: #000000;height: 70px;opacity: 0.9;border-radius: 5px;padding: 7.6px;transform: translateY(250%);}
   span, td, .tabs_contents p, .toggle .tabs .tab, div { font-family:'Myriad Pro'!important }
   .gallery .full, .gallery .full img { object-fit:contain!important; padding:45px!important; }
   .shadow-sm .panels { padding:15px 20px; box-shadow:0 .125rem .25rem rgba(0, 0, 0, -0.075)!important;
   border-radius:5px; background:#eeeeee38!important; }
   .toggle .tabs .tab { box-shadow:0px 0px 4px rgba(0, 0, 0, 0.12)!important; border:0px solid transparent!important; border-top-left-radius:5px; border-top-right-radius:5px; margin-top:2px!important; }
   .shadow-sm .tabs .tab:nth-child(2) {
   margin: 2px 7px!important
   }
   .gallery .full img { transform:translateY(-50px); }
   #ftr-menu2 img { padding-top:10px }
   @media(min-width:768px) {
   .w-md {
   flex: 0 0 20%;
    max-width: 21%;
   }
   }
   @media(max-width:768px) {
   .carousel-control-next, .carousel-control-prev {
    transform: translateY(93%);
   }
   }
   @media(max-width:768px) {
   .ftr-phone {
   width:55%!important;
   margin-top:10px;
   }
   .ftr-phone-app {
   margin-top:10px;
   }
   }
    @media(max-width:1024px) {
    .app-heading {
    font-size: 36px;
    text-align: left;
   }
    .cd-dropdown h2 {
   color:#fff !important;
   background-color:#5ca203 !important;
   }
   .cd-dropdown {
   background-color:#fff !important;
   z-index: 99;
   }
   ul.cd-dropdown-content li a {
   color: #5ca203 !important;
   }
   .go-back a:after {
   border-color: #5ca203 !important;
   background:#5ca203 !important
   }
   .go-back a:before {
   border-color: #5ca203 !important;
   background:#5ca203 !important
   }
   .has-children > a::before, .has-children > a::after, .go-back a::before, .go-back a::after {
   background:#5ca203 !important
   }
   }
    @media(max-width:767px) {
   .cd-dropdown h2 {
   color:#fff !important;
   background-color:#5ca203 !important;
   }
   .cd-dropdown {
   background-color:#fff !important;
   z-index: 99;
   }
   ul.cd-dropdown-content li a {
   color: #5ca203 !important;
   }
   .go-back a:after {
   border-color: #5ca203 !important;
   background:#5ca203 !important
   }
   .go-back a:before {
   border-color: #5ca203 !important;
   background:#5ca203 !important
   }
   .has-children > a::before, .has-children > a::after, .go-back a::before, .go-back a::after {
   background:#5ca203 !important
   }
   }
   button.btn.btn-danger.sold-out { color: white; font-weight: bold; border: 3px solid #f1f1f1; position: absolute; top: 22px; left: 50%; transform: translate(-50%, -50%); z-index: 2; width: 80%; padding: 10px !important; text-align: center; padding: 3px; margin-top: 8px; }
   .tabel_user { overflow: scroll; }
    @media(min-width:768px) {
    .books.bg-light2 {
    height: 250px;
    padding: 15px 30px 0 30px!important;
   }
   
   }
    @media(max-width:768px) {
    .books.bg-light2 {
    height: 190px;
   }
   .circle-image img {
    margin-top: 30px!important;
   }
   }
   .circle-image img { max-width: 70%; margin-top: 49px; object-fit: contain; }
   .category-box img { max-height: 41px; }
   .circle-image { overflow: hidden; }
   .circle-image {padding: 20px;border-radius: 50%;background: #fff;height: 200px;padding-top: 0;width: 213px;margin-top: -8px;position: absolute;right: -70px;}
   .boxmange_ro {overflow: hidden;position: relative;background: #ffffff !important;border: 1px solid #f1f1f1;}
   .circle-image img {margin-top: 50px;object-fit: cover;width: 100px;}
   .boxmange_ro .cat-title { font-size: 23px; }
   .biox { margin: 0 20px; display: inline-block; }
   .biox h5.pt-4.mb-0 { font-size: 17px; }
    @media( max-width:600px) {
    .boxmange_ro {
   margin-bottom:25px;
   }
   .circle-image {
    padding: 20px;
    border-radius: 50%;
    background: #fff;
    height: 140px;
    padding-top: 0;
    width: 140px;
    margin-top: 26px;
    right: 30px;
   }
    .books.bg-light2 {
    width: 85%;
   }
    .circle-image img {
    text-align: center;
    padding: 10px;
    margin: 20px 0px 0 0 !important;
    max-width: initial;
   }
    .logo img {
    max-width: 225px !important;
    margin: 10px auto 0px;
    display: block;
   }
    .biox {
    width: 47%;
    margin: 0 5px;
   }
   .address-list .order li h3 {
    font-size: 15px;
   }
   .address-list .order {
   word-break:break-all;
   }
   }
    @media(min-width:768px) {
    #ftr-menu2 .pb-3 {
    display: flex!important;;
   }
   }
   .address-list .order li h3 { word-break:break-all; }
   .bord { max-width:100%; max-width: 583px; }
   .bord h4 { font-size:18px;margin: 0;}
   .bord .price h2 { font-size:2rem; }
   #coupon-list {/* height:200px!important; *//* overflow-x: hidden!important; *//* overflow-y: scroll!important; */display: none;padding: 15px;}
    #coupon-list::-webkit-scrollbar {
    background-color: #fef6ff;
    width: 16px;
   }
    #coupon-list::-webkit-scrollbar-track {
    background-color: #e7e7e7;
   }
   @media(max-width:1100px) and (min-width:768px) {
    div#coupon-list p {
    font-size: 13px;;
   }
    .fluid-container input#phone {
    width: 47%!important;
   }
   }
    @media(max-width:768px) {
    #coupon-list {
    font-size:13px!important;
   }
   
    #cart-btn>div:nth-child(2) {
    display: none!important
   }
    .tabs_toggle .tabs .tab.active, .tabs_toggle .tabs .tab {
    padding: 3px!important;
    font-size: 13px;
   }
   }
   .social .col-md-2{
   
       white-space: nowrap;
   }
   #ftr-menu2{
   
   }
   .date-group label{
   margin-bottom:0px;
   }
   
   
   
   @media (max-width: 600px)
   {.biox {
       width: 41%;
       margin-right: 22px;
   }
   }
   
   @media(max-width:768px)
   {
   .social a img{
       width: 39px;
   }
   
   .social a span{
       font-size:15px;
   }
   
   }
   
    #coupon-list::-webkit-scrollbar-thumb {
    background-color: #000000;
    border-radius: 16px;
    border: 4px solid #fff;
   }
   #coupon-list::-webkit-scrollbar-thumb:hover {
    background-color: #000000;
    border: 4px solid #fff;
   }
    #coupon-list::-webkit-scrollbar-button {
    display: none;
   }
   
   
   
   
   /* Customize website's scrollbar like Mac OS
   Not supports in Firefox and IE */
   
   /* total width */
   .scrollbar::-webkit-scrollbar {
    background-color: #fef6ff;
    width: 16px;
   }
   
   /* background of the scrollbar except button or resizer */
   .scrollbar::-webkit-scrollbar-track {
    background-color: #fff;
   }
   
   
   /* scrollbar itself */
   .scrollbar::-webkit-scrollbar-thumb {
    background-color: #2080c2;
    border-radius: 16px;
    border: 4px solid #fff;
   }
   .scrollbar::-webkit-scrollbar-thumb:hover {
    background-color: #2080c2;
    border: 4px solid #fff;
   }
   
   /* set button(top and bottom of the scrollbar) */
   .scrollbar::-webkit-scrollbar-button {
    display: none;
   }
   /* div box */
   
   .scrollbar { overflow-y: scroll; }
   .cart-porduct.scrollbar {overflow-y: auto;/* height: 600px; *//* margin-bottom: 30px; */}
   #demo .carousel-control-next, #demo .carousel-control-prev { display:none; }
   
   
   
   
   table.table.dataTable.no-footer {width: 100% !important;}
   .dataTables_scrollHeadInner { width: 100% !important;}
   
   
   
   
   
   
   
   
    @media(max-width:768px) {
    .merchant_div .col-md-6:nth-child(2) {
    margin-top: 40px;;
   }
    .merchants img {
    height: auto!important;;
   }
   }
   
   .merchants img{
       object-fit: contain!important;
   }
   
   
   @media(min-width:768px)
   {
       .carousel-indicators li{
           height: 13px;
           width: 13px;
           border-radius: 50%;
           border: 3px solid #000000;
           background: #ffffff;
       }
   }
   
   
   .comments_note .comments_advices li a{
       color: #000000;
       font-weight: 600;
       display: inline-block;
       padding: 5px 5px;
       background: #fbfbfb;
       font-size: 14px;
       color: #4CAF50;
       font-weight: 400;
       border-radius: 4px;
       letter-spacing: 0px;
   }
   
   .owl-dots{
       display: flex;
       justify-content: center;
   }
   
   #slide1_new .owl-dot{
      background: #ffffff4f;
      height:12px;
      width:12px;
      border: 2px solid #000000 !important;
      border-radius: 50%;
      margin:30px 5px;
   }
   
   #slide1_new .owl-dot:focus{
   
       outline:none!important;
   box-shadow: unset!important;
   }
   
   #slide1_new .owl-dot.active{
       background: #000000;
   }
   /* Customize search page page view 
   .categories.border.shadow-sm.p-3 {
       border-radius: 5px;
       max-height: 250px;
       overflow-x: hidden;
   }
   @media(max-width:780px) {
       .categories.border.shadow-sm.p-3 {
           border-radius: 5px;
           max-height: 150px;
           overflow-x: hidden;
       }
      }
      */
   
   .filters {/* max-height: 1050px; *//* overflow: overlay; *//* border: 2px solid green; */}
   @media(max-width:780px) {
       .filters { max-height: 400px; overflow: overlay; border: 4px solid green;border-radius: 12px;}
   }
   .displaymobile{display:none;}
   button.close.closeBox {
   display: none;
   }
   @media screen and (max-device-width: 480px) {
   .displaymobile{display:inline;}
   
   .col-md-3.widget-filter{display:none;}
   button.close.closeBox {
       position: absolute;
       font-size: 22px;
      
       right: 20px;
       
       
        
       color: #008000;
       opacity: 1;
       z-index: 1;
       border: 2px solid #008000;
       width: 42px;
       height: 43px;
       line-height: 38px;
       border-radius: 50%;
       top: 12px;
   }
   }
   /* css for the logo crowsel*/
   .slick-slide{margin:0 20px}.slick-slide img{max-width:160px;max-height:60px}.slick-slider{position:relative;display:block;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}.slick-list{position:relative;display:block;overflow:hidden;margin:0;padding:0}.slick-list:focus{outline:0}.slick-list.dragging{cursor:pointer;cursor:hand}.slick-slider .slick-list,.slick-slider .slick-track{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.slick-track{position:relative;top:0;left:0;display:block}.slick-track:after,.slick-track:before{display:table;content:''}.slick-track:after{clear:both}.slick-loading .slick-track{visibility:hidden}.slick-slide{display:none;float:left;height:100%;min-height:1px}[dir=rtl] .slick-slide{float:right}.slick-slide img{display:block}.slick-slide.slick-loading img{display:none}.slick-slide.dragging img{pointer-events:none}.slick-initialized .slick-slide{display:block}.slick-loading .slick-slide{visibility:hidden}.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}.slick-arrow.slick-hidden{display:none}
   /* END */
   
   
   .pricepanel{
       padding: 5px 0;
       /* background: #eee; */
       margin-top: 0;
   }
   .pricepanel .price{
    padding: 10px 0 0;
    /* background: #fff; */
}
   .pricepanel .price .mainprice{
    display: block;
    font-size: 20px;
    font-weight: 900;
    color: #000;
}
   .pricepanel .price .mrpprice{
    display: block;
    font-size: 17px;
    /* text-decoration: line-through; */
}
.pricepanel .price .mrpprice span{
    text-decoration: line-through;
}
   .pricepanel .price .discountprice{
    display: block;
    color: #4CAF50;
}
   .pricepanel .price .inctext{
    display: block;
    font-size: 12px;
    color: #858585;
}
   .pricepanel .price .row{
       margin: 0;
   }
   .pricepanel .price .row .gridbox{
       padding: 0;
       padding-top: 4px;
       padding-left: 10px;
   }
   .pricepanel .price .row .gridbox h3{
       font-size: 28px;
       margin: 0;
       color: #000000;
   }
   .pricepanel .price .row .gridbox h3 i{}
   .pricepanel .price .row .gridbox2{
       padding: 0;
       padding-top: 8px;
   }
   .pricepanel .price .row .gridbox2 h5{
       margin: 0;
       color: #000;
   }
   .pricepanel .price .row .gridbox3{
       padding: 0;
       padding-top: 8px;
       text-align: right;
       padding-right: 6px;
   }
   .pricepanel .price .row .gridbox3 h5{
       margin: 0;
       color: red;
   }
.coupongridbox{
 padding: 0;
}
   .productcoupons{
       padding: 50px 0 10px 5px;
       width: 100%;
       overflow-y: auto;
       overflow-x: visible;
       display: flex;
       align-items: start;
       gap: 15px;
       position: relative;
       z-index: 1;
}
.productcoupons::-webkit-scrollbar{
    height: 5px;
    background: #eee;
}
.productcoupons::-webkit-scrollbar-thumb{
    height: 5px;
    background: #ddd;
}
   .productcoupons .coupons{
    background: #fff;
    padding: 5px 5px;
    border-radius: 5px;
    flex: 1 0 135px;
    box-shadow: 0px 2px 8px 1px rgb(221 221 221);
}
.coupongridbox h3{
    font-size: 15px;
    font-weight: 800;
    color: #222;
    margin: 0;
    padding: 0 0 5px;
    position: absolute;
    top: 20px;
}
.coupongridbox  h3 img{
    width: 45px;
    position: absolute;
    top: -21px;
    right: -50px;
}
   .productcoupons .coupons h4{
    font-size: 14px;
    font-weight: 800;
    padding: 5px;
    border-radius: 2px;
    background: #ccc;
    color: #222;
    letter-spacing: 2px;
    margin: 0;
    text-align: center;
}
   .productcoupons .coupons p{
    font-size: 13px;
    color: #555;
    margin: 0 0 5px;
}
.productcoupons .coupons p span{
    color: green;
    font-weight: 600;
}
.cartapplycoupon{
    font-size: 13px;
    background: green;
    color: #fff;
    padding: 3px 8px;
    border-radius: 3px;
    border: none;
    outline: none;
    position: absolute;
    top: 10px;
    right: 15px;
    outline: none;
}
.cartapplycoupon:focus,
.cartapplycoupon:hover{
    color: #fff;
 outline: none;
}


   @media(max-width:768px) {
       img.brand_customer_img {
           max-width: 100% !important;
           margin: 10px auto 0px;
       }
       
   }
   .widget-product-page .widget-avail-box {
       padding: 15px;
       background: #00000008;
       border-radius: 10px;
       margin-bottom: 15px;
   }
   .widget-product-page .widget-avail-box .widget-avail{
       padding: 0;
       float:left;
   }
   .widget-product-page .widget-avail-box .widget-avail .head-text{
       display: block;
       text-transform: uppercase;
       color: #000000;
       font-weight: 600;
       font-size: 14px;
   }
   .widget-product-page .widget-avail-box .widget-avail .head-desc{
       color: #000000;
       font-weight: 400;
       text-transform: uppercase;
       display: block;
       margin-bottom: 5px;
       letter-spacing: 1px;
   }
   
   .delivery-check-widget{padding: 0;}
   .delivery-check-widget .innerbox-delivery{padding: 0;}
   .delivery-check-widget .innerbox-delivery .innerboxset{
       float: left;
       margin-right: 5px;
       }
   .delivery-check-widget .innerbox-delivery .innerboxset input[type='submit']{margin-top:0 !important;}
   .deliverypanel{
       max-width: 100%;
       padding: 5px 0px 0px 0px;
   }
   .deliverypanel .box1{
       float: left;
       padding: 0;
       width: 60%;
       flex: unset;
   }
   .deliverypanel .box1 h4{
       font-size: 16px;
   }
   .deliverypanel .box2{
       float: left;
       width: 40%;
       flex: unset;
       text-align: right;
       padding: 0;
   }
   .deliverypanel .box2 h4{}
   
   .whtsppbtn {
       position: fixed;
       z-index: 1;
       left: 15px;
       bottom: 15px;
       background: #fff;
       padding: 0;
       border-radius: 41px;
       border: none;
   }
   .whtsppbtn img{
       width: 45px;
       border-radius: 50%;
       border: 0;
       box-shadow: 0 4px 8px 0 rgb(0 0 0 / 20%), 0 6px 20px 0 rgb(0 0 0 / 19%);
   }
   
   .whtsppbtn2 {
       position: fixed;
       z-index: 1;
       right: 10px;
       bottom: 15px;
       background: #fff;
       padding: 0;
       border-radius: 41px;
       border: none;
   }
   .whtsppbtn2 img{
       width: 110px;
       border-radius: 7px;
       border: 0;
       /* box-shadow: 0 4px 8px 0 rgb(0 0 0 / 20%), 0 6px 20px 0 rgb(0 0 0 / 19%); */
   }
   .footer-widget-grid{position: fixed;z-index: 999;bottom: 0;background: #000000;left: 0;right: 0;display:none;}
   .footer-widget-grid .grid1{
       float: left;
       width: 25%;
       text-align: center;
   }
   .footer-widget-grid .grid1 a{
       font-size: 1.8em;
       color: #fff;
       display: block;
       padding: 0;
   }
   .footer-widget-grid .grid1 img{
       width: 40px;
   }
   .footer-widget-grid .grid2{
       float: left;
       width: 50%;
       text-align: CENTER;
       padding-top: 3px;
   }
   .footer-widget-grid .grid2 a{
       display: inline-block;
       padding: 0;
   }
   .footer-widget-grid .grid2 a img{
       width: 130px;
   }
   .footer-widget-grid .grid3{}
   .footer-widget-grid .grid3 a{}
   .mobsearchbox{display:none;}
   
   
   .list-icon li{
   }
   .list-icon li > i{
       font-size: 30px !important;
   }
   .list-icon li > a{
       display: block;
   }
   .list-icon li > a > i{
       font-size: 30px !important;
       color: #000000;
   }
   
   
    .boxpricedata{
       width: 100%;
       display: block;
       height: 50px;
       padding-top: 10px;
   }
     .boxpricedata .mrpbox{
       width: 100%;
       float: left;
       text-align: start;
       display: flex;
       gap: 10px;
       align-items: center;
       justify-content: center;
   }
     .boxpricedata .mrpbox h6{
       margin: 0;
       font-size: 16px; 
       text-align: start;
       color: #707070;
       text-transform: uppercase;
       font-weight: 400;
       letter-spacing: 1px;
   }
     .boxpricedata .mrpbox h5{
       margin: 0;
       color: red;
       font-size: 16px;
       text-align: start;
       text-transform: uppercase;
       font-weight: 400;
       letter-spacing: 1px;
       /* width: 33%; */
   }
     .boxpricedata .mrpbox-two{
       width: auto;
       float: left;
       font-size: 20px;
       color: #000000;
       text-transform: uppercase;
       margin: -5px 0 0;
       line-height: 1;
   }
   
   .minheightbox{min-height: 430px;}
   .procatimg{height: 100px;
       border-radius: 30px;}
   .padd0{padding:0;}    
   
   
   
   /*********** ORDER LIST ************/
   .orderlistdata{
       padding: 15px;
       border: 1px solid #eee;
   }
   .orderlistdata .innerbox{
       padding: 0;
      
   }
   .orderlistdata .innerbox .orderno{    
       color: #6e6e6e;
       letter-spacing: 1px;}
   .orderlistdata .detailbox {}
   .orderlistdata .detailbox .detalinner{}
   
   .orderlistdata .detailbox .detalinner a{}
   .orderlistdata .detailbox .detalinner a h5{}
   .orderlistdata .detailbox .detalinner a h5 span{}
   .orderlistdata .detailbox .detalinner p{}
   .orderlistdata .detailbox .detalinner p small{}
   .orderlistdata .detailbox .detalinner-img{} 
   .orderlistdata .detailbox .detalinner-img figure{} 
   .orderlistdata .detailbox .detalinner-img figure a{} 
   .orderlistdata .detailbox .detalinner-img figure a img{} 
   
   
   .expecteddelivery{
       padding: 0;
       text-align: center;
       padding-bottom: 10px;
   }
   .expecteddelivery p{
       margin: 0;
   }
   .trackorderbtn{
       padding: 0;
       text-align: CENTER;
       padding-bottom: 50px;
   }
   .trackorderbtn a{
       display: inline-block;
       padding: 2px 10px;
       background: #2196f3;
       color: #fff;
   }
   .cancelbtn{
       text-align: center;
       padding: 0;
       padding-top: 10px;
   }
   .cancelbtn button{
       margin: 0;
       padding: 0 9px;
       display: inline-block;
       border-radius: 2px;
       background: #f44336;
       font-size: 14px;
   }
   .downloadinv{}
   .downloadinv .downloadinvoice{
       display: inline-block;
       color: #fff;
       text-transform: capitalize;
       background: #000000;
       padding: 2px 8px;
       }
   .padd0{padding:0;}
   
   .progressdata{}
   .progressdata ul{}
   
   .mobview{display:none;}
   .mobview a{
       margin: 0;
       display: inline-block;
       background: #4caf50;
       padding: 8px 18px;
       color: #fff;
       margin-right: 4px;
       font-size: 14px;
       border-radius: 4px;
       }
       .mobview  a:last-child{
       background: #2196f3;
   }
   .deskview{display:block;}
   
   .profile-area{}
   .profile-area .address-list{}
   .profile-area .address-list .col-md-12{text-align:justify; word-break: break-word;}
   .profile-area .address-list p{text-align:justify;word-break: break-word;}
   .card-body{word-break: break-word !important; text-align:justify !important;}
   .product-page{}
   .product-page .fluid-container{position:relative;}
   
   .downloadlink{
       display: block;
       background: #2196F3;
       padding: 2px 10px;
       text-transform: uppercase;
       margin-top: 2px;
       color: #fff;
   }
   .navclass{}
   .navclass svg{width:30px;}
   .navclass nav{margin-top:15px;}
   
   #slide1_subcategory .heading{text-align:center;margin: 0;/* background: #707070; */border-radius: 0;}
   #slide1_subcategory .heading a{
    display: block;
    padding: 8px 0;
    color: #161616;
}
  
.best-seller{}  
.best-seller .title-head{}  
.viewall{text-align:center;margin: 0;}
.viewall a, .viewall button{
    display: inline-block;
    padding: 6px 20px;
    text-transform: uppercase;
    border:none;
    letter-spacing: 1px;
    border-radius: 5px;
    background: #000000;
    color: #ffffff;
    font-size: 16px;
    margin-top: 10px;
}   

.prodcut-block h5{margin:0;}
   
.seasonal_banner{
    padding: 0 50px;
    background: #000;
}
.sbannerbox{
    border-radius: 20px;
    display: flex;
    align-items: center;
    justify-content: space-around;
    position: relative;
    z-index: 1;
    flex-wrap: wrap;
    padding: 20px 0;
}
/*.sbannerbox > img{*/
/*    position: absolute;*/
/*    top: 0;*/
/*    left: 50%;*/
/*    transform: translateX(-50%);*/
/*}*/

.sbannerbox .overlay{
 position: relative;
 z-index: 1;
 flex: 1 1 50%;
 text-align: end;
 padding-right: 120px;
}
.sbannerbox .overlay img{
 width: 200px;
 border-radius: 10px;
}
.sbannerbox .overlay h3{
    font-size: 40px;
    font-weight: 600;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin: 0;
}
.sbannerbox .overlay span{
    font-size: 26px;
    line-height: 1;
    position: relative;
    z-index: 1;
    display: inline-block;
    color: #fff;
    font-weight: 100;
    letter-spacing: 3px;
}
.sbannerbox .overlay:after{
 content: "";
}
.sbannerbox .overlay span p{
    margin: 0;
    font-size: 15px;
    position: absolute;
    color: #000;
}
.sbannerbox .overlay span p:nth-child(1){
    top: -12px;
    left: -10px;
}
.sbannerbox .overlay span p:nth-child(2){
    bottom: -12px;
    right: 0px;
}
.sbannerbox-right{
    flex: 1 1 50%;
    text-align: start;
}

.sbannerbox-right > span{
    font-size: 38px;
    letter-spacing: 7px;
    color: #fff;
    font-weight: 200;
}
.sbannerbox .offertimer{
    display: flex;
    align-items: start;
    justify-content: start;
    gap: 20px;
    width: fit-content;
    background: #111;
    padding: 20px;
}
.sbannerbox .offertimer div{
    background: #222;
    font-size: 22px;
    font-weight: 600;
    padding: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    border-radius: 5px;
    flex-direction: column;
    width: 80px;
}
.sbannerbox .offertimer div span{
  display: block;
}
.sbannerbox .offertimer div span:nth-child(1){
    font-size: 50px;
    line-height: 1;
}
.sbannerbox .offertimer div span:nth-child(2){
 font-size: 15px;
 letter-spacing: 1px;
 font-weight: 200;
}
.sbannerbox .offertimer .days{}
.sbannerbox .offertimer .hours{}
.sbannerbox .offertimer .minutes{}
.sbannerbox .offertimer .seconds{}
.sbannerbox marquee{
 flex: 1 1 100%;
 border-top: 3px solid #333;
 border-bottom: 3px solid #333;
 margin: 15px 0 0;
}
.sbannerbox marquee p{display: inline-block;color: #fff;font-size: 30px;letter-spacing: 2px;margin: 0 15px 0 0;color: #666;font-weight: 700;}


/* widget-category-tab*/

.widget-category-tab{
    padding: 40px 0;
    background: #f9f9f9;
    padding-bottom: 15px;
}
.widget-category-tab .tab-category{
    overflow-x: auto;
    overflow-y: hidden;
    box-sizing: border-box;
    scrollbar-width: thin;
    scrollbar-color: black;
}
.widget-category-tab .tab-category ul{
    padding: 0;
    list-style: none;
    /* display: inline-block; */
}
.widget-category-tab .tab-category ul li{
    display: inline-block;
    padding-right: 20px;
    padding: 0px 0;
    display: table-cell;
    position: relative;
    padding-right: 15px;
}
.widget-category-tab .tab-category ul li a{
    display: block;
    text-transform: capitalize;
    font-weight: 500;
    letter-spacing: 1px;
    color: #000;
    position: relative;
    width: max-content;
    font-size: 18px;
}
.widget-category-tab .tab-category ul li a.active{}
.widget-category-tab .tab-category ul li a.active:before{position:absolute;content:"";width: 100%;height: 2px;background: #4CAF50;bottom: -2px;}
.widget-category-tab .tab-content{display:none;}
.widget-category-tab .tab-content .widget-cat-inner{
    padding: 0;
    /* overflow: scroll; */
    overflow-x: auto;
    overflow-y: hidden;
    box-sizing: border-box;
    scrollbar-width: thin;
    scrollbar-color: black;
    padding-bottom: 15px;
    }
.widget-category-tab .tab-content .widget-cat-inner ul{list-style: none;
    padding: 0;
    margin: 0;}
.widget-category-tab .tab-content .widget-cat-inner ul li{
    padding: 0px 0;
    display: table-cell;
    position: relative;
    padding-right: 10px;
    }
.widget-category-tab .tab-content .widget-cat-inner ul li a{
    display: block;
    /* border-radius: 50%; */
    text-align: CENTER;
}
.widget-category-tab .tab-content .widget-cat-inner ul li a img{width: 220px;/* height: 100px; */max-width: 160px;/* border-radius: 50%; *//* border: 6px solid #fff; */border-radius: 10px;}
.widget-category-tab .tab-content .widget-cat-inner ul li a span{display:block;text-transform: capitalize;font-size: 12px;color: #000;margin-top: 5px;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;text-overflow: ellipsis;width: 100%;overflow: hidden;}

.widget-category{padding:30px 0;background: #000;/* height: 470px; */}
.widget-category .headbox{}   
.widget-category .headbox h3{
    text-align: CENTER;
    padding-bottom: 10px;
    text-transform: capitalize;
    letter-spacing: 0px;
    font-size: 24px;
    font-weight: 400;
    color: #fff;
}   

.widget-subcategory{
    padding: 50px 0;
}
.widget-subcategory .subcategory-grid{
    padding: 0 5px;
}
.widget-subcategory .subcategory-grid a{
    height: 300px;
    display: block;
    overflow: hidden;
    border-radius: 10px;
}
.widget-subcategory .subcategory-grid a img{
    border-radius: 10px;
}
.widget-subcategory .subcategory-grid div{}
.widget-subcategory .subcategory-grid div a{
    display: block;
    text-align: CENTER;
    text-transform: capitalize;
    padding-top: 5px;
    letter-spacing: 1px;
    color: #000;
    font-weight: 500;
    height: auto;
}

 /* General Menu Styling */
.main-mega-menu {
    background: #ffffff;
    padding: 0;
    position: relative;
    z-index: 1;
    border-top: #eee solid 1px;
}
.main-mega-menu .inner{padding:0;text-align: center;}
.main-mega-menu ul.innerbox {
    list-style: none;
    margin: 0;
    padding: 0;
    /* display: flex; */
    display: inline-block;
    position: relative;
    z-index: 1;
}

.main-mega-menu ul.innerbox > li {
    /* position: relative; */
    padding: 0;
    display: inline-block;
}

.main-mega-menu ul.innerbox > li > a {
    text-decoration: none;
    color: #000000;
    font-size: 16px;
    transition: color 0.3s ease-in-out;
    padding: 20px 10px;
    display: block;
    text-transform: uppercase;
    position:relative;
    letter-spacing: 1px;
}

.main-mega-menu ul.innerbox > li:hover > a {
    color: #e14152;
}
.main-mega-menu ul.innerbox > li:hover > a:before{content:"";position:absolute;width:100%;height: 3px;background: #FF5722;bottom: 0;left: 0;}
/* Mega Dropdown Styling */
.megadropdown {
    position: absolute;
    left: 0;
    top: 100%;
    width: 100%; /* Adjust width as needed */
    background: white;
    padding: 0;
    display: inline-flex;
    justify-content: normal;
    gap: 10px;
    box-shadow: -1px 11px 15px rgba(0, 0, 0, 0.2);
    border-radius: 0;
    
    /* Initially hidden */
    opacity: 0;
    visibility: hidden;
    text-align:initial;
}

/* Columns inside mega menu */
.megadropdown > ul {
    width: 25%;
    padding: 20px 20px;
    text-align: left;
}

.megadropdown > ul > li.subhead {
    padding: 3px 0;
    display: block;
    margin-bottom: 5px;
    margin-top: 10px;
}

.megadropdown > ul > li.subhead > a {
    color: #333;
    font-size: 16px;
    transition: color 0.3s ease-in-out;
    padding: 5px 15px;
    background: #eee;
    border-radius: 4px;
    font-weight: 600;
}
.megadropdown > ul > li.childlist > a {
    color: #333;
    padding: 0 5px;
}
.megadropdown > ul > li > a:hover {
    /* color: #f39c12; */
}

/* Show mega dropdown on hover */

/*.main-mega-menu ul.innerbox > li:hover > .megadropdown {*/
/*    opacity: 1;*/
/*    visibility: visible;*/
/*    transform: translateY(0);*/
/*}*/
.megadropdown.active{
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

.main-mega-menu ul.innerbox > li > .subcategory > li:first-child{margin-top:0;}
.main-mega-menu .innerbox{}
.main-mega-menu .innerbox > li.otherlink{}
.main-mega-menu .innerbox > li.otherlink > ul{
    position: absolute;
     opacity: 0;
    visibility: hidden;
    top: 100%;
    background: #fff;
    width: 200px;
    text-align: left;
    padding: 15px;
}
.main-mega-menu .innerbox > li.otherlink:hover > ul{}
.main-mega-menu .innerbox > li.otherlink > ul > li{}
.main-mega-menu .innerbox > li.otherlink > ul > li > a{
    display: block;
    padding: 3px 10px;
    color: #333;
    font-size: 16px;
}
.main-mega-menu .innerbox > li.otherlink > ul > li > a:hover{background:#eee;}
/*.main-mega-menu ul.innerbox > li:hover > ul {*/
/*    opacity: 1;*/
/*    visibility: visible;*/
/*    transform: translateY(0);*/
/*}*/

.main-mega-menu ul.innerbox > li ul.active {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}
.main-mega-menu .innerbox > li.sellwithus a{background: linear-gradient(122.74deg, #CE297E -4.62%, #ED5133 71.55%);
    background-color: #CE297E;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    -moz-background-clip: text;
    -moz-text-fill-color: transparent;
    background-clip: text;
    font-weight: 800;}
/* Animation */
@keyframes fadeIn {
    from {
        opacity: 0;
        transform: translateY(-5px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.product-det-inner{
    padding: 10px;
    padding-bottom: 20px;
}
.product-det-inner .add-cart{display:none;}
 .popcategory{
    padding: 0 3px;
    /* gap: 7px; */
}   
 .popcategory a{}   
 .popcategory a figure{
    position: relative;
    border-radius: 10px;
    overflow: hidden;
    margin-bottom: 10px;
}   
 .popcategory a figure img{width:100%;}   
 .popcategory a figure span{
    position: absolute;
    right: 0;
    left: 0;
    text-align: CENTER;
    bottom: 0;
    z-index: 2;
    color: #fff;
    text-transform: capitalize;
    padding-bottom: 15px;
}   
  .popcategory a figure:before{content:"";position: absolute;background-image: linear-gradient(to top, #00000078, #ffffff1f);z-index: 1;top: 0;bottom: 0;left: 0;right: 0;}
.quantitybox{
    padding: 0;
    margin-bottom: 10px;
    display: flex;
    width: 100%;
    position:relative;
}
.quantitybox select{
    display: inline-block;
    /* min-width: 70px; */
    padding: 10px 3px;
    border: 1px solid #000000;
    border-radius: 0;
    text-align: center;
    outline: none;
    color: #000;
    margin-right: 10px;
    width: 70px;
    /* -webkit-appearance: none; */  /* Remove default styling */
    -moz-appearance: none;     /* For Firefox */
    background-color: #fff;
     
}
  .quantitybox input[type='number']{
    display: inline-block;
    /* min-width: 70px; */
    padding: 10px 3px;
    border: 1px solid #000000;
    border-radius: 0;
    text-align: center;
    outline: none;
    color: #000;
    margin-right: 10px;
    width: 70px;
    /* -webkit-appearance: none; */  /* Remove default styling */
    -moz-appearance: none;     /* For Firefox */
    background-color: #fff;
    height: 35px;
}
.quantitybox span{position: absolute;
    bottom: -9px;
    background: #000;
    color: #fff;
    width: 70px;
    text-align: CENTER;
    font-size: 12px;
    text-transform: uppercase;}
.quantitybox button.soldout{padding: 10px 40px;
    border-radius: 3px;
    border: none;
   background: #f443364d;
    color: #F44336;
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: 1px;}
.quantitybox button.desktopButton{
    padding: 10px 40px;
    border-radius: 0;
    border: none;
    background: #000000;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 1px;
    width: calc(100% - 70px);
}
.deliverybox{padding: 10px 0;/* border-top: 1px solid #eee; */margin-top: 0;padding-top: 0;}
.deliverybox .deliverybox-head{}
.deliverybox .deliverybox-head span{    text-transform: uppercase;
    font-weight: 500;
    font-size: 16px;
    letter-spacing: 1px;}
.deliverybox .deliverybox-inner{
    display: block;
    position: relative;
    border: 1px solid #000000;
    padding: 8px;
    border-radius: 6px;
    width: 100%;
    margin-bottom: 10px;
}
.deliverybox .deliverybox-inner input[type='text']{
    text-decoration: none;
    border: none;
    outline: none;
    padding-left: 5px;
    width: 100%;
}
.deliverybox .deliverybox-inner input[type='submit']{
    border: none;
    background: none;
    font-weight: 500;
    color: #fff;
    position: absolute;
    right: -1px;
    background: #000;
    top: -1px;
    padding: 9px;
    border: 1px solid #000;
}
#availmsg{
    color: #4caf50;
    font-size: 16px;
    margin-top: 8px;
    padding: 0;
    display:block;
    /* background: #4caf501f; */
    border-radius: 2px;
    }
.free-tag{
    display: inline-block;
    padding: 10px 15px;
    background: #f7f7f7;
    font-weight: 500;
    color: #000000;
    border-radius: 3px;
    }    

#zoomedImageContainer {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.8);
    justify-content: center;
    align-items: center;
    z-index: 99999;
}
#zoomedImage {
    max-width: 80%;
    max-height: 80%;
}
#imageControls {
    position: absolute;
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%);
}
#imageName{
    position: absolute;
    top: 0;
    color: #fff;
    display: block;
    padding: 6px;
    text-transform: uppercase;
    font-size: 18px;
    }
    #prevButton{
    display: inline-block;
    border: none;
    background: #fff;
    outline:none;
    padding: 1px 14px;
    text-transform: uppercase;
    border-radius: 31px;
    width: 40px;
    height: 40px;
    font-size: 23px;
    margin: 0 5px;
}
    #nextButton{
    display: inline-block;
    border: none;
    background: #fff;
    padding: 0px 8px;
    outline:none;
    text-transform: uppercase;
    border-radius: 31px;
    width: 40px;
    height: 40px;
    font-size: 23px;
    margin: 0 5px;
}
#zoomedImageContainer .closebtnzoom {
    float: right;
    font-size: 1.5rem;
    font-weight: 100;
    line-height: 1;
    color: #000;
    opacity: 1;
    position: absolute;
    top: 10px;
    right: 10px;
    background: #fff;
    width: 50px;
    height: 50px;
    border-radius: 25px;
    text-align: CENTER;
    padding-top: 14px;
}

.screengrid:hover {
    cursor: crosshair; /* Default cursor */
    cursor: url("https://constant.myntassets.com/web/assets/img/6d2dbca4-700f-4822-9759-5c92b8280de21536988731120-Zoom-icon-1x.png"), auto;
    cursor: -webkit-image-set(
        url("https://constant.myntassets.com/web/assets/img/6d2dbca4-700f-4822-9759-5c92b8280de21536988731120-Zoom-icon-1x.png") 1x,
        url("https://constant.myntassets.com/web/assets/img/cc4af777-3503-4e6b-8cbf-443b62bbe87e1536988775536-Zoom-icon-2x.png") 2x
    ), auto;
}

.screengrid{padding:0 5px; padding-bottom:10px;}

.morecolorbox{
    padding: 0;
}
.morecolorbox h4{
    font-size: 16px;
    /* text-transform: uppercase; */
    font-weight: 600;
    /* color: #000; */
    letter-spacing: 1px;
}
.morecolorbox ul{
    overflow: scroll;
}
.morecolorbox ul li{
    display: table-cell;
}
.morecolorbox ul li a{
    display: block;
    margin-right: 5px;
    width: 88px;
}
.morecolorbox ul li a img{
    width: 100%;
    margin-right: 9px;
}

.sizebox{
    padding: 0;
}
.sizebox h4{
    font-size: 16px;
    
    font-weight: 600;
    position: relative;
    letter-spacing: 1px;
}
.sizebox h4 span{
    position: absolute;
    right: 0;
    color: #4CAF50;
    font-weight: 500;
    text-transform: capitalize;
}
.sizebox ul li{
    display: inline-block;
    margin-right: 1px;
}
.sizebox ul li label{
    /* width: 50px; */
    border: 1px solid #c9c9c9;
    text-align: center;
    display: block;
    position: relative;
    padding: 15px 15px;
    border-radius: 5px;
    font-size: 14px;
    font-weight: 600;
}
.sizebox ul li label input[type='radio']{
    position: absolute;
    opacity: 0;
}

.sizebox ul li label.active{border: 1px solid #000000;color: #fff;background: #000;}
.wishlistbtn{
    padding: 2px 15px;
    border-radius: 3px;
    border: none;
    background: #fff;
    color: #000000;
    margin-left: 5px;
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: 1px;
    border: 1px solid #000000;
    display: inline-block;
}
.shrbtn{
    display: inline-block;
    margin-left: 16px !important;
    color: #000000;
    font-size: 22px;
    }


.toggletab{
    padding: 0;
}
.toggletab h5{
    padding: 10px;
    background: #f9f9f9;
    position: relative;
    font-size: 17px;
    border-left: 5px solid #e1e1e1;
    color: #464646;
}
.toggletab h5.active{
    background: #0000000d;
    color: #000;
    border-color: #000;
}
.toggletab h5.active i{}
.toggletab h5 i{
    position: absolute;
    right: 15px;
}
.toggletab .tabcontent{display:none;}
.toggletab .tabcontent.active{display:block;}
 
.toggletab .tabcontent ul{
    margin: 0;
    background: #fff;
    padding-top: 10px;
} 
.toggletab .tabcontent ul li{
    padding: 0 15px;
    /* text-align:justify; */
    padding-bottom: 15px;
} 
.toggletab .tabcontent ul li span{
    font-size: 16px;
    cursor: pointer;
} 
.toggletab .tabcontent ul li p{
    margin: 0;
} 

.toggletab .tabcontent .innerbox{
    padding: 15px;
    padding-top: 0;
}
.toggletab .tabcontent .innerbox ul li{padding:0;}
.bulkbtn{padding:0;}
.bulkbtn button{
    padding: 10px 40px;
    border-radius: 0;
    border: 1px solid #000;
    background: #000;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 10px;
    width: 100%;
    }
 
.maqueedata{
    position: sticky;
    top: 0;
    background: #000;
    height: 25px;
    color: #fff;
    border-bottom: 2px solid #fff;
    z-index: 99;
    }
.mobileheader{
    background: #fff;
    padding: 0px 0;
    /* box-shadow: 0px 8px 6px 0 #eeeeeeb5; */
    box-shadow: 0px 15px 10px -15px #99999938;
}
.mobileheader .menubox{
    float: left;
    display: grid;
    width: 45px;
    text-align: left;
    gap: 0;
}
.mobileheader .menubox button{
    background: none;
    border: none;
    font-size: 30px;
    color: #000;
    width: auto;
    display: inline-block;
    width: 35px;
    transform: translateY(-8px);
    height: 30px;
    padding-top: 15px;
}
.mobileheader .logobox{
    float: left;
    width: 50%;
    transform: translateX(-10px);
}
.mobileheader .logobox a {}
.mobileheader .logobox a  img{width: 180px;}
.mobileheader .accountnav{
    /* float: left; */
    width: 38%;
    text-align: right;
    padding-top: 15px;
    padding-right: 15px;
}
.mobileheader .accountnav a{
    display: inline-block;
    position: relative;
    font-size: 27px;
    color: #000;
    padding-left: 3px;
}
.mobileheader .accountnav a span{
    position: absolute;
    font-size: 12px;
    width: 20px;
    height: 20px;
    background: grey;
    text-align: CENTER;
    color: #fff;
    font-style: normal;
    text-align: center;
    right: -8px;
    top: -9px;
    border-radius: 50%;
}
.mobileheader .accountnav a span i{
    font-style: normal;
}

.mobsearch{
    padding: 4px 5px;
    background: #000;
    display: flex;
    width: 100%;
    /* float: left; */
    position: sticky;
    z-index: 99;
    top: 25px;
}
.mobsearch img.moblogoicon{
    width: 50px;
    display: grid;
    /* float: left; */
    /* margin-top: 6px; */
    margin-right: 10px;
    position: absolute;
    z-index: 99;
    left: 5%;
    top: 50%;
    transform: translate(10px, 10px);
    transform: translateY(-50%);
}
.mobsearch form{
    position: relative;
    width: 100%;
    display: grid;
    /* float: right; */
}
.mobsearch form input{
    width: 100%;
    padding: 15px 20px 8px 75px;
    /* box-shadow: 0px 8px 6px 0 #f3f3f3; */
    font-size: 22px;
    border-radius: 40px;
    background: #000;
    color: #fff;
    height: 45px;
    outline:none;
    border: 2px solid #ffffff;
}
.mobsearch form button{
    position: absolute;
    right: 4px;
    color: #ffffff;
    padding: 11px;
    font-size: 22px;
    padding: 6px;
    border: none;
    background: none;
    outline:none;
    top: 0;
}
.mobsearch .mobsearchicon{width: 25px;}
/* Side Menu Styles */
.side-menu {
    width: 80%; /* or any width you want */
    position: fixed;
    top: 0;
    left: -80%; /* Initially hidden off-screen */
    height: 100%;
    background-color: #ffffff;
    color: #000000;
    padding: 0;
    z-index: 1000;
    transition: left 0.3s ease; /* Smooth transition for opening/closing */
    overflow-y: scroll;
}

.side-menu.open {
    left: 0; /* When "open" class is added, the menu slides in */
}

.side-menu-inner {
    overflow-y: auto;
}

.side-menu-list {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

.menu-item {
    position: relative;
    padding: 0;
    font-size: 18px;
    cursor: pointer;
}

.menu-item a {
    color: #4d4d4d;
    text-decoration: none;
    display: block;
    padding: 10px 15px;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 0px;
    position: relative;
}

.menu-item a .toggle-icon {
    margin-right: 10px;
    font-size: 18px;
    top: 5px;
    display: inline-block;
}

.submenu{
    list-style-type: none;
    padding-left: 0;
     
    padding: 0;
     
}
.childmenu{
 padding-left:15px;
}
 

.submenu-box, .childmenu-box {
    display: none;
}

.submenu-item > a{}
.submenu-item > a, .childmenu-item > a{
    font-weight: 400;
    color: #858585;
}
.othermenu{
    padding: 0 0;
}
.othermenu > ul{
    display: none;
}
.othermenu > ul > li{}
.othermenu > ul > li > a{
    display: block;
    color: #4f4f4f;
    padding: 8px 15px;
    font-size: 15px;
    position: relative;
    font-size: 14px;
}

.othermenu > a{
    display: block;
    color: #4f4f4f;
    padding: 10px 15px;
    font-size: 15px;
    position:relative;
    font-size: 14px;
    font-weight: bold;
}
.othermenu > a > i{
    position: absolute;
    right: 10px;
    font-size: 18px;
}
.mobprobox{
    padding: 10px 0;
    padding-right: 5px;
} 
.mobprobox .mobratebox{
    display: block;
    margin-bottom: 7px;
} 
.mobprobox .mobratebox > span{} 
.mobprobox .mobratebox > span > span{} 
.mobprobox .mobratebox > span > span > span{} 
.mobprobox .mobproname{
    display: block;
    font-size: 12px;
    color: #282c3f;
    opacity: 0.6;
    text-overflow: ellipsis;
    overflow: hidden;
    width: 100%;
    height: 20px;
    white-space: nowrap;
} 
.mobprobox .wishbox{position:absolute; right:5px}
.mobprobox .pricebox{
    display: block;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
} 
.mobprobox .pricebox .mobcurrent{
    font-size: 16px;
    display: inline-block;
    font-weight: 600;
} 
.mobprobox .pricebox .mrppricetag{
    font-size: 16px;
    display: inline-block;
    color: #282c3f;
    opacity: 0.6;
    text-decoration: line-through;
} 
.mobprobox .pricebox .offtag{
    font-size: 16px;
    display: inline-block;
    font-weight: 500;
    color: #4CAF50;
    display: block;
} 
.innerboxpro{padding:0 2.5px;}

.mobslidepro{
    padding: 0 15px;
    /* overflow: scroll; */
    overflow-x: auto;
    overflow-y: hidden;
    box-sizing: border-box;
    scrollbar-width: thin;
    scrollbar-color: black;
    /* padding-bottom: 15px; */
    }
.mobslidepro ul{
    list-style: none;
    padding: 0 0 0 15px;
    margin: 0;
    }
.mobslidepro ul li{padding: 0px 0;
    display: table-cell;
    position: relative;
    padding-right: 15px;}
.mobslidepro ul li img{
    width: 350px;
    /* height: 100px; */
    max-width: 330px;
    }
.protitle{padding-left:0;padding-top: 10px;padding-bottom: 10px;}
.protitle h3{
    font-size: 20px;
}

.widget-brands{padding:30px 0;}

.product-pop-cat{}
.product-pop-cat a{
    display: block;
    position: relative;
    border-radius: 10px;
    overflow: hidden;
}
.product-pop-cat a:before{
 content:"";position: absolute;background-image: linear-gradient(to top, #00000078, #ffffff1f);z-index: 1;top: 0;bottom: 0;left: 0;right: 0;
}
.product-pop-cat a img{
    border-radius: 10px;
}
.product-pop-cat a h3{
    font-size: 16px;
    letter-spacing: 1px;
    padding: 10px;
    position: absolute;
    right: 0;
    left: 0;
    text-align: CENTER;
    bottom: 0;
    z-index: 2;
    color: #fff;
    text-transform: capitalize;
    padding-bottom: 15px;
    margin: 0;
}


.subprocat{padding:10px;}
.subprocat a{
    overflow: hidden;
}
.subprocat a .imgwrapper{height: 240px;overflow: hidden;border-radius: 10px;margin: 0 0 10px;}
.subprocat a .imgwrapper img{
    /* border-radius: 50%; */
    border-radius: 10px;
}
.subprocat a h3{
    font-size: 14px;
    text-align: CENTER;
    text-transform: capitalize;
    padding: 5px 0;
    color: #000;
    letter-spacing: 1px;
}
.popup-overlay {
  display: none;
  position: fixed;
  top: 0; left: 0;
  width: 100%; height: 100%;
 
  z-index: 9999;
  justify-content: center;
  align-items: center;
 
}

.popup-content {
  background: none;
  padding: 0;
  border-radius: 10px;
  max-width: 90%;
  max-height: 90%;
 
  position: relative;
  width: 600px;
  margin: 0 auto;
  margin-top: 5%;
}

.popup-content img {
  max-width: 100%;
  max-height: 80vh;
}

.close-btn {
  position: absolute;
  top: 10px;
  right: 15px;
  font-size: 24px;
  cursor: pointer;
  color: #000;
}

.head-text{
    color: #000;
    display: inline-block;
    padding-right: 5px;
    font-weight: 600;
} 
.head-desc{
    color: #818181;
} 


.other-btns{
    padding: 0;
}
.other-btns button{
    display: block;
    margin-bottom: 6px;
    width: 100%;
    border: 1px solid #000;
    background: none;
    padding: 5px 16px;
}
.other-btns p{
    color: #000;
    font-weight: 600;
}


.gridlist{
    padding: 0;
    display: flow-root;
}
.gridlist h3{font-size: 16px;
    padding: 10px 0;
    font-weight: 600;
    border-bottom: 1px solid #e3e3e3;
    margin-bottom: 14px;
    border-top: 1px solid #e3e3e3;}
.gridlist ul{
    display: flex;
    flex-wrap: wrap;
}
.gridlist ul li{
    float: left;
    width: 50%;
    padding-bottom: 7px;
    position: relative;
    padding-left: 32px;
    padding-bottom: 20px;
}
.gridlist ul li i{
    padding: 5px;
    background: #f9f9f9;
    border-radius: 15px;
    margin-right: 6px;
    position: absolute;
    left: 0;
}

.prolocation{
    display: block;
    margin-bottom: 10px;
    color: #4CAF50;
    font-weight: 600;
}
.prolocation i{}
.prolocation:hover{color:#4caf50;}

.widget-checkout{padding:30px 0;}


.widget-checkout{}
.widget-checkout .leftbox{
    border: 1px solid #eee;
    padding: 15px;
}
.widget-checkout .leftbox .mhead{}
.widget-checkout .leftbox .mhead h4{
    margin: 0;
    padding: 10px;
    background: #eee;
    font-size: 18px;
    text-transform: uppercase;
    letter-spacing: 1px;
    border-radius: 4px;
}
.widget-checkout .leftbox .shead h3{
    margin: 0;
    padding: 10px;
    font-size: 16px;
}
.widget-checkout .leftbox .chead h3{
    margin: 0;
    padding: 10px;
    font-size: 24px;
    font-weight: 800;
    color: #000000;
}
.widget-checkout .leftbox .paymenthod{
    padding-top: 10px;
}
.widget-checkout .leftbox .paymenthod h4{
    margin: 0;
    padding: 10px;
    background: #eee;
    font-size: 18px;
    text-transform: uppercase;
    border-radius: 4px;
    letter-spacing: 1px;
}
.widget-checkout .leftbox .paymenthod ul{
    margin: 0;
}
.widget-checkout .leftbox .paymenthod ul li{
    margin: 0;
    padding: 15px 5px;
    /* border: 1px solid #eee; */
}
 
.widget-checkout .leftbox .shippingbox{}
.widget-checkout .leftbox .shippingbox h4{
    margin: 0;
    padding: 10px;
    background: #eee;
    font-size: 18px;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 15px;
}
.widget-checkout .leftbox label{
    display: block;
    margin: 0;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-top: 6px;
    margin-bottom: 3px;
}
.widget-checkout .leftbox input[type='text'], .widget-checkout .leftbox input[type='email']{
    width: 100%;
    padding: 10px;
    margin-bottom: 8px;
    outline:none;
    border: 1px solid #000;
    border: 1px solid #eee;
    border-radius: 4px;
}
.widget-checkout .leftbox select{
    width: 100%;
    padding: 10px;
    margin-bottom: 8px;
    border: 1px solid #000;
    border: 1px solid #eee;
    outline:none;
}
.widget-checkout .leftbox a{display: inline-block;
    padding: 5px 10px;
    background: #2196f32b;
    margin-bottom: 10px;
    border-radius: 3px;}
    
.widget-checkout .rightbox{}    
.widget-checkout .rightbox .innerbox{
    border: 1px solid #eee;
    padding: 15px;
}    
.widget-checkout .rightbox .innerbox h3{
    text-align: center;
    padding: 9px;
    background: #eeeeee;
    border-radius: 4px;
    color: #000000;
    font-size: 20px;
    text-transform: uppercase;
    letter-spacing: 1px;
}    
.widget-checkout .rightbox .innerbox h5{}    
.widget-checkout .rightbox .innerbox h5 span{
    font-size: 16px;
    display: inline-block;
    width: 49%;
    padding: 5px;
    /* background: #eee; */
}    

.footergrid{
    padding-top: 15px;
}
.footergrid ul{}
.footergrid ul li{
    width: 49%;
    display: inline-block;
    text-align: center;
    border: 1px solid #eee;
    padding: 10px;
    margin-left: -3px;
    margin-top: -1px;
}
.footergrid ul li img{
    height: 70px;
}
.footergrid ul li span{
    display: block;
}

.widget-cart{padding:30px 0;}
.widget-cart .rightboxdet{}
.widget-cart .rightboxdet h5{
     display: flow-root;
     padding: 7px 0;
     border-bottom: 1px solid #eee;
     font-size: 16px;
     /* text-transform: uppercase; */
     letter-spacing: 0px;
     }
.widget-cart .rightboxdet .innerbox{padding: 15px;}
.widget-cart .rightboxdet .innerbox button.applycoupon{
    display: inline-block;
    border: none;
    text-transform: uppercase;
    padding: 5px 10px;
    border-radius: 4px;
    background: #2196F3;
    color: #fff;
    outline:none;
    margin-bottom: 10px;
    }
.profile-menu li.bg-black{background:#000;}    
.profile-menu li.bg-black > a{color:#fff;}    
.profile-menu li.bg-black > a > i{color:#fff;}    
 
.gridslide{padding: 0 0;padding-bottom:15px;} 
.gridslide .latestbox{
    display: flex;
    /* flex-wrap: nowrap; */
    padding: 0 15px;
    gap: 10px;
    width: 100%;
    justify-content: flex-start;
}
.gridslide .innerboxgrid{
    padding: 0;
    width: 32.33%;
    height: 600px;
    overflow: hidden;
}
.gridslide .innerboxgrid a{}
.gridslide .innerboxgrid a img{
    margin: 0;
    width: 100%;
}
.gridslide a img{
    margin-bottom: 0;
}


.widget-brands{
    padding-top: 0;
}    
.widget-brands .hr_head{border-bottom: 1px solid #000;
    padding-bottom: 7px; position:relative;}    
.widget-brands .hr_head:before{content:"";position:absolute;height: 2px;width: 100px;background: #000;bottom: 0;}    
    
.widget-cart .rightboxdet .managecrt{padding: 0 15px;}   
.widget-cart .rightboxdet .managecrt h3{font-size: 20px;text-align: CENTER;padding: 0;border: 1px;}   
.widget-cart .rightboxdet .managecrt > a{display: block;text-align: center;background: #000;color: #fff;padding: 10px;font-size: 22px;border-radius: 4px;}   
.widget-cart .rightboxdet .managecrt p{text-align: center;font-size: 17px;}   
.widget-cart .rightboxdet .managecrt p a{
    display: inline-block;
    padding: 10px 15px;
    background: #eee;
    font-size: 19px;
    border-radius: 4px;
    color: #000;
}   
    .widget-brands .brand-grid-inner{margin-bottom: 10px;}
    #orderpersonalinfo{
    position: relative;
}
    #orderpersonalinfo i{
    position: absolute;
    right: 0;
}
@media only screen and (max-width: 58em){
    .nextperv{
    position: relative;
}
    .nextperv > span{
    position: absolute;
    top: 15px;
    right: 0;
    display: none;
}
        .hr_block{display: none;}
         .emails input#email{width: 100%;}
         .emails input#phone{padding: 10px 15px !important;height: auto;}
       .list-icon li{position:relative; display:inline-block !important;}
       .container-fluid.my-5.logo{padding:0; margin:0 !important;}
       .hr_head{font-size: 20px;padding-top: 25px;text-transform: uppercase;float: inherit !important;text-align: center;font-weight: 700;letter-spacing: 1px;margin-bottom: 25px;}
       .best-seller{padding:0 0;margin-top: 5px !important;margin-bottom: 15px !important;}
       .mt-5, .my-5{margin-top:15px !important;}
       .widget-one{margin-top: 40px !important;}
       .widget-popularcat{}
       .widget-popularcat .heading-text{font-size:18px;text-transform: uppercase;text-align: CENTER;font-size: 20px;font-weight: 600;}
       .widget-brands{margin-top: 0px !important;padding: 0;padding-bottom: 15px;overflow: hidden;}
       .widget-brands .brand-grid-inner{
       padding: 5px;
       margin: 0;
       width: 50%;
   }
       .mobmar{margin:0 !Important;}
       .widget-latest-offer{}
       .widget-latest-offer .heading-text{font-size: 20px;text-align: center;text-transform: uppercase;font-weight: 700;letter-spacing: 1px;margin-bottom: 15px;}
       .prodcut-block h3{font-size:16px;}
       .pt-5, .py-5 {
       padding-top: 2rem!important;
   }
   .widget-filter{
       padding: 0;
   }
   .widget-product-list{
       padding: 0 6px;
       padding-top: 15px;
   }
   .product-page{
       padding-top: 15px !important;
   }
   .signup h2{font-size:16px;}
   .widget-product-page{
    padding-top: 15px;
    overflow: hidden;
}
   .widget-product-page .product-title{font-size: 18px;margin-bottom: 0 !important;}
   .widget-product-page .delivery-check-widget{
       padding: 0;
       padding-bottom: 4px !important;
   }
   .widget-product-page .delivery-check-widget .innerbox-delivery{
       padding: 0;
   }
    
    
   
   .padd0-box{padding:0 !Important;}
   
   .widget-product-page  .product_h{
       margin-top: 0 !important;
   } 
   .widget-product-page  .comments_note .star_content{
       float: left;
       text-align: left;
       margin: 0;
   }
   .widget-product-page  .comments_note .star_content .rating{
       display: inline-block;
       width: 65px;
   }
   .widget-product-page ul.comments_advices{
       /* width: 100%; */
       /* display: inline-block; */
       margin: 0 !important;
       float: left;
   }
   .product-image-widget{
       padding: 0;
   }
   .product-image-widget .containers{margin-top:0;}
   .product-image-widget .containers .gallery .full{margin:0;}
   .product-image-widget{
    position: relative;
}
   .product-image-widget .wishlist-btn{
    position: absolute;
    left: 10px;
    z-index: 999;
    top: 5px;
    color: #4CAF50;
    font-size: 2em;
    padding: 4px 8px;
    width: 50px;
    /* border: 2px solid #000000; */
    border-radius: 50%;
    /* background: #fff; */
    height: 50px;
}
   .widget-product-page .widget-avail-box .widget-avail{float: left;width: 100%;}
   .bulkorderbtn{margin:0;}
   .bulkorderbtn a{display:inline-block;}
   .bulkorderbtn .wishlistbtn{
       padding: 0;
       line-height: normal;
       font-size: inherit;
       text-align:right;
   }
   .gallery .previews a {
       float: left;
       margin: 5px 0 0 0;
       width: 20%;
       border-bottom: 2px solid #fff;
   }
   .coupondet{padding:0;}
   .gallery .previews, .gallery .full, .gallery .desc{margin:0;}
   .bulkorderbtn > div{padding:0;}
   .bord{margin:0;margin-top:50px;}
   .delivery-check-widget .innerbox-delivery .innerboxset.box1{
       width: 25%;
       padding-top: 5px;
       margin: 0;
   }
   .delivery-check-widget .innerbox-delivery .innerboxset.box1 b{
       font-size: 14px;
   }
   .delivery-check-widget .innerbox-delivery .innerboxset.box2 {
       width: 50%;
       padding-right: 5px;
       margin: 0;
   }
   .delivery-check-widget .innerbox-delivery .innerboxset.box2 input[type='text']{
       width: 100%;
       border: 2px solid #eee;
       padding: 5px 5px;
       border-radius: 5px;
   }
   .delivery-check-widget .innerbox-delivery .innerboxset.box3 {
       width: 25%;
       margin: 0;
   }
   .delivery-check-widget .innerbox-delivery .innerboxset.box3 input[type='submit']{
       width: 100%;
       padding: 7px;
       border-radius: 5px;
       border: none;
   }
   .widget-product-page .widget-avail-box .widget-avail .head-text{font-size:14px;}
       .pricepanel .price {
       max-width: 100%;
   }
   .footer-widget-grid{padding: 5px 0;}
   
   .customer-logos .slick-slide {
       margin: 0 5px;
   }
   
   
   .moblogo{
       width: 50%;
       padding: 0;
   }
   .moblogo img{
       width: 100%;
       margin: 0;
       margin-bottom: 10px;
   }
   .hidesearch{
       display: none;
   }
   .mobicon{
       width: 50%;
       padding: 0;
       padding-right: 10px;
       padding-top: 15px;
       text-align: right;
   }
   .mobicon ul{
       display: inline-block;
       justify-content: inherit;
       margin: 0 !important;
   }
   .mobicon ul a{
       /* display: inherit; */
       /* float: inherit; */
       /* width: 32px; */
   }
   .mobicon ul a li{
       font-size: 12px;
       padding: 0;
   }
   .mobicon ul a li i{font-size: 24px !important;}
   .mobsearchbox{
       position: absolute;
       right: 10px;
       top: 5px;
       color: #fff;
       display:
       block;
       width: 240px;
   }
   .mobsearchbox input{
       border: 2px solid  #fff !important;
       background: none;
       padding: 10px;
       border-radius: 23px;
       height: 40px !important;
       color: #fff;
       padding-right: 40px;
   }
   .mobsearchbox button{
       right: 5px;
       position: absolute;
       top: 6px;
       background: none;
       border: none;
       color: #fff;
   }
   .mobsearchbox button img{width:25px;}
   
   
   .list-icon li{
       float: left;
   }
   .list-icon li > i{
       font-size: 24px !important;
   }
   .list-icon li > a{
       display: block;
   }
   .list-icon li > a > i{
       font-size: 24px !important;
       color: #404040;
   }
   
   
   
   .mobsearchbox input::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
     color: white;
     opacity: 1; /* Firefox */
   }
   
   .mobsearchbox input:-ms-input-placeholder { /* Internet Explorer 10-11 */
     color: white;
   }
   
   .mobsearchbox input::-ms-input-placeholder { /* Microsoft Edge */
     color: white;
   }
   
   
   
   .mobsearchbox input:focus {
     background: none;
     color:#fff;
   }
   .counter{top: -10px;}
   .customer-logos{
       /* height: 60px; */
       overflow: hidden;
       }
       
   .mobilebox-product{}    
       .add-cart{display:block !important;}
       
    #ch_user2{display: block;
   }   
   #ch_user2 .row{display: block;
   }  
   #ch_user2 .row .prodcut-block {
       /* border: 1px solid #eee; */
       border-radius: 5px;
       transition: all 0.5s ease-in-out;
       margin: 0 !important;
       /* float: left; */
       width: 48%;
       padding: 0 2px !important;
       display: inline-block;
       border-radius: 0;
       /* min-height: 350px; */
   }    
       .pagination{ 
       width: 100%;
       padding-top: 15px;
        justify-content: space-around;
   }
 
   .prodcuts{/* min-height: 360px; */}
       .prodcut-block{/* min-height:350px; */}
   div#slide1_subcategory {
        
       margin-top: -15px;
   }
   .widget-one {
       margin-top: 0!important;
   }
   .minheightbox {
       
       padding: 0 15px !important;
   }
   .appdataload{margin-top:0;}
   .profile-area{overflow:hidden; }
   
   
   .merchantana{overflow:hidden; padding:0 !important;}
   .merchantana .box{padding:0 !important;}
   .merchantana .box .container{padding:0 !important;}
   
   
   
   
   
   .owl-carousel{height:auto !important;/* box-shadow: #eee -2px 11px 1px 1px; */}
    
   .owl-carousel.owl-drag .owl-item .m-2{margin:0 !important;/* box-shadow: #eee 0px 6px 1px 1px; */}
   .prodcut-block{border:none;margin-bottom: 9px;/* box-shadow: #eee -1px 3px 3px 1px; */}
   .ythead{font-size: 18px;
       padding: 10px 10px !important;
       text-align: justify !important;}
      .circle-image {
       padding: 0;
       border-radius: 50%;
       background: #fff;
       height: 90px;
       text-align: center;
       padding-top: 0;
       width: 90px;
       margin-top: 28px;
       right: 40px;
   }
   .circle-image img {
       padding: 14px 0 0 0;
       margin: 0;
       width: 60px;
       max-width: initial;
       margin-top: 0 !important;
   }
   .books.bg-light2 {
       width: auto; 
       font-size: 16px;
       padding-top: 18px !important;
       padding-left: 10px !important;
       height: 150px !important;
   }
   .boxmange_ro .cat-title {
       font-size: 18px;
       margin: 0;
   }
   .downloadinv{text-align:center;}
   .downloadinv .downloadinvoice{
       margin-bottom: 10px;
   }
   .trackorderbtn{padding-bottom:15px;}
   .cancelbtn{text-align:right;padding-top: 0;}
   .mobview{display:block;}
   .deskview{display:none;}
   .footer-widget-grid{display:block;}
   
   .widget-subcategory .subcategory-grid div a{
      font-size: 11px;
      line-height: 1.2;
      letter-spacing: normal;
      font-weight: 200;
      position: relative;
      display: -webkit-box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
      text-overflow: ellipsis;
      z-index: 1;
      width: 100%;
      overflow: hidden;
   }
   .productviewpadd{padding:0;}
   .deliverybox .deliverybox-inner{width:100%;}
   .free-tag{margin-bottom:10px;padding: 3px 10px;width: 100%;text-align: left;background: #000;color: #fff;}
   .deliverybox .deliverybox-inner input[type='submit']{    background: #000;
    color: #fff;
    border-radius: 4px;}
    
    .social a {
    color: #313131 !important;
    font-size: 18px;
    display: block;
    margin-bottom: 10px;
}
.widget-category-tab .tab-content .widget-cat-inner ul li a img{max-width: 60px;}

    .mainbox{padding: 0 30px;}
}

.text-success{color:#000 !important;}
.widget-popularcat{padding-top: 20px !important;}

.reviewtabproduct{}
.reviewtabproduct li{
    padding: 10px !important;
    display: flex;
    gap: 10px;
    margin-bottom: 10px;
    border-bottom: 1px solid #eee;
}
.reviewtabproduct li .icon{
    width: 50px;
    background: #eee;
    height: 50px;
    border-radius: 50%;
    text-align: center;
    padding-top: 6px;
}
.reviewtabproduct li .icon span{
    font-size: 26px !important;
    font-weight: 700;
}
.reviewtabproduct li .detail{
    width: calc(100% - 50px);
    padding-top: 0;
}
.reviewtabproduct li .detail h3{
    font-size: 19px;
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 15px;
}
.reviewtabproduct li .detail .toprate{
    margin-bottom: 5px;
}
.reviewtabproduct li .detail p{
    font-size: 16px;
    color: #bbbbbb;
}
#toggleoffer{
    width: 100%;
    text-align: left;
    padding: 10px;
    position:relative;
    border: none;
    border-radius: 0;
    outline:none;
    background: #f9f9f9;
    color:#000;
    border-left: 5px solid #e1e1e1;
    }
#toggleoffer img{
    width: 34px;
    position: absolute;
    right: 45%;
    top: 12px;
    margin-top: -8px;
}
#toggleoffer i{
    position: absolute;
    right: 13px;
    top: 13px;
     color:#000;
}

.cartbtnbox{    width: 100%;
    display: block;}
.cartbtnbox button{width: 100%;}
.managebulk{display: block;
    margin-top: 12px;
    text-align: CENTER;
    padding: 10px 0px;
    background: #2196F3;
    color: #fff;
    border-radius: 4px;}


.widget-manage-cart{padding:3% 0;}
.widget-manage-cart form{display:flex;width: 100%;}
.widget-manage-cart .leftbox{
    /* max-width: 700px; */
    /* padding: 0; */
}
.widget-manage-cart .leftbox ul{
    /* display: flex; */
    width: 100%;
    padding: 15px;
    border: 1px solid #eee;
}
.widget-manage-cart .leftbox ul li{
    display: flex;
    width: 100%;
    gap: 20px;
    grid: revert-layer;
    flex-direction: row;
}
.widget-manage-cart .leftbox ul li figure{
    width: 100px;
}
.widget-manage-cart .leftbox ul li figure img{}
.widget-manage-cart .leftbox ul li .updatedet{
    width: calc(100% - 100px);
}
.widget-manage-cart .leftbox ul li .updatedet h3{
    font-size: 16px;
    font-weight: 100;
}
.widget-manage-cart .leftbox ul li .updatedet p{margin-bottom: 5px;}
.widget-manage-cart .leftbox ul li .updatedet label{
    width: 100px;
    margin-right: 10px;
}
.widget-manage-cart .leftbox ul li .updatedet label span{
    font-weight: 600;
}
.widget-manage-cart .leftbox ul li .updatedet label input{
    width: 100%;
    padding: 7px;
    text-align: CENTER;
    border: 1px solid #000000;
}

.widget-manage-cart .rightbox{padding:15px; border:1px solid #eee;}
.widget-manage-cart .rightbox button{
    width: 100%;
    border: none;
    padding: 10px;
    background: #000000;
    color: #fff;
    }
    
 /* ===== OVERLAY ===== */
.popup-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  backdrop-filter: blur(4px);
  display: none;
  justify-content: center;
  align-items: center;
  z-index: 9999;
  padding: 20px;
}

/* ===== POPUP BOX ===== */
.popup-box {
  background: #fff;
  border-radius: 0;
  width: 100%;
  max-width: 420px;
  padding: 25px 20px 30px;
  box-shadow: 0 10px 25px rgba(0,0,0,0.3);
  position: relative;
  transform: translateY(-40px);
  opacity: 0;
  transition: all 0.4s ease;
  margin: 0 auto;
}

.popup-overlay.active .popup-box {
  transform: translateY(0);
  opacity: 1;
}
.popup-overlay.active .popup-box .innerbox{padding:15px;}
/* ===== CLOSE BUTTON ===== */
.close-popup {
  position: absolute;
  top: 12px;
  right: 15px;
  font-size: 22px;
  color: #555;
  cursor: pointer;
}

/* ===== HEADER ===== */
.popup-box h2 {
  text-align: center;
  margin-bottom: 0;
  font-size: 22px;
  color: #222;
}

/* ===== FORM INPUTS ===== */
.popup-box input[type="text"],
.popup-box input[type="email"],
.popup-box input[type="tel"],
.popup-box input[type="password"] {
  width: 100%;
  padding: 8px 14px;
  margin-top: 10px;
  border: 1px solid #ccc;
  border-radius: 4px;
  font-size: 15px;
  box-sizing: border-box;
  transition: border 0.3s;
}

.popup-box input:focus {
  border-color: #007bff;
  outline: none;
}

/* ===== REMEMBER ME ===== */
.remember {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-top: 10px;
  font-size: 14px;
}

/* ===== BUTTON ===== */
.popup-box button {
  width: 100%;
  background: #000000;
  color: white;
  border: none;
  padding: 12px;
  border-radius: 8px;
  font-size: 16px;
  margin-top: 18px;
  cursor: pointer;
  transition: background 0.3s ease;
}

.popup-box button:hover {
  background: #242525;
}

/* ===== reCAPTCHA ===== */
.g-recaptcha {
   
  transform: scale(0.9);
  transform-origin: center;
}


/* widget-filterbox */
.widget-filterbox{
    /* position: fixed; */
    /* top: 0; */
    bottom: 0;
    /* width: 400px; */
    background: #fff;
    z-index: 99;
    /* padding: 3%; */
}
.widget-filterbox .head{}
.widget-filterbox .head h3{
    font-size: 20px;
}
.widget-filterbox .innerbox{/* overflow-y: scroll; *//* height: 98%; */}
.widget-filterbox .innerbox h3{
    position: relative;
    font-size: 18px;
    background: #ffffff;
    padding: 15px;
    border-radius: 0;
    margin: 0;
    border: 1px solid #eee;
}
.widget-filterbox .innerbox h3 i{
    position: absolute;
    right: 14px;
}
.widget-filterbox .innerbox ul{
    margin: 0;
    padding: 15px;
    background: #f3f3f3;
    display: none;
}
.widget-filterbox .innerbox ul li{}
.widget-filterbox .innerbox ul li input[type='radion']{}

.widget-filterbox .filterbutton{
    padding: 10px;
    display: flex;
    flex-wrap: nowrap;
    gap: 10px;
}
.widget-filterbox .filterbutton button{
    width: 50%;
    border: 1px solid #000;
    background: none;
    color:#000;
    padding: 10px;
}
.widget-filterbox .filterbutton button:nth-child(2){
    background: #000;
    color: #fff;
}
 

 .productdealhead{
    padding: 5px 10px;
    background: #cc0d39;
    margin-top: 6px;
    text-align: left;
    color: #fff;
    font-weight: 400;
    border-radius: 3px;
    font-size: 18px;
    }
.productdealhead .timer{
    font-size: 13px;
}
.productdealhead .timer span{
    font-size: 18px;
    font-weight: 800;
}
/* ===== RESPONSIVE ===== */
@media (max-width: 480px) {
  .popup-box {
    width: 100%;
    padding: 0;
    padding-top: 0;
  }
  .popup-box h2 {
    font-size: 20px;
  }
  .popup-box input {
    font-size: 14px;
    padding: 10px 12px;
  }
  .popup-box button {
    font-size: 15px;
  }
  .g-recaptcha {
    transform: scale(0.85);
  }
}

@media(max-width: 576px){
    .widget-subcategory .subcategory-grid a{height: auto;}
    .widget-category{height: auto;padding: 20px 0px 10px;position: relative;z-index: 1;}
    .widget-subcategory{padding: 40px 0 0;}
    .heading h3 a{font-size: 15px;}
    .stationery img{border-radius: 10px 10px 0 0;}
    .widget-category-tab{padding: 20px 0 0;}
    .widget-category-tab .tab-category ul li a{font-size: 16px;}
    .widget-category .headbox h3{font-weight: 600;font-size: 20px;text-transform: uppercase;letter-spacing: 1px;}
    .subprocat{padding: 0 5px;}
    .product-pop-cat a{margin: 0 0 15px;}
    .subprocat a .imgwrapper{height: 100px;margin: 0 0 5px;}
    .subprocat a h3{
        font-size: 11px;
        line-height: 1.2;
        letter-spacing: normal;
        font-weight: 200;
        position: relative;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        text-overflow: ellipsis;
        z-index: 1;
        width: 100%;
        overflow: hidden;
        height: 30px;
    }
    
    .protitle h3{
        text-align: justify;
        font-size: 17px;
        font-weight: 100;
    }
}

@media(max-width: 420px){
    .widget-subcategory .subcategory-grid a{}
    .mobileheader .logobox a img{width: 180px;}
    .mobileheader .logobox{width: 45%;}
    .mobileheader .accountnav{padding-right: 10px;}
    .mobileheader .accountnav{width: 42%;}
    .widget-category{}
    .subprocat a .imgwrapper{height: 70px;}
    .gridlist ul li{font-size: 15px;}
    .widget-category-tab .tab-category ul{display: flex; align-items: center; justify-content: space-between;}
    .widget-category-tab .tab-category ul li{padding: 0;}
    .owl-carousel .m-2:hover{box-shadow: none;}
    .mobslidepro{width: 96%;}
    .allproducts{padding: 20px 15px 0 !important;}
    .pagination{margin: 0;padding: 15px 0;}
    .widget-filter{margin: 0 0 20px;}
    .product-page{padding: 20px 15px 0 !important;}
}

@media(max-width: 360px){
    .widget-subcategory .subcategory-grid a{height: 60px;}
    .widget-category{
        height: 230px;  }
        .subprocat a .imgwrapper{
            height: 60px;
            margin: 0;
        }
}

.widget-popcategory{
    padding: 0 15px;
}
.widget-popcategory .innergridpop{
    display: contents;
    gap: 10px;
    width: 100%;
    /* margin-left: -5px; */
}
 .reviewnewbox{
    background: #000;
    padding: 15px;
}
.reviewnewbox .newbox{}
.reviewnewbox .newbox a{
    color: goldenrod;
    font-size: 18px;
}
.reviewnewbox .newbox a > i{}
.reviewnewbox .newbox a > .inputhead{}
.reviewnewbox .newbox a > .inputhead label{
    width: 100%;
    display: block;
    position: relative;
}
.reviewnewbox .newbox a > .inputhead label span{position:absolute;color:#fff;left: 17px;top: 17px;}
.reviewnewbox .newbox a > .inputhead label input{
    width: 100%;
    margin-top: 5px;
    padding: 10px;
    border: 2px solid #fff;
    background: none;
    border-radius: 33px;
    padding-left: 15px;
}
.reviewnewbox .newbox a > .inputhead label i{
    position: absolute;
    right: 17px;
    top: 14px;
    font-size: 24px;
}
.rateboxouter{
    background: #000;
}
.rateboxouter h5{
    position: relative;
    background: #000 !important;
    color: #fff !important;
    border-color: #000000 !important;
}
.rateboxouter h5 .rateboxinner{
    display: inline-block;
    /* position: absolute; */
    right: 20px;
    margin-left: 15px;
}
.rateboxouter h5 .rateboxinner > i{
    position: relative;
    margin-left: 4px;
    color: goldenrod;
}
.rateboxouter h5 > i{}



.widget-deal-box{
    padding: 2px 0;
    background: #000;
    overflow: hidden;
    padding-bottom: 1px;
}
.widget-deal-box .innerbox{
    display: flex;
    gap: 5px;
    padding: 0;
}
.widget-deal-box .innerbox .imagebox{
    width: 25%;
    padding-top: 2px;
}
.widget-deal-box .innerbox .imagebox img{}
.widget-deal-box .innerbox .timebox{
    width: 75%;
}
.widget-deal-box .innerbox .timebox .timehead{
    text-align: center;
    color: #fff;
}
.widget-deal-box .innerbox .timebox .timehead h3{
    font-size: 15px;
    margin-bottom: 2px;
    font-size: 20px;
    letter-spacing: 5px;
    line-height: normal;
}
.widget-deal-box .innerbox .timebox .boxtimeinner{
    padding: 3px 5px;
    /* background: #222222; */
    border-radius: 2px;
    padding-left: 0;
}
.widget-deal-box .innerbox .timebox .boxtimeinner ul{
    display: flex;
    gap: 5px;
    padding: 0;
    list-style: none;
    margin: 0;
    flex-wrap: nowrap;
    justify-content: center;
}
.widget-deal-box .innerbox .timebox .boxtimeinner ul li{
    width: 60px;
    background: #282828;
    position: relative;
    border-radius: 5px;
    background: linear-gradient(359deg, #0b0b0b, #3b3b39);
}
.widget-deal-box .innerbox .timebox .boxtimeinner ul li span.time{
    display: block;
    font-size: 39px;
    line-height: 35px;
    position: relative;
    z-index: 4;
    padding-top: 5px;
}
.widget-deal-box .innerbox .timebox .boxtimeinner ul li span.text{
    font-size: 11px;
    color: #ffaf02;
    display: block;
    margin-bottom: 5px;
}
.widget-deal-box .innerbox .timebox .boxtimeinner ul li:before{content:""; position: absolute;}
.widget-deal-box .innerbox .timebox .boxtimeinner ul li:after{content:"";position: absolute;width: 100%;height: 1px;background: #131313;left: 0;right: 0;bottom: 64%;}
.widget-deal-box .marqueebox{
    /* padding: 0; */
    text-align: center;
    font-size: 14px;
    line-height: 13px;
    border-top: 2px solid #eee;
    color: #fff;
    margin: 0;
    margin-top: 2px;
    padding: 0;
    padding-top: 5px;
}
.marqueebox {
  
    font-size: 18px;
    color: #fff;
    
    
    text-transform: uppercase;
    letter-spacing: 2px;
    overflow: hidden;
    animation: marquee-bg 6s linear infinite;
  }

  @keyframes marquee-bg {
    0% { background-position: 0% 50%; }
    100% { background-position: 100% 50%; }
  }
  .togglefilter{color:#000;display: none;position: fixed;z-index: 9;right: 15px;bottom: 76px;padding: 10px;width: 50px;height: 50px;font-size: 21px;border-radius: 50%;border: 2px solid #000;background: #fff;}
.togglefilter2{display: none;}

.qtyboxcart{
    display: flow-root;
}
.qtyboxcart label{    display: block;}
.qtyboxcart .leftbtn{
    width: 40px;
    height: 40px;
    border: none;
    font-size: 25px;
    padding: 0;
    line-height: 15px;
    border: 1px solid #000;
    border-radius: 15px 0 0 15px;
    outline: none;
    margin-right: -1px;
    color: #000;
        background: none;
    float: left;
    }
.qtyboxcart .rightbtn{
    width: 40px;
    height: 40px;
    border: none;
    font-size: 25px;
    padding: 0;
    line-height: 15px;
    border: 1px solid #000;
    border-radius: 0 15px 15px 0;
    outline: none;
        background: none;
    float: left;
    margin-left: -1px;
    color: #000;
}
.qtyboxcart .inpbox{
    height: 40px;
    float: left;
    width: 60px;
    background: none;
    text-align: center;
    border: 1px solid #000;
}
.qtyboxcart .updatebtn{
    float: left;
    margin-left: 7px;
    padding: 6px 15px;
    border-radius: 6px;
    border: none;
    color: #fff;
    background: #000000;
}
.freeapp{
    margin: 0;
    padding: 5px;
    font-size: 14px;
    color: #929292;
}
 @media only screen and (max-width: 68em) {
    .widget-manage-cart form{
    display: block;}
    .togglefilter2{display: block;}
    .breadcrumblist {display: none;}
    .morecolorbox,.sizebox{padding-top: 15px;}
    .widget-manage-cart .leftbox ul li .updatedet label {
    width: 58px;
    margin-right: 10px;
}.widget-manage-cart .leftbox ul li .updatedet label span {
    font-weight: 600;
    font-size: 14px;
}
.productviewpadd .shortdesc,
.toggletab .tabcontent p,
.toggletab .tabcontent ul li{/* text-align: justify; */}
.gridslide .innerboxgrid{height: 150px; border-radius: 10px;} 
.widget-brands .hr_head{padding-top: 0;border-bottom: none;}
  .widget-brands .hr_head:before{background:none;}
.maccount{display: none;}
.widget-filterbox{
    position: fixed;
    left: -100%;
    /* right: 0; */
    /* bottom: 0; */
    z-index: 9999;
    padding: 10px;
    width: 100%;

    top: 0;
}
.widget-filterbox .innerbox{
     overflow-y: scroll;
     height: 70%;
     }
     .widget-filterbox .filterbutton{
    /* position: absolute; */
    /* bottom: 0; */
    z-index: 99;
    left: 0;
    right: 0;
    }
    .widget-filterbox {
    position: fixed;
    left: -100%;
    top: 0;
    z-index: 9999;
    padding: 10px;
    width: 100%;
    height: 100vh;
    background: #fff;
    overflow-y: auto;
    transition: left 0.4s ease-in-out; /* Smooth animation */
    box-shadow: 2px 0 10px rgba(0,0,0,0.2);
    }

/* Active state when opened */
.widget-filterbox.active {
    left: 0;
}

/* Optional overlay background */
.filter-overlay {
    display: none;
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,0.5);
    z-index: 9998;
}
.togglefilter{display: block;}

.page-link{
    font-size: 18px;
    padding: 20px;
}
.qtyboxcart .updatebtn{margin-top: 10px;}
 }



#slide_youtube_videos iframe{border-radius:15px;}