::-webkit-input-placeholder { /* Edge */ text-transform: capitalize; } :-ms-input-placeholder { /* Internet Explorer 10-11 */ text-transform: capitalize; } ::placeholder { text-transform: capitalize; } input[type=email]::-webkit-input-placeholder { /* Edge */ text-transform: initial !important; } input[type=email]::-ms-input-placeholder { /* Internet Explorer 10-11 */ text-transform: initial !important; } input[type=email]::placeholder { text-transform: initial !important; } .left-side.action{ margin-bottom:100px; } body{background:#f3f3f3;overflow-x:hidden;font-family:'Open Sans', sans-serif;}*{padding:0;margin:0;}@font-face{font-family:muli;src:url({{asset("/")}}assets/frontend/font/Muli/Muli-VariableFont_wght.ttf)}header{margin-bottom:20px}header .upper-header{padding:5px 0}header .upper-header .dvts a{color:black}header .upper-header .dvts a i{color:var(--primary_color)}header .upper-header .dvts ul li{display:inline-block}header .top-header{padding:10px 0;border-bottom:1px solid #e6e6e6;}.carousel-indicators li{box-sizing:content-box;-ms-flex:0 1 auto;flex:0 1 auto;width:12px;height:3px;margin-right:4px;margin-left:4px;text-indent:-999px;cursor:pointer;background-color:#fff;background-clip:padding-box;border-top:10px solid transparent;border-bottom:10px solid transparent;opacity:.5;transition:opacity .6s ease;height:12px;border-radius:50%}header .top-header .containe{display:flex;align-items:center;flex-direction:row;flex-wrap:wrap;justify-content:space-between;flex:1}.search-box{flex:1 1 auto}header .top-header .top-menu ul li{margin:0 5px;flex:1 auto}header .top-header .top-menu ul{margin:0;display:flex;align-items:center}header .top-header .top-menu ul li:nth-last-of-type(2){margin:0 15px}header{border-bottom:1px solid rgba(0,0,0,.1)}header .top-header .top-menu ul li a i{font-size:25px}header .top-header .top-menu ul li a{color:#000;text-transform:capitalize;text-decoration:none;font-size:12px;display:block}headder .top-header .top-menu ul li:last-child a:hover{opacity:1!important;transition:.3s;background:var(--primary_color);color:#fff;border:none;border:1px solid var(--primary_color)}header .top-header .top-menu ul li a:hover{color:#000;opacity:.7}header .top-header .logo-area img{width:90px}.search-box form{position:relative}.search-box input{color:black;box-shadow: rgba(98, 98, 98, 0.5) 0px 1px 2px 0px;;background:#fff;height:45px;padding-right:50px;width:100%;padding-left:10px;border-radius:3px}.search-box button{width:50px;position:absolute;top:0;bottom:0;right:50px;border-right:1px solid rgba(129,129,129,.2);border-left:1px solid rgba(129,129,129,.2);line-height:42px;color:#777;padding:0 10px}.search-box button{right:0;border:none;background:var(--primary_color);color:#fff;border-radius:0 5px 5px 0;display:inline-block}.search-box button:hover{background:var(--optional_color)}#search-view{overflow-y:scroll;height:100%;padding-bottom:130px}#search-view .row{align-items:center;background:#fff;padding:10px 20px;border-bottom:1px solid #dcdcdc}.advance-search .list-comp .thumbnail{padding-right:10px}.advance-search{position:fixed;top:0;left:0;right:0;height:100vh;background:#f2f4f8;z-index:9;display:none}.advance-search .search-box button{background:#38adf1}.advance-search .search-box button:hover{background:var(--optional_color)}.advance-search .search-box{background:linear-gradient(to right,var(--primary_color),#812cd0);padding:15px 30px;display:flex;align-items:center}.advance-search span{color:#fff;font-size:20px;padding-right:10px;cursor:pointer}.advance-search form{flex:1}header .top-header .top-menu ul li{display:inline-block;margin:0 5px}header .top-header .top-menu ul li a{color:#000;text-transform:capitalize;text-decoration:none;font-size:16px;align-content:center}header .top-header .top-menu ul li a:hover{color:var(--optional_color)}header .main-menu{background:var(--MAIN_MENU_BG)}header .main-menu .nav-bar{display:flex}header .main-menu .nav-bar .header-category-nav{background:#0000004d;color:#fff;font-weight:600;padding:11px 15px;width:245px}header .main-menu .nav-bar .header-category-nav span:first-child{padding-right:5px;padding-left:0}header .main-menu .nav-bar .header-category-nav span{padding-left:20px;padding-right:20px}.arrow .arrow-in i{position:absolute;top:-1px}.arrow-in{position:absolute!important;display:inline-block;right:30px;top:37%}.instruction .arrow{position:absolute;right:20px}header .main-menu .nav-bar .header-category-wrap{position:relative}header .main-menu .nav-bar .header-category-menu{background:#fff;border:1px solid #e6e6e6;position:absolute;z-index:99;width:100%;top:100%}header .main-menu .nav-bar .header-category-menu ul li,.target-category-menu .target-category-name ul li{display:block}header.not-home .main-menu .nav-bar .header-category-menu{display:none}header.not-home .main-menu .nav-bar .header-category-wrap{cursor:pointer}header .main-menu .nav-bar .header-category-menu ul li a,.target-category-menu .target-category-name ul li a{border-bottom:1px solid #e6e6e6;color:#333;font-weight:600;display:block;text-decoration:none;text-transform:capitalize;padding:8px 18px;font-size:13px}header .main-menu .nav-bar .header-category-menu ul li:last-child a{border:none;border-bottom: 1px solid gainsboro !important;}header .main-menu .nav-bar .header-category-menu ul li a:hover,.target-category-menu .target-category-name ul li a:hover,ul li ul li a:hover{color:#fff !important;background: var(--primary_color);}header .main-menu .nav-bar .nav-menus ul li{display:inline-block;cursor:pointer}ul li:hover i{color:var(--optional_color)}header .main-menu .nav-bar .nav-menus ul li a{color:var(--MAIN_MENU_ul_li_color);text-decoration:none;font-weight:700;padding:13px 18px;display:block;font-size:14px}header .main-menu .nav-bar .nav-menus ul li a:hover,.footer-mobile-menu ul li a:hover,header .main-menu .nav-bar .nav-menus ul li a.activde{color:var(--optional_color);}ul li{position:relative}ul li ul{position:relative;top:100%;width:100%;background:#f2f2f2;left:0;z-index:99;display:none}ul li ul li ul{top:0}ul li ul li .arrow-in{top:8px!important}ul li ul li{display:block!important}ul li ul li a{border-bottom:1px solid #e6e6e6;font-weight:600!important;display:block;text-transform:capitalize;padding:8px 18px!important;font-size:13px}.hero-categories{background:#fff;box-shadow:0 1px 1px rgba(0,0,0,0.1);border-radius:8px}.hero-categories ul li{padding:5px 20px;border-bottom:}.hero-categories ul li a{color:#000;opacity:1;width:100%;display:block;text-decoration:none;position:relative;font-size:12px;}.hero-categories ul li a:hover{transition:all .3s;padding-left:5px;color:var(--primary_color)}.hero-categories ul li a img{width:22px;height:22px;margin-right:10px;display:inline-block}.hero-categories ul li:first-child{padding:10px 20px;cursor:inherit!important;border-radius:8px;font-size:20px;font-weight:500;color:#fff}.hero-categories ul li:last-child{padding:8px 20px;border:none}.hero-area .hero-slider img,.hero-2 img{width:100%;object-fit:cover;height:auto;border-radius:5px}.hero-2 img{padding-right:5px}.top-category ul li{width:19%;float:left;background:#e3f3fa;border:1px solid #71cbf0;border-radius:5px;padding:15px 10px;margin-right:1%;margin-bottom:1%}.top-category ul li:hover{background:var(--primary_color);color:#fff}.top-category ul li:hover a{color:#fff}.top-category{margin-top:20px}.top-category ul li a{color:#000;display:block;width:100%;text-align:center;text-transform:capitalize}.top-category ul:after{display:block;clear:both;content:''}@media(max-width:576px){.top-category ul li a{font-size:12px}.top-category ul li{padding:12px 10px}.title{font-size:18px!important}}.slideshow{position:relative}.slick-dots{display:flex;justify-content:center;margin:0;padding:1rem 0;list-style-type:none;position:absolute;bottom:0;left:0;right:0}.slick-dots li{margin:0 .25rem}.slick-dots button{display:block;width:10px;height:10px;padding:0;border:none;border-radius:100%;background-color:var(--primary_color);text-indent:-9999px;margin:2px}.slick-dots li.slick-active button{background-color:#085a7b}.slick-dots li{display:inline-block;margin:0 4px;border:3px solid #fff;border-radius:50%}.components-bg-wo{background:var(--primary_color)!important}.out-footer ul{text-align:center}.out-footer ul li{display:inline-block;padding:5px 8px}.out-footer ul li:first-child{border-right:1px solid #dcdcdc}.out-footer ul li a{color:blue!important}.herobanner__footer{top:-12px;height:12px}.herobanner__footer{background-color:#f7f7f7;height:32px;position:relative;z-index:5}svg:not(:root){overflow:hidden}.herobanner__footer-mask{height:33px}.herobanner__footer-mask{bottom:100%;height:12px;margin-top:1px;max-width:100%;position:absolute;width:100%}.herobanner__footer-mask-curve{fill:#f7f7f7;stroke:#f7f7f7}.herobanner__footer svg,.herobanner__footer path{fill:#f7f7f7;stroke:#f7f7f7}@media(min-width:992px){}.products{color:#56565a;padding:0;margin:auto;margin-top:0}.products .slick-list{padding-bottom:60px}.title{color:white; border-bottom: 2px solid gainsboro;font-size:18px;font-weight:600;text-transform:capitalize;padding-bottom: 0;padding-left:0;margin-top:0;margin-bottom:15px!important}.side-bar .title{font-size:20px;margin-top:5px}.title a{float: right; font-size: 16px;}.title a:hover{opacity:1}.products .product .product-wrapper .pin{color:#56565a;text-decoration:none;position:relative}.products .product .product-wrapper .pin a{text-decoration:none;display:block;width:100%;height:100%;overflow:hidden}.products .product .product-wrapper .pin a:hover{color:#fff}.products #list-view .product .product-wrapper .pin a:hover,.products #list-view .product .product-wrapper .pin a:hover h5{color:var(--primary_color)}.home-add{position:absolute;bottom:10px;left:10px;right:10px}.cbtn{position:absolute;bottom:10px;left:0;right:0;margin:auto}.home-add2{text-align:center;}.home-add2 button,.home-add2 form{width:inherit;transition:all .3s;display: inline-block !important;}.home-add2 button:hover{font-size:18px;background: #4097f4 !important;}.product-wrapper{position:relative;transition:all .4s;height:100%}.quick-view{position:absolute;bottom:-65px;left:0;right:0;width:100%;margin:auto;display:none;text-align:center;background:#000000b5;color:#fff;padding:8px 0;border-radius:5px;transition:all .4s}.product-wrapper:hover .quick-view{display:none}.quick-view:hover{background:var(--primary_color)}.products .product .product-wrapper h6{margin:5px 0px;text-align:left;color:var(--primary_color)}.list-comp .thumbnail{height:auto}.list-comp .details a{height:initial!important}.products .product .product-wrapper h5{margin-bottom:3px;font-size:15px;font-weight:500;text-align:left!important;height:40px;overflow:hidden;line-height: 22px;}.products .product .product-wrapper .pin:hover h5{color:var(--primary_color)}.products .product .product-wrapper span{font-size:13px;margin-bottom:3px;display:block;margin-top:3px;transition:all .4s}.products .product{padding:0!important}.products .product .product-wrapper{background:#ececec;padding:0px;height:auto;margin:0 5px;border:none;border-radius:5px;}#list-view .product .product-wrapper{height:auto!important}.back{display:none}.autoplay .product{background:transparent;padding:0;border-right:0;height:0;border-bottom:0}.autoplay .product .product-wrapper{background:#fff;padding:0;height:auto;margin:0 5px;border:none;border-radius:10px}.autoplay .product .product-wrapper:hover{box-shadow:0 2px 2px #282626}.products .product .product-wrapper:hover{box-shadow:0 2px 2px #282626 !important}.autoplay .product{border-bottom:0}.products .product .thumbnail{padding:0;text-align:center;display:block;width:100%;height:250px;}.products .product .thumbnail img{width:100%;object-fit:fill;margin:auto}.category-thumbanial .category-item{text-align:center;text-transform:uppercase;padding:0 5px}.category-thumbanial .category-item .item-in{background:#fff;padding:10px;box-shadow:0 1px 1px rgba(0,0,0,0.1);border-radius:5px;margin-bottom:10px}.category-thumbanial .category-item:nth-last-child(1),.category-thumbanial .category-item:nth-last-child(2),.category-thumbanial .category-item:nth-last-child(3){border-bottom:none}.category-thumbanial .category-item:nth-last-child(4){border:none}.category-thumbanial .category-item:nth-last-child(8){border-left:none}.category-thumbanial .category-item p{font-size:14px;margin-bottom:10px}.category-thumbanial .category-item p:last-child{margin:0;font-size:12px!important}.category-thumbanial .category-item .thumbnail img,.single-blog .blog-thumb img{width:100%;transition:all .4s;height:80px;object-fit:contain}.category-item .thumbnail{overflow:hidden}.category-item:hover .thumbnail img{transform:scale(1.1)}.category-item .item-in a:hover{color:#fc7070!important;text-decoration:none}.shop-category .cat-row .cat-item{ width:13.2%; height:20%; border: 1px solid; float:left;text-align:center;padding:8px 0;box-shadow:0 1px 1px rgba(0,0,0,0.1);margin:1% 1% 0 0;border-radius:5px;text-decoration:none}.shop-category .cat-row .cat-item:hover{box-shadow:0 2px 2px #282626}.shop-category .cat-row .cat-item h3{margin:0;font-size:12px;color:#1a1a1ad6;font-weight:600;text-align:center;padding:0 2px}.shop-category .cat-row .cat-item img{width:90%;margin:auto;object-fit:contain;height:70px;padding-bottom:10px}.shop-category .cat-row::after{display:block;clear:both;content:''}footer{background-color:#ededed;margin-top:30px;color:#777;padding-top:30px;line-height:30px;font-size:15px;border-top:1px solid #dcdcdc}footer .title{color:#fff;margin:0;font-size:18px;font-weight:700}footer ul{padding:0}footer ul li{list-style:none;color:black;opacity:.8}footer a{color:black;text-decoration:none!important;display:block}.s-l-i-3{text-align:center;display:inline-block}.s-l-i-3 i{font-size:20px;margin-bottom:10px;color:#fff;padding:7px}.footer-item .title{position:relative;text-transform:capitalize}.footer-item .title .footer-sub-icon{position:absolute;right:0;top:0;display:none}.footer-item li{list-style:none}@media(max-width:767px){footer{padding-bottom:65px}footer br{display:none}.footer-logo{width:200px;margin:auto}.platform{text-align:center;margin-bottom:30px}.footer-item .title{cursor:pointer}.footer-item .title .footer-sub-icon{display:block}}.close2{border:0;padding:4px 8px;background-color:#c66;color:#fff;font-family:"HelveticaNeue-Medium","Helvetica Neue Medium";font-size:12px;border-radius:3px}#remove-product{text-decoration:none}.close2:hover{opacity:1}.checkout-right h4{color:#FF5722;font-size:27px;margin-bottom:30px}table.timetable_sub{width:100%;margin:0 auto}.rem{position:relative}.value-minus,.value-plus{height:40px;line-height:24px;width:40px;margin-right:3px;display:inline-block;cursor:pointer;position:relative;font-size:18px;color:#fff;text-align:center;-webkit-user-select:none;-moz-user-select:none;border:1px solid #b2b2b2;vertical-align:bottom}.quantity-select .entry.value-minus:before,.quantity-select .entry.value-plus:before{content:"";width:13px;height:2px;background:#000;left:50%;margin-left:-7px;top:50%;margin-top:-.5px;position:absolute}.quantity-select .entry.value-plus:after{content:"";height:13px;width:2px;background:#000;left:50%;margin-left:-1.4px;top:50%;margin-top:-6.2px;position:absolute}.value{cursor:default;width:40px;height:40px;padding:8px 0;color:#A9A9A9;line-height:24px;border:1px solid #E5E5E5;background-color:#E5E5E5;text-align:center;display:inline-block;margin-right:3px}.quantity-select .entry.value-minus:hover,.quantity-select .entry.value-plus:hover{background:#E5E5E5}.quantity-select .entry.value-minus{margin-left:0}.malls .mall .cover img{width:100%;height:250px;object-fit:contain;background:#fff}.malls .mall .profile-d{padding:10px;text-align:center;position:absolute;left:0;right:0;bottom:0;padding-top:30px;z-index:99}.malls .mall .profile-d p{color:#333;margin:0;font-size:15px}.malls .mall .profile-d p:last-child{font-size:12px;color:gray}.malls .mall .profile-d img{width:70px;height:70px;object-fit:contain;left:0;right:0;margin:auto;position:absolute;top:-40px;box-shadow:0 0 4px 0 rgba(0,0,0,.25);padding:6px;background:#fff;z-index:999}.malls .mall .mall-wrapper{position:relative;margin:0 4px;border:none;box-shadow:0 1px 1px rgba(0,0,0,0.1)}.malls .mall .mall-wrapper:hover{box-shadow:0 2px 2px #282626;border:none}.malls .mall .overly{width:100%;height:36px;top:143px;left:0;position:absolute;background:rgba(0,0,0,.04);background:-webkit-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,.5) 100%);background:linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(0,0,0,.5) 100%)}.product-page ul li{list-style:none}.product-page .side-bar form{background:#fff;padding:10px;box-shadow:0 1px 1px rgba(0,0,0,0.2);border-radius:5px}form .form2{background:#fff!important}form{box-shadow:none!important}.customer-rev ul li i{color:#FFC107}ul.dropdown-menu6,ul.dropdown-menu5{margin:0;position:relative}ul.dropdown-menu6 li{list-style:none}ul.dropdown-menu6 li p{width:100%}span.amount{color:#fff;font-size:16px}input#amount,input#amount1{font-size:13px;outline:none;background:none;word-spacing:1em;color:#000!important;position:absolute;left:0;top:-27px;margin-top:-10px;width:100%;text-align:center}.range,.w3-brand-select,.w3ls-featured-ads{padding:0 0 30px;border-bottom:1px solid #e5e3db}#checkout .form-group{width:48%;float:left}#checkout .widget3 .form-group{width:100%;display:block}#checkout .widget3 button{border:none;border-radius:5px;margin-top:15px;padding:5px;background:#034580;color:#fff}#checkout .widget3 button:hover{background:#000}#checkout .widget3 .rvinfo{display:flex;width:100%;margin-bottom:5px}#checkout .widget3 .rvinfo span:last-child,#checkout .widget3 .rvinfo h4:last-child{flex:1 auto;text-align:right}#checkout .widget3 .card{background-color:#fff;margin-top:10px;padding:15px;margin-bottom:20px}#checkout .form-groups{background:#fff;padding:5px 20px;border:1px solid #e6e6e6;border-radius:0 0 5px 5px}#checkout .form-groups label{margin-top:5px;display:flex;cursor:pointer}#checkout .form-groups label span:last-child{flex:1 auto;text-align:right}#checkout .form-groups::after,#checkout .widget{display:block;clear:both;content:''}#checkout .form-groups input[type="radio"]{width:20px;float:left}input[type="submit"],.redirect{border:none;color:white;padding:8px 12px;margin-top:0;font-weight:500;border-radius:5px;width:100%;opacity:.8;background:#fff;border:1px solid #dcdcdc;background:var(--primary_color);text-transform:capitalize;font-size:14px}input[type="submit"]:hover{opacity:1.3}.form-title{background:var(--primary_color);color:#fff;padding:10px;font-size:16px;text-transform:capitalize}.form-title span{color:#000;background:#fff;border-radius:50%;width:30px;height:30px;display:inline-block;text-align:center;line-height:27px;margin-right:10px}#checkout .instruction{width:100%;background:#fff;border:1px solid #c5bebe;padding:5px;border-radius:5px;margin:0!important}#checkout .instruction a{color:#000;position:relative;display:block;text-transform:capitalize;text-decoration:none}.vendor-profile .vendor .vendor-cover{position:relative}.vendor-profile .vendor .vendor-cover img{width:100%;height:250px;object-fit:contain}.vendor-profile .vendor .vendor-profile{width:168px;position:absolute;right:0;left:0;margin:auto;bottom:-71px;text-align:center}.vendor-profile .vendor .vendor-profile img{width:168px;height:168px;object-fit:cover;border-radius:50%;border:5px solid #fff}.customar-menu .customer-wrapper{background:#fff;border-radius:5px;padding:20px;margin-bottom:20px;margin-top:20px}.customar-access *{box-shadow:none!important}.vendor-profile .vendor{margin-bottom:75px}.vendor-profile .profile-tabs .tab{background:none;border:0;padding-right:30px}.more{border:0;background:none;margin-bottom:15px;text-align:center;display:block;width:100%;color:blue}.customar-menu li{list-style:none}.customar-menu li a{text-decoration:none;color:#333;padding:3px 0;display:block}.customar-menu li a:hover{color:var(--primary_color)}.customar-menu li .vendor-button{background:var(--primary_color);color:#fff;padding:4px 10px;border-radius:3px;display:inline-block;text-decoration:none;margin-top:10px}.customar-menu li .vendor-button:hover{color:#fff;background:var(--primary_color)}.single-right-left h3{font-size:20px;color:#000;margin-bottom:0}.single-right-left p{margin:5px 0;color:#54595F;font-size:18px;font-weight:300;line-height:1.3em}.single-right-left p label{color:#000}.single-right-left del{margin: 0;font-size: 22px;color: #999;font-weight: 300;margin-top: 5px;display: inline-block;margin-right: 10px;}.rating1 a{color:#ffc107;margin-top:20px;display:block}.item_price{color: #333;font-size: 22px;}.shp-lc3{color:gray}.shp-lc3{color:#54595F}.shp-lc-4{;margin-top:10px;border-radius:5px}.shp-lc3 div{margin-bottom:15px}.shp-lc3 p{font-size:14px;margin:0;margin-left:24px}.filter{display:flex;align-items:center}.card{background:#fff;box-shadow:0 0 5px #dcdcdc;border:none!important}.view-filter{flex:1}.view-filter span{background:#ff5722;color:#fff;display:inline-block;padding:1px 10px;font-size:24px;cursor:pointer}.view-filter span.active{background:var(--primary_color)}.product-single-w3l{border-top:1px solid #1accfd}.product-single-w3l p i{color:#1accfd;margin-right:11px;font-size:24px}.product-single-w3l p{color:#000;margin:15px 0;letter-spacing:.5px}.product-single-w3l ul li{list-style:inside;font-size:14px;margin-bottom:5px;line-height:1.7}.occasion-cart .snipcart-details{width:;margin:0}.review-head img{min-width:60px;height:60px;border-radius:50%;border:1px solid;padding:5px;background:#fff}.review .card{padding:10px 15px}.review .card .rating1{color:#ffc107}#contact-page .wrapper{width:400px;margin:auto;color:#56565a;text-align:left}#contact-page .wrapper .form{background:#fff;padding:30px 50px;border-radius:0 0 5px 5px;border-radius:5px;box-shadow:0 5px 5px rgba(0,0,0,0.78)}#contact-page .wrapper p{background:#fff;margin:0;padding:15px 30px;border:1px solid #dadada;border-bottom:none;border-radius:5px 5px 0 0}.form2 label{font-size:17px;font-weight:600;color:#002f5f}.footer-menu{position:fixed;bottom:0;left:0;right:0;background:#fff;text-align:center;padding:8px 0;height:65px;z-index:9999;display:none;border-top-left-radius:.5rem;border-top-right-radius:.5rem;box-shadow:rgba(0,0,0,0.1) 0 0 4px}.footer-menu ul{display:flex}.footer-menu ul li{flex:1 auto;padding:2px 15px}.footer-menu ul li a{color:#444;font-size:13px;font-weight:600;display:block}.footer-menu ul li:nth-last-child(3) img{width:55px;max-width:55px;height:55px;background:#000;border-radius:50%;padding:10px;position:absolute;top:-26px;border:2px solid #fff}.footer-menu ul li a:hover{color:#1ca4b9;text-decoration:none}.footer-menu ul li a span{display:block}.footer-menu ul li a i{display:inline-block;padding:8px;border-radius:50%;font-size:12px}.info-wrapper{padding:10px;border:1px solid #dcdcdc;position:relative;margin-bottom:20px}.info-remove{background:none;border:none;color:#333;position:absolute;top:0;right:0;padding:10px}.info-remove:hover{color:blue}.model-button{border:none;background:#fff;font-size:25px}.create-address{width:100%;height:120px;background:#fff;color:#333333bf;border:none;text-align:center}.method{margin-bottom:20px}.method label input{position:absolute;opacity:0}.method label{border:1px solid #dcdcdc;padding:20px;text-align:center;cursor:pointer;border-radius:5px}.create-address:hover{color:#000}.info-selct{width:100%;cursor:pointer;display:flex;align-items:baseline}.info-selct table{margin-left:20px}.customer-right table{width:100%;font-size:14px}.customer-right table tbody tr td{border-top:1px solid #dcdcdc;padding:10px 0}.customer-right thead th{padding:5px}.customer-right td .dt-h{font-size:15px;border-radius:100%;width:25px;height:25px;display:inline-block;line-height:25px;text-align:center;color:#fff;background:blue;opacity:.6}.customer-right a:hover{opacity:1}.customer-right table tbody td{opacity:.8;font-size:12px}.right-wapper h5{margin-bottom:10px}.right-wapper{background:#fff;padding:10px;border-radius:5px}@media(min-width:991px){ul li ul{position:absolute;top:0;width:100%;background:#fff;left:100%;z-index:99;display:none;border-left:1px solid #dcdcdc}ul li:hover> .sub-cat{display:block}ul li ul li a{padding:5px 18px!important;border:0}.sub-cat>li{padding:2px!important}}@media(max-width:1000px){header .main-menu .nav-bar .header-category-wrap{display:none}.side-bar{max-width:350px;position:fixed;z-index:99999;top:0;right:-360px;height:100vh;padding:0;background:#fff;border:none;transition:all .4s;overflow:auto}.sidebar-show{right:0}.side-bar form{border:none!important}.product-page .products{max-width:100%;flex:100%}.filter-open{display:inline-block!important;background:#24e3ae!important}.arrow-in{top:9px}.slider img{height:370px}.slider{margin-left:0;width:100%}}@media(max-width:990px){.product-pricing{margin-top:10px}.product-pricing #sticky,#sticky2{position:initial!important}}@media(max-width:800px){}@media(max-width:850px){.shop-category .cat-row .cat-item{width:15.6%}.shop-category .cat-row .cat-item{padding:10px 0}.shop-category .cat-row .cat-item img{height:50px}}@media(max-width: 1024px){.container{max-width:980px!important}}@media(max-width:767px){.shop-category .cat-row a:last-child{display:none}.cat-row{display:block}.carousel-control-next,.carousel-control-prev{width:45px;height:45px;font-size:45px}.shop-category .cat-row .cat-item{width:32.3%}.slick-next{}.slick-prev{}#contact-page .wrapper{width:100%}#contact-page .wrapper .form{padding:15px}#contact-page .wrapper .form h4{font-size:15px}#contact-page .wrapper .form label{font-size:14px}.single-product-button{bottom:0;left:0;right:0;z-index:999}.single-product-button .occasion-cart{width:50%;padding:0}.single-product-button .occasion-cart .button{border-radius:0;opacity:1;transition:all .4s}.single-product-button .occasion-cart:first-child:hover .button{background:var(--optional_color)}.single-product-button .occasion-cart:last-child:hover .button{background:#f74c0a!important}}@media(max-width:700px){.slider img{height:300px}}@media(max-width:650px){.category-thumbanial .category-item p{font-size:12px}}@media(max-width:576px){.products .product .product-wrapper h5{}.category-thumbanial .category-item p{font-size:14px}.slider img{height:250px}.target-category-menu{margin-bottom:20px}#cart .thumbnail img{width:50px}#cart td p a,#cart td{font-size:12px}#cart .product-details table input{width:100px;padding:0 30px}}@media(max-width:500px){.shop-category .cat-row .cat-item h3{font-size:9px;padding:0 1px}.products .product{max-width:50%;flex:49%}.products .slick-list{padding-bottom:50px}.sst{font-size:14px;margin-bottom:10px}.products #list-view .product{max-width:100%;flex:100%}.slick-slide .product{max-width:100%;flex:100%}.title a{right:0!important}.products .product .product-wrapper h5{ }}@media(max-width:450px){.shop-category .cat-row .cat-item{width:32.3%}.category-thumbanial .category-item p{font-size:12px!important}.category-thumbanial .category-item p:last-child{font-size:10px!important}.slider img{height:220px}.main-menu,.side-bar{width:280px!important}}@media(max-width:400px){footer .widget{max-width:100%}}.product-page .card{border:none!important}@media(max-width:991px){header .main-menu .nav-bar .header-category-nav{display:none!important}.category-side{display:none}.side-menu-footer{display:block!important}header .main-menu ul li{display:block!important}header .main-menu ul li:last-child{padding-bottom:0;}header .search-box button{width:50px}.nav-menu{display:none}header .main-menu .nav-bar .nav-menus,header.not-home .main-menu .nav-bar .header-category-menu{width:100%;background:#fff}header .main-menu .nav-bar .nav-menus ul li a{color:#333;font-weight:600;display:block;text-decoration:none;text-transform:capitalize;padding:8px 18px;padding-left:18px;font-size:13px}header .top-header .mobile-menu-openar{width:40px}header .top-header .mobile-menu-openar .bars{cursor:pointer;display:inline-block;margin-top:8px}header .top-header .mobile-menu-openar span{height:3px;border-radius:53px;width:30px;background:#000;display:block;margin:0}header .top-header .mobile-menu-openar span:nth-of-type(2){width:20px;transition:all .2s;margin:7px 0}header .top-header .mobile-menu-openar .bars:hover>span:nth-of-type(2){width:30px}header.not-home .main-menu .nav-bar .header-category-menu{display:block}.main-menu .wrap{display:none}.main-menu{width:350px;height:100vh;background:#fff!important;position:fixed;z-index:9999;top:0;left:0;border:1px solid #e6e6e6;border-top-color:#e6e6e6;border-top-style:solid;border-top-width:1px;border-top:0;left:-350px;transition:all .4s;overflow:auto}.menu-show{left:0}.main-menu .collpase-menu-open{display:block!important;border-bottom:1px solid #e6e6e6}.main-menu .collpase-menu-open a{color:#000;background:#f5f5f5;padding:10px 30px;width:50%;float:left;text-decoration:none;text-shadow:0 1px 1px rgba(255,255,255,0.75)}.main-menu .collpase-menu-open a.active{background:#e9e9e9;border-bottom:2px solid var(--optional_color);padding-bottom:8px}.main-menu .collpase-menu-open a:first-child{border-right:1px solid #e6e6e6}.main-menu .collpase-menu-open:after{display:block;clear:both;content:''}.main-menu .container{width:100%;margin:0;padding:0}header .main-menu .nav-bar{position:relative;z-index:9999}header .main-menu .nav-bar ul li a{color:#000;padding:7px;display:block;padding-left:22px!important}header .main-menu .nav-bar .header-category-wrap{width:100%;background:#fff;position:absolute;top:0;left:0}.side-menu-footer p{margin-bottom:10px}.side-menu-footer img{margin:auto}.menu-overly.ovshow{width:100%;background:#0003;position:fixed;z-index:9999;top:0;left:0;height:100vh}.main-menu{display:block!important}}@media(max-width:767px){header .upper-header{display:none}header{border:none}header .top-header .top-menu ul,.nav-menu,.category-side,.wrap{display:none}.mobile-search{display:block!important;text-align:right;font-size:25px}.advance-search .search-box{margin:0!important}.search-box{width:100%;display:block!important;margin-top:10px}header .top-header .top-menu ul li:last-child a{border:none;padding:0}header .top-header .top-menu ul li:last-child a:hover{background:none;border:none}header .top-header .top-menu ul li:nth-last-of-type(2){margin:0}.search-box input{border:2px solid var(--primary_color)}.search-box input:focus-visible{border-bottom:2px solid var(--primary_color)}.top-header{background:#fff !important}.logo-area{flex:1}header .top-header .logo-area img{width:70px}.mobi-comp ul{display:block!important}.mobi-comp{display:block!important}}@media(max-width:450px){header .search-box button{width:40px}}.pagination nav div:first-child{display:none!important}.timeline-cover{height:330px;width:100%;position:fixed;z-index:1;top:0;background-position:center center;background-size:cover;margin-top:50px}.timeline-cover .overlay{opacity:.8}.timeline-cover .content{z-index:10}.timeline-body{position:relative;padding-top:5px;z-index:2;padding-bottom:10px;box-shadow:none!important}.timeline-header{height:55px;border-bottom:solid 1px rgba(255,255,255,0.5)}.timeline-header .back-button{position:absolute;top:0;left:0;width:50px;height:50px;text-align:center;line-height:50px;font-size:16px;color:#FFF;z-index:11}.timeline-header .menu-icon{position:absolute;top:2px;right:0;width:50px;height:50px;text-align:center;line-height:50px;font-size:16px;color:#FFF;z-index:11}.timeline-header .menu-icon em{background-color:#FFF}.timeline-logo{background-position:center;background-repeat:no-repeat;position:absolute;z-index:10;width:100%}.timeline-deco{background-color:rgba(0,0,0,0.08);position:absolute;top:0;z-index:0;bottom:0;left:43px;width:1px}.timeline-item-content,.timeline-item-content-full{border:solid 1px rgba(0,0,0,0.1);background-color:#FFF;margin:0 15px 30px 90px;padding:20px 15px;border-radius:5px}.menu-overly2.ovshow{width:100%;background:#0003;position:fixed;z-index:9999;top:0;left:0;height:100vh}.timeline-item{position:relative;z-index:2}.timeline-item-content-full{padding:0}.timeline-item-content-full h5{padding:5px 15px 15px}.timeline-item .timeline-icon{position:absolute;width:45px;height:45px;left:21px;line-height:45px;border-radius:45px;top:25px;font-size:18px;text-align:center}.bg-highlight,.page-item.active a{background-color:#DA4453!important}.bg-blue2-dark{background-color:#4A89DC!important;color:#FFF!important}.bg-teal-dark{background-color:#7DB1B1!important;color:#FFF!important}.bg-brown1-dark{background-color:#AA8E69!important;color:#FFF!important}.bg-green1-dark{background-color:#8CC152!important;color:#FFF!important}.product-page > .title{display:none}.mo-f-category{display:none}.cback{display:none}@media(max-width:550px){.cback{display:block}.mo-f-category{display:block}.main-menu{width:100%!important;left:-100%}.menu-show{left:0!important}header .main-menu .nav-bar .header-category-menu ul li a img{width:45px !important;height:45px!important;}header .main-menu .nav-bar .header-category-menu ul li a{padding:5px!important}.f-li .aroow2{display:none}.header-category-menu{width:90px!important;text-align:center}header .main-menu .nav-bar .header-category-menu,ul li{position:initial!important}ul li ul{position:absolute!important;top:0!important;width:80%!important;background:transparent!important;left:90px!important;z-index:99;display:none;text-align:left;}.submenu ul{position:relative!important;background:#dcdcdc4d!important;width:100%!important;left:0!important}header .main-menu .f-li ul li{background:#fff;text-decoration:none;border-top: 1px solid gainsboro;}header .main-menu .f-li ul.pro li img{width: 30px !important;height: 30px !important;}header .main-menu .nav-bar .header-category-menu ul li ul li a{line-height:13px;border:none!important}.header-category-wrap{background:white;}ul li ul li ul{top:0;left:0!important;width:100%!important;background:#fff !important;position: relative !important;}ul li.active{background:#f1f1f1!important}.back{display:block;padding:10px 29px;background:#4b6cb7;background:-webkit-linear-gradient(to right,var(--primary_color),#812cd0);background:linear-gradient(to right,var(--primary_color),#812cd0);color:#fff;cursor:pointer}}@media(max-width:450px){header .main-menu .f-li ul li{}}@media(max-width:350px){header .main-menu .f-li ul li{}}.load{font-family:'@microsoft yahei light',sans-serif;overflow:hidden;background:#fff;padding:10px;height:330px;margin:0 5px;margin-bottom:0;margin-bottom:0;border:none;box-shadow:0 1px 1px rgba(0,0,0,0.1);border-radius:5px;margin-bottom:10px}.covera{text-align:center;display:block;width:100%;height:180px;overflow:hidden}.covera img{display:block;width:100%;opacity:.95}.animate{animation:animate 1s ease}@keyframes animate{from{transform:rotateX(20deg);opacity:0}to{transform:rotateX(0deg);opacity:1}}.contenta{position:relative;color:#333;margin-top:8px}.contenta small{display:block;margin:8px 0;color:grey}.skeletona{background:linear-gradient(90deg,hsl(210,15%,88%),hsl(210,15%,95%),hsl(210,15%,88%));background-size:200%;animation:loader 1s infinite reverse}h2.skeletona{width:100%;height:1em}small.skeletona{height:1rem;width:70%}small.skeletona2{height:1rem;width:50%}p.skeletona{height:2.7em;padding:4px 22px;border-radius:5px;margin:0 2px;margin-top:0;margin-top:7px;display:inline-block}.point{position:relative;color:white;padding:3px 12px;margin-top:0;border-radius:5px;width:100%;background:var(--primary_color);text-align:left}@keyframes loader{from{background-position:-100% 0}to{background-position:100% 0}}.massanger .chat{margin-top:auto;margin-bottom:auto}.massanger .card{height:62vh;border-radius:0;padding-top:0;box-shadow:none}.massanger .contacts_body{padding:.75rem 0!important;overflow-y:auto;white-space:nowrap}.massanger .msg_card_body{overflow-y:auto}.massanger .card-header{border-radius:15px 15px 0 0!important;border-bottom:0!important;background:#045bb9d6}.massanger .card-footer{border-radius:0 0 15px 15px!important;border-top:0!important}.massanger .container{align-content:center}.massanger .search{border-radius:15px 0 0 15px!important;border:0!important;color:#fff!important;box-shadow:inset 0 1px 10px 0 rgba(85,85,85,0.2);background:#f1f1f1}.massanger .search:focus{box-shadow:none!important;outline:0!important}.massanger .type_msg{border:1px solid #dcdcdc;color:#000;height:60px!important;overflow-y:auto}.massanger .type_msg:focus{box-shadow:none!important;outline:0!important;color:#000!important}.massanger .attach_btn{border-radius:15px 0 0 15px!important;background-color:#1ca4b9!important;border:0!important;color:#fff!important;cursor:pointer}.massanger .send_btn{border-radius:0 15px 15px 0!important;background-color:#1ca4b9!important;border:0!important;color:#fff!important;cursor:pointer}.massanger .search_btn{border-radius:0 15px 15px 0!important;background-color:rgba(0,0,0,0.3)!important;border:0!important;color:#fff!important;cursor:pointer}.massanger .contacts{list-style:none;padding:0}.massanger .contacts li{width:100%!important;padding:10px;margin-bottom:15px!important;border-bottom:1px solid #dcdcdc;margin-bottom:0!important;cursor:pointer}.massanger .active{background-color:rgba(0,0,0,0.3)}.massanger .user_img{height:70px;width:70px;border:1.5px solid #f5f6fa}.massanger .user_img_msg{height:40px;width:40px;border:1.5px solid #f5f6fa}.massanger .img_cont{position:relative;height:70px;width:70px}.massanger .img_cont_msg{height:40px;width:40px}.massanger .online_icon{position:absolute;height:15px;width:15px;background-color:#4cd137;border-radius:50%;bottom:.2em;right:.4em;border:1.5px solid #fff}.massanger .offline{background-color:#c23616!important}.massanger .user_info{margin-top:auto;margin-bottom:auto;margin-left:15px}.massanger .user_info span{font-size:20px;color:#222}.massanger .user_info p{font-size:10px;color:#333}.massanger .video_cam{margin-left:50px;margin-top:5px}.massanger .video_cam span{color:#fff;font-size:20px;cursor:pointer;margin-right:20px}.massanger .msg_cotainer{margin-top:auto;margin-bottom:auto;margin-left:10px;border-radius:25px;background-color:#82ccdd;padding:0 10px;position:relative}.massanger .msg_cotainer_send{margin-top:auto;margin-bottom:auto;margin-right:10px;border-radius:25px;background-color:#78e08f;padding:10px;position:relative}.massanger .msg_time{position:absolute;left:0;bottom:-15px;font-size:10px}.massanger .msg_time{position:absolute!important;right:0!important;bottom:-15px!important;font-size:10px!important;width:120px!important;text-align:right!important;left:inherit}.msg_time_send{position:absolute;right:0;bottom:-15px;color:rgba(255,255,255,0.5);font-size:10px}.massanger .msg_head{position:relative}.massanger #action_menu_btn{position:absolute;right:10px;top:10px;color:#fff;cursor:pointer;font-size:20px}.massanger .action_menu{z-index:1;position:absolute;padding:15px 0;background-color:rgba(0,0,0,0.5);color:#fff;border-radius:15px;top:30px;right:15px;display:none}.massanger .action_menu ul{list-style:none;padding:0;margin:0}.massanger .action_menu ul li{width:100%;padding:10px 15px;margin-bottom:5px}.massanger .action_menu ul li i{padding-right:10px}.massanger .action_menu ul li:hover{cursor:pointer;background-color:rgba(0,0,0,0.2)}@media(max-width: 576px){.massanger .contacts_card{margin-bottom:15px!important}}.ends{background:var(--primary_color);color:#fff;padding:0 10px;border-radius:5px}@media(max-width:767px){.footer-menu{display:block!important}header .upper-header{display:none}.search-box{width:initial!important;display:block!important;margin-top:0!important}header{border:none}header .top-header .top-menu ul,.nav-menu,.category-side,.wrap{display:none!important}.mobile-search{display:block!important;text-align:right;font-size:25px}.logo-area,.search-box{flex:1 1 auto;display:block!important}.search-box input{border:2px solid var(--primary_color)}.search-box input:focus-visible{border-bottom:2px solid var(--primary_color)}.logo-area{text-align:center;display:none!important}#search-box-open form{display:none}.logo-area{display:block!important;text-align:center}.logo-area img{margin:auto}.other-search{display:block!important;color:#000;font-size:25px;cursor:pointer}.search-box{flex:none!important;width:40px}}.header-category-nav .hero-area{position:absolute;left:0;right:0;z-index:9;width:245px;top:47px;display:none}.header-category-nav:hover .hero-area{display:block}.header-category-nav .components-bg-wo{display:none}.header-category-nav .category-side{width:100%!important;max-width:100%;flex:100%}.dis-label{font-size:12px;color:white !important;position:absolute;top:-5px;right:0;background:#ec0313;color:#fff;padding:2px 5px;border-radius:5px;box-shadow:0 2px 3px #00000073} .hero-2 a ,.sub-slider a{ position: relative; display: block; overflow: hidden; } .hero-2 a:before,.sub-slider a:before{ position: absolute; content: ""; background: rgba(255, 255, 255, 0.4); z-index: 999; left: 110%; top: -15px; height: 100%; width: 130%; -webkit-transform: rotate(55deg); -moz-transform: rotate(55deg); -ms-transform: rotate(55deg); -o-transform: rotate(55deg); transform: rotate(55deg); -webkit-transition: 0.6s; -moz-transition: 0.6s; -o-transition: 0.6s; transition: 0.6s; } .rating1,.rating{ color: #f90; text-align: left !important; font-size: 13px; } .shp-lc-4 a{ padding: 10px; background: #3fa261; display: block; color: white; } .hero-2 a:hover:before,.sub-slider a:hover:before{ left: -130%; top: 10px; } @media(max-width: 600px){ .vendor-profile .vendor .vendor-cover img{ height: auto; } .vendor-profile .vendor .vendor-profile img{ width: 100px; height: 100px; margin: auto; } } @media(max-width: 850px){ .shop-brand.shop-category .cat-row .cat-item:last-child{ display:none; } } @media(max-width: 1308px){ .sub-slider{ flex: 15%; padding: 0; } } @media(max-width: 1185px){ .sub-slider{ flex: 14%; } } @media(max-width: 1123px){ .sub-slider{ flex: 13%; } } @media(max-width: 1065px){ .sub-slider{ flex: 12%; } } @media(max-width: 1014px){ .sub-slider{ flex: 11%; } } @media(max-width:500px){ .slick-next{ right:0px; } .slick-prev{ left:0px; } .products,.malls{ padding:0px 10px !important; } .title ,.title a{ font-size: 13px !important; } .ends{ font-size: 14px !important; } } .footer-item .title{ border: none; } .footer-item .title span{ border: none; } .product-wrapper:hover .cbtn{ transition: all 0.3s; display: block; } .product-wrapper:hover .home-add2{ transition: all 0.3s; border: none; padding: 0; margin: 0; } .title span{ font-size: 17px; color: black; } .product-wrapper.list-comp:hover .rating1{ display:block !important; } .list-card { display: flex; align-items: center; } .under-menu li a{ flex: 1; text-align: center; background: #646464; color: white; padding: 9px 5px; border-bottom: 2px solid white; display: block; } .under-menu li{ flex: 1; text-align: center; } .under-menu li a.active{ border-bottom: 2px solid var(--primary_color); } .dasboard i{ color:var(--primary_color); } @media(max-width:991px){ .sub-slider{ display:none; } } .under-menu li a:hover{ border-bottom: 2px solid var(--primary_color); } .btn-primary{ background:var(--primary_color) !important; } .single-right-left{ position:relative; } .single-right-left table{ background:#f6f6f6; right: 15px; width: auto; } .single-right-left .table td{ padding: 5px; } .autoplay .product .product-wrapper .details,.autoplay .product .product-wrapper .home-add2{ padding:0px 15px; } .products .product .product-wrapper .details,.products .product .product-wrapper .home-add2{ padding:0px 10px; } @media(max-width:676px){ .single-right-left table{position:initial;width:100%;} } @media(max-width:450px){ .products .product .thumbnail{ height:170px; } .autoplay .product .product-wrapper{ height:330px !important; } } .dvts ul{ margin: 0; } ul{ margin: 0 !important; } .home-add2{ /* display: none ; */ transition: all 0.4s; } .details{ padding-top: 25px !important; transition: all 0.4s; } .product:hover .home-add2{ transition: all 0.4s; display: block !important; } #grid-view .product:hover .details{ transition: all 0.4s; padding-top: 0 !important; } .products .product .product-wrapper h5{ color: #555; } header .main-menu .nav-bar .nav-menus ul li a:hover, header .main-menu .nav-bar .nav-menus ul li ul li a, .footer-mobile-menu ul li a:hover{ color: var(--optional_bg_color_text) !important; background: var(--optional_color) !important } .upper-header{ background:#dcdcdc70;border-bottom: 1px solid #dcdcdc4a; } header .upper-header .dvts ul li{ font-size: 15px; } .products .product .product-wrapper h6 del{ color: #555; font-size:12px; } .lc-4 button { border: none; padding: 10px; background: none; } .lc-4 { padding-left: 10px; border-bottom: 1px solid gainsboro; } .lc-4 button[aria-expanded="true"]{ border: 1px solid gainsboro; border-radius: 5px 5px 0px 0px; border-top:3px solid #33c24d; color: #33c24d; border-bottom: 2px solid white; position: relative; bottom: -2px } @media (max-width: 991px){ header.not-home .main-menu .nav-bar .header-category-menu { margin-bottom:100px }} @media(max-width:500px){ .products #list-view .thumbnail{ height:auto !important; } } .list-comp .thumbnail{ margin-top:25px; } @media(max-width:767px){ .list-comp .details a{height:86px !important} .list-comp .details a h4{line-height:24px;} .list-comp .thumbnail{ margin-top:0px; } } :root { --primary-color: #000000; --body-backgroud: #ffffff; --primary-text-color: #000000; --menu-text-color: #ffffff; --menu-background: #000000; } body { overflow-x: hidden; } a { color: var(--primary-text-color); font-family: 'Poppins', sans-serif; } a:hover { text-decoration: none; } .tab-content { display: block !important; } .menu_language_container { display: flex; flex-direction: column; justify-content: center; } .list-group .active { background: var(--primary-color) !important; } .no_padding { padding: 0; } .side_padding { padding: 0 12px; } .show_countries { margin: 0 16px; } .single_country { border-bottom: 1px solid #e4e4e7; } .dropdown_menu { display: flex; align-items: center; justify-content: center; } .ml_auto { margin-left: auto; padding-right: 32px; font-size: 20px; } .language_mobile { font-size: 14px } /* wishlist end */ .icon_red { fill: #dc2626; stroke: transparent !important; } .whats_app_float { position: fixed; z-index: 999999999; right: 16px; display: flex; justify-content: center; align-items: center; border-radius: 50%; box-shadow: 0px 10px 15px -3px rgba(0, 0, 0, 0.1); bottom: 24px; width: 52px; height: 52px; background-color: #40c351; } .cross { position: absolute; cursor: pointer; top: -10px; right: -5px; } .cross_icon { font-size: 18px; } .single_whats_app { width: 20px; height: 20px; } .whatsapp_flex { display: flex; gap: 6px } .caption { text-align: center; } .container-fluid { width: 90% } .product { height: 100%; border: 1px solid #ddd; margin-bottom: 20px; } .vhl-list>[data-v-8b923bbc] { margin-right: 0; } .product-content { margin-top: 7px; } .single-product.mt-2 { margin-top: 20px; } .slider_background { background: var(--primary-color); margin-left: 0px; margin-right: 0px; } .flex-form { display: flex; flex-direction: column; align-items: center; } .form-group { width: 100%; } .flex-form form { width: 100% } span.outstcok { background: yellow; color: #000; } .product-side-category { margin-left: 8px; margin-top: 7px; } .toasted.toasted-primary.success { width: 400px; height: 55px; font-size: 18px; } .toasted.toasted-primary.error { width: 400px; height: 55px; font-size: 18px; font-weight: bolder; } .image img { max-width: 200px; max-height: 200px; } table img.img-thumbnail { width: 50px; height: 50px; } .product-content .product-thumb { margin-bottom: 12px; } .quantityUpdat { font-size: 20px; cursor: pointer; } .cart-empy { text-align: center; padding: 0; margin: 0; border: 1px solid #eeeeee; } .cart-empy p { margin-top: 0px; font-size: 20px; } .cart-empy img { margin-bottom: 0px; margin-top: 0; } .custom-box { width: 100%; height: auto; background: #fff; padding: 25px 40px; margin-top: 20px !important; margin: auto; border-radius: 10px; box-shadow: 3px 3px 3px #ddd; } .title { margin: 0px 0px 20px 0px; } .custom-box .title { font-family: 'Poppins', sans-serif; text-align: center; border-bottom: 2px solid var(--primary-color); } .is-invalid { border: 1px solid red; } .invalid-feedback { color: red; } .cart-total { background: #fff; width: 100%; padding: 5px; font-size: 20px; } span.badge-danger { background: red; } span.badge-success { background: var(--primary-color); } span.badge-warning { background: #f39c12; color: #000 !important; } span.badge-primary { background: #3c8dbc; } .related_products .sub-title { text-align: center; border-bottom: 2px solid #ddd; margin-bottom: 45px; } .search-content { position: absolute; z-index: 1000; top: 40px; width: 86%; height: 600px; overflow-y: scroll; margin-left: 0; /* margin-left: 18px; */ left: 50px } .language_btn_m { display: flex; align-items: center; gap: 6px; } .language_btn_m h6 { margin: 0; margin-top: 6px; } .flag_container_m { width: 36px; height: 24px; background-size: contain; border: none !important; } .flag_btn_container { display: flex; justify-content: center; align-items: center; gap: 12px; } .flag_container_m img { width: 100%; height: 100%; outline: 1px solid #fff; } .search-content li:hover { background: var(--primary-color); color: #fff; } .search_m { height: 40px; background-color: var(--primary-color); border: 1px solid var(--primary-color); padding: 0 16px; border-radius: 0 6px 6px 0; } .search_m i { color: #fff; } .search_input_m { height: 40px; padding-left: 16px; width: 100%; border-right: none; border: 1px solid var(--primary-color); border-radius: 6px 0 0 6px; } .search_m_container { display: flex; align-items: center; padding-bottom: 6px; } .search-content li .search-router-link:hover { color: #fff; } .search-content li .search-router-link { color: #000; } .__search_porducts_details { display: flex; padding: 5px 8px; } .header_wishlist_bag ul li { margin-right: 10px; } .header_wishlist_bag ul li:last-child { margin-right: 0px; } .search_result_img { height: 50px; width: 50px; } .search_name_price { margin-left: 10px; } .btnQuick:hover { background: var(--primary-color); } .displayeBlok { display: none; } /* new header for mahek start */ .reset_btn_style { border: none; background-color: transparent; padding: 0; } .header_top { background-color: #2e2e2e; color: #fff; } #footer .fpart-first { background-color: var(--primary-color) } .header_top_content { display: flex; justify-content: end; margin-right: -17px; } .header_top_content h4 { font-size: 12px; padding: 8px 32px; margin: 0; font-weight: bold; text-transform: capitalize; } .flag_language_container { display: flex; padding: 0 32px !important; cursor: pointer; } .language { padding: 8px 0px !important; } .language_container { display: none; } .flag_language_container:hover>.language_container { position: absolute; padding: 8px 16px; top: 28px; right: 125px; z-index: 99999999; background-color: #fff; display: flex; gap: 16px; box-shadow: 0px 10px 15px -3px rgba(0, 0, 0, 0.1); border-radius: 6px } .single_language_container { display: flex; gap: 6px; cursor: pointer; } .language_container h4 { color: #000; } .flag_container { width: 24px; height: 18px; background-size: contain; border: none !important; margin: 0 6px; margin-top: 3px; } .flag_container img { width: 100%; height: 100%; outline: 1px solid #fff; } .hover_country_show { display: none; } .flag_container:hover>.hover_country_show { display: block; position: absolute; z-index: 999999; top: 28px; right: 110px; background-color: #fff; box-shadow: 0px 10px 15px -3px rgba(0, 0, 0, 0.1); padding: 10px; width: fit-content; border-radius: 6px; } .single_country { display: flex; gap: 16px; align-items: center; justify-content: space-between; } .hover_country_show h4 { color: #000; } /* main header */ ul, li { margin: 0; } .cart_icon_custom_margin { position: absolute !important; margin-top: -1px; } .header_icon_size_for_wishlist { height: 32px; color: #fff; } .header_icon_size_for_cart { height: 30px; color: #fff; } .main_header { background-color: var(--primary-color); } .main_header_container { /* display: flex; justify-content: space-between; width: 100%; */ } .logo_container { width: 100%; height: 50px; } .logo_container img { width: 100%; height: 100%; } .main_category { display: flex; align-items: center; padding-left: 94px; max-width: 798px; width: 100%; } .margine_faou { margin: 40px; } .main_category h6 { font-size: 16px; color: #fff; font-weight: 600; padding: 0 32px !important; border-right: 1px solid #fff; margin: 0; height: 100%; display: flex; align-items: center } .search_container { width: 100%; display: flex; align-items: center; } .search_form_container { display: flex; width: 100%; padding: 0 32px; flex-wrap: nowrap; position: relative; } .search_input { background-color: #fff; height: 40px; border-radius: 50px; width: 100%; border: none; padding: 0 32px; } .search_btn { position: absolute; right: 50px; top: 8px; z-index: 9999999; background-color: transparent; border: none; font-size: 16px; } .account_others_container { display: flex; align-items: center } .account_others_container div { padding: 0 16px; } .wishlist_header { position: relative; } /* .wishlist_items { position: absolute; color: #fff; font-size: 10px !important; top: -2px; right: 17px; ; } */ .cart_btn { position: relative; cursor: pointer; } /* .cart_count { position: absolute; top: 20px; right: 29px; color: #fff; } */ .category_routelink { color: #fff; /* white-space: nowrap; */ font-size: 16px; text-align: center; } .desktop_header { display: block; } .mobile_header { display: none; } /* new header for mahek end */ /* hero section for mahek start */ /* hero like mohasagor start */ .hero_container { display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; margin-top: 10px; } .slider_container { height: 100%; } .banner_img_container { display: inline-block; height: 100%; } .banner_img_container img { height: 100%; } .ad_img_container { width: 100%; } .ad_img_container img { height: 450px; } .main_header_container { padding: 5px 0px; } .shop { padding: 8px 25px; font-size: 12px; line-height: 1.5; background: var(--primary-color); border-radius: 3px; color: #fff; font-family: 'Montserrat', sans-serif; font-weight: bold; } .btn_buy:hover{ color: #fff !important; } .order_now_container { display: block; padding: 10px; border: 2px dotted var(--primary-color); margin: 0% 0%; margin-bottom: 20px; font-size: 12px; } .order_now_container p i { margin-right: 5px; } .call_now_container { padding: 10px; border: 2px dotted var(--primary-color); } .call_now_container_pera { font-size: 12px; margin-bottom: 0px; } .call_number_icon { font-size: 14px; margin-top: 5px; margin-bottom: 10px; } .checkout_message{ line-height: 27px; color: red; } .__single__product__price__content { display: flex; align-items: baseline; gap: 7px; } .__single__product__price__content span { font-size: 16px; } .single_p_price { font-family: 'Poppins', sans-serif; font-weight: 600; font-size: 16px; } .custom_dis_line_through { text-decoration: line-through red; color: red; } .buyNow_btn a{ display: block; } @media only screen and (max-width: 1880px) { .ad_img_container img { height: 444px; } } @media only screen and (max-width: 1828px) { .ad_img_container img { height: 430px; } } @media only screen and (max-width: 1770px) { .ad_img_container img { height: 418px; } } @media only screen and (max-width: 1700px) { .ad_img_container img { height: 400px; } } @media only screen and (max-width: 1628px) { .ad_img_container img { height: 380px; } } @media only screen and (max-width: 1558px) { .ad_img_container img { height: 364px; } } @media only screen and (max-width: 1460px) { .search-content { left: 34px; } .main_category { padding-left: 74px; } .category_routelink { font-size: 14px } .ad_img_container img { height: 342px; } } @media only screen and (max-width: 1380px) { .ad_img_container img { height: 326px; } } @media only screen and (max-width: 1314px) { .ad_img_container img { height: 306px; } } @media only screen and (max-width: 1280px) { .ad_img_container img { height: 300px; } } @media only screen and (max-width: 1222px) { .ad_img_container img { height: 286px; } } @media only screen and (max-width: 1170px) { .ad_img_container img { height: 274px; } } @media only screen and (max-width: 1110px) { .ad_img_container img { height: 260px; } } @media only screen and (max-width: 1058px) { .ad_img_container img { height: 250px; } } @media only screen and (max-width: 986px) { .ad_img_container img { height: 230px; } } @media only screen and (max-width: 930px) { .ad_img_container img { height: 220px; } } .slider_container { grid-area: 1 / 1 / 2 / 4; } .ad_banner_container { grid-area: 1 / 4 / 2 / 5; } /* hero like mohasagor end */ .hero_banners { display: flex; } .hero_banner_slogan { position: absolute; z-index: 999999; width: 100%; display: flex; justify-content: center; } .hero_banner_slogan h2 { font-size: 56px; color: #fff; font-weight: bold; text-align: center; width: 40%; padding-top: 136px; } .hero_banner_container { position: relative; } .hero_category_container { position: relative; height: 520px; width: 100%; } .hero_category_container img { width: 100%; height: 100%; object-fit: cover; } .category_name_container { position: absolute; bottom: 0px; margin: 0; height: 100%; width: 100%; background-color: rgba(0, 0, 0, .1); padding-bottom: 64px; } .hero_category_container h3 { width: fit-content; margin: 0 auto; align-items: flex-end; padding-bottom: 16px; border-bottom: 3px solid #fff; font-weight: bold; display: flex; justify-content: center; color: #fff; height: 100%; ; } /* hero section for mahek end */ /* product card for mahek start */ .heart_icon { width: 24px; stroke: var(--primary-color); } .product_img_container { overflow: hidden; padding: 8px; width: 100%; aspect-ratio: 1 / 1; } .product_img_container img { width: 100%; height: 100%; } .product_footer { display: flex; justify-content: space-between } .buyNow_btn { border: 1px solid var(--primary-color); color: var(--primary-color); width: 60%; background-color: transparent; border-radius: 0 0 0 6px; } .buyNow_btn:hover { background-color: var(--primary-color); color: #fff; border: 1px solid var(--primary-color); } .buyNow_btn:hover>a { color: #fff; } .product_card { background: #F4F1F0; } .product_card h4 { padding: 8px; margin: 0; font-size: 16px; } .product_card p { padding: 8px; margin: 0 8px; font-size: 14px; } .wishlist_btn { padding-right: 16px } .product_card .product_img_container img { transition: 0.3s; } .product_card:hover .product_img_container img { transform: scale(1.2) rotate(5deg); } /* product card for mahek end */ .product-header { position: relative; padding: 0px; margin: 0px 0px 20px 0px; line-height: normal; font-size: 20px; color: #000000; border-bottom: 2px solid #ddd; padding-bottom: 3px; } nav#top li a { color: #fff !important; } #header .htop { background-color: var(--primary-color); } .left-top { background-color: var(--primary-color) !important; } #header .button-search { width: 69px !important; color: #fff; background: var(--primary-color); } .category_img_container { border: 1px solid var(--primary-color); width: 100%; height: 100%; padding: 8px; border-radius: 12px; } .category_img_container img { width: 100%; height: 100%; border-radius: 10px; } /* start left sideb bar css */ ul.side-nav { width: 267px; height: 450px; list-style: none; background: #c2eaaa; box-shadow: 3px 4px 7px 1px #ddd; border-radius: 4px } ul.side-nav li { line-height: 4rem; border-bottom: 1px solid #f6f6f6; position: relative; left: -23px; vertical-align: middle; cursor: pointer; transition: 3ms; } ul.side-nav .nav-main-item { color: #000; font-size: 14px; margin-left: 14px; transition: 3ms; } .side-nav li:hover { background-color: #fff; } .nav-main-item:hover { color: var(--primary-color); } ul.left-sub-menu { position: fixed; box-shadow: 3px 4px 7px 1px #ddd; background: #c2eaaa; width: 195px; z-index: 100; list-style: none; top: 120px; max-height: 420px; display: none; left: 350px; overflow-y: scroll; overflow-x: hidden; height: 420px; } ul.left-sub-menu .last-sider-bar { border: 1px solid #ddd; border-left: none; border-top: none; left: 52rem; position: fixed; background: #c2eaaa; list-style: none; top: 130px; max-height: 420px; display: none; overflow-y: scroll; overflow-x: hidden; height: 420px; width: 195px; } ul.left-sub-menu .last-sider-bar li { border: none; left: -15px; } ul.side-nav li:hover>.left-sub-menu { display: block; } .left-sub-menu li:hover>.last-sider-bar { display: block; } .show-sub { display: none; float: right; margin-top: 17px } .menu-show { display: block; } .category_icon_image { max-width: 20px; max-height: 20px; } .pull-right { background: var(--primary-color) !important; } .chat-icon { float: right !important; position: fixed; text-align: right; left: 93%; z-index: 10000; top: 283px; vertical-align: middle; width: 75px; height: 120px; text-align: center; background: transparent; padding: 30px 0px; border: 2px solid var(--primary-color) } .product_carousel.sale_campaign h3 { font-weight: bold; text-transform: uppercase; color: var(--primary-color); } .sale_campaign { margin-bottom: 40px; text-align: center; padding: 0px; background-color: #fff; } .wrapper-wide { background-color: var(--body-backgroud); } .container { padding-left: 0; padding-right: 0; } .product-card { width: 100%; height: 270px; background: #F4F1F0; text-align: center; margin-bottom: 10px; border-radius: 6px; } .best-selling .product-card img { border-radius: 40px; ; } .content_card:hover>.content_card_footer { display: block; margin-top: -45px; animation: fly 1s ease 1; } @keyframes fly { 0% { transform: translateY(0%); } 50% { transform: translateY(100%); } 100% { transform: translateY(0); } } .product-card-body img { padding: 10px; width: 100%; height: 180px; transition: .3s; } .product-card-body img:hover { transform: scale(1.5); } .product-detail h4 { font-size: 12px; padding: 5px; } .content_card_footer { display: none; background: var(--primary-color); padding: 5px; height: 40px; transition: .1s ease-in; } .margin_none { margin: 0; } .detls_prodcut { color: #fff; background: transparent; } .best-selling .product-card { width: 220px; } .banner img { max-width: 165px; max-height: 165px; border: 1px solid #eee; border-radius: 5px; } .product-link { color: #000; transition: .3s; } .product-link:hover { color: var(--primary-color); } .category-heading { display: inline; font-weight: bold; } .sub-category-name:hover { color: var(--primary-color); } .c-v-all { background: #000; color: #fff; padding: 5px 18px; width: 22px; height: 38px; display: inline; border-radius: 4px; transition: .5s; } .c-v-all:hover { border-radius: 0px; color: #fff; background: var(--primary-color); } .c-product { margin-top: 10px; text-align: left } .c-product-header { margin-bottom: 8px; padding: 6px 0px; display: flex; align-items: center; justify-content: space-between; } .single-product-box { /* background: #fff; */ padding: 15px 25px; border-radius: 5px; height: auto; } .product-description { background: #fff; padding: 15px 25px; box-shadow: 3px 3px 3px #ddd; border-radius: 5px; height: auto; margin-top: 20px; } .realted-producs { margin-top: 20px; } .realted-producs h3 { margin-left: 15px; } .bg-white { background: #fff; } .shadow { box-shadow: 3px 3px 3px #ddd; } .c-box { padding: 20px 25px; } .cart-dropdown { position: absolute; width: 350px; right: 0; height: 400px; z-index: 999; } .cart { position: fixed; z-index: 999999999999999999; right: 0; background: #fff; bottom: 0; height: 80%; width: 0px; transition: .5s; margin-bottom: 3.5%; } /* .colapse-cart{ width: 400px; } */ .colapse-cart { width: 350px; height: 100%; margin-bottom: 0px; margin-top: 0px !important; } .cart-header { padding: 12px 15px; background: #E4E0E1; text-transform: uppercase; font-weight: bold; color: var(--primary-color); margin-bottom: 0px; } .cart-body { padding: 15px 15px; max-height: 720px; overflow-y: scroll; overflow-x: hidden; width: 100%; } .placebtn { text-transform: uppercase; color: var(--primary-color); font-size: 18px; } .placebtn:hover { color: #000; } /* .cart-footer{ position:absolute; left: 0; bottom: 0; width: 100%; background-color: #000000; } */ .cart-footer { float: left; bottom: 0; width: 60%; background-color: #AA8153; color: #fff; } .cart-fiiter { padding: 15px 15px; } #exitcart { font-weight: bold; cursor: pointer; margin-top: 5px; width: 50%; color: var(--primary-text-color); } .cart-open { position: fixed; right: 0; z-index: 999; top: 50%; width: 80px; background: var(--primary-color); text-align: center; height: 100px; cursor: pointer; /* border: 1px solid #ddd; */ } .cart-open i { font-size: 25px; } .cart-item-total { color: var(--primary-text-color); } .user-side-bar { padding: 10px 10px; margin-bottom: 30px; } .profile.clearfix { text-align: center; } .order-histrory { padding: 10px 20px; margin-left: 25px; } .overlaw-offer { opacity: 0; position: absolute; top: 49%; left: 49%; transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); text-align: center; background: var(--primary-color); transition: .5s; width: 165px; height: 165px; } .overlaw-offer:hover { width: 100px; opacity: .7; } .overlaw-offer-height:hover { height: 80px; width: 165px; } .sub-category-name { margin-right: 8px; background: #fff; padding: 5px 4px; font-size: 13px; font-weight: 500; color: var(--primary-color); border: 1px solid #000; border-radius: 6px; } .product-details-tabe { background: #fff; margin-top: 25px; padding: px; box-shadow: 3px 3px 3px #ddd; border-radius: 10px; } ul.details-tab-menu-list { width: 100%; display: flex; text-transform: uppercase; background: #ddd; border-radius: 2px; } .service_container { display: flex; flex-direction: column; justify-content: center; align-items: center; } .details-tab-menu-item { padding: 10px; color: #000; font-weight: bolder; cursor: pointer; } .tab-menu-item-active { background-color: var(--primary-color); color: #fff; } .close_icon { height: 16px; width: 16px; } .m_header_top { background-color: #f3f4f6; border-bottom: 1px solid #2A2A2B; } .social_icon_container { display: flex; align-items: center; justify-content: space-around; padding: 4px 0; } .product-tab-content { padding: 15px 15px; min-height: 250px; } .product-details { display: none; } .how-to-buy { display: none; } .block { display: block; } li.h-b-li { list-style-type: square; padding: 2px; } .product-thumb .image:hover { transform: scaleX(-1); } img.responsive-image.choosed-thumb { max-width: 60px !important; } img.zoomer-control.responsive-image { max-width: 40px !important; } .nav-active { display: block !important; } .content_card_footer { padding: 3px; } .btnQuick:hover { background: var(--primary-color); } .parallax_inside { position: absolute; width: 40%; height: 200px; } .parallax_content { margin: 10px; position: absolute; width: 96%; height: 175px; text-align: center; } .parallax_content h4 { margin-top: 30px; } .parallax_offer { margin-top: 15px !important; margin-bottom: 15px !important; } /* menu css....... */ .category-menu { margin-top: 10px; width: 250px; background: var(--menu-background) !important; min-height: 450px; margin-left: -28px; } .menu-heading { background: var(--primary-color); padding: 10px; text-align: center; text-transform: uppercase; color: #fff; } img.category-img { width: 20px; height: 20px; } .category-menu-list { margin: 0; padding: 0; background: #fff; min-height: 450px; } .category-name { padding: 9px; vertical-align: middle; font-size: 14px; border: 1px solid var(--primary-color); } .category-link { color: #000; } li.category-name:hover { box-shadow: 3px 3px 3px 3px #ddd; transition: .3s; color: #000; } ul.sub-category-menu-list { min-width: 850px; z-index: 9; position: absolute; min-height: 450px; background: #fff; display: none; TOP: 5%; left: 90%; flex-wrap: wrap; padding: 20px 20px; max-height: 450px; overflow-y: auto; box-shadow: 4px 4px 4px 4px #ddd; } li.category-name:hover>.sub-category-menu-list { display: flex; } .sub-category-link { color: #000; border-bottom: 1px solid #ddd; } ul.sub-sub-category-list { margin-top: 10px; padding: 0px 20px; } .slider { margin-top: 10px; } .nav-active { display: block !important; } .sticky { position: fixed; top: 0; width: 100%; z-index: 9999999999999; } .q-i-d { cursor: pointer; } ul.p-image-name li { padding: 5px 2px; font-size: 12px; } button.btn.btn-primary.btnQuick { background: var(--primary-color); color: #fff; cursor: pointer; font-size: 16px; font-family: 'poppins'; width: 50%; height: 35px; } li { list-style: none; } .header { position: relative; width: 100%; height: 118px; } .header-top { width: 100%; height: 29px; display: flex; background: var(--primary-color); border-bottom: 1px solid #ddd; color: #fff; } .header-top-left { display: flex; list-style: none; } .header-top li { padding: 5px 4px; font-size: 14px; } .flex { display: flex; padding-right: 0px; margin-right: 0px; } .header-top-right { margin-left: auto; display: flex; } .header-top li span { padding-right: 9px; padding: 3px; } .header-top li i { color: #fff; } .main-header { /* background: #F7F7F7; */ } .main-header li { padding: 5px 4px; font-size: 14px; } .auto_writer { position: absolute; z-index: 11111; top: 30px; left: 20%; opacity: .6; } .search-input { width: 63%; height: 42px; border-radius: 5px; transition: .5s; background-color: #F7F8FA; border: 1px solid #ddd; padding: 10px; position: absolute; top: 16%; margin-left: 5%; } .search-input:focus { outline: none; } .search-btn { height: 42px; /* border: 2px solid var(--primary-color); */ border-radius: 0px 5px 5px 0px; transition: .5s; right: 9px; background: var(--primary-color); color: #ffffff; width: 90px; position: absolute; top: 16%; left: 72%; /* border: 1px solid #ddd; */ } .main-header-left { display: flex; } .main-header-right { display: flex; margin-left: auto; padding: 10px 15px; } .main-header-right li { font-size: 28px; padding: 10px 12px; } .main-header-right li i { color: var(--primary-color); color: var(--primary-text-color); } .menu { position: relative; width: 100%; } .menu-list { width: 100%; position: relative; background: var(--menu-background); height: 40px; display: flex; justify-content: center; } .menu-item { padding: 10px 15px; font-size: 14px; transition: .5s; } .menu-item::after { font-size: 10px; } .menu-item-link { color: var(--menu-text-color); transition: .3s; font-size: 15px; font-family: 'Poppins', sans-serif; } .menu-item-link:hover { color: var(--menu-text-color); } .menu-icon { display: none; } .sub-item-list { display: flex; width: 90%; height: auto; position: absolute; background: #fff; left: 5%; flex-direction: row; opacity: 0; visibility: hidden; box-shadow: 1px 0px 1px 1px #eee; flex-direction: row; flex-wrap: wrap; max-height: 600px; overflow-y: scroll; z-index: 99999999999; margin-top: 10px !important; padding-bottom: 20px; } .menu-item:hover>.sub-item-list { opacity: 1; visibility: visible; } .sub-item { width: 200px; max-height: 320px; margin-top: 10px; } .sub-item-link { text-transform: uppercase; color: var(--primary-text-color); font-size: 16px; font-family: 'Poppins', sans-serif; } .sub-item-link:hover { color: var(--primary-text-color); } .sub-sub-item { text-transform: none; padding: 6px 0px !important; } .sub-sub-item-list { padding: 0px 0px; margin-top: 5px; } #toggle-menu { display: none; } .sub-menu-icon { display: none; } /* =========FOR ICON ROTATE======== */ .rotate { transform: rotate(180deg); } span.price-new { color: var(--primary-text-color); font-size: 15px; font-family: 'Poppins', sans-serif; } span.price-old { margin-left: 10px; color: red; font-size: 15px; text-decoration: line-through; font-family: 'Poppins', sans-serif; } #footer { margin-top: 30px; } #footer .fpart-first { padding-bottom: 10px !important; padding-top: 30px; } #footer .column a { text-decoration: none; display: block; padding: 6px 0; line-height: 22px; font-size: 14px; font-family: 'Poppins', sans-serif; /* color:var(--primary-text-color) ; */ } #footer .line { width: 72px; height: 2px; background: var(--primary-color); margin-top: -10px; margin-bottom: 12px; } #footer .link_line li { border-bottom: 0.5px solid #383535; width: 50%; } #footer .social-icon { margin: 30px; } #footer .social-wrape { float: left; width: 40px; height: 40px; border: 2px dashed; border-radius: 50%; margin-left: 10px; } #footer .social-wrape:hover { background: var(--primary-color); } #footer .f_info_left { position: absolute; margin-top: 15px; margin-left: 400px; color: #fff; font-size: 17px; } #footer .f_info_right { float: right; margin-top: 15px; margin-right: 30px; color: #fff; font-size: 17px; } #footer .f-icon { margin: 11px; cursor: pointer; color: white; } #footer #powered { border-bottom-color: var(--primary-color); margin-top: -20px; } #footer .powered_text p { line-height: 18px; margin: -19px; } .footer_info_row { margin-left: 0px !important; margin-right: 0px !important; background: #191919; height: 50px; width: 100%; margin-top: 0px; } #footer .email_icon_container { background: var(--primary-color); float: right; margin-top: -34px; padding: 6px 17px; } #footer .email_icon_container i { color: #fff; } .sub-sub-category-name { color: #000; } .s-menu { position: absolute; display: flex; right: 15%; top: 52%; } .s-menu li { background: var(--primary-color); color: #fff; padding: 5px 10px; margin-right: 15px; border-radius: 10px; font-size: 12px; } .s-menu li a { color: #fff; } .product-thumb.clearfix { background: #F4F1F0; height: 270px; border: none !important; box-shadow: none !important; } .sale_campaign { padding: 5px 5px; } #_qvm .modal_overlay { background: #00000073; } #_qvm .quick_view_image { width: 250px !important; height: 250px !important; } #_qvm .close_sign { font-size: 40px !important; margin-top: -19px !important; color: var(--primary-color) !important; } #_qvm .animator { margin-top: 100px; padding: 100px; } #_qvm .animator i { font-size: 70px; } #_qvm .modal-body h4 p { margin-left: 20px !important; } #_qvm .modal-dialog { width: 90% !important; position: absolute; left: 10%; transition: .3s; } #_qvm .quick_content { background: #fff; } #_qvm .quick_description { font-size: 14px; } #_qvm .r_p_title { font-size: 12px; color: var(--primary-color); } #_qvm .r_p_image { width: 110px; height: 100px; border-radius: 5px; } #_qvm .r_p_button { margin-left: 35px; border-radius: 5px; } #_qvm .r_p_button:hover { border-radius: 50px; background: var(--primary-color); } #_qvm .related_quick_row[data-v-587a0637] { margin: 5px; max-height: 180px; overflow-y: scroll; } #_qvm .r_quick_body { padding: 15px 10px; } .main-header-right li { font-size: 16px; padding: 12px 14px; } #_qvm .col-md-2 { margin-bottom: 25px; } .btn-primary { background: var(--primary-color) !important; } .cart-header { /* padding: 15px 15px; background: var(--primary-color); color: #fff; */ margin-top: 13px; } .cart-footer { color: #fff; background-color: var(--primary-color); } .placebtn { color: #fff; } .btn_search { background: var(--primary-color) !important; } .show { display: block; } .hide { display: none; } .slider_imge { height: 200px; min-height: 200px !important; } .s-menu { display: none; } .campaign-text { text-align: left !important; } .__sub_category { display: none; } .__sub_category { min-height: 589px; max-height: 600px; background: #fff; box-shadow: 3px 3px 3px #ddd; width: 190px; text-align: left; margin: 0; padding: 0; margin-top: -8px; } .__sub-category_name { padding: 10px; } .__sub-category_name::before { content: "•"; color: green; display: inline-block; width: 1.5em; } .__sub-category_name::after { content: "•"; color: blue; float: right; width: 1em; } .__sub-category_name:hover { color: var(--primary-color) } .__list_headig { padding: 10px 10px; background: var(--primary-color); width: 190px; color: #fff; } .__sub_category_link { color: #000; padding: 8px; } .__product_category { margin-bottom: 50px; } /* start responsieve side menu css */ /* =========START THE MENU RESPONISVE CSS======== */ .slider_row { margin-top: 2px; } .arrival_heading { text-transform: uppercase; font-weight: 600; margin-top: 0px; } .new_arrival_section { margin-top: 0px; margin-bottom: 0px; overflow: hidden; } .owl-theme .owl-nav.disabled+.owl-dots { margin-top: -22px !important; } .new_arrival_container { width: 180px; height: 300px; } .new_arrival_card { width: 180px; height: 180px; background: #F4F1F0; border-radius: 50%; } .new_arrival_card_body img { width: 130px; height: 130px; margin: 24px; border-radius: 50%; } .vhl-navigation[data-v-8b923bbc] { display: flex; align-items: center; position: absolute; width: 100%; height: 100%; margin-top: -60px !important; } .vhl-btn-left { margin-left: -10px !important; margin-top: 16% !important; } .vhl-btn-right { margin-right: -5px !important; margin-top: 16% !important; } .arrival_link { font-size: 14px; margin: 5px; } .banner_title { margin-left: 3px; font-weight: bold; } .nav-active { display: block !important; } .offer_collection { margin-left: 0px; margin-right: -10px; margin-bottom: 50px; } .collection_left { background-size: cover; height: 324px; width: 48%; } .collection_right { background-size: cover; height: 324px; width: 48%; margin-left: 30px; } .container_offer_header { margin-top: 185px; background: #eb3e41; width: 95%; height: 108px; opacity: 0.8; } .container_offer_header p { padding-top: 30px; color: #fff; } .container_offer_header h4 { font-weight: bold; color: #fff; } .collection_content { background: #fff; margin-top: 30px; margin-left: -20px; display: flex; } .collect_sub_data { float: right; } .collect_sub_data .p1 { font-size: 12px; padding: 3px; line-height: 15px; padding-top: 8px; } .collect_sub_data .p2 { font-size: 18px; padding: 6px; line-height: 5px; padding-top: 6px; } .btn_more { background: #4D4D4D; width: 120px; color: #fff; border-radius: 0px !important; } .btn_more:hover>.arrow_right_icon { margin-left: 20px; } .arrow_right_icon { padding-left: 10px; } .collection_content img { width: 100px; height: 105px; padding: 3px; } .parallax_background { width: 100%; height: 800px; background-attachment: fixed; background-position: center; background-repeat: no-repeat; background-size: cover; margin: 20px 0px; } .btn_shop_now { background: #000; width: 200px; margin-top: 12%; margin-right: 25%; height: 40px; padding: 10px; text-transform: uppercase; font-weight: 400; color: #fff; } .btn_shop_now:hover { width: 210px; color: greenyellow; } .new_product_row { margin-bottom: 40px; } .mens_womens_collection_container { width: 100%; display: flex; } .mens_womens_collection_container>.banner_content { width: 48%; margin: 0% 1%; } .mens_womens_collection_container>.banner_content img { width: 100%; max-height: 630px; } .top_selling_banner { width: 100%; height: 300px; } .section_title { text-transform: uppercase; font-weight: 600; font-family: 'Poppins', sans-serif; font-size: 26px; margin-top: 32px; text-align: center; } .random_heading { font-weight: bold; } .content_heading { font-weight: bold; } .content_card_on_slider { background: #F4F1F0; box-shadow: 2px 2px 2px #ddd; border-radius: 6px; transition: .1s; } .content_card_container { padding-left: 5px !important; padding-right: 5px !important; margin-bottom: 10px !important; width: 20%; } .content_card { width: 100%; max-height: 440px; background: #F4F1F0; box-shadow: 2px 2px 2px #ddd; border-radius: 6px; transition: .1s; height: auto; } .content_card:hover { box-shadow: 0 1pt 12pt rgb(150 165 237); } .img_place_holder { width: 100%; aspect-ratio: 1 / 1; } .content_card_body img { width: 95%; height: 100%; /* min-height: 310px; */ /* max-width: 310px; */ margin: 5px; } .content_link { font-size: 13px; color: var(--primary-text-color); font-family: 'Poppins', sans-serif; } .content_link:hover { text-decoration: none; } .list_content_card { width: 275px; height: 275px; background: #F4F1F0; box-shadow: 2px 2px 2px #ddd; border-radius: 6px; transition: .1s; } .list_content_card:hover { box-shadow: 0 1pt 12pt rgb(150 165 237); } .list_content_card_body img { width: 95%; height: auto; max-height: 265px; margin: 5px; } .list_content_p_heading { font-family: 'Poppins', sans-serif; font-size: 18px; } .list_content_details { height: 230px; overflow-y: auto; } .list_content_price { display: flex; margin: 2% 28%; padding-top: 20px; } .list_content_price>.s_price { color: var(--primary-text-color); } .list_content_price>.d_price { padding-left: 5px; text-decoration: line-through; color: red; } .list_content_btn_1 { width: 50%; height: 36px; background: var(--primary-color); color: #fff; } .list_content_btn_1 { width: 60%; height: 36px; background: var(--primary-color); color: #fff; margin-bottom: 10px; } .list_content_btn_2 { width: 60%; height: 36px; color: #000; margin-bottom: 10px; box-shadow: 0 1pt 12pt rgb(150 165 237); font-size: 16px; font-family: 'Poppins', sans-serif; } .list_content_btn_2>i { color: var(--primary-color); font-size: 16px; margin: 3px 4px; } .banner_container { margin-top: 50px; } .banner_image { width: 120px; height: 120px; } .campaign_clock { position: absolute; margin-top: -38px; margin-left: -107px; } .service_row { width: 100%; display: grid; grid-template-columns: repeat(4, 1fr); grid-column-gap: 32px; margin-top: 50px; margin-bottom: 50px; } .service_outer { width: 75px; height: 75px; border-radius: 50%; border: 1px solid #fff; background: #C0C4C8; margin: 32px 0px; } .service_inner { width: 60px; height: 60px; border-radius: 50%; background: var(--primary-color); margin: 6.5px 6px; } .service_icon { margin: 12px; color: #fff; font-size: 35px; } .service_container h4 { margin-top: -10px; } .service_container p { font-size: 14px; line-height: 12px; } .service_outer:hover>.service_inner>.service_icon { -webkit-transform: scaleX(-1); transform: scaleX(-1); cursor: pointer; transition: 0.5s; } .image_and_preview_container { width: 100%; display: flex; } .image_and_preview_container>.left_section { width: 14% } .image_and_preview_container>.right_section { width: 86% } .single_product_img_container { width: 100%; max-height: 700px; overflow: hidden; margin-left: 5px; } .single_product_img_container .single_product_image { width: 100%; height: 100%; } .color_img_toggle { display: none; } .rotate_img_angle { transform: rotate(180deg); transition: 1s; } .discount_star { position: absolute; z-index: -5; margin: -9px; color: red; font-size: 30px; } .d_off { position: absolute; margin-left: -18px; margin-top: 12px; } .discount-item { margin-top: 8px; } .best_selling_discount { background: #A616B6; border-radius: 100%; color: #fff; display: block; font-size: 11px; font-weight: 600; height: 45px; width: 45px; line-height: 38px; position: absolute; right: -2px; text-align: center; top: 22px; transform: translate(-50%, -50%) rotate(-30deg); } .discount { background: #A616B6; border-radius: 100%; color: #fff; display: block; font-size: 11px; font-weight: 600; height: 45px; width: 45px; line-height: 40px; position: absolute; right: 15px; text-align: center; top: 24px; transform: translate(-50%, -50%) rotate(-30deg); } .d_off_category { position: absolute; margin-left: -20px; margin-top: 11px; } .best_s_star { position: absolute; z-index: -5; margin: -9px; color: red; font-size: 30px; } .new_product_discount { background: #A616B6; border-radius: 100%; color: #fff; display: block; font-size: 11px; font-weight: 600; height: 45px; width: 45px; line-height: 40px; position: absolute; left: 256px; text-align: center; top: 28px; transform: translate(-50%, -50%) rotate(-30deg); } .flas_selling_discount { background: red; border-radius: 100%; color: #fff; display: block; font-size: 12px; font-weight: 600; height: 50px; width: 50px; line-height: 40px; position: absolute; right: -5px; text-align: center; top: 29px; transform: translate(-50%, -50%) rotate(-30deg); } .flash_s_star { position: absolute; z-index: -5; margin: -9px; color: red; font-size: 30px; } /* .new_product_discount { background: red; border-radius: 100%; color: #fff; display: block; font-size: 12px; font-weight: 600; height: 50px; width: 50px; line-height: 40px; position: absolute; right: 9px; top:29px; text-align: center; transform: translate(-50%, -50%) rotate(-30deg); } */ .new_p_star { position: absolute; z-index: -5; margin: -9px; color: red; font-size: 30px; } .__footer_nav { display: none; } .shop_by_category_row { /* margin-top: 20px; */ margin: 20px auto 0px; } .social_icon_container li { font-size: 16px; } .margin_container { /*margin-bottom: 20px;*/ } .shop_by_category_container { padding-left: 4px !important; padding-right: 8px !important; } .shop_by_category_container>.content { background: #fff; text-align: center; margin-bottom: 20px; box-shadow: 2px 2px 2px #ddd; border-radius: 6px; width: 270px; height: 270px; transition: .1s; } .shop_by_category_container>.content:hover { box-shadow: 0 1pt 12pt rgb(150 165 237); } .shop_by_category_container>.content img { width: 270px; height: 270px; } .shop_by_category_container>.content_footer { cursor: pointer; width: 270px; } .shop_by_category_container>.content_footer>.sub_c_name { color: var(--primary-text-color); margin: 2rem 0; width: 265px; height: 40px; border-radius: 5px; position: relative; display: block; box-shadow: 0 0 10px -5px #000000; padding: 10px 10px; transition: 1s; font-size: 16px; font-family: 'Poppins', sans-serif; } .shop_by_category_container>.content_footer>.sub_c_name:hover { text-decoration: none; } .shop_by_category_container>.content_footer>.sub_c_name:hover>.sub_category_angle { padding-left: 30px; } .shop_by_category_container>.content_footer .focus-link { width: 100%; background-color: transparent; color: #000000; margin: 0; } .sub_category_angle { padding-left: 20px; } .c_new_arrival_offer_container>.c_content { background: #fff; text-align: center; margin-bottom: 20px; box-shadow: 2px 2px 2px #ddd; border-radius: 6px; width: 100%; height: 270px; transition: .1s; } .c_new_arrival_offer_container>.c_content:hover { box-shadow: 0 1pt 12pt rgb(150 165 237); } .c_new_arrival_offer_container>.c_content img { width: 100%; height: 270px; } .c_new_arrival_offer_container>.c_content_footer { cursor: pointer; } .c_new_arrival_offer_container>.c_content_footer>a { color: var(--primary-text-color); margin: 2rem auto; width: 80%; height: 40px; border-radius: 5px; position: relative; display: block; box-shadow: 0 0 10px -5px #000000; padding: 11px 10px; transition: 1s; } .c_new_arrival_offer_container>.c_content_footer>a:hover>span { padding-left: 30px; } .socail_login_container { display: flex; } .facebook_btn { background: #2B5C93; color: #ffff; width: 43%; font-size: 16px; font-family: 'Poppins', sans-serif; font-weight: bold; margin: 0% 3%; } .google_btn { background: #D9534F; color: #ffff; width: 43%; font-size: 16px; font-family: 'Poppins', sans-serif; font-weight: bold; margin-left: 5.5%; } .login_with_password_btn { background: var(--primary-color); padding: 7px 15px; font-size: 16px; font-family: 'Poppins', sans-serif; box-shadow: 1px 1px #ddd; width: 50%; margin: 0 auto; display: block; color: #fff; } .login_with_otp_btn { color: #fff; background-color: #df5c39; margin: 3% 4%; width: 92%; height: 36px; padding: 8px 5px; font-family: 'Poppins', sans-serif; font-size: 16px; } .suggest_category_list { margin-top: 10px; padding: 5px 0px; height: auto; min-height: 50px; /* box-shadow: 0 1pt 12pt rgb(150 165 237); */ } .suggest_category_list>li { width: 15%; height: 33px; margin: 5px 7px; float: left; background: #F4F1F0; padding: 6px; } .suggest_category_list>li>a { font-size: 16px; font-family: 'Poppins', sans-serif; } .filter_row { margin: 20px 0px; box-shadow: 0 1pt 12pt rgb(150 165 237); padding: 10px 0px; height: 80px; } .filter_button_container>button { height: 60px; margin: 0% 3%; } .filter_button_container>button>i { font-size: 28px; } .filter_list_container>select { height: 50px !important; padding: 6px 12px; font-size: 16px !important; color: var(--primary-text-color) !important; font-family: 'Poppins', sans-serif; border-radius: 25px; margin-top: 5px; } .filter_customize_button { display: none; } .__view_type_active { border: 1.5px solid var(--primary-color); border-radius: 10px; } .__search_porducts_details { display: flex; padding: 5px 8px; } .search_result_img { width: 50px; height: 50px; } .search_name_price { margin-left: 10px; } .product-attributes { margin-top: 10px; } .attribute-name { font-size: 18px; font-weight: 600; font-family: 'Poppins', sans-serif; } /* preview images of products */ .__preview_image_box { width: 60px; height: 70px; border-radius: 10px; margin: 5px 5px; border: 1.5px solid #a2a6ac; } .__preview_img { cursor: pointer; width: 54px; height: 64px; border-radius: 10px; margin: 1px; } .__active_img_item { border-color: 1.5px solid var(--primary-color); box-shadow: 0 0 3px 2px rgb(228 121 17 / 50%); } /* start attribute and variant awesome css */ .Black { background-color: #000; } .Red { background-color: red; } .Green { background-color: green; } .Yellow { background-color: yellow; } .Navy { background-color: navy; } .attribute-swatches-wrapper.form-group { margin-bottom: 10px; } .product__color { padding-bottom: 10px; } .product__attribute { align-items: center; display: flex; flex-flow: row nowrap; } .product__attribute>label { margin-bottom: 0; max-width: 60px; margin-right: 27px; } .product__attribute>* { flex-basis: 100%; } .ps-product--detail .ps-product__info { text-align: left; } .attribute-values ul { list-style: none; margin: 0; padding: 0; } .product__color .color-swatch li { display: inline-block; margin-right: 5px; vertical-align: top; } .custom-checkbox label, .custom-radio label { display: block; } .text-swatch li input[type=checkbox], .text-swatch li input[type=radio] { display: none; } .text-swatch li input[type=checkbox]:checked~span, .text-swatch li input[type=radio]:checked~span { border: 1px solid var(--primary-color); } .custom-checkbox input[type=checkbox], .custom-checkbox input[type=radio], .custom-radio input[type=checkbox], .custom-radio input[type=radio] { display: none; } .product__attribute .form-control { border: none; } .product__color .color-swatch li span { margin-bottom: 0; } .product__color .color-swatch li { display: inline-block; margin-right: 5px; vertical-align: top; } * { font-family: 'Work Sans', sans-serif; font-weight: 400; } *, ::after, ::before { box-sizing: border-box; } .text-swatch li span { background-color: #fff; border: 1px solid #ccc; cursor: pointer; display: inline-block; overflow: hidden; padding: 5px 15px; position: relative; transition: .2s; } .custom-checkbox input[type=checkbox]:checked~span:before, .custom-checkbox input[type=radio]:checked~span:before, .custom-radio input[type=checkbox]:checked~span:before, .custom-radio input[type=radio]:checked~span:before { border: 2px solid var(--primary-color); border-radius: 50%; bottom: -4px; content: ""; display: block; left: -4px; position: absolute; right: -4px; top: -4px; } .text-swatch li input[type=checkbox]:checked~span:before, .text-swatch li input[type=radio]:checked~span:before { border: 23px solid transparent; border-bottom: 16px solid var(--primary-color); bottom: 0px; content: ""; position: absolute; right: -22px; } .text-swatch li input[type=checkbox]:checked~span:after, .text-swatch li input[type=radio]:checked~span:after { bottom: -5px; color: #fff; content: "✓"; font-family: Linearicons !important; font-size: 14px; height: 19px; overflow: hidden; position: absolute; right: -5px; width: 16px; } [type=checkbox], [type=radio] { box-sizing: border-box; padding: 0; } button, input { overflow: visible; } button, input, select, textarea { font: inherit; margin: 0; } .custom-checkbox span, .custom-radio span { border-radius: 50%; cursor: pointer; display: block; height: 25px; position: relative; width: 25px; } .product__attribute .color-swatch .attribute-swatch-item.select_none span:before, .product__attribute .text-swatch .attribute-swatch-item.select_none span:before { transform: rotate(45deg); } .product__attribute .color-swatch .attribute-swatch-item.select_none span:after, .product__attribute .text-swatch .attribute-swatch-item.select_none span:after { transform: rotate(-45deg); } .product__attribute .color-swatch .attribute-swatch-item.select_none span:after, .product__attribute .color-swatch .attribute-swatch-item.select_none span:before, .product__attribute .text-swatch .attribute-swatch-item.select_none span:after, .product__attribute .text-swatch .attribute-swatch-item.select_none span:before { border-top: 1px dashed #999; content: ""; height: 0; left: 0; position: absolute; top: 50%; width: 100%; } /* end attribute and variant awesome css */ .s_price_container_3 { display: flex; } .s_price_container_2 { display: flex; } .s_price_container_1 { display: flex; } .s_price_container_1 h4 { font-size: 18px; font-weight: 600; font-family: 'Poppins', sans-serif; } .s_price_container_2 h4 { font-size: 18px; font-weight: 600; font-family: 'Poppins', sans-serif; } .s_price_container_3 h4 { font-size: 18px; font-weight: 600; font-family: 'Poppins', sans-serif; } .single_price_new { padding-left: 32px; } .s_price_container_1 p { margin-left: 47px; font-size: 18px; margin-top: 10px; color: var(--primary-text-color); } .s_price_container_2 p { margin-left: 10px; font-size: 18px; margin-top: 10px; text-decoration: line-through; color: red; } .s_price_container_3 p { margin-left: 6px; font-size: 18px; font-weight: bold; margin-top: 7px; font-family: 'Poppins', sans-serif; color: var(--primary-text-color); } .s_price_container_3 p>span { font-size: 16px; font-weight: bold; font-family: 'Poppins', sans-serif; text-transform: uppercase; color: var(--primary-text-color); } .qty_container { display: flex; } .qty_container>h4 { width: 20%; float: left; font-size: 18px; font-weight: 600; font-family: 'Poppins', sans-serif; } /* .input_qty { padding: 18px !important; margin-left: 0%; font-size: 16px; font-weight: bold; height: 39px !important; width: 51.5%; border-radius: 0 !important; text-align: center; } */ .input_qty { margin-left: 10px; font-size: 14px; font-weight: bold; height: 27px !important; width: 40px !important; margin-top: 0px; margin-right: 10px; text-align: center; border: 1px solid #ddd; } .qaf_container { display: flex; gap: 24px; flex-wrap: wrap; } hr { border-top: 1px solid var(--primary-color); } .btn_cart { color: #000; transition: .1s ease; font-size: 12px; background-color: #fff; border: 1px solid var(--primary-color); padding: 3px 36px; } .btn_buy { margin-top: 13px; width: 78%; color: #fff; border: 1px solid var(--primary-color); font-family: 'Poppins', sans-serif; background-color: var(--primary-color); transition: .1s ease; font-size: 12px; font-weight: bold; text-transform: uppercase; } .btn_buy:hover { color: #000; } .btn_cart span { font-weight: bold; text-transform: uppercase; font-family: 'Poppins', sans-serif; } .single_p_right_section { height: 470px; background: #FFF8E5; } .single_p_right_section ul { padding-top: 20px; margin-left: -10px; } .single_p_right_section ul li { padding: 10px 5px; } .single_p_right_section ul li i { font-size: 18px; } .social_media_share { margin-bottom: 10px; display: block; } .instagram_share_icon { font-size: 32px !important; margin-top: 0px; position: absolute; margin-left: 5px; } .single_name_container { margin-top: 20px; } .shipping_highlight { margin: 10px 0; padding: 2px 6px; transition: 0.3s; display: inline-block; border: 2px solid black; resize: both; border-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='100' height='100' viewBox='0 0 100 100' fill='none' xmlns='http://www.w3.org/2000/svg'%3E %3Cstyle%3Epath%7Banimation:stroke 5s infinite linear%3B%7D%40keyframes stroke%7Bto%7Bstroke-dashoffset:776%3B%7D%7D%3C/style%3E%3ClinearGradient id='g' x1='0%25' y1='0%25' x2='0%25' y2='100%25'%3E%3Cstop offset='0%25' stop-color='%230037ff' /%3E%3Cstop offset='25%25' stop-color='%230037ff' /%3E%3Cstop offset='50%25' stop-color='%230037ff' /%3E%3Cstop offset='100%25' stop-color='%230037ff' /%3E%3C/linearGradient%3E %3Cpath d='M1.5 1.5 l97 0l0 97l-97 0 l0 -97' stroke-linecap='square' stroke='url(%23g)' stroke-width='3' stroke-dasharray='388'/%3E %3C/svg%3E") 1; } .shipping_highlight h4 { font-weight: bold; font-size: 16px; color: var(--primary-color); margin: 0; } .__minus { padding: 3px 7px; height: 26px; border-radius: 15%; cursor: pointer; border: 1px solid #ddd; } .__plus { padding: 3px 7px; height: 26px; border-radius: 15%; cursor: pointer; border: 1px solid #ddd; } .p_code { margin-left: 40px; font-size: 20px; font-family: 'Poppins', sans-serif; } .single_p_name { margin-top: 2px; font-size: 24px; font-weight: 600; font-family: 'Poppins', sans-serif; } .code_price_container { margin-top: 12px; } .single_p_code { font-size: 16px; font-family: 'Poppins', sans-serif; } .single_p_price { font-family: 'Poppins', sans-serif; font-weight: 600; } .color_title_icon { display: flex; justify-content: space-between; } .single_p_color_container { margin-top: 16px; } .color_title_icon>p { font-size: 15px; font-family: 'Poppins', sans-serif; font-weight: 600; margin-bottom: 15px; } .color_title_icon>i { font-size: 26px; margin-right: 56px; font-weight: bold; cursor: pointer; } .single_p_size_container { margin-top: 30px; } .single_p_size_container>p { font-size: 15px; font-family: 'Poppins', sans-serif; font-weight: 600; margin-bottom: 15px; } .single_p_size_container>p>span { margin-left: 51%; font-size: 14px; cursor: pointer; text-decoration: underline; } .color_img_container>img { max-width: 60px; max-height: 60px; margin: 0px 5px; cursor: pointer; margin-bottom: 10px; } .user_login>i { margin-top: 2px; font-size: 30px; } .merchant_login { font-size: 18px; font-family: 'Poppins', sans-serif; } .merchant_login>i { font-size: 26px; } .header_wishlist>img { width: 30px; height: 32px; } .header_wishlist>sub { padding: 3px 6px; background: var(--primary-color); color: #fff; border-radius: 50%; font-size: 12px; font-weight: bold; font-family: serif; } /* wishlist */ /* empty cart */ .empty_wishlist_container { display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center; margin: 64px 0; } .wishlist_contain-container h3, .wishlist_contain-container p { font-family: 'Poppins', sans-serif; margin: 0; } .wishlist_contain-container h3 { font-size: 32px; font-weight: bold; margin: 24px 0; } .wishlist_contain-container p { color: #6b7280; margin-top: 4px; font-size: 14px; } .wishlist_contain-container { margin-bottom: 26px; } .wishlist_img_container { width: 360px; } .wishlist_img_container img { width: 100% } /* product list */ /* .wishlist_items { text-align: center; font-size: 32px; font-weight: 500; font-family: 'Poppins', sans-serif; } */ .wishlist_product_container { display: flex; flex-direction: column; margin: 32px 0; border: 1px solid #e5e7eb; border-radius: 6px; overflow: hidden; padding: 0 16px; } .wishlist_product_header, .wishlist_product_info { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); padding: 16px 0; } .wishlist_product_header h5:not(:first-child) { text-align: center } .wishlist_product_info:not(:last-child) { border-bottom: 1px solid #e5e7eb; } .wishlist_product_header { border-bottom: 1px solid #e5e7eb; } .add_to_cart_btn { border: none; background-color: var(--primary-color); color: #fff; font-family: 'Poppins', sans-serif; padding: 8px 16px; } .wishlist_product_header h5 { font-size: 18px; font-weight: bold; margin: 0; } .wishlist_image_name-container { display: flex; gap: 16px; align-items: center; } .wishlist_image-container { width: 84px; height: 84px; border-radius: 6px; overflow: hidden; } .wishlist_image-container img { width: 84px; height: 84px; } .wishlist_image_name-container h4 { font-size: 16px; font-weight: 500; margin: 0; text-transform: capitalize; } .wishlist_price_container { display: flex; justify-content: center; align-items: center; height: 100%; width: 100%; margin: 0; } .wishlist_action_btn { display: flex; align-items: center; justify-content: center; } .wishlist_price { font-size: 16px; font-weight: 600; margin: 0; text-align: center; } .wishlist_image_name-container h4 { font-size: 16px; font-weight: 500; margin: 0; text-transform: capitalize; } .wishlist_price_container { display: flex; justify-content: center; align-items: center; height: 100%; width: 100%; margin: 0; } .wishlist_action_btn { display: flex; align-items: center; justify-content: center; } .wishlist_price { font-size: 16px; font-weight: 600; margin: 0; text-align: center; } /* new checkout */ .product_info_container-checkout { display: flex; gap: 16px; padding: 16px 0 } .product_info_container-checkout:not(:last-child) { border-bottom: 1px solid #e5e7eb; } .product_img_container-checkout { height: 94px; width: 94px; border-radius: 4px; overflow: hidden; object-fit: cover; } .product_img_container-checkout img { width: 100%; height: 100%; } .product_details_container-checkout { display: flex; flex-direction: column; gap: 6px; } .product_details_container-checkout h4:last-child { margin-top: auto; } .product_details_container-checkout h4, .product_details_container-checkout h6 { font-family: 'Poppins', sans-serif; margin: 0; } .product_details_container-checkout h4 { font-size: 16px; font-weight: 500; } .product_details_container-checkout h6 { font-size: 14px; font-weight: 400; color: #6b7280; } .qty_remove_container-checkout { margin-left: auto; display: flex; flex-direction: column; justify-content: space-between; align-items: flex-end } .delete_btn { border: none; background-color: transparent; cursor: pointer; } .delete_btn svg { fill: #6b7280 !important; } .delete_btn svg:hover { fill: #f43f5e !important; } .delete_icon { height: 24px; width: 24px; } /* new shopping cart */ .cart_container { display: none; right: 0; width: 460px; height: 96vh; position: fixed; z-index: 99999999999; background-color: #fff; color: #000; top: 2%; flex-direction: column; padding: 0 16px; box-shadow: -20px 9px 22px -3px rgba(0, 0, 0, 0.1); border-radius: 6px 0 0 6px; } .cart_empty { display: flex; height: 100%; width: 100%; justify-content: center; align-items: center; flex-direction: column; } .cart_empty img { width: 260px; } .empty_info-container { display: flex; flex-direction: column; align-items: center; } .empty_info-container h4 { font-size: 24px; color: #000; font-weight: bold; } .empty_info-container p { width: 70%; text-align: center; color: #6b7280; } .empty_info-container img { width: 260px; height: 100%; } .display { display: flex; } .cart_header { display: flex; justify-content: space-between; align-items: center; padding: 8px 0; } .item_info { display: flex; gap: 6px; align-items: center; } .item_info h4 { font-family: 'Poppins', sans-serif; } .close_icon { font-size: 18px; cursor: pointer; } .cart_information { display: flex; gap: 16px; padding: 16px 0; } .product_info_container { overflow-y: scroll; scroll-behavior: smooth; } /* ===== Scrollbar CSS ===== */ /* Firefox */ .product_info_container { scrollbar-width: none; scrollbar-color: #000000 #ffffff; } /* Chrome, Edge, and Safari */ .product_info_container::-webkit-scrollbar { width: 8px; } .product_info_container::-webkit-scrollbar-track { background: #ffffff; } .product_info_container::-webkit-scrollbar-thumb { background-color: #000000; border-radius: 10px; border: 3px solid #ffffff; } .cart_information:not(:last-child) { border-bottom: 1px solid #e5e7eb; } .cart_img_container { height: 96px; width: 96px; border-radius: 6px; overflow: hidden; border: 1px solid #e5e7eb; } .cart_img { height: 100%; width: 100%; object-fit: cover; } .item_name { margin: 0; font-family: 'Poppins', sans-serif; } .cart_details { display: flex; flex-direction: column; justify-content: space-between; width: 100%; } .name_size_container h6 { font-size: 14px; font-weight: 400; font-family: 'Poppins', sans-serif; color: #6b7280; } .name_price_container { display: flex; gap: 24px; justify-content: space-between; } .cart_total_container h4 { margin: 0; font-family: 'Poppins', sans-serif; white-space: nowrap; } .cart_qnt_container { display: flex; justify-content: space-between; } .cart_qnt_container h4 { margin: 0; font-size: 14px; color: #6b7280; font-family: 'Poppins', sans-serif; } .cart_qnt_container h6 { margin: 0; font-size: 14px; color: #f43f5e; font-family: 'Poppins', sans-serif; cursor: pointer; } .cart_checkout { margin-top: auto; padding: 16px 0; border-top: 1px solid #6b7280; } .cart_checkout h6 { font-size: 14px; color: #6b7280; font-family: 'Poppins', sans-serif; text-transform: capitalize } .cart_checkout_btn { width: 100%; padding: 16px; font-size: 16px; text-transform: capitalize; background-color: var(--primary-color); color: #fff; font-family: 'Poppins', sans-serif; font-weight: 500; border: none; } .subtotal_container { display: flex; justify-content: space-between; } .more_shopping { text-align: center; } .more_shopping span { color: #6366f1; cursor: pointer; font-family: 'Poppins', sans-serif; font-size: 14px; } .header_cart>img { width: 32px; height: 30px; } .header_cart>sub { font-size: 12px; font-weight: bold; font-family: serif; padding: 3px 6px; background: var(--primary-color); border-radius: 50%; color: #fff; } .header_currency { border: none; font-size: 15px; font-weight: bold; font-family: 'Poppins', sans-serif; padding: 0px 5px; margin-top: -2px; } .login_user_name { box-shadow: 0 1pt 12pt rgb(150 165 237); font-size: 16px; font-family: 'Poppins', sans-serif; min-width: 100px; color: #fff; } .slider_container { width: 100%; } .related_p_heading { font-size: 22px; font-family: 'Poppins', sans-serif; margin-left: 10px; font-weight: bold; } .mobile_menubar_header { display: none; } .mobile_menubar_search { display: none; } .single_p_wishlist_btn { display: flex; align-items: center; gap: 6px; color: #000; transition: .1s ease; font-size: 12px; font-family: 'Poppins', sans-serif; cursor: pointer; } .wishlist_btn a:hover { color: #f43f5e !important; } .wishlist_icon { font-size: 16px } .box-category ul li { padding: 10px 0; margin-left: -10%; width: 100%; display: flex; border-bottom: 1px solid rgba(0, 0, 0, .08); transition: all .2s ease; } .box-category ul li a { font-family: 'Poppins', sans-serif; font-size: 16px; } .box-category ul li:hover { background-color: #0111331c; padding-left: 0.275rem; } .box-category ul li a:hover { text-decoration: none; } .category_filerting_active { border: 1px dotted var(--primary-color); background: #eee; padding: 2px !important; } .category_filtering_on_mobile { display: none; } .mobile_category_filtering_list { margin-top: 10px; padding: 5px 0px; height: auto; min-height: 85px; box-shadow: 0 1pt 12pt rgb(150 165 237); } .mobile_category_filtering_list>li { cursor: pointer; width: 20%; float: left; min-height: 34px; margin: 0px 5px; padding: 3px; max-height: 40px; line-height: 17px; } .mobile_category_filtering_list>li>a { font-size: 14px; font-family: 'Poppins', sans-serif; } .size_chart_close_icon { font-size: 20px; color: var(--primary-color); border: none; font-family: cursive; margin-left: 97%; cursor: pointer; margin-bottom: 5px; } .size_chart_container>img { width: 100%; height: 295px; } .available_stock { display: block; position: absolute; margin-top: 70px; margin-left: 25%; font-family: 'poppins'; font-size: 13px; font-weight: bold; } .landing_slider_img { width: auto; height: auto; max-height: 100%; max-width: 100%; } .sub_category_background { min-height: 50px; box-shadow: 0 1pt 12pt rgb(150 165 237); margin-top: 10px; } .cart_close { color: #747273; margin-top: -34px; border: 3px solid #616060; padding: 5px; cursor: pointer; width: 20%; float: right; } .q-i-d { cursor: pointer; } .cart_content_sty { padding: 9px 0px; } /* .cart_img_container { margin-left: -25px; } */ /* .cart_item_img { max-width: 60px; height: 85px; padding: 0 5px; margin-top: 5px; margin-bottom: 7px; } */ .cart_content_name { font-size: 14px; color: #939494; margin-top: -12px; margin-left: 5px; } .cart_content_name p { font-family: 'Montserrat', sans-serif; font-weight: 400; } /* span.price-new { color: #202021; font-weight: bold; font-family: 'Montserrat', sans-serif; font-size: 16px; } */ .cart_amount_cal { position: absolute; left: 0; bottom: 15px; width: 90%; margin: 0 18px; } .cart-footer a { font-family: 'Montserrat', sans-serif; font-weight: bold; font-size: 16px; color: #fff; } .___place { /* background: #463420; */ background-color: var(--primary-color); text-align: center; color: #fff; float: right; width: 40%; } .___place p { padding: 7px 0px; margin: 0; font-family: 'Montserrat', sans-serif; font-weight: bold; font-size: 16px; color: #fff; } .taka_symbol_cart_footer { font-family: "Kalpurush"; font-size: 20px; font-weight: 500; position: absolute; margin-left: -11px; margin-top: -2px; } .cart-total { background: #fff; width: 100%; padding: 5px; /* border: 1px solid #ddd ; */ font-size: 14px; } .cart_store { max-width: 38px; max-height: 38px; margin-top: -2px; } .cart-item-total { font-family: 'Montserrat', sans-serif; font-weight: 400; color: var(--primary-text-color); font-size: 15px; } .cart_amount h5 { font-family: 'Montserrat', sans-serif; color: #ffffff; font-size: 14px; font-weight: bold; } .cart-total h5 { margin-top: 2px !important; font-size: 14px; } .taka-symbol-header { font-family: "Kalpurush"; font-size: 20px; font-weight: 500; position: absolute; margin-left: -11px; margin-top: -4px; } .footer_logo { /* text-align: center; */ margin-bottom: 20px; } .link_line { padding-left: 0px; } .footer_title { font-size: 20px; font-weight: bold; } .suggetion_product_row { margin: 20px auto; } .product-details { margin-left: 25px; } .fa_shopping_bag { font-size: 20px; } .home_btn { background-color: var(--primary-color); color: #fff; padding: 12px 15px; border-radius: 5px; } .social-link { display: flex; } .social-link-text { padding: 15px; background: #ddd; border-radius: 50%; height: 40px; width: 40px; text-align: center; font-size: 22px !important; color: #000 !important; margin-bottom: 10px; margin-left: 25px; } .social-link-facebook { padding: 15px; background: #ddd; border-radius: 50%; height: 40px; width: 40px; text-align: center; font-size: 22px !important; color: #000 !important; margin-bottom: 10px; } .social-link-icon { margin-top: 3px; } .productVideo { visibility: visible; } .toggle_size_chart { visibility: visible; } .size_chart { width: 100%; min-height: 150vh; background: #0000009c; justify-content: center; align-items: center; position: fixed; left: 0%; top: 0%; z-index: 9999999999999; visibility: hidden; } .breadcrumb { margin-bottom: 0px !important; } .category_heading_large_view { display: block; font-weight: 600; font-family: 'Poppins', sans-serif; text-align: start; font-size: 24px; } .category_heading_small_view { display: none; font-weight: 600; font-family: 'Poppins', sans-serif; } .shop_by_category_row>.vue-horizontal-list>.vhl-navigation>.vhl-btn-left { display: none; } .shop_by_category_row>.vue-horizontal-list>.vhl-navigation>.vhl-btn-right { display: none; } /* my style */ .custom_auth_account h4 { padding-right: 0px !important; } .auth_account_link { font-size: 12px; font-weight: bold; text-transform: capitalize; color: #ffffff; } .auth_account_link:hover { color: #ff4d03; } .header_main_menu {} .header_main_menu ul { margin: 0px; padding: 0px; } .header_main_menu ul li { display: inline-block; margin-right: 20px; position: relative; } .header_main_menu ul li:last-child { margin-right: 0px; } .header_main_menu ul li .header_main_menu_link { color: #ffffff; display: block; padding: 15px 0px; font-size: 14.5px; } .header_main_menu ul li:hover>.header_main_menu_link { color: #ff4d03; } .header_main_menu ul li .header_main_submenu { position: absolute; box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px; width: 180px; z-index: 999999; background-color: #ffffff; visibility: hidden; opacity: 0; transition: .3s; } .header_main_menu ul li:hover>.header_main_submenu { visibility: visible; opacity: 1; } .header_main_menu ul li .header_main_submenu li { margin-right: 0px; display: block; } .header_main_menu ul li .header_main_submenu li .header_main_submenu_link { padding: 5px 20px; display: block; font-size: 13px; text-transform: capitalize; } .header_main_menu ul li .header_main_submenu li .header_main_submenu { left: 100%; top: 0; } .header_main_menu ul li .header_main_submenu li:hover>.header_main_submenu_link { color: #ff4d03; } .header_main_menu ul li .header_main_submenu li .header_main_submenu_link .header_main_sub_icon { float: right; } .header_search_btn { text-decoration: none; background: transparent; border: none; padding: 0; margin: 0; } .header_search_input { position: relative; width: 100%; border: none; outline: none; padding: 10px 12px; border-radius: 20px; font-size: 14px; } .header_search_input_btn { position: absolute; top: 0; right: 0; margin-right: 25px; background: transparent; border: none; margin-top: 15px; } .header_wishlist_bag {} .header_wishlist_bag ul { text-align: right; margin: 0px; padding: 0px; } .header_wishlist_bag ul li { display: inline-block; position: relative; } .header_wishlist_bag ul li .header_wishlist_bag_link {} .header_wishlist_ico { position: relative; } /* .header_wishlist_item_count { position: absolute !important; top: 0 !important; left: 0 !important; margin-top: 16px; margin-right: 9px; } */ .custom_col { padding-left: 0px; } .main_header { background-color: var(--primary-color); } .header_wishlist_bag { margin-top: 9px; margin-right: 10px; } .header_bottom_search { margin-top: 6px; } .header_wishlist_item_count { color: #ffffff; position: absolute; top: 0; left: 0; margin-top: 16px; margin-left: 13px; } .cart_count.header_cart_item_count { position: absolute; top: 0; left: 0; color: #ffffff; margin-left: 13px; margin-top: 20px; } /* mobile menu start */ .header_mobile_menu { margin-bottom: 55px; } .header_mobile_menu ul { padding: 10px 0px; } .header_mobile_menu ul li { display: block; border-bottom: 1px solid #eeeeee; } .header_mobile_menu ul li .header_mobile_menu_link { display: block; padding: 5px 25px; font-family: 'Poppins', sans-serif; font-weight: 500; color: var(--primary-text-color); font-size: 16px; } /* submenu */ .header_mobile_menu ul li .header_mobile_submenu { padding: 0px 25px; } .header_mobile_menu ul li .header_mobile_submenu li { border-bottom: none; } .header_mobile_menu ul li .header_mobile_submenu li .header_mobile_sub_submenu_link { padding: 0px 25px; font-size: 12px; } .mobile_menu_down_icon { float: right; margin-top: -33px; padding: 0px 20px; font-size: 18px; } .mobile_menu_down_subsub_icon { float: right; font-size: 15px; } /* mobile menu end */ .sub_menu_list_class { display: none; } .sub_menu_list_class_toggle { display: block; } .sub_sub_menu_list_class { display: none; } .sub_sub_menu_list_class_toggle { display: block; } /* header search product start */ .header-search-content { position: relative; } .header-search-result-product { border: 1px solid #dddddd; } .single-header-search-result-product { border-bottom: 1px solid #dddddd; padding: 5px; display: block; overflow: hidden; } .header-search-result-product-image { width: 60px; height: 46px; float: left; margin-right: 10px; } .header-search-result-product-image img { max-width: 100%; max-height: 100%; } .header-search-result-product-title { font-size: 13px; color: var(--primary-text-color); font-family: 'Poppins', sans-serif; } .header-search-result-product-title:hover { color: var(--primary-text-color); } .header-search-result-product-new-price { color: var(--primary-text-color); font-size: 13px; font-family: 'Poppins', sans-serif; } .header-search-result-product-discount-price { color: red; font-size: 13px; text-decoration: line-through; font-family: 'Poppins', sans-serif; } .header-search-result-product { width: 90%; position: absolute; background-color: #fff; z-index: 9999999; box-shadow: 0px 10px 15px -3px rgb(0 0 0 / 10%), 0px 10px 15px -3px rgb(0 0 0 / 10%); max-height: 400px; overflow-y: scroll; margin-top: 7px; } .header-search-result-product ul { margin: 0; padding: 0; } /* header search product end */ @media only screen and (max-width: 1460px) { .content_card_body img { width: 95%; height: 100%; /* max-height: 242px; */ max-width: 260px; margin: 5px; } .what_new_container { margin-bottom: 20px; } .offer_collection { margin-top: 20px; } } @media only screen and (max-width: 1366px) { .content_card_body img { width: 95%; height: 100%; /* max-height: 230px; */ margin: 5px; } .top_selling_banner { width: 100%; height: 300px; margin-top: 20px; } .qty_container>h4 { width: 27%; } } @media only screen and (max-width: 1260px) { .category_routelink { font-size: 13px; } .header_icon_size { height: 26px; } /* .cart_count { top: 17px; right: 26px; } */ /* .wishlist_items { top: 2px; right: 13px; } */ .main_category h6 { padding: 0 8px !important; } } @media only screen and (max-width: 1200px) { .search-input { width: 52%; } .search-btn { left: 65%; } .discount { background: #A616B6; border-radius: 100%; color: #fff; display: block; font-size: 10px; font-weight: 600; height: 40px; width: 40px; line-height: 37px; position: absolute; right: -34px; text-align: center; top: 25px; transform: translate(-50%, -50%) rotate(-30deg); } .incrementor_plus { width: 8%; } .d_off_category { position: absolute; margin-left: -17px; margin-top: 10px; } /* .footer__address{ padding-left: 0px; } */ .content_card_body img { width: 95%; height: 100%; margin: 5px; } .header_wishlist_item_count { margin-top: 14px; margin-left: 10px; } .cart_count.header_cart_item_count { margin-left: 10px; margin-top: 17px; } } @media only screen and (max-width: 1000px) { .collection_left { height: 550px; } .footer__address { padding-left: 0px; } /* .content_card_on_slider { width: 220px; height: 355px; background: #F4F1F0; box-shadow: 2px 2px 2px #ddd; border-radius: 6px; transition: .1s; } */ } @media only screen and (max-width: 990px) { .side_information_bar{ margin-top: 20px; } } @media only screen and (max-width: 900px) { .ad_banner_container { display: none; } .hero_container { display: block; } .search-content { position: absolute; z-index: 1000; top: 145px; width: 90%; left: 42px } .desktop_header { display: none; } .mobile_header { display: block; } .header_main { box-shadow: 0px 17px 15px -3px rgba(0, 0, 0, 0.1), 0px 10px 15px -3px rgba(0, 0, 0, 0.1); } .mobile_header_container { display: flex; padding: 0px 20px; gap: 16px; width: 100%; justify-content: space-between; } .mobile_icon { font-size: 32px } .search_icon { font-size: 26px; } .logo_container { position: relative; width: 96px; } ul { padding: 0; } .mobile_nav_menu { width: 80%; background-color: #fff; height: 100vh; position: fixed; top: 0; left: 0; z-index: 9999999; box-shadow: 26px 0px 15px -3px rgba(0, 0, 0, 0.1), 22px 0px 15px -3px rgba(0, 0, 0, 0.1), 14px 0px 15px -3px rgba(0, 0, 0, 0.1); /* overflow: auto; */ } .nav_header { padding: 12px 24px; display: flex; gap: 6px; border-bottom: 3px solid #e4e4e7; } .nav_logo_container { width: 46px; } .nav_logo_container img { width: 100%; height: 100%; } .name_login { display: flex; flex-direction: column; justify-content: space-between; } .name_login h4 { margin: 0; font-size: 14px; font-weight: bold } .login_btn_nav { font-size: 12px; width: fit-content; } .language_nav { margin-left: auto; } .category_routelink { color: #000 } .nav_icon_container { height: 24px; width: 24px; display: flex; justify-content: center; align-items: center; overflow: hidden; border-radius: 50%; } .nav_icon_container i { font-size: 18px; } .nav_menu_container span, .nav_menu_container a { font-size: 16px; } .nav_icon_container img { height: 100%; width: 100%; } .nav_menu_container { display: flex; align-items: center; gap: 6px; padding: 16px 0; border-bottom: 1px solid #e4e4e7; } .menu_scroll { overflow: scroll } .nav_icon_container { margin-left: 16px; } .cross_btn { font-size: 26px; } .cross_container { background-color: #fff; right: -50px; top: 19px; position: absolute; height: 44px; width: 44px; display: flex; justify-content: center; align-items: center; box-shadow: 26px 0px 15px -3px rgba(0, 0, 0, 0.1), 22px 0px 15px -3px rgba(0, 0, 0, 0.1), 14px 0px 15px -3px rgba(0, 0, 0, 0.1); border-radius: 50% } /* others */ .auto_writer { top: 68px; left: 22%; } .search-input { width: 58%; } .header-top { display: none; } .content_card_body img { width: 95%; height: 100%; /* max-height: 190px; */ margin: 5px; } .content_card_container { width: 25%; } #toggle-menu { display: block; position: absolute; left: 2%; font-size: 30px } img.site-logo { position: absolute; left: 28%; top: 2%; } .main-header-left { width: 100%; position: absolute; z-index: 999999999; background: #fff; justify-content: center; position: absolute; height: 45px; } .main-header-right { z-index: 99999999999; top: -10%; position: absolute; right: 0; } .menu-item:hover>.sub-item-list { opacity: 1; visibility: visible; margin-top: 25px !important; margin-left: -5%; } /* =========MAIN MENU DIFFRENT STYLE IN RESPONSIVE VIEW======== */ .menu-list { display: flex; flex-direction: column; width: 80%; min-height: 600px; display: none; opacity: 1; transition: .2s; justify-content: left !important; height: 100vh; z-index: 7777777777; top: 0; overflow-y: scroll; } .collapse-manu { display: block; ; opacity: 1; } .menu-overlaw { position: fixed; width: 100%; height: 100vh; background: rgb(0, 0, 0, 0.5); top: 0; z-index: 0; } .menu-item { padding: 10px 20px; display: flex; } .main-header { height: 75px; } .sub-item { width: auto; min-height: auto; font-weight: normal; text-transform: none; padding: 8px 12px !important; } } @media only screen and (max-width: 890px) { .header-search-result-product { margin-top: 0px; } } @media only screen and (max-width: 850px) { .nav-list { width: 100% !important; height: 100vh !important; width: 100% !important; background-color: var(--primary-color) !important; flex-direction: column !important; display: none !important; } .nav-list li { font-size: 16px; left: 0px !important; border-bottom: 1px solid #fff; color: #000000; } .nav-list li .nav-router { text-align: left !important; color: #000000; } .nav-list li:hover>.sub-menu { display: none; } .menu-icons { display: block; top: -203px; } body { overflow-x: hidden; } .header-search-result-product { margin-top: 0px; } } @media screen and (max-width: 768px) { .logo_container { margin: 2px 0px; } .background_image { margin: 0px 40px; } .service_row { display: grid; grid-template-columns: repeat(2, 1fr); grid-column-gap: 32px; } .product_card h4 { font-size: 11px; } .hero_container { display: block; } .slider_container { width: 100% } .ad_banner_container { display: none } .hero_banner_slogan { position: relative; } .hero_banner_slogan h2 { color: #000; font-size: 24px; padding: 24px 0; width: 80%; } span.price-old { font-size: 12px; } .span.price-new { font-size: 13px; } .hero_banners { flex-direction: column; } .hero_category_container { height: auto; } .c-product-header { justify-content: center } .category_heading_large_view { display: none; } .sub_category_view { visibility: hidden; margin-top: 15px; display: flex; flex-direction: column; position: absolute; /* margin-left: 50%; */ /* width: 81%; */ z-index: 999999; left: 29%; right: ; } .sub-category-name { border-bottom: 1px solid var(--primary-color); background: #fff; padding: 4px 7px; font-size: 13px; font-weight: bold; margin-left: 0px; margin-bottom: 0px; border-block-end-style: none; border-radius: 0; border: none; border-bottom: #000 solid 1px; } .c-v-all { display: none; } .toggle_home_sub_c { visibility: visible; } .category_heading_small_view { display: block; font-size: 18px; text-align: center; font-weight: 600; } .wishlist_image_name-container { flex-direction: column; align-items: flex-start } .wishlist_image-container { width: 64px; height: 64px; } .wishlist_image-container img { width: 64px; height: 64px; } .wishlist_image_name-container h4 { font-size: 14px; } .wishlist_price { font-size: 14px; } .add_to_cart_btn { font-size: 12px; padding: 4px 6px; } .wishlist_product_header h5 { font-size: 14px; } .cart_container { height: 88vh; } .custom-box { padding: 20px 30px; margin-top: 20px !important; margin: auto; border-radius: 10px; box-shadow: 0 1pt 12pt rgb(150 165 237); } .incrementor_plus { width: 8%; } .otp_title { font-size: 20px; } .section_title { font-size: 18px; } .margin_container { margin-bottom: 0px; } .what_new_container { margin-top: 20px; margin-bottom: 20px; } .top_selling_banner { width: 100%; height: 95px; margin-bottom: 15px; } .footer_title { font-size: 14px; } .footer_logo { text-align: center; } .facebook_page { text-align: center; } .cart-body { max-height: 500px; } .cart_close { margin-top: -29px !important; } .menu-list { margin-top: 0%; } #footer { margin-top: 30px; margin-bottom: 30px; } .image_and_preview_container { width: 100%; display: block; } .image_and_preview_container>.right_section { width: 100%; float: left; } .image_and_preview_container>.left_section { width: 100%; float: right; } .preview_img_box_container { display: flex; width: 100%; overflow-x: auto; margin-bottom: 7px; } .vm--modal { left: 0 !important; z-index: 99999999999; width: 330px !important; height: 333px !important; margin: 0 auto; } .video_frame { width: 305px; height: 308px; } .size_chart_close_icon { margin-left: 86%; margin-bottom: 0px; position: absolute; margin-top: -20px; } .single_name_container { margin-top: 10px; } .category_filtering_on_mobile { position: absolute; z-index: 22222222; background: #ffff; height: 14000px; width: 100%; } .collapse_category_filtering { display: block; } /* .row{ margin-left: -5px !important; margin-right: -5px !important; } */ /* .single_p_wishlist_btn { width: 100%; margin-top: 0px; margin-bottom: 20px; } */ .single_p_name { font-size: 18px; font-family: 'Poppins'; } .mobile_menubar_header { display: block; position: absolute; z-index: 999999; margin-left: -86%; margin-top: 15px; } .mobile_menubar_header>i { font-size: 28px; } .mobile_menubar_search { display: block; position: absolute; margin-left: 70%; margin-top: 14px; color: var(--primary-color); width: 30%; } .mobile_menubar_search>a { font-size: 22px; padding: 0% 10%; } .single_product_img_container { margin-left: 0px; max-height: 400px; } .btn_buy_cart { margin-top: 20px; font-size: 14px; margin-bottom: 25px; } .s_price_container_1, .s_price_container_2, .s_price_container_3 { height: 35px; } .attribute-name { font-size: 18px; margin-top: -10px; } .s_price_container_3 p { margin-top: 8px; } .filter_button_container { display: flex; } .filter_product_count { display: none; } .filter_customize_button { display: block; } .main-header-left { width: 96%; } .product__attribute>label { margin-left: -10px; margin-right: 35px; } /* .qty_container>h4 { margin-left: -10px; } */ /* .input_qty { margin-left: 3%; width: 100% !important; padding: 18px 34% !important; } */ /* .incrementor_plus { margin-left: 17%; } */ /* .incrementor_minus { margin-left: 89%; } */ .margin_design { width: 80%; } .offer_collection { display: none; } .shop_by_category_container { padding-left: 5px !important; padding-right: 5px !important; } .shop_by_category_container>.content { margin-bottom: 15px; height: auto; width: 150px; } .shop_by_category_container>.content img { width: 150px; width: 150px; height: auto; } .shop_by_category_container>.content_footer>.sub_c_name { width: 150px; padding: 11px 5px; font-size: 14px; } .sub_category_angle { padding-left: 5px; } .content_card_container { margin-bottom: 10px !important; padding-left: 5px !important; padding-right: 5px !important; } .content_card { width: 100%; height: auto; padding-bottom: 10px; height: 285px; } .content_card_body img { width: 95%; height: 100%; max-height: 215px; margin: 5px; } .single-product-box { padding: 10px 0px; } .list_content_container { padding-left: 0px !important; padding-right: 8px !important; } .list_content_card { width: 100%; height: auto; max-height: 480px; } .list_content_card_body img { width: 96%; height: auto; margin: 5px; max-height: 330px; } .content_card_container { width: 33%; } .list_content_p_heading { font-size: 16px; } .list_content_price { display: flex; margin: 0% 25%; padding-top: 0px; } .suggest_category_list { min-height: 70px; background: none; } .suggest_category_list>li { width: 30%; height: 36px; margin: 6px 5px; padding: 5px; } .suggest_category_list>li>a { font-size: 14px; font-family: 'Poppins', sans-serif; } .c_new_arrival_offer_container>.c_content { height: auto; } .c_new_arrival_offer_container>.c_content img { height: auto; } .header { height: 75px; } .mens_womens_collection_container { display: block; } .mens_womens_collection_container>.banner_content { width: 100%; margin: 2% 0%; } .mens_womens_collection_container>.banner_content img { width: 100%; max-height: 600px; } .menu-item:hover>.sub-item-list { display: none; } .menu-item { padding: 10px 15px; display: flex; } .sub-menu-icon { display: block; font-size: 24px; font-weight: bold; margin-top: -10px; } .menu-icon { display: block; color: #fff; font-weight: bold; justify-content: space-between; margin-left: auto; font-size: 32px; margin-right: 10px; margin-top: -10px; } .cart-open { display: none; } /* .colapse-cart { width: 95%; margin-bottom: 20%; height: 70%; } */ .colapse-cart { height: 90%; margin-bottom: 60px; } ul.p-image-name li { padding: 0px 5px !important; font-size: 12px; } .main-header-right { display: none; } .__footer_nav { width: 100%; position: fixed; bottom: 0; background: #fff; height: 6rem; z-index: 99999999999999999; left: 0; box-shadow: 5px 10px 18px #333e48; padding-top: .45rem; color: #333; display: block; } .__footer_nav ul { display: flex; list-style: none; margin-top: 8px; padding-left: 8px; } .__footer_nav ul li { font-size: 1.55rem; width: 20%; text-align: center; } .__footer_nav ul li p { font-size: 12px; font-family: 'Poppins', sans-serif; margin-left: 2px; } .footer_icon { font-size: 26px; color: var(--primary-text-color); cursor: pointer; margin-bottom: 2px; } .customize_c_item { margin-top: 16px; background: var(--primary-text-color); border-radius: 50%; position: absolute; width: 14px; height: 14px; color: #fff; padding: 7px 1.5px; margin-left: 23px; font-size: 10px; } .header_search_form { display: none; width: 900px; background: #ffff; position: absolute; z-index: 9999999999999999999; height: 2000px; margin-left: -65%; margin-top: 9%; } .search-input { width: 64%; margin-left: 0%; margin-top: -305px; } .search-btn { position: absolute; display: block; top: 15px; left: 72%; width: 70px; } .search-content { z-index: 1000; margin-left: 0; } .search_toggle { display: block; } .subscribe-input { width: 80% !important; margin-left: -12px; } .footer_info_row { height: 80px; margin-top: -5px; } .end_footer p { text-align: center; font-size: 16px; } #footer .f_info_left { margin-top: 15px; margin-left: 10%; } #footer .f_info_right { padding-top: 25px; margin-right: 23%; color: #fff; } /* header respoonsive */ img.site-logo { position: absolute; left: 14%; top: 6%; } /* header section responsive */ .main-header-right li { font-size: 16px; padding: 15px 10px; } span.price-new { font-size: 13px; margin-left: -5%; } /* new arrival section responsive issue */ .arrival_heading { text-transform: uppercase; margin-top: 5px; font-size: 12px; } .new_arrival_section { margin-top: 0px; margin-bottom: 20px; } .new_arrival_container { width: 130px; height: 230px; } .new_arrival_card { width: 120px; height: 120px; background: #F4F1F0; border-radius: 50%; } .new_arrival_card_body img { width: 90px; height: 90px; margin: 15px; border-radius: 50%; } .vhl-item[data-v-8b923bbc] { box-sizing: content-box; padding-top: 0px !important; padding-bottom: 20px !important; z-index: 1; min-height: 1px; } .arrival_link { font-size: 12px; font-weight: normal; text-transform: none; line-height: 15px; } /* service section responsive */ .service_container { width: 100%; float: left; } .parallax_background { width: 100%; height: 350px; background-attachment: fixed; background-position: center; background-repeat: no-repeat; background-size: cover; margin: 10px 0px; } .btn_shop_now { margin-top: 25%; margin-right: 40%; } /* collection responsive */ .offer_collection { margin-bottom: 10px; } .collection_left { margin-left: -5px; width: 100%; height: 600px !important; } .collection_right { width: 100%; height: 600px !important; margin-left: -5px; margin-top: 20px; } .container_offer_header { text-align: center; margin-top: 160px; width: 80%; margin-left: 10%; height: 108px; } .collection_content { display: block; background: #fff; margin: 1%; width: 48%; float: left; } .collection_content img { width: 100%; height: 200px; padding: 10px; } .collect_sub_data { text-align: center; float: none; } .collect_sub_data .p1 { font-size: 14px; } .collect_sub_data .p2 { font-size: 16px; padding: 5px; line-height: 7px; padding-top: 0px; } .btn_more { margin-bottom: 10px; } /* campaign responsive */ .campaign_clock { position: absolute; margin-top: -36px; margin-left: 22%; } .random_heading { text-align: center; } .arrow_icon { display: inline-block; } .search-content { text-align: left; } .product-image-viewe { width: 85%; margin-bottom: 60px !important; } img.responsive-image.preview-box { width: 85%; margin-bottom: 25px !important; } /* starte the custome nav css*/ header.main-menu { position: relative; left: 0; top: 0; } nav.menu { display: flex; width: 100%; } ul.nav-list { display: flex; width: 100%; height: 40px; width: 100%; background-color: var(--primary-color); } ul.nav-list li { line-height: 2.5rem; position: relative; text-align: center; top: 9px; left: 9rem; } ul.nav-list li .nav-item { color: #fff; padding: 0 12px; } .menu-icons { color: var(--primary-color); font-size: 4rem; position: absolute; top: -40px; z-index: 1500; right: 2rem; transform: translateY(50%); display: none; } .sub-menu { background-color: #fff; color: #fff; top: 29px; left: 12px; width: 170px; z-index: 100000000; position: absolute; border-top: 3px solid var(--primary-color); font-size: 12px; text-align: left; display: none; border-bottom: 1px solid #ddd; border-right: 1px solid #ddd; border-left: 1px solid #ddd; } .sub-menu .sub-menu { top: 0px; left: 162px; border-top: none; border-top: 2px solid var(--primary-color) } .sub-menu::before { content: ""; position: absolute; top: -16px; left: 0; border: 7px solid transparent; border-bottom-color: #fff; } .sub-menu .sub-menu::before { top: -4px; left: -14px; border: 7px solid transparent; border-right-color: #fff; } .nav-list li:hover>.sub-menu { display: block; } ul.sub-menu li { text-align: left; padding: 5px 0 0; border-bottom: 1px solid #ddd; background: #fff; margin-left: 5px; left: 0px; } .nav-router { color: #000; } /* in small view device quick view button won't display */ .btnQuick { display: none; } /* frontend common responsive issue is start from here */ img.responsive-image.preview-box { width: 85%; margin-left: 20px; } /* landing responsive code is start from here */ .container { margin: 5px; } .banner_container { margin-left: -13px; } .banner img { max-width: 120px; max-height: 130px; border: 1px solid #eee; border-radius: 5px; } .product-card { width: 100%; height: auto; background: #F4F1F0; border: 1px solid #ddd; text-align: center; padding-top: 5px; margin-bottom: 15px; } .content_card:hover>.content_card_footer { display: none; } .product-card p { font-size: 13px; margin-top: -15px; } .product-detail h4 { font-size: 16px; padding-bottom: 10px; margin-top: -5px; } .product-card-body img { width: 95% !important; height: 100% !important; padding: 5px 0px !important; } /* contact us responsive code is here */ .address_container { margin-top: 30px; margin-left: 10px; margin-right: 10px; margin-bottom: 20px !important; } .contact_row { margin-top: -15px !important; } .short_desc_footer { position: relative; font-size: 14px; line-height: 24px; margin-left: -10px; } .box { margin: 10px; } /* single display product responsive isssue is start from here ; */ .product-details { margin-left: 0px; } .product-details ul { list-style: none; margin-left: -16px; margin-right: 3px; } .r_title { margin-left: 20px; } .single_product_heading h4 { font-size: 16px; } .list-unstyled h2 { font-size: 20px; } .details-tab-menu-list li { font-size: 11px !important; } /* cart responsive is start from here */ .cart_row { padding-bottom: 25px; } /* .cart_responsive_item { margin-left: 250px; margin-top: -54px; } */ .cart_responsive_price { margin-left: 270px; margin-top: -44px; } .cart_responsive_total { margin-left: 310px; margin-top: -24px; } .cart_responsive_remove { cursor: pointer; /* margin-left: 350px; margin-top: -24px; */ } /* blog responsive issue is start from here */ .desc_info p { font-size: 12px; line-height: 24px; font-style: normal; } .feature_image { width: 311px !important; height: 230px !important; margin-top: 18px !important; border: 3px dashed; } /* carrier details page responsive is here */ .carrier_description { font-size: 14px; line-height: 24px; } .carrier_feature_image { width: 205px; height: 132px; border-radius: 10px; } /* cart responsive is start from here */ .cart-open { height: 70px; } .cart-open i { font-size: 18px; } .cart-total { background: #fff; width: 100%; padding: 5px; border: 1px solid #ddd; font-size: 14px; } .cart-total h5 { margin-top: 2px !important; font-size: 14px; } /* footer responsive code is start from here */ .quick_link { margin-left: 0px; } .news_letter { margin-left: 25px; } .best_selling_discount { line-height: 40px; right: -36px; top: -133px; font-size: 11px; } .best_selling_discount { background: #A616B6; border-radius: 100%; color: #fff; display: block; font-size: 10px; font-weight: 600; height: 40px; width: 40px; line-height: 37px; position: absolute; right: -66px; text-align: center; top: 25px; transform: translate(-50%, -50%) rotate(-30deg); } .d_off { position: absolute; margin-left: -18px; margin-top: 10px; } .discount { background: #A616B6; border-radius: 100%; color: #fff; display: block; font-size: 10px; font-weight: 600; height: 35px; width: 35px; line-height: 36px; position: absolute; right: -12px; text-align: center; top: 19px; transform: translate(-50%, -50%) rotate(-30deg); } .d_off_category { position: absolute; margin-left: -17px; margin-top: 10px; } .header-search-result-product { margin-top: 0px; } } .flip-card { font-size: 1.5rem !important; } @media screen and (max-width:700px) { .header_search_form { margin-left: -65%; margin-top: 11%; } .content_card { height: 266px; } .content_card_body img { /* max-height: 190px; */ } .search-input { width: 55%; margin-left: -3%; } .search-btn { left: 60%; } .search-content { z-index: 1000; margin-left: 0; } .best_selling_discount { background: #A616B6; border-radius: 100%; color: #fff; display: block; font-size: 10px; font-weight: 600; height: 35px; width: 35px; line-height: 35px; position: absolute; right: -78px; text-align: center; top: 18px; transform: translate(-50%, -50%) rotate(-30deg); } } @media screen and (max-width:600px) { .margine_faou { margin: 0; } .margin_0 { padding: 0 40px; } .section_title { margin-top: 16px } .side_padding { padding: 0 10px } .whats_app_float { bottom: 60px; } .empty_info-container img { width: 160px; } .cart_container { width: 340px; } .item_name { font-size: 14px; } .cart_total_container h4 { font-size: 14px; white-space: nowrap; } .name_size_container h6 { font-size: 12px } .cart_total_container h4 { font-size: 12px; } .cart_qnt_container h4 { font-size: 12px; } .cart_qnt_container h6 { font-size: 12px; } .cart_checkout h6 { font-size: 12px; } .cart_checkout_btn { font-size: 14px } .more_shopping span { font-size: 12px; } .subtotal_container h4 { font-size: 14px; } .cart_img_container { height: 84px; width: 84px; } .header_search_form { margin-left: -65%; margin-top: 12%; } .content_card_container { width: 50%; } .search-input { width: 47%; margin-left: -5%; } .search-btn { left: 50%; } .search-content { z-index: 1000; top: 166px; width: 84%; margin-left: 0; } .auto_writer { top: 30px; left: 11%; } .content_card { height: 330px; } .content_card_body img { height: 100%; /* max-height: 265px; */ } .list_content_card { max-height: 380px; min-height: 380px; } .list_content_card_body img { height: auto; max-height: 365px; } .discount { margin: -7px; right: -4px; top: 25px; } /* .discount { margin: -7px; right: -4px; top: 25px; } */ .discount_star { font-size: 24px; } .card-body { margin: 10px; } .user_profile_icon { width: 50px; height: 50px; } .table_container { overflow-x: scroll; margin: 10px; } .best_s_star { margin: 2px; font-size: 12px; color: #fff; } .flas_selling_discount { right: -27px; top: -172px; width: 50px; height: 50px; font-size: 11px; font-weight: 600; } .flash_s_star { margin: 2px; font-size: 12px; color: #fff; } /* .new_product_discount{ right: -8px; top: -152px; width: 42px; height: 42px; font-size: 11px; font-weight: 600; } */ .new_p_star { margin: 2px; font-size: 12px; color: #fff; } .cart-empy img { height: 130px; } .best_selling_discount { font-size: 9px; right: -80px; } .d_off { position: absolute; margin-left: -16px; margin-top: 10px; } } @media screen and (max-width:530px) { .header_search_form { margin-left: -65%; margin-top: 14%; font-size: 12px; } .search-input { width: 42%; margin-left: -6%; } .search-btn { left: 44%; } /* .incrementor_plus { margin-left: 18%; } */ /* .incrementor_minus { margin-left: 88%; } */ .content_card_body img { height: 100%; /* max-height: 230px; */ } .list_content_card { max-height: 380px; } .list_content_card_body img { height: auto; max-height: 365px; } .best_selling_discount { font-size: 9px; right: -95px; } .d_off { position: absolute; margin-left: -16px; margin-top: 10px; } } @media screen and (max-width: 480px) { .btn_buy { width: 100%; } .content_link { font-size: 12px; line-height: 16px; } /* .landing_slider_img { min-height: 160px; max-height: 160px; } */ .incrementor_plus { width: 7.5%; } #footer .f_info_right { display: none; } .quick_link { margin-left: 0px; } .footer__address { padding-left: 0px; } .footer_info_row { height: 80px; margin-top: 0px; } .short_desc_footer { margin-left: 0px; } .suggest_category_list>li>a { font-size: 12px; } .header_search_form { margin-left: -65%; margin-top: 13%; } .auto_writer { top: 37px; left: 11%; font-size: 12px; } .content_card { height: 265px; } .content_card_body img { height: 100%; /* max-height: 205px; */ } .list_content_card { max-height: 300px; min-height: 300px; } .list_content_card_body img { height: auto; max-height: 305px; } .best_selling_discount { font-size: 9px; right: -95px; } .d_off { position: absolute; margin-left: -16px; margin-top: 10px; } } @media screen and (max-width: 450px) { /* .incrementor_plus { margin-left: 20%; } */ /* .incrementor_minus { margin-left: 86%; } */ .header_search_form { margin-left: -65%; margin-top: 14%; } .search-input { width: 40%; margin-left: -7%; margin-top: -295px; } .search-btn { left: 41%; top: 25px; } .auto_writer { top: 40px; left: 9%; font-size: 12px; } .filter_button_container>button { height: 60px; margin: 0% 2%; font-size: 10px; } .filter_list_container>select { height: 40px !important; padding: 6px 12px; font-size: 15px !important; border: 1px solid var(--primary-color) !important; font-family: 'Poppins', sans-serif; border-radius: 15px; margin-top: 10px; margin-left: 3px; } .content_card { height: 276px; } .content_card_body img { height: 100%; /* max-height: 184px; */ } .list_content_card_body img { width: 185px; height: auto; max-height: 284px; } .content_link { font-size: 12px; line-height: 16px; } .flip-card { font-size: 1rem !important; } .container { margin: 5px !important; } .subscribe-input { width: 90% !important; } /* footer responsive */ .footer_info_row { height: 75px; margin-top: -5px; } .end_footer p { text-align: center; font-size: 14px !important; } #footer .f_info_left { margin-top: 15px; margin-left: 15%; } #footer .f_info_right { padding-top: 25px; margin-right: 16%; color: #fff; } .product-detail h4 { font-size: 12px; padding-bottom: 10px; margin-top: -5px; } /* servie reseponsive */ .service_outer { width: 55px; height: 55px; } .service_inner { width: 40px; height: 40px; margin: 6.5px 6px; } .service_icon { margin: 9px; font-size: 22px; } .service_container p { font-size: 12px; line-height: 12px; } .service_container h4 { font-size: 14px; } /* categories and readom section responsive */ .banner_image { width: 100px; height: 100px; } /* new arrival responsive issue */ .new_arrival_section { margin-top: 15px; } .new_arrival_container { width: 120px; height: 190px; margin-top: 25px; } .new_arrival_card { width: 105px; height: 105px; background: #F4F1F0; } .new_arrival_card_body img { width: 85px; height: 85px; margin: 10px; } .collection_content img { width: 100%; height: 165px; padding: 10px; } /* header-section responsive */ .main-header-right li { font-size: 12px; padding: 15px 5px; } .campaign_clock { margin-top: -9%; margin-left: 11%; } .sale_campaign { margin-bottom: 20px !important; } .sale_campaign h3 { margin-left: -32%; font-size: 14px; margin-top: 10px; margin-bottom: 15px; } .product-thumb.clearfix { height: 220px !important; } .best_selling_discount { font-size: 9px; right: -80px; top: 35px; } .d_off { position: absolute; margin-left: -16px; margin-top: 10px; } #footer .link_line li { border-bottom: 0.5px solid #383535; width: 60%; } } @media screen and (max-width: 400px) { .header_search_form { margin-left: -65%; margin-top: 15%; } .login_with_password_btn { font-size: 12px; } #footer .link_line li { width: 53%; } #footer .column a { font-size: 12px; } #footer .f_info_left { margin-left: 9%; } .suggest_category_list>li>a { font-size: 11px; } .search-input { width: 38%; margin-left: -8%; } .search-btn { left: 38%; } .content_card { height: 244px; } .content_card_body img { height: 100%; /* max-height: 167px; */ } .list_content_card { max-height: 275px; min-height: 275px; } .list_content_card_body img { max-height: 267px; width: 170px; } .list_content_details { height: 150px; overflow-y: auto; } .list_content_p_heading { font-size: 12px; } } @media screen and (max-width:380px) { .header_search_form { margin-left: -65%; margin-top: 16%; } .search-input { width: 37%; margin-left: -9%; } .search-btn { left: 36%; } .search-content { z-index: 1000; top: 166px; width: 90%; margin-left: 0; } .auto_writer { left: 7%; font-size: 11px; } /* .incrementor_plus { margin-left: 21%; } */ /* .input_qty { padding: 18px 32% !important; } */ /* .incrementor_minus { margin-left: 85%; } */ .suggest_category_list { min-height: 60px; } .suggest_category_list>li { width: 31%; height: 30px; margin: 5px 3px; line-height: 14px; } .suggest_category_list>li>a { font-size: 10px; font-family: 'Poppins', sans-serif; } .content_card { height: 222px; } .list_content_card { max-height: 255px; } .list_content_card_body img { max-height: 237px; } .content_card_body img { height: 100%; /* max-height: 137px; */ } .list_content_card { max-height: 255px; min-height: 255px; margin-top: 10px; } .list_content_card_body img { max-height: 237px; } .list_content_details { height: 134px; } #footer .f_info_right { padding-top: 25px; margin-right: 10%; color: #fff; } .cart_responsive_item { /* margin-left: 200px; */ } .cart_responsive_price { margin-left: 218px; } .cart_responsive_total { margin-left: 252px; } .cart_responsive_remove { /* margin-left: 297px; */ } } @media screen and (max-width:370px) { .search-input { width: 35%; margin-left: -9%; } .list_content_card_body img { width: 160px; } .content_card_body img { height: 100%; /* max-height: 135px; */ } .content_card { height: 224px; } #footer .column a { font-size: 11px; } .search-btn { left: 35%; } .best_selling_discount { font-size: 9px; right: -88px; top: 35px; } .d_off { position: absolute; margin-left: -16px; margin-top: 10px; } } @media screen and (max-width:350px) { .list_content_card_body img { width: 93%; } .content_card_body img { height: 100%; /* max-height: 135px; */ } .content_card { height: 204px; } .search-btn { left: 35%; } .campaign_clock { margin-top: -12%; margin-left: 15%; } .flip-card { font-size: 1rem !important; } .flip-clock__slot { display: none !important; } #footer .f_info_left { margin-left: 2%; } }