.accmenu .card-body{ min-width:250px; }
.account_menu{ width:100%; height:calc(100vh - 100px); margin:0px; padding:10px 20px; overflow:auto; background:var(--light); }
.account_menu .ch3{ margin:20px 0px 10px 0px; font-weight:500; }
.myaccul{ overflow: auto; background:#fff; border-radius:8px; }
.myaccul.redhei{ max-height:calc(100vh - 110px)!important; }
.myaccul li{ border-right:none!important;  padding: 0!important; margin:1px 0px!important;}
.myaccul li:last-child{border-bottom:none;}
.myaccul li a{color: #000; border-radius:10px; cursor:pointer; padding:0.7em!important; display: flex; align-items: center; font-size: 16px; margin:0;  line-height:initial; border:2px solid #fff;}
.myaccul li a span{display: block; font-size: 0.7rem; color: #5d5d5d; margin-top:5px;}
.myaccul li a.active, .myaccul li a:hover, .myaccul li a:hover a{border:2px solid var(--mycolor); color:var(--mycolor)!important;}  .myaccul li a:hover span{color: #fff!important;}
.myaccul li a.active .svg_ico, .myaccul li a:hover .svg_ico{stroke:var(--mycolor)!important;}
.myaccul li a:hover i{color:#fff!important;}
.myaccul li a.active span, .myaccul li a:hover span{color:var(--mycolor)!important;}
.myaccul li a svg{margin-right:15px;}
.myaccul li a .svg_ico2{ stroke:var(--gray)!important; }
.myaccul li a:hover .svg_ico2,.myaccul li a.active .svg_ico2{ stroke:var(--mycolor)!important;}
.myaccul li i{color:var(--mycolor); font-size:18px; margin-right: 10px;}

.yesno{ display:flex; width:100%; margin:10px 0px; padding: 0px; overflow:hidden; }
.yesno .yesleft{ width:30px; overflow:hidden; }
.yesno i{ font-size:12px; margin:8px 0px 0px 5px; }
.yesno .yesright{ width:calc(100% - 30px); overflow:hidden; }
.yesno .head{ font-size:16px; font-weight:500; line-height:20px; margin:5px 0px; }
.yesno .secline{ font-size:14px; font-weight:400; line-height:18px; margin:5px 0px; }
.yesno .roption .radioul li{ width:auto; }

.radioul{ list-style:none; padding:0; margin:0; }
.radioul li{ width:50%; font-size: 16px; margin:5px 0; }
.radioul li a{ position:relative; display:flex; width:100%; -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; transition: all .5s; }
.form-new .radioul li a:before{ height:fit-content; }
.radioul li a:before{ content: ""; -webkit-appearance: none; background-color: transparent; border: 2px solid var(--mycolor); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05); padding: 10px; display: inline-block; position: relative; vertical-align: middle; cursor: pointer; margin-right: 10px; }
.radioul li a.radius15:before{ border-radius:15px; }
.radioul li a.active:before{ content: ""; -webkit-appearance: none; background-color: transparent; border: 2px solid var(--mycolor); box-shadow: 0 1px 2px rgb(0 0 0 / 5%), inset 0px -15px 10px -12px rgb(0 0 0 / 5%); padding: 10px; display: inline-block; position: relative; vertical-align: middle; cursor: pointer; margin-right: 10px; }
.radioul li a.active:after { content: ""; display: block; position: absolute; top: 4px; left: 9px; width: 6px; height: 14px; border: solid var(--mycolor); border-width: 0 2px 2px 0; transform: rotate(45deg); }
.radioul li a input[type="radio"], .radioul li a input[type="checkbox"]{position:absolute; opacity:0; left:0;}
.radioul li .form-check-input {  margin-left:0;  cursor: pointer;} .radioul li .form-check-label{margin-left:1.25rem;  cursor: pointer;}
.radioul li a.active{ color:var(--mycolor); font-weight: 600; -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; transition: all .5s; }

.radioul .bdlink{ display:none; margin:3px 0px 0px 20px; }
.radioul li:hover a span{ color:var(--mycolor); }
.radioul li:hover .bdlink{ display:inline-block;  cursor:pointer;  }
.radioul li:hover .bdlink .svg_ico{ stroke:var(--mycolor); stroke-width:2px; width:16px; height:16px; }


.nice-select { -webkit-tap-highlight-color: transparent; background-color: #fff; border: solid 1px #e8e8e8; box-sizing: border-box; clear: both; cursor: pointer; display: block; float: left; font-family:inherit; font-size: 15px; font-weight: normal; height: 40px; line-height: 27px; outline: none; padding-left: 18px; padding-right: 30px; position: relative; text-align: left !important; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; white-space: nowrap; width: auto; margin-bottom: 16px; }
.nice-select:hover { border-color: #3164F4; }
.nice-select:active, .nice-select.open, .nice-select:focus { border-color: #999; }
.nice-select.open:after { -webkit-transform: rotate(-135deg); -ms-transform: rotate(-135deg); transform: rotate(-135deg); }
.nice-select.open .list { opacity: 1; pointer-events: auto; -webkit-transform: scale(1) translateY(0); -ms-transform: scale(1) translateY(0); transform: scale(1) translateY(0); }
.nice-select .list.show{ opacity: 1; }
.nice-select.disabled { border-color: #ededed; color: #999; pointer-events: none; }
.nice-select.disabled:after { border-color: #cccccc; }
.nice-select.wide { width: 100%; }
.nice-select.wide .list { left: 0 !important; right: 0 !important; }
.nice-select.right { float: right; }
.nice-select.right .list { left: auto; right: 0; }
.nice-select.small { font-size: 12px; height: 36px; line-height: 34px; }
.nice-select.small:after { height: 4px; width: 4px; }
.nice-select.small .option { line-height: 34px; min-height: 34px; }
.nice-select .list { background-color: #fff; border-radius:6px; box-shadow: 0 0 0 1px rgba(68, 68, 68, 0.11); box-sizing: border-box; margin-top: 4px; opacity: 0; overflow: hidden; padding: 0; pointer-events: none; position: absolute; top: 100%; width: 100%; left: 0; -webkit-transform-origin: 50% 0; -ms-transform-origin: 50% 0; transform-origin: 50% 0; -webkit-transform: scale(0.75) translateY(-21px); -ms-transform: scale(0.75) translateY(-21px); transform: scale(0.75) translateY(-21px); -webkit-transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out; transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out; z-index: 9; overflow: auto; max-height:350px; }
.nice-select .list:hover .option:not(:hover) { background-color: transparent !important; }
.nice-select .option { cursor: pointer; font-weight: 400; line-height: 40px; list-style: none; min-height: 40px; outline: none; padding-left: 18px; padding-right: 29px; text-align: left; -webkit-transition: all 0.2s; transition: all 0.2s;}
.nice-select .option:hover { background-color:var(--mycolor); color: #fff; }
.nice-select .option.selected { font-weight: bold; }
.nice-select .option.disabled { background-color: transparent; color: #999; cursor: default; }
.no-csspointerevents .nice-select .list { display: none; }
.no-csspointerevents .nice-select.open .list { display: block; }
.contact-form-wrapper .list { background: #2f3341 none repeat scroll 0 0; border-radius: 0; }
li.divider { background: #ddd; height: 1px; }
.nice-svg .svg_ico{margin-right:0!important;}

/*Custom CSS for Removing Unnecessary Data*/

.ch1{ display: block; color:#333333; font-size: 28px; font-weight: 500; line-height: 1.2; margin: 0; padding: 0; }
.ch2{ display: block; color:#333333; font-size: 28px; font-weight: 500; line-height: 1.2; margin: 0; padding: 0; text-transform: capitalize; position: relative; color: #191919; margin-bottom: 10px; padding-bottom: 8px; }
.ch3{ display: block; color:#333333; font-size: 20px; font-weight: 700; line-height: 1.2; margin: 0; padding: 0; }
.ch4{ display: block; color:#333333; font-size: 18px; font-weight: 600; line-height: 1.2; margin: 0; padding: 0; }
.ch5{ display: block; color:#333333; font-size: 18px; font-weight: 600; line-height: 1.2; margin: 0; padding: 0; }
.ch6{ display: block; color:#333333; font-size: 16px; font-weight: 700; line-height: 1.2; margin: 0; padding: 0; }

.saving-amt{ font-size:16px; line-height:22px; font-weight:600; color:#e30613; padding:0px; }

.telephone .ch3{ display: block; font-weight: 700; font-size: 20px; line-height: 1.2; margin: 0; padding: 0; }
.telephone .ch4{ display: block; font-weight: 400; font-size: 16px; line-height: 1.2; margin: 0; padding: 0; }
.sidebar-header .ch4 { font-size: 18px; font-weight: 500; line-height: 1.2; margin: 0; padding: 0; }
.shopping-list .ch4{ font-size:14px; }
.client-testimonial-carousel .ch3{ font-size: 16px; margin: 15px 0 0; }
.header.shop .all-category .ch3{ padding: 8px 15px; align-items: center; height: 100%; }
.filterbo .ch5, .sidebar-header .ch5 { font-size: 20px; margin: 0 0 0 0; color: #424646; padding: 0; font-weight: 500; }
.banerli .ch4 { color:#fff; font-size: 18px; font-weight: 400; margin-top: 5px; }
.banerli .ch4 p { font-size: 12px; font-weight: 400; color: #fff; margin: 0; width: fit-content; }
.droptpview{ display:none; }

.product-content .ch3{ font-size: 14px; word-wrap: break-word; font-weight: 500; margin: 0; }

.seotext li h2{ max-width: calc(100% - 30px); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: 300; color: var(--dark); font-size: 16px; }
.seotext li h3{ overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: 400; color: var(--dark); font-size: 16px; }
.seotext li h4{ overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: 400; color: var(--dark); font-size: 16px; }

.popfield legend{background:#f2f2f2; padding:15px; font-size:18px; font-weight:500; margin:0;}
.setlist label{ padding: 12px 16px; margin:0; position: relative; width: 100%; border-bottom:solid 1px #f2f2f2; display:flex; align-items:center;}
.setlist label .mlabel{font-weight:600;}
.setlist input{height:1px; width:1px; position:absolute; overflow:hidden;}
.cartbot{ background:var(--mycolor); color:#fff; font-size:18px; border-radius:6px; padding:8px 15px; display:flex; flex:1; justify-content:space-between; align-items: center; cursor:pointer; }
 

.setlist { margin: 0; }
.setlist input[type=radio] { position: absolute; opacity: 0; }
.setlist input[type=radio] + .radio-label:before { content: ""; background: #f4f4f4; border-radius: 100%; border: 1px solid #b4b4b4;
  display: inline-block; width: 1.4em; height: 1.4em; position: relative; top: 0px; margin-right: 1em; vertical-align: top; cursor: pointer; text-align: center; transition: all 250ms ease; }
.setlist input[type=radio]:checked + .radio-label:before { background-color:var(--mycolor); box-shadow: inset 0 0 0 4px #f4f4f4;}
.setlist input[type=radio]:focus + .radio-label:before { outline: none; border-color: #3197EE;}
.setlist input[type=radio]:disabled + .radio-label:before { box-shadow: inset 0 0 0 4px #f4f4f4; border-color: #b4b4b4; background: #b4b4b4;}
.setlist input[type=radio] + .radio-label:empty:before { margin-right: 0;}

.gname { float:right; background: #959595; color: #fff; font-size: 11px; line-height:17px; font-weight: 500; padding:3px 7px; border-radius:5px; }
.modal-scr2{max-height:90vh; margin:5vh auto;}
.leg_price{font-weight:400; font-size:14px; }
.modal-footer .quantity2 .btn-number, .modal-footer .button.plus .btn-number, .modal-footer .button.minus .btn-number{background:none!important;}
.modal-footer .quantity2 .input-number{border:none!important; font-weight:800; color:var(--dark); font-size:26px;}
.modal-footer .btn-number i{font-size:18px;}
.modal-footer .btn-number:hover i{color:var(--mycolor)!important;}
.colorli_pa{list-style:none; padding:15px;} .colorli_pa li{display:inline-block; text-align:center; padding:5px;}
.colorli_pa li span{width:24px; height:24px; border-radius:24px; display:inline-block; cursor:pointer;}
.colorli_pa li span:hover{box-shadow:1px 2px 3px rgba(0, 0, 0, 0.5);}
.red_l span{background:red;} .blu_l span{background:blue;} .dar_l span{background:gray;} .gra_l span{background:#ddd;}

.w-100{ width:100%; }
.w-95{ width:95%; }
.w-90{ width:90%; }
.w-80{ width:80%; }
.w-70{ width:70%; }
.w-60{ width:60%; }
.w-50{ width:50%; }
.w-40{ width:40%; }
.w-30{ width:30%; }
.w-25{ width:25%; }
.w-20{ width:20%; }
.w-15{ width:15%; }
.w-10{ width:10%; }
.w-5{ width:5%; }

.groupview { width:100%; max-width:1500px; margin:10px auto; padding: 0; list-style-type: none; }
.groupview li{ display: block; width:100%; }
.groupview .whitebg{ background:#fff; }
.groupview .lidiv { display:flex; justify-content:space-between; align-content:center; margin:5px 0px;  }
.groupview .headiv{ font-size:16px!important; font-weight:500; }
.groupview .divmenu{ width:100%; display:flex; justify-content:space-between; align-items: center; padding:12px 8px; background:#fff; border: 1px solid #ddd; border-radius:5px; }
.groupview .divmenu:hover{ border-radius: 4px; background:#edf6ff; border:2px solid var(--mycolor); }
.groupview .divmenu p{ padding:3px 0px; margin:0px; font-size:14px; line-height:20px; }
.groupview .divmenu label{ margin-bottom:0px; }
.groupview .divmenu img{ width:30px; height:30px; float:right; margin-right:10px; }
.groupview .divmenu span{ display: block; padding:7px 5px; font-size:14px; line-height:20px; cursor:pointer; }
.groupview .divmenu .priline{ display: block; padding:2px 5px; font-size:14px; line-height:18px; cursor:pointer; max-width: inherit; }
.groupview .divmenu .secline{ margin:0px; padding:4px 5px 0px 5px; font-size:12px; line-height:12px; color: #171717; }

.desktopcart{ position:fixed; width:100%; padding: 0px; margin:0px; bottom:0px; z-index:999; }
.desktopcart .mobaddcart{ position:relative; padding:20px; bottom:0px; margin-left:0px; }

.mobaddcart{ position:fixed; width: 100%; margin-left:-8px; overflow: hidden; bottom: 64px; z-index: 999; padding: 10px; background: #fff; border-top: 1px solid #ccc; -webkit-box-shadow: 0px -2px 7px rgb(0 0 0 / 16%); -moz-box-shadow: 0px -2px 7px rgb(0 0 0 / 16%); box-shadow: 0px -2px 7px rgb(0 0 0 / 16%); }
.mobaddcart .mobprice{ width:40%; }
.mobaddcart .quantity, .mobaddcart .add-to-cart{ width:60%; margin-right:0px!important; }
.mobaddcart .add-to-cart a{ width:100%!important; margin-top:0px; }
.mobaddcart .quantity .input-group{ width:100%!important; }

.mobprobanner{ display:flex; width:calc(100% - 30px); margin:0px auto; overflow:hidden; }
.mobprobanner .card{ width:100%; }
.mobprobanner .sharico{ width:30px; margin-left:-30px; overflow:hidden; }
.mobprobanner .sharico a{ width: 25px; height: 25px; margin:5px 0px; }
.mobprobanner .sharico .svg_ico{ width:25px; padding:3px; }

.offvarpro{ display:flex; flex-wrap: wrap; width:calc(100% - 20px); margin:0px 10px 20px 10px; overflow:hidden; border-radius:10px; background:#fff; box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2); }
.offvarpro .officon{ width:150px; float:left; display:flex; justify-content:center; align-items:center; }
.officon .svg_ico{ width:70px; height:70px;  }
.offvarpro .offcon{ width:calc(100% - 150px); float:left; }
.offcon p{ margin:0px; padding:20px 0px; font-size:16px; line-height:20px; color: var(--dark); border-bottom:1px solid #ccc; cursor:pointer; }
.offcon p:last-child{ border-bottom:0px; }
.offcon p .svg_ico{ float:right; fill:#000!important; margin-top:-3px; }

.grppros{ width:100%; display:flex; align-items:center; }
.grppros .gproimage{ width:40px; float:left; }
.grppros .gproimage img{ width:100%; height:auto; }
.grppros .gprocon{ width:calc(100% - 40px); display:flex; align-items:center; overflow:hidden; }
.grpname{ width:60%; }
.grpuom,.grpbtn{ width:20%; }
.grpbtn .acart{ float:right; }
.mobuom{ display:none; } 

.grpprice{ width:40%; display:flex; justify-content:space-between; align-items:center; }
.grpprice .product-price, .grpprice .grpbtn{ width:50%; }
.otpindiv{ max-width:420px; margin:auto; }

.popimgleft { width: 150px; margin-right: 20px; }
.popimgright { width: calc(100% - 170px); }
.qua_add_mobile{ width:190px; }

.payment{ display:flex; flex-wrap:wrap; }
.payment .dasbox{ width:calc(100%/2 - 10px); height:auto; padding:20px; margin: 5px; }
.payment .dasbox .svg_blue{ width:60px; height:60px; }
.payment .dasbox h5{ margin-bottom:15px; }
.paybtn{ display:flex; justify-content:end; }

.payment.payfw .dasbox{ width:calc(100%/4 - 10px); height:auto; padding:20px; margin: 5px; }
.search_add_list{ width:calc(100% - 60px); margin-right:10px; }
.search_add_list:hover .form-control{ border: 1px solid var(--mycolor) !important; }

.captcha{ display:flex; flex-direction: column; align-items:center; }
.captcha .capimage{ width:100%; text-align: center; max-height:50px; border:1px dotted #e6e2f5; margin-bottom:10px; }
.captcha .capimage img{ max-width:150px; }
.captcha .capinput{ width:calc(100% - 50px); }
.captcha .capinput input{ border-radius:0px; }
.captcha .caprefresh{ width:40px; padding:8px 5px; border:1px solid #e6e2f5; display: flex; align-items: center; justify-content: center; cursor:pointer; } 
.captcha .caprefresh i{ color:#00CA00; font-size:20px; cursor:pointer; }

.cardfot span{color:#fff; padding-right:10px; margin:5px 10px 5px 0px; }
.cardfot img{ height:40px; width:auto; }
.footerli li{ display:block; margin-bottom:15px; } 

.tnameedit{ display:flex; align-items:center; padding-bottom:10px; }
.tnameedit h2{ width:calc(100% - 100px); color:var(--mycolor); margin: 0; font-weight: 400; font-size: 20px; }
.tnameedit a{ width:100px; display:flex; align-items:center; color:var(--mycolor);  }

.footermenu{ display:flex; }
.footermenu li{ display:block; margin-right:15px; } 

.input-group .input-addon{ width:60px; padding: 5px 12px!important; text-align: center; font-size:16px; font-weight: 400; line-height: 24px; border:1px solid #e6e2f5; border-radius:6px 0px 0px 6px; }
.input-group .form-control{ width:calc(100% - 60px); border-left:0px; border-radius:0px 6px 6px 0px!important; }
.backlink{ color:var(--mycolor)!important; }
.backlink .svg_ico{ stroke:var(--mycolor); }

.tsearch{ width:40px; margin-right:10px; }
.tsearch.active{ width:calc(100% - 210px); }
.tsearch .input-group-append{ width:40px; height:35px; text-align:center; }
.tsearch .form-control{ height:35px; border-radius:6px!important; }

.checkout_adver{ display:flex; flex-wrap:wrap; gap:5px; }
.checkpimg{ display:flex; align-items: center; gap:5px; width:200px; padding:5px; overflow:hidden; border:1px solid #ccc; border-radius:6px; }
.checkpimg img{ width:40px; height:40px; }
.checkpimg span{ width:calc(100% - 40px); font-size:14px; color:#424646; line-height:22px; }
#mySidebar2 .nav-tabs{ border-bottom:none!important; }

.catlist{width:calc(100% /4 - 10px ); background: #fff; text-align: center; margin: 5px; padding:20px 10px; border:solid 1px #e6e6e6; }
.catlist a{display: block;} .catlist img{width: 80px; height: auto; margin-bottom: 15px;}
.catlist:hover{box-shadow: 1px -1px 10px 6px rgb(0 0 0 / 8%); -webkit-box-shadow: 1px -1px 10px 6px rgb(0 0 0 / 8%); -moz-box-shadow: 1px -1px 10px 6px rgb(0 0 0 / 8%);}

.mylist{ padding:20px; border-bottom: solid 1px #ddd; background: #fff; }
.mylist .pr_img{ width: inherit !important; margin-right:0; }
.m-mylist{ border: solid 1px #ddd!important; margin:10px;}
.m-mylist .pr_img{ width:100px!important; }
.proprice h3{ margin-bottom:0px; }

.deskinvoice{ display:block; } .mobinvoice{ display:none; }
.deskback{ display:block; } .mobback{ display:none; }

.loyalcard{ display: flex; align-items: center; width:100%; padding:20px; margin:0px; overflow:hidden; border:1px solid #F4F4F4; background:var(--mycolor); }
.loyalcontent{ display:flex; width:100%; margin:0px; overflow:hidden; background:#fff; }
.loyalval{ display:flex; align-items:center; width:125px; padding: 15px 10px; }
.loyalval p{ margin-left:10px; font-size:24px; line-height:24px; color:var(--mycolor); }
.loyalcon{ display:flex; flex-direction: column; align-items:center; width:calc(100% - 125px); padding: 15px 10px; border-left:2px dashed #F4F4F4; }
.loyalcon p{ font-size:20px; line-height:24px; color:var(--mycolor); }
.loyalcard .loyalcircle-left{ position: absolute; width:30px; height:30px; left:24px; border-radius:15px; background:var(--mycolor); z-index:9; }
.loyalcard .loyalcircle-right{ position: absolute; width:30px; height:30px; right:24px; border-radius:15px; background:var(--mycolor); z-index:9; }

.hisdiv{ width:100%; display:flex; flex-wrap:wrap; }
.history{ display:flex; flex-direction:column; justify-content:space-between; width:calc(100%/3 - 30px); height:150px!important; margin:15px 15px; padding:15px; border: 1px solid #ccc; border-radius: 6px; overflow: hidden; background:#fff; cursor:pointer; }
.history.active{ border:2px solid var(--mycolor); }
.history .svg_ico2{ stroke-width:1.2px; }
.himg{ position:relative; width:30px; height:30px; border:1px solid #ccc; border-radius:6px; margin-right:5px; }
.himg img{ width:100%; height:100%; border-radius:6px; }
.himg .imgover{ display: flex; align-items: center; justify-content: center; width:30px; height:30px; position: absolute; overflow: hidden; top: 0; left: 0; background-color: rgba(23, 24, 24, 0.51); z-index:999; border-radius:6px; color: #fff; font-size: 14px; }
.nesttable{ border: 1px solid rgba(0, 0, 0, 0.08); border-collapse:collapse;  }
.nesttable tr th{ padding:5px 5px; margin:0px; font-size:16px; border:0px; border-top: 1px solid rgba(0, 0, 0, 0.08); background:#f0f0f0; font-weight:500; }
.nesttable tr td{ padding:5px 5px; margin:0px; font-size:14px; border:0px; border-top: 1px solid rgba(0, 0, 0, 0.08); }

.paydetail{ width:100%; margin:0px; overflow:hidden; border:1px solid #00000014; border-radius:6px; }
.paydetail .ch6{ background:#f0f0f0; padding:8px 10px; }
.paytable{ border-collapse:collapse;  }
.paytable tr th{ padding:5px 5px; margin:0px; font-size:14px; border:0px; font-weight:500; }
.paytable tr td{ padding:5px 5px; margin:0px; font-size:14px; border:0px; }

.nest{ width:calc(100% - 50px); margin-left:50px; }


.freqBuy{ width:100%; display:flex; align-items:center; padding:0px 20px; gap:20px; overflow:hidden; margin-bottom:30px; }
.fqimag{ width:100px; height:100px; } 
.fqimag img{ width:100%; height:100%; }
.fqsys{ width:20px; display:flex; align-items:center; font-size:24px; line-height:24px; font-weight:500; }
.fqcont{ width:240px; display:flex; flex-direction:column; align-items:center; }
.fqcont p{ margin:0px 0px 20px 0px; font-size:14px; line-height:18px; font-weight:400; color:#999; }
.freqpro{ width:100%; padding:0px 20px; }
.freqpro .radioul{ gap:10px; }
.freqpro .radioul a{ display: flex; align-items: center; color:#000; font-size:14px; line-height:20px; }
.freqpro a font{ width:70px; font-weight:500; }

.aires { width: 100%; height: calc(100vh - 240px); max-height: 100%!important; margin: 0px auto; padding: 10px; overflow: auto;}
.aires .yourow{ width:100%; margin: 0px; overflow:hidden; }
.aires .yourmsg{ width:auto; margin-bottom:30px; padding:10px; background:#f5f5f5; float:right; border-radius:5px; font-size:16px; font-weight: normal; line-height:28px; }
.aires .aimsg{ width:auto; margin-bottom:30px; padding:10px; background:#ffffff; float:left; border-radius:5px; font-size:16px; font-weight: normal; line-height:28px; }

.aires .aimsg:hover{ border:1px solid #f5f5f5 ; }
.aires p{ margin:5px 0px 5px 0px; padding:0px; font-size:16px; font-weight: normal; line-height:28px; }
.aires p strong{ font-weight:bold!important; }
.aires h1{ margin:10px 0px 10px 0px; padding:0px; font-size:18px; font-weight: 400; line-height: 1.00em; color:#424646; }
.aires h2{ margin:10px 0px 10px 0px; padding:0px; font-size:16px; font-weight: 400; line-height: 1.09em; color:#424646; }
.aires h3{ margin:10px 0px 10px 0px; padding:0px; font-size:14px; font-weight: 400; line-height: 1.20em; color:#424646; }
.aires h4{ margin:10px 0px 6px 0px; padding:0px; font-size:14px; font-weight: 400; line-height: 1.33em; color:#424646; }
.aires h5{ margin:10px 0px 6px 0px; padding:0px; font-size:14px; font-weight: 400; line-height: 1.50em; color:#424646; }
.aires h6{ margin:7px 0px 6px 0px; padding:0px; font-size:14px; font-weight: 400; line-height: 1.50em; color:#424646; }
.aires hr{ border: 0px; border-top: 1px solid #ccc; margin:10px 0px; height:0; width:100%; }
.aires a{ color: #0782C1; text-decoration:none; }

.aires ul, .aires ol, .aires dl{ margin:0px; margin-left:15px; padding:0px; }
.aires ul li, .aires ol li, .aires dl li{ font-size:16px; line-height:28px; padding:5px 0px; }

.aires ul, .aires ul li{ list-style: disc!important; }

.aires table{ display:inline-table; margin: 5px auto; border-collapse:collapse; border:1px solid #d3d3d3; }
.aires table tr th, .aires table tr td{ padding:5px; font-size:14px; }
.entermsg { width: 100%; margin: auto; padding: 5px 15px; bottom: 10px; overflow: hidden; }
.entermsg textarea { padding: 10px; line-height: 24px; border-radius: 10px; background: #f5f5f5; }

.product-nav{ position:relative; width:70px; display:flex; gap:10px; }
.product-nav .product-next,.product-nav .product-prev{ float:left; margin-left:0.125rem; }
.product-nav .product-next:hover .product-popup{display:block; top:inherit; right:5px; }
.product-nav .product-prev:hover .product-popup{display:block; top:inherit; right:45px; }
.product-nav .svg-pronav{ width:30px; height:30px; stroke-width:1.5px; stroke:var(--mycolor); fill: none; border:1px solid #ccc; border-radius:50%; padding:3px; cursor:pointer; }
.product-nav .svg-pronav:hover{ border:2px solid var(--mycolor); }
.product-nav span:focus i,.product-nav span:hover i{ color:var(--mycolor); border:1px solid var(--mycolor); }
.product-nav .featured-box{display:block;margin:0;text-align:left;border-width:0;box-shadow:0 5px 8px rgba(0,0,0,0.15)}
.product-nav .featured-box .box-content{display:block;padding:10px}
.product-nav .product-popup{display:none; position:absolute; width:120px; margin-top: 1px; background:#fff; z-index:999; }
.product-nav .product-popup .box-content{border-top:3px solid var(--mycolor)}
.product-nav .product-popup .product-image{padding:0;width:100px}
.product-nav .product-popup .product-image img{width:100%;height:auto}
.product-nav .product-popup .product-details .product-title{display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; padding-top:5px; line-height:1.4em; font-size:12px; font-weight:600; text-align:center; color:var(--mycolor); }

.glightbox{ position:relative; }
.glightbox .def_t{ position:absolute; }
.def_t .product-popup{ display:none; position:absolute; width:120px; margin-top: 1px; background:#fff; z-index:999; }
.def_t:hover .product-popup{ display:block; width:120px; }
.def_t:hover .product-popup.vptcont{ display:block; width:220px; }
.def_t .product-popup .featured-box{display:block;margin:0;text-align:left;border-width:0;box-shadow:0 5px 8px rgba(0,0,0,0.15)}
.def_t .product-popup .box-content{ display:block; padding:10px; border-top:3px solid var(--mycolor); }
.def_t .product-popup .product-image{ padding:0; width:100px; }
.def_t .product-popup .product-image img{ width:100%; height:auto; box-shadow:none; }
.def_t .product-popup .product-details .product-title{ overflow:hidden; padding-top:5px; line-height:1.4em; font-size:12px; font-weight:600; text-align:center; color:var(--mycolor); }
.mbname{ display:none; }

@media only screen and (max-width: 1200px){ 
  .payment .dasbox{ width:calc(100%/1 - 10px); padding:15px; }
  .payment.payfw .dasbox{ width:calc(100%/2 - 10px); }
  .cardfot span{ display:block; margin:10px 10px 0px 0px; }
}

@media only screen and (max-width: 900px){ 
  .footermenu{ margin:15px 0px 5px 0px; }
}

@media only screen and (max-width: 768px){ 
  .deskback{ display:none; } .mobback{ display:block; } .proback{ display:none; }
  .offvarpro .offcon{ width:100%; }
  .offcon p{ margin:0px; padding:20px 0px 20px 20px; }
  .grppros .gproimage img{ margin-right:0px; }
  .quantity2 .input-group { width: 110px; }
  .grpprice .product-price{ text-align:left; }
  .checkpimg{ width:calc(100%/3 - 5px); }
  
  .payment .dasbox{ width:calc(100%/2 - 10px); padding:15px; }

  .footermenu{ width: 100%; display: flex; flex-direction: column; }
  .footermenu li{ margin:7px 0px; }

  .freqBuy{ flex-wrap:wrap; padding:0px; }
  .fqimag{ width:calc(100%/4 - 30px); height:auto; }
  .fqcont{ width:100%; }
  .freqpro{ padding:0px; }
  .dkname{ display:none; }
  .mbname{ display:block; }
}

@media only screen and (max-width: 640px) {  
  .deskinvoice{ display:none; } .mobinvoice{ display:block; }
  .don_row .donaldbanner{max-width:350px;}
  .lat_tab li{ width:100%!important; flex: none; }
  .lat_tab li .f-val{ float:right; }
  .menuside .lat_tab li{ width:50%!important; flex: none; }
  .product-area .nav-tabs li a{ text-align:left; }
  .product-area .nav-tabs li a.active{ border:2px solid var(--mycolor)!important; border-radius:5px!important; }
  .product-area .nav-tabs li a:hover{ background:var(--mycolor)!important; color:#fff!important; }
  .history{ width:calc(100%/2 - 30px); }

  .ch1{ font-size: 24px; font-weight: 500; }
  .ch2{ font-size: 26px; font-weight: 500; }
  .ch3{ font-size: 20px; font-weight: 700; }
  .ch4{ font-size: 20px; font-weight: 700; }
  .ch5{ font-size: 18px; font-weight: 700; }
  .ch6{ font-size: 14px; font-weight: 700; }

  .ShowHide{ align-items:start; }
  .deskcook{ display:none; }
  .mobcook{ display:block; max-width:100px; float:left; margin-top:10px; }
  .cookcon { align-items:start; }
}

@media only screen and (max-width: 600px) { 
  .groupview .lidiv .w-100{ display:flex; flex-wrap: wrap; }
  .groupview .divmenu img{ margin-right:0px; float:left; }
  .groupview .divmenu .mw-50 .secline{ margin-left:20%!important; text-align:left!important; }
  .groupview .divmenu .mw-50 .product-price{ margin:7px 0px 0px 20%!important; text-align:left!important; }
  .mw-20{ width:20%!important; }
  .mw-30{ width:30%!important; }
  .mw-50{ width:50%!important; }
  .mw-100{ width:100%!important; }
  .checkpimg{ width:calc(100%/2 - 5px); }
  .quantity2 .input-group { width: 130px; }
  .mobuom{ display:inline-block; } 
  .grpuom.deskuom{ display:none; }
  .grpname{ width:70%; }
  .grpbtn{ width:30%; }
  .fqimag{ width:calc(100%/2 - 50px); height:auto; }
  .radioul li a span{ width:calc(100% - 100px); }

  #mySidebar2 .nav-tabs li{ width:50%!important; }

  .grpaddcart{ display:flex; flex-wrap: wrap; }
  .grpaddcart .grpname{ width:100%; }
  .grpaddcart .grpprice{ width:100%; margin-top:5px; }

  #search-temp .product-price{ width:150px; }
  #search-temp .list-view .button-head{ align-self: flex-end!important; }

  .payment .dasbox{ width:calc(100%/1 - 10px); padding:15px; }
  .payment.payfw .dasbox{ width:calc(100%/1 - 10px); }

  .paybtn{ display:flex; flex-direction:column; justify-content:start; text-align:left; gap:5px; margin-top:15px; }
  .paybtn .btn{ display:block; }

  .popimgleft { width: 100%; max-width:200px; margin: 0px auto; margin-bottom: 15px; }
  .popimgleft .img-thumbnail{ max-width:200px; }
  .popimgright { width:100%; padding:10px; }
  .popimgright .ch3.text-dark{ margin-top:0px!important; }
  .popimgright .d-flex.justify-content-between{ flex-direction:column; align-items: flex-start!important; margin-bottom:0px!important; }
  .popimgright .ch3.cost{ margin-bottom:10px; }
  .popimgright .ch3.cost .d-block{ display:inline-block!important; }
  .popimgright .alert{ margin-top:10px; }
  .mob_pro_title{ display:block; }
  .mob_pro_title_none{ display:none; }
  .qua_add_mobile{ width:100%; }

  .tpview{ display:none; } .droptpview{ display:block; }
  .tsearch.active{ width:100%; margin-right:0px; }
  .search_add_list{ width:100%; margin-right:0px; }
  .search_add_list input{ border-radius:0px 6px 6px 0px!important; }

  .tnameedit{ display:flex; flex-direction:column; }
  .tnameedit h2{ width:100%; }
  .tnameedit a{ width:100%; background: var(--mycolor); color: #fff !important; border-radius:6px; margin-top:10px; padding:8px 10px; text-align:center; justify-content:center; }
}

@media (max-width: 500px){
  .suggmsg .suggimg{ width:60px; }
  .suggmsg .suggcont{ width:calc(100% - 110px); }
}

@media only screen and (max-width: 450px) { 
  .account_menu{ width:100%; height:calc(100vh - 100px); }
  .grppros .gprocon{ display:block; }
  .grpname{ width:100%; }
  .grpbtn{ width:100%; }
  .grpbtn .acart{ float:left; margin-top:10px; }
  .grpaddcart .acart{ margin-top:0px; }
  .checkpimg{ width:100%; }
  .otpindiv{ max-width:270px; margin:auto; }
  .contact-us .form .form-group input.otp { width: 40px; height: 40px; margin: 4px 1px 5px 2px; }
  .hisdiv{ margin-bottom:10px; }
  .history{ width:100%; margin:8px 15px; }

  .captcha .capimage{ width:120px; max-height:50px; }
  .captcha .capinput{ width:calc(100% - 150px); }
  .mylist{ padding:12px; }
}

@media only screen and (max-width: 360px) {
  .logright { width: 100%; padding: 7px; }
  .captcha{ display:flex; flex-wrap: wrap; align-items:center; }
  .captcha .capinput{ width:100%; margin-top:10px; margin-left:0px; }
}