@import url("https://fonts.googleapis.com/css2?family=Kanit:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");
.full-hd{max-width:1920px !important;margin:auto}
.max-hd{max-width:1600px !important;margin:auto}
.view-hd{max-width:1500px !important;margin:auto}
.con-hd{max-width:1400px !important;margin:auto}
.pro-hd{max-width:1300px !important;margin:auto}
.min-hd{max-width:1200px !important;margin:auto}
.mini-hd{max-width:1100px !important;margin:auto}
.namepro{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}
.text-wrap{word-break:break-word;word-wrap:break-word;overflow-wrap:break-word}
.text-in-line{overflow:hidden;height:42px;line-height:22px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;-o-text-overflow:ellipsis;text-overflow:ellipsis;word-break:break-word}
.text-in-line-title{overflow:hidden;height:28px;line-height:28px;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;-o-text-overflow:ellipsis;text-overflow:ellipsis;word-break:break-word}
.text-in-line-small{overflow:hidden;height:28px;line-height:32px;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;-o-text-overflow:ellipsis;text-overflow:ellipsis;word-break:break-word}
html{font-size:16px}
body{font-family:"Kanit",sans-serif;padding-top:134px}
a{text-decoration:none}
a,a:hover{color:black}
section.layout-content{padding:3rem 0;padding-bottom:2rem}
.breadcrumb{text-transform:uppercase}
header a,header a:hover{color:black}
header .social{width:30px;height:auto}
header .navbar{padding:0;background-color:#131399;box-shadow:0 0 10px -7px}
header .navbar-nav{padding:0}
header .navbar-nav .nav-item{position:relative}
header .navbar-nav .nav-item .nav-link{font-size:18px;font-weight:400;text-transform:initial;color:#555}
header .navbar-nav>.nav-item>.nav-link{padding:15px 30px;transition:unset;color:#555}
header .navbar-nav>.nav-item:hover>.nav-link,header .navbar-nav>.nav-item.active>.nav-link{color:#131399}
header .navbar-nav .dropdown-menu{border-radius:0;border-bottom-left-radius:0;border-bottom-right-radius:0;background-color:white;box-shadow:0 1px 3px -2px;border:none;padding:0}
header .navbar-nav .dropdown-menu .nav-item .nav-link{color:#555;padding:10px 25px}
header .navbar-nav .dropdown-menu .nav-item .nav-link .sub-arrow{right:25px}
header .navbar-nav .dropdown-menu .nav-item:hover,header .navbar-nav .dropdown-menu .nav-item.active{background-color:#131399}
header .navbar-nav .dropdown-menu .nav-item:hover>.nav-link,header .navbar-nav .dropdown-menu .nav-item.active>.nav-link{color:white}
header .top-nav{color:white;background:#333;padding:5px 0}
header .top-nav p{font-size:14px;font-weight:200}
header .top-nav a,header .top-nav a:hover{color:white}
header .social-box{text-align:right}
header .social-box a{display:inline-block;vertical-align:middle;font-size:24px;line-height:0}
header .social-box a .fa-line{color:#00c200}
header .social-box a .fa-facebook-square{color:#4267b2}
header .social-box .cart-list{display:inline-block}
header .cart{display:inline-block}
header .cart img{width:30px;height:auto}
header .cart .dropdown-menu{right:0;left:auto}
header .cart .cart-detail{overflow-y:scroll;height:100%}
header .menu-bar{box-shadow:0 2px 5px -5px;padding:10px 10px;display:flex;background-color:#131399}
header .menu-bar .navbar-toggler{padding:25px;color:white;border-color:transparent}
header .menu-bar .navbar-toggler:focus{text-decoration:none;outline:0;box-shadow:unset}
header .menu-bar>.logo{margin-right:auto}
header .menu-bar .search-form{width:100%}
header .menu-bar .social-box{margin-right:15px;flex:0 0 130px}
header form.search-form input{border:none;border-bottom:1px solid;border-radius:100px;outline:none;box-shadow:none !important;background-color:white;border-bottom:1px solid transparent}
header form.search-form input:hover,header form.search-form input:focus{background-color:white}
header form.search-form ::-webkit-input-placeholder{color:#555 !important;font-weight:300;font-size:16px}
header form.search-form :-ms-input-placeholder{color:#555 !important;font-weight:300;font-size:16px}
header form.search-form ::placeholder{color:#555 !important;font-weight:300;font-size:16px}
header form.search-form button{background-color:#fdd741;border-radius:0;border-bottom-right-radius:100px;border-top-right-radius:100px;padding:0 12px;padding-right:24px;height:36px;color:#555}
header form.search-form button:hover{background-color:#fdd741;color:#555}
header .btn.login{color:white;text-transform:initial;border:unset;border-radius:0;line-height:2px}
header .btn.login.dropdown-toggle::after{display:none}
header .btn:hover{color:#fdd741;background-color:transparent}
header .btn-check:focus + .btn,header .btn:focus{color:white;background-color:transparent;border-color:transparent;outline:0;box-shadow:unset}
header .hot-line{background-color:#fdd741}
header .hot-line a{color:#131399}
.nav_bottom.positionFixed{background-color:#131399}
.nav_bottom.positionFixed .navbar-nav .nav-item .nav-link{color:white}
.nav_bottom.positionFixed .navbar-nav>.nav-item>.nav-link{color:white}
.nav_bottom.positionFixed .navbar-nav>.nav-item:hover>.nav-link,.nav_bottom.positionFixed .navbar-nav>.nav-item.active>.nav-link{color:#fdd741 !important}
.positionFixed{z-index:999;position:fixed;width:100%;top:0;left:0;box-shadow:0 0 6px -5px;background:white}
.scrollToTop{bottom:3px;padding:0;position:fixed;right:10px;text-align:center;width:min-content;height:auto;z-index:998;background-color:transparent;border:0;transition:all 0.5s ease 0s;opacity:1}
.scrollToTop.scroll-show{opacity:0}
.scrollToTop a{width:100%;height:100%}
.scrollToTop i{font-size:xx-large;color:#fdd741}
.scrollToTop i:hover{color:#9e9e9e}
.scrollToTop a.telbtn i{font-size:18px;background-color:#fdd741;padding:10px;margin-bottom:10px;border-radius:100px;color:#131399}
.vvr .navright_btn{position:fixed;z-index:999;top:92px;right:0;border:1px solid #d5d5d5;border-radius:0;background-color:white}
.vvr #nav_right{right:-70vw;transition:right 0.5s;position:fixed;width:50%;top:0;background-color:white;height:100%;z-index:999;box-shadow:4px 0 8px}
.vvr #nav_right.collapsing{right:-70vw;transition:right 0.5s}
.vvr #nav_right.show{right:0;min-width:320px}
.vvr #nav_right .nanvbar-toggler{font-size:18px;padding:10px;line-height:35px;border:unset;width:100%;text-align:left;background-color:whitesmoke;color:#131399}
.vvr #nav_right .container.max-hd{padding-top:20px;padding-bottom:150px}
.vvr [cat-sidebar]{overflow-y:scroll;height:100%}
.vvr .nav-bottom-toggler{text-align:right;box-shadow:0 0 5px -10px;background:white}
.vvr .nav-bottom-toggler a{padding:5px 15px;display:inline-block}
.vvl #nav_left{left:-70vw;transition:left 0.5s;position:fixed;width:50%;top:0;background-color:white;height:100%;z-index:999;box-shadow:-2px 0 8px}
.vvl #nav_left.collapsing{left:-70vw;transition:left 0.5s}
.vvl #nav_left.show{left:0;min-width:320px}
.vvl #nav_left .nanvbar-toggler{font-size:18px;padding:10px;line-height:35px;border:unset;width:100%;text-align:right;background-color:whitesmoke;color:#131399}
.vvl #nav_left .container.max-hd{padding-top:20px;padding-bottom:20px}
.vvl [cat-sidebar]{overflow-y:scroll;height:100%}
.vvl .nav-bottom-toggler{text-align:left;box-shadow:0 0 5px -10px;background:white}
.vvl .nav-bottom-toggler a{padding:5px 15px;display:inline-block}
footer{background:#131399;color:white}
footer .list-group-item{border:none;background:none;padding:0}
footer a,footer p,footer span{font-weight:200;font-size:14px}
footer a{color:white}
footer a:hover{color:#9e9e9e}
footer .h4{font-size:18px}
footer .follow_us a{font-size:22px}
footer .follow_us a i{color:white}
footer .follow_us a.facebook{padding:0 5px 0 0}
footer .follow_us a.instagram{padding:0 5px}
footer .follow_us a.twitter{padding:0 5px}
footer .follow_us a.youtube{padding:0 5px}
footer .follow_us a.line{padding:0 5px}
footer .follow_us a.email{padding:0 5px}
footer .nav-credit{text-align:center;padding:10px;background:#131399;font-size:14px;border-top:1px solid #fff42}
footer .nav-credit ul{display:flex;justify-content:center;margin-bottom:0;list-style:none !important;padding:0}
footer .nav-credit ul li:not(:last-child){margin-right:15px;padding-right:15px;border-right:1px solid #fff42}
footer .nav-credit ul li a{font-weight:200}
footer .nav-credit ul li a:hover{color:#9e9e9e}
.static-pro .newpage a{padding:10px 25px;border:1px solid #e5e5e5}
.static-pro .newpage a:hover{background-color:#e5e5e5}
.static-pro .sw-box{margin-left:5rem !important}
.static-pro .card{border-radius:0;border-color:#0000a;box-shadow:2px 1px 10px -10px;transition:all 0.2s;height:100%;overflow:hidden;border-radius:0}
.static-pro .card .inner-card{position:relative;overflow:hidden}
.static-pro .c-pic1{width:100%;height:0;margin:auto;padding-top:100%;transition:all 0.2s;opacity:1}
.static-pro .c-pic2{width:100%;height:0;padding-top:100%;transition:all 0.2s;position:absolute;top:0;left:0;right:0;margin:auto;background-color:white;opacity:0}
.static-pro .c-pic1,.static-pro .c-pic2{background-size:cover;background-repeat:no-repeat;background-position:center;max-width:100%;padding-top:100%}
.static-pro .seemore{position:absolute;bottom:-45px;width:100%;background-color:rgba(0,0,0,0.5);color:white !important;transition:all 0.3s ease-in-out}
.static-pro .seemore p{line-height:2.5;color:white;font-weight:300}
.static-pro .soldout{position:absolute;bottom:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background-color:rgba(0,0,0,0.5);color:white !important;transition:all 0.3s ease-in-out}
.static-pro .soldout p{line-height:2.5;color:white;font-weight:300}
.static-pro .input-num input::-webkit-outer-spin-button,.static-pro .input-num input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.static-pro .input-num .ii .form-control{font-size:15px;height:37px;width:65px;border-radius:0}
.static-pro .cart-pro p{width:max-content;margin-left:auto !important;margin-right:auto !important;padding:0;line-height:42px;width:38px;height:38px;border-radius:100%;background-color:#e5e5e5;color:#131399;font-size:13px;transition:all 0.3s}
.static-pro .cart-pro p:hover{background-color:#131399;color:white}
.static-pro .card:hover{border-color:#131399;box-shadow:2px 1px 10px -10px #131399}
.static-pro .card:hover .expic{transform:scale(1.1)}
.static-pro .card:hover .c-pic2{opacity:1}
.static-pro .card:hover .seemore{bottom:0}
.static-pro .status{position:absolute;top:0;right:0}
.static-pro .status div.btn{border-radius:unset;padding:1px 5px 1px 5px;font-size:12px;background-color:rgba(0,0,0,0.1)}
.static-pro .textproduct .codepro{font-size:12px}
.static-pro .textproduct .namepro{font-weight:500}
.static-pro .textproduct .pricepro{font-size:18px;color:#131399;font-weight:500}
.catdetail_box .catdetail_text{text-align:center}
.trait-label{border-bottom:1px solid #13139963;color:#131399;padding-bottom:10px;margin-bottom:10px;font-weight:400;text-transform:uppercase;font-size:24px}
.trait-label a{color:#131399}
.trait-label a:hover{color:#1313998f}
.trait-label>i{font-size:18px}
.trait-label.active a{color:#131399;font-weight:600}
.sub-arrow{position:absolute;top:50%;margin-top:0;left:auto;right:0;width:25px;height:25px;overflow:hidden;font:bold 14px/25px monospace !important;text-align:center;text-shadow:none;background:transparent}
.sub-arrow::before{content:"+"}
.side-category .nav-link{position:relative;line-height:36px;font-size:16px}
.cat-sidebar .sub-arrow{right:0;height:100%;top:0;line-height:32px !important}
.cat-sidebar .nav-link{padding:0;margin-bottom:5px;padding-right:25px;font-size:18px}
.cat-sidebar .nav-link i{font-size:14px;margin-right:10px}
.cat-sidebar .nav-link:hover{color:#131399;font-weight:500}
.cat-sidebar .nav-link:hover i{color:#131399}
.cat-sidebar li.active>a{color:#131399;font-weight:500}
.cat-sidebar li.active>a i{color:#131399}
.attrbox .ch_list .form-check-input{width:20px;height:20px;margin-bottom:1px}
.attrbox .ch_list .form-check-label:hover{cursor:pointer;color:white}
.attrbox ul.list-group{cursor:pointer}
.attrbox ul.list-group li:hover{background-color:#131399;color:white;cursor:pointer}
.attrbox ul.list-group li:hover a{color:white}
.attrbox ul.list-group:hover{cursor:pointer}
.attrbox .attr-show-all:hover{color:#131399}
.price-form .btn{border-radius:100px;border:1px solid #ced4da;color:#868686}
.price-form .btn:hover{border-color:#131399;color:#131399}
.price-form .tx{color:#ced4da}
.price-form input.form-control{border-radius:100px}
.price-form .input-group:not(.has-validation)>.dropdown-toggle:nth-last-child(n+3),.price-form .input-group:not(.has-validation)>:not(:last-child):not(.dropdown-toggle):not(.dropdown-menu){border-top-right-radius:100px;border-bottom-right-radius:100px}
.price-form .input-group>:not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback){border-top-left-radius:100px;border-bottom-left-radius:100px}
.product-detail li.breadcrumb-item{font-weight:300}
.product-detail .breadcrumb{text-transform:uppercase !important}
.product-detail .breadcrumb-item.active{color:black;font-weight:500}
.product-detail .crumb-detail{margin-bottom:2rem}
.product-detail .crumb-detail a{color:#6c757d !important}
.product-detail .crumb-detail a:hover{color:#131399 !important}
.product-detail .crumb-detail p{color:#444}
.product-detail .price-if-va{background-color:#f6f6f6;padding:5px 25px;display:block;width:100%}
.product-detail .have_balance{font-size:15px}
.product-detail .have_balance.red{color:red}
.product-detail .have_balance.green{color:green}
.product-detail ._box .status{display:block;text-align:left;margin-bottom:3px}
.product-detail ._box .status .btn.btn-bl{background-color:red;border-radius:0;border-top-right-radius:0;border-bottom-right-radius:30px;padding:5px 20px 10px 15px;font-size:16px;color:white}
.product-detail ._box .status .btn:hover{border-color:transparent}
.product-detail ._box .status.yellow .btn.btn-bl{background-color:#fdd741 !important;color:#131399}
.product-detail ._box .status.green .btn.btn-bl{background-color:#131399 !important}
.product-detail ._box .status.salmon .btn.btn-bl{background-color:#fdd741 !important;color:#131399}
.product-detail ._box .status.sale .btn.btn-bl{background-color:red !important}
.product-detail ._box .status.cat .btn.btn-bl{background-color:#000 !important;max-width:200px;overflow:hidden}
.product-detail ._box .bgc{background-color:#f2f2f28c;position:absolute;bottom:0;left:0;width:100%;height:100%;padding:0;z-index:1}
.product-detail ._box .soldout{position:absolute;bottom:0;left:0;width:100%;background-color:#f2f2f2;padding:10px;z-index:1}
.product-detail ._box .soldout span{color:red;font-size:16px}
.product-detail ._box .boxstatus{position:absolute;top:0;left:0;width:fit-content;height:fit-content;z-index:3}
.product-detail .swiper-slide:hover{cursor:pointer}
.product-detail .form_cart .form-control{border-top-left-radius:0;border-bottom-left-radius:0;border-top-right-radius:0;border-bottom-right-radius:0;border:1px solid #00012}
.product-detail .form_cart .btn_minus,.product-detail .form_cart .btn_plus{border:1px solid #00012}
.product-detail .form_cart .btn_minus{border-top-right-radius:0;border-bottom-right-radius:0}
.product-detail .form_cart .btn_plus{border-top-left-radius:0;border-bottom-left-radius:0}
.product-detail .form_cart .form-control:focus{color:#495057 !important;background-color:#fff !important;border-color:#ced4da !important;outline:0 !important;box-shadow:unset !important}
.product-detail .form_cart .btn.focus,.product-detail .form_cart .btn:focus{outline:0;box-shadow:unset !important}
.product-detail .form_cart .qty-input{padding:0;overflow:hidden !important;width:100px;background:white}
.product-detail .form_cart .qty-input input{text-align:center}
.product-detail .form_cart .boxaddtocart .btn{border-radius:0;padding:0.7rem 0.4rem;width:100%}
.product-detail .form_cart .boxaddtocart .btn1{background-color:white;border-color:#131399;color:#131399}
.product-detail .form_cart .boxaddtocart .btn1:hover{background-color:#131399;color:white}
.product-detail .form_cart .boxaddtocart .btn2{background-color:#131399;border-color:#131399;color:white}
.product-detail .form_cart .boxaddtocart .btn2:hover{background-color:#000;color:white}
.product-detail .vava .variant-label{display:none}
.product-detail .vava .list-group{display:block}
.product-detail .vava .list-group-item{border-radius:0;display:inline-block;width:max-content;margin-bottom:8px;cursor:pointer;padding:5px 15px;font-size:14px;position:relative}
.product-detail .vava .list-group-item img.lineimg{display:none;width:100%;height:100%;max-width:100%;max-height:100%;position:absolute;top:0;left:0;border-radius:100px}
.product-detail .vava .list-group-item.radius{max-width:100%;min-width:44px;text-align:center;padding:0 8px;min-height:40px;max-height:40px;line-height:calc(6/2);overflow:hidden;text-overflow:ellipsis}
.product-detail .vava .list-group-item.radius:not(:last-child){margin-right:10px}
.product-detail .vava .list-group-item.iscolor{border-color:transparent;padding:0;margin-right:10px;border-radius:100px;opacity:1}
.product-detail .vava .list-group-item.iscolor .dot{display:none}
.product-detail .vava .list-group-item.iscolor .notdot{display:inline-block}
.product-detail .vava .list-group-item._variant-item.disabled img.lineimg{display:block}
.product-detail .vava .list-group-item + .list-group-item{border-top-width:thin}
.product-detail .vava .list-group-item.active{z-index:2;color:#000 !important;background-color:#d9f4f9;border-color:#d9f4f9}
.product-detail .vava .list-group-item.active.radius{background-color:black;color:white !important;border-color:transparent}
.product-detail .vava .list-group-item.active.iscolor{background-color:transparent;border-radius:100px;opacity:0.5;cursor:no-drop}
.product-detail .vava .list-group-item.active.iscolor .dot{display:inline-block}
.product-detail .vava .list-group-item.active.iscolor .notdot{display:none}
.qty-input{flex:1 1 auto;width:1%;max-width:100px;overflow:hidden}
.qty-input [type=number]{width:80px;margin-left:0;text-align:center !important;border-radius:0}
.blog-item .card-body{background:#fbfbfb}
.blog-item .blog-title{font-size:18px;display:block;border-bottom:1px solid #333;margin-bottom:10px}
.blog-item .blog-caption{margin:0}
.blog-item .card-footer{font-size:14px}
.blog-body img{max-width:100%;height:auto !important;width:auto !important}
.btn-shopnow{background-color:#131399;border-radius:100px;padding:10px 30px;font-size:18px;font-weight:300;color:white;font-style:italic;box-shadow:4px 3px 0 0 #fdd741}
.homebox-1{margin-bottom:5rem}
.homebox-1 .card-logo{background-position:center !important;background-repeat:no-repeat !important;padding-top:70%;background-size:cover !important}
.homebox-1 h1.blue{color:#131399;font-size:52px}
.homebox-1 .vvs{font-size:20px;color:#555}
h1.title-blue{color:#131399;background-color:#fdd741;border-radius:100px;border-bottom-left-radius:0;border-top-left-radius:300px;border-top-right-radius:0;border-bottom-right-radius:300px;padding:10px 80px;display:inline-block}
.paginate{display:flex;justify-content:end;flex-wrap:wrap}
.paginate ul.pagination{display:block}
.paginate ul.pagination li{display:inline-block}
.paginate .pagination>li>a,.paginate .pagination>li>span{position:relative;float:left;padding:3px 9px;color:#131399 !important;background-color:#fff;border:1px solid #ddd;margin-left:8px;font-size:14px}
.paginate .pagination>li>a:hover,.paginate .pagination>li>span:hover{background-color:#131399;color:#FFF !important}
.paginate .pagination>.active>a,.paginate .pagination>.active>span,.paginate .pagination>.active>a:hover,.paginate .pagination>.active>span:hover,.paginate .pagination>.active>a:focus,.paginate .pagination>.active>span:focus{color:#FFF !important;background-color:#131399 !important;border-color:#131399 !important}
.paginate li.disabled span:hover{color:#131399 !important;background-color:#fff}
.cat-sidebar .dropdown-menu{padding-left:15px;border:none}
.product-item{border:1px solid #131399;text-transform:uppercase;position:relative;height:100%;overflow:hidden}
.product-item a,.product-item a:hover{color:black}
.product-item .img-box{position:relative;transition:all 0.3s}
.product-item .img-box:before{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background:white;transition:opacity 0.3s;opacity:0;pointer-events:none}
.product-item .img-box .cart-btn-container{display:flex;position:absolute;width:100%;height:100%;top:0;left:0;align-items:center;justify-content:center;transform:scale(0);transition:all 0.3s;pointer-events:none}
.product-item:hover .img-box{transform:scale(1.1)}
.product-item:hover .img-box:before{opacity:0.8}
.product-item:hover .img-box .cart-btn-container{transform:scale(1);pointer-events:auto}
.product-item .add-to-cart{background:transparent;border:none;font-size:14px;padding:0;margin-left:auto;margin-right:auto;overflow:hidden;height:100px;width:40px;padding-top:40px;margin-top:-40px;padding-bottom:20px;margin-bottom:-20px;position:relative}
.product-item .add-to-cart:hover>.fa-plus{top:40px;opacity:1}
.product-item .add-to-cart:hover>.fa-cart-shopping{top:80px;opacity:0}
.product-item .add-to-cart>.far,.product-item .add-to-cart>.fa-solid{background-color:#f2f2f2;border-radius:50px;padding:5px;position:absolute;left:0;border-radius:50%;background-color:#131399;border:1px solid #131399;color:white;height:40px;width:40px;padding:0;line-height:40px;transition:all 0.4s cubic-bezier(0.68,-0.55,0.27,1.55)}
.product-item .add-to-cart>.fa-plus{opacity:0;top:0}
.product-item .add-to-cart>.fa-cart-shopping{opacity:1;top:40px}
.product-item .product-image{width:100%;height:0;padding-top:100%;background-repeat:no-repeat;background-size:contain;background-position:center}
.product-item .product-text,.product-item .product-name,.product-item .product-caption{height:36px;line-height:18px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;margin-bottom:4px;font-size:14px;white-space:pre-wrap;word-break:break-word}
.product-item .product-model{font-size:14px;margin-bottom:4px}
.product-item .product-name{font-weight:bold}
.product-item .product-caption{font-size:12px}
.product-item .product-price{color:#131399;font-weight:bold;font-size:1.1em;margin-bottom:0}
.product-item .product-price-prepare{text-decoration:line-through;opacity:0.5;margin-right:5px}
.categoryFilter .list-group-item{border:none;padding:0}
.cart-list .cart>a{color:white}
.cart-list .cart>a:hover{color:#fdd741}
.cart-list .fa-basket-shopping{font-size:15px}
.cart-list .badge{font-size:11px;padding:2px 5px}
.cart-list .dropdown-menu{min-width:320px;padding-left:0}
.cart-list .list-group{border-radius:0}
.cart-list .cart-image{padding-top:50px;background-size:contain;background-repeat:no-repeat;flex:0 0 50px}
.cart-list .cart-item{display:flex;flex-direction:row}
.cart-list .cart-info{width:100%;margin-left:5px}
.cart-info .product-name{height:36px;line-height:18px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;margin-bottom:4px;font-size:14px;white-space:pre-wrap;word-break:break-word;margin:0;font-weight:400}
.cart-info .cart-qty{font-size:14px;margin:0}
.cart-info .cart-qty .badge{font-weight:bold;background-color:#222;vertical-align:middle}
.cart-info .cart-qty .x-symbol{font-size:6px;font-weight:bold}
@media (min-width:1200px){.navbar-expand-xl .navbar-nav{width:100%;justify-content:center}.static-pro{margin-bottom:8rem !important}header .menu-section{background-color:white}header .menu-bar{display:none}}
@media (min-width:768px){header .dropdown-menu{padding-left:0}.cat-sidebar .nav-link{margin-bottom:0}}
@media (max-width:1199.5px){section.layout-content{padding:15px 0;padding-bottom:15px}.garybody{position:fixed;top:0;right:0;height:100%;width:100%;background:rgba(0,0,0,0.5);z-index:999}header .navbar{background-color:white}header .navright_btn{width:70%;cursor:pointer;text-align:end}header .navright_btn i{font-size:14px;color:#444}header .navright_btn:focus{color:#000}header .search-form{border:1px solid #1313993d;border-radius:100px;width:100%}header .menu-bar{padding:6px 10px}header .cart ul.dropdown-menu.p-0{right:-70vw;transition:right 0.5s;position:fixed;width:50%;top:0;background-color:white;height:100%;z-index:999;box-shadow:4px 0 8px}header .cart ul.dropdown-menu.p-0.collapsing{right:-70vw;transition:right 0.5s}header .cart ul.dropdown-menu.p-0.show{right:0;margin:0;border:unset}header .cart .nanvbar-toggler{font-size:18px;padding:10px;line-height:35px;border:unset;width:100%;text-align:left;background-color:whitesmoke;color:#131399}header .cart .cart-detail{overflow-y:scroll;height:78%}header .cart .sum{position:absolute;margin-top:auto;bottom:0;width:100%;border-radius:unset}header .cart .p-18{font-size:18px}footer{text-align:center}.homebox-1{margin-bottom:0rem}.homebox-1 h1.blue{font-size:38px}.product-detail .name-h1{font-size:25px !important;font-weight:500 !important}}
@media (max-width:767px){header .mytext{display:none}header .navbar-brand img{width:130px !important}}