:root {
  --burger:#FFF;
  --blue:#01a5ff;
  --blue-light:#01d1ff;
  --blue-ex-light:#ccecff;
  --blue-dark:#007FD4;
  --blue-ex-dark:#064774;
  --orange:#ff8512;
  --yellow:#ffcc52;
  --grey:#e0e5ea;
  --grey-light:#F0F0F0;
  --gradient:linear-gradient(90deg, var(--blue-light), var(--blue));
  --gradient-hover:linear-gradient(180deg, var(--blue), var(--blue-light));
}

.form-message { background-color:var(--blue); border-color:var(--blue); }
.form-error, .form-error-message { background: unset; padding: 0; border: 0; color:#F00; font-size: .8em; font-style: italic; margin: -5px 0 10px; }

body, html { font-family:mulish; font-size:16px; line-height:1.3; background-color:var(--grey-light); }

a { color:inherit; }

::-webkit-scrollbar { height:5px; width:5px; }
::-webkit-scrollbar-track { background:#666; border-radius:5px; }
::-webkit-scrollbar-thumb { background:var(--blue-light); border-radius:5px;  }
::-webkit-scrollbar-thumb:hover { background:var(--yellow); }

.breadcrumb { margin:10px 0; font-size:.8em; }
.breadcrumb a:hover { color:var(--blue)!important; }

form .form-input { position:relative; }
form .form-input i { position:absolute; top:45%; right:5px; transform:translateY(-50%); color:var(--blue); }
form .form-input i.icon-user, form .form-input i.icon-map-marker { right:7px; }
form .form-input.fix-top i { top:5px; transform:unset; }
form .form-input i.second { right:30px; }
	
form .required { position:relative; }
form .required:after { content:"*"; color:#F00; position:absolute; top:10px; right:30px; }

form .textbox, form .textarea, form .selection { border-radius:5px;}

.form-separator { position:relative; border-top:1px solid #DDD; margin:40px 0 20px; text-align:center; width:100%; height:1px; }
.form-separator span { position:absolute; display:inline-block; background-color:#FFF; padding:2px 15px; left:50%; top:50%; transform:translate(-50%, -50%); color:#666; font-size:.9em; }

.button { font-size:.8em; background-color:var(--blue); border-color:var(--blue); border-radius:5px!important; }

.container .boundary { width:96%; max-width:1200px; }

.home-header { background:var(--gradient); color:#FFF; padding:10px 0; }

.home-header .top-menu { font-size:.7em; white-space:nowrap; line-height:1.5em; }

.home-header .top-menu .top-menu-contact { display:block; margin-top:5px; }

.home-header .top-menu .top-menu-right { text-align:right; }
.home-header .top-menu .top-menu-right a { display:inline-block; margin-left:10px; }
.home-header .top-menu .top-menu-right .member-bt { display:inline-block; width:auto; margin-top:5px; background-color:var(--grey-light); color:#333; padding:3px 10px; border-radius:5px; font-weight:bold; }

.home-header .search-box .shinedecor-logo { display:inline-block; margin:10px auto 5px; width:60%; height:auto;  }
.home-header .search-box .shinedecor-logo img { width:100%; height:auto; }

.home-header .search-box .hamburger { float:right; margin:22px 5px 0 0; }

.home-header .search-box .search-box-form { display:block; width:100%; background-color:#FFF; border-radius:20px; height:30px; }
.home-header .search-box .search-box-form.min-hide { display:none; }
.home-header .search-box .search-box-form .textbox { width:calc(100% - 57px); background:unset; border:unset; padding:0 0 0 10px; height:30px; display:inline-block; vertical-align:top; }
.home-header .search-box .search-box-form button { display:inline-block; vertical-align:top; width:50px; border-radius:20px; background-color:var(--blue-dark); height:26px; line-height:26px; margin:2px 1.5px 0 0; border:unset; padding:0; float:right; }
.home-header .search-box .search-box-form button svg { height:20px; margin-top:3px; }

.home-header .member-function { margin:20px 0 0; white-space:nowrap; text-align:center; display:flex; justify-content:space-between; }
.home-header .member-function a { display:inline-block; vertical-align:middle; line-height:30px; margin:0; position:relative; }
.home-header .member-function a:hover { color:var(--yellow); }
.home-header .member-function a .counter { position:absolute; top:-5px; left:-5px; background-color:#F00; color:#FFF; width:17px; height:17px; line-height:17px; text-align:center; border-radius:100%; display:inline-block; font-size:.7em; }
.home-header .member-function a .member-name { max-width:80px; overflow:hidden; text-overflow:ellipsis; display:inline-block; vertical-align:middle; }
.home-header .member-function svg { display:inline-block; vertical-align:middle; margin-top:-2px; }
.home-header .member-function button { display:inline-block; background-color:#FFF; color:#000; text-transform:uppercase; padding:0 10px; border-radius:5px; height:30px; border:unset; line-height:30px; margin:0; cursor:pointer; }
.home-header .member-function button:hover { background-color:var(--blue-light); color:#FFF; }
.home-header .member-function button:hover svg g path { fill:#FFF; }

.main-menu { position:fixed; top:0; left:-100%; width:100%; max-width:unset; height:100%; background-color:#FFF; box-shadow:0 0 5px #333; z-index:9999; padding:20px; box-sizing:border-box; color:#000; transition:all .1s; overflow-x:hidden; }
.main-menu.active { left:0; }

.product-category { border-bottom:1px solid var(--grey); padding-bottom:20px; margin-bottom:20px; }

.product-category-logo { width:100%; position:absolute; box-sizing:border-box; z-index:2; top:0; left:0; padding:20px; background-color:var(--blue); background:var(--gradient) }
.product-category-logo .main-menu-close-bt {position:absolute; top:25px; right:20px; color:#FFF; font-size:1.5em; }

.product-category .product-category-title { background-color:#f7f8f9; color:#333; width:100%; display:block; padding:10px; box-sizing:border-box; margin-bottom:10px; border-top-left-radius:6px; border-top-right-radius:6px; }
.product-category .product-category-title .icon-menu {font-size:1.2em; margin-right:5px;}
.product-category .product-category-title .icon-cheveron-right {float:right; transform:rotate(90deg); font-size:1.5em;}

.product-category .product-category-items {overflow:hidden; height:auto; }
.product-category .product-category-items .main-menu-item > a img { filter:invert(0.5) sepia(1) saturate(10) hue-rotate(170deg); display:inline-block; vertical-align:top; margin-right:10px; width:30px; margin-top:2px; }

.product-category .menu-slider { position:absolute; top:0; left:0; width:100%; height:100%; box-sizing:border-box; transition:all 0.3s; z-index:1; }
.product-category ul { list-style-type:none; margin:0; padding:0; color:#333; }
.product-category ul > li > ul {display:none; position:absolute; top:0; left:100%; width:100%; height:100%;  }
.product-category ul > li { padding:5px 0;}
.product-category ul li .product-category-icon {display:inline-block; width:25px; height:auto; vertical-align:middle; margin-right:10px;}
.product-category ul li a {display:inline-block; line-height:34px; }
.product-category ul li a:hover { color:var(--blue); }
/* .product-category #menu_slider ul li a:hover { color:#FFF!important; } */
.product-category ul li .icon-cheveron-right {float:right; font-size:1.3em; line-height:34px; }
.product-category ul > li ul.active {display:block;}
.product-category ul li ul { box-sizing:border-box; }
.product-category ul li ul.active { overflow-y:auto; }
.product-category ul li ul.active:has( ul.active ) { overflow-y:unset; }

.product-category .menu-slider, .product-category ul li ul {padding:90px 20px 20px;}

.product-category .product-category-sub-items-title { font-weight:bold; border-bottom:1px solid var(--grey); margin-bottom:10px; padding-bottom:10px; position:sticky; top:-15px; background-color:#FFF; }
.product-category .product-category-sub-items-title i { margin-right:10px; font-size:1.5em; }

.main-menu .main-menu-items {list-style-type:none; margin:0; padding:0 0 50px;}
.main-menu .main-menu-items li {color:3333;}
.main-menu .main-menu-items li.active { font-weight:bold; }
.main-menu .main-menu-items li.active, .main-menu .main-menu-items li:hover { color:var(--orange); }
.main-menu .main-menu-items a { display:block; padding:5px 0; color:inherit; }

.banner .boundary { background-color:#FFF; border-radius:10px; padding:10px; box-sizing:border-box; margin-top:30px; }
.banner .owl-carousel .square-image { border-radius:5px; }
.banner .owl-carousel .square-image:before { padding-top:36.14%; }
.banner .owl-carousel .owl-nav button { position:absolute; top:50%; left:0; transform:translateY(-50%); font-size:2em!important; color:#FFF!important; font-weight:bold; text-shadow:0 0 3px #000; }
.banner .owl-carousel .owl-nav .owl-next { left:unset; right:0; }

.banner .banner-shortcut { display:block; width:100%; height:auto; overflow-x:auto; white-space:nowrap; }
.banner .banner-shortcut .banner-shortcut-item { display:inline-block; width:20%; vertical-align:top; font-size:.7em; text-align:center; padding:10px 0; }
.banner .banner-shortcut .banner-shortcut-item .square-image { width:60%; margin:0 auto 5px; overflow:visible; }
.banner .banner-shortcut .banner-shortcut-item a { white-space:wrap; text-align:center; line-height:1.3em; }
.banner .banner-shortcut .banner-shortcut-item a span { display:block; }
.banner .banner-shortcut .banner-shortcut-item:hover .square-image { animation:shake 3s; }
.banner .banner-shortcut .banner-shortcut-item:hover a { color:var(--blue); }

.book-show { margin-top:30px; }
.book-show .boundary { background-color:var(--blue); color:#FFF; padding:10px; border-radius:10px; }
.book-show .book-show-title { font-family:"utm-avo"; font-weight:bold; font-size:1.5em; }
.book-show .book-show-description { margin:5px 0 10px; font-size:.8em; }
.book-show .textbox { width:calc(100% - 125px); margin-right:5px; display:inline-block; vertical-align:top; height:36px; border-radius:5px; border:0; }
.book-show .button { background:linear-gradient(45deg, #FFCC52 0%, #FF8512 100%); border-radius:5px; border:0; font-size:.8em; line-height:26px; width:120px; margin:0; display:inline-block; vertical-align:top; height:36px; font-weight:bold; }
.book-show .button:hover { background:linear-gradient(-45deg, #FFCC52 0%, #FF8512 100%); }


/* PRODUCTS LIST */
.product-list { text-align:left; display:flex; flex-direction:row; flex-wrap:wrap; gap:2%; }
.product-list .product-item { width:49%; margin:0 0 10px; padding:10px; box-sizing:border-box; vertical-align:top; position:relative; font-size:.8em; }
.product-list .product-item .square-image { box-shadow:0 0 10px #ddd; border-radius:10px; transition:all .2s; }
.product-list .product-item:hover .square-image { transform:scale(1.1); }
.product-list .product-item .product-item-content { position:relative; z-index:2;}
.product-list .product-item .product-item-action { position:relative; width:auto; height:auto; display:inline-block;}
.product-list .product-item .product-item-action a { display:inline-block; width:25px; height:25px; line-height:25px; background-color:#fff; border-radius:100%; border:1px solid #ddd; text-align:center; margin:0 3px; transition:0.3s; transform:translate(0, 0); opacity:1;}
.product-list .product-item .product-item-action a.active,
.product-list .product-item .product-item-action a:hover { background-color:var(--orange); border-color:var(--orange); color:#fff !important;}
.product-list .product-item .product-item-action a#liked_id,
.product-list .product-item:hover .product-item-action a { opacity:1; transform:translate(0, 0);}
.product-list .product-item .product-item-title { color:#000; margin:20px 0 10px; line-height:1.3em;}
.product-list .product-item:hover .product-item-title { color:var(--blue); }
.product-list .product-item .product-item-title a { display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;}
.product-list .product-item .product-item-tags { font-size:.7em; margin:-10px 0 5px; }
.product-list .product-item .product-item-rating { padding:0;}
.product-list .product-item .product-item-rating svg { width:12px; height:auto; display:inline-block; vertical-align:middle; }
.product-list .product-item .product-item-rating svg path { fill:var(--orange);}
.product-list .product-item .product-item-rating span { display:inline-block; vertical-align:middle; }
.product-list .product-item .product-item-price .pip-top { font-size:0.8em; color:#666; text-align:right; line-height:30px;}
.product-list .product-item .product-item-price .pip-top span { color:var(--orange); display:inline-block; font-size:1.5em; text-align:left; font-weight:700; float:left;}
.product-list .product-item .product-item-price .pip-top [class^="icon-"] { display:inline-block; width:25px; height:25px; line-height:25px; text-align:center; border-radius:3px; margin-right:3px; color:inherit; font-size:1.2em;}
.product-list .product-item .product-item-price .pip-top .icon-eye1 { font-size:1.7em;}
.product-list .product-item .product-item-price .pip-price { text-decoration:line-through; font-size:0.8em; float:right; margin-top:8px; }
.product-list .product-item .product-item-price .pip-price.no-old-price { transform:translateY(-28px);}
.product-list .product-item .tags { position:absolute; z-index:10; top:0; left:0; padding:3px;}
.product-list .product-item .tags .tag { display:inline-block; vertical-align:top; padding:3px 5px; font-size:0.6em; background-color:#999; color:#fff; margin-right:3px; border-radius:5px;}
.gallery .owl-dots .owl-dot.active,
.product-list .product-item .tags .tag.new { background-color:var(--blue);}
.product-list .product-item .tags .tag.featured { background-color:var(--orange);}
.product-list .product-item .tags .tag.best-seller { background-color:red;}
.product-list .product-item .button { width:130px; border-radius:20px; border:1px solid var(--orange); background-color:unset; color:var(--orange) !important; margin:10px auto 0; padding:3px; position:relative; line-height:25px;}
.product-list .product-item .button:hover { background-color:var(--orange); color:#fff !important;}
.product-list .product-item .button:hover i { color:#fff !important;}
.product-list .product-item .button.waiting,
.product-list .product-item .button.waiting .icon-tick { border-color:#ddd; color:#ddd !important;}
.product-list .product-item .button .bt-loading { position:absolute; top:0; left:50%; transform:translateX(-50%); z-index:1000; width:30px; height:30px; border-radius:5px; display:none;}
.product-list .product-item .button .bt-loading svg path { fill:#666;}
.product-list .product-item .button .icon-tick.active { display:inline-block; vertical-align:top; color:var(--orange); width:25px; height:25px; line-height:25px;}

.main-content .products.product-group .products-list .product-item { width:100%; position:relative;}
.main-content .products.product-group .products-list .product-item .product-item-box { display:block; width:80%; top:10px; left:calc(10% + 10px); position:absolute; background-color:var(--blue-light);}
.main-content .products.product-group .products-list .product-item .product-item-box:before { content:""; padding-top:100%; display:block; width:100%;}
.main-content .products.product-group .products-list .product-item .square-image { width:80%; margin:0 auto;}
.main-content .products.product-group .products-list .product-item .product-item-title { font-weight:700; text-align:center; font-size:1.2em; margin:30px 0 10px;}
.main-content .products.product-group .products-list .product-item .product-item-description { display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; text-align:center;}

.product-list { position:relative; }
.product-list #load_more_product { width:100%; text-align:center; font-weight:bold; color:var(--blue); padding:20px 0; }
.product-list #load_more_product i { transform:rotate(90deg); display:inline-block; }
.product-list #load_more_product:hover { color:var(--orange); }

.product-list .loading { position:absolute; top:0; left:0; z-index:9999; width:100%; height:100%; background:#FFF; opacity:.8; }
.product-list .loading img { position:absolute; top:50%; left:50%; width:auto; height:100%; max-height:500px; transform:translate(-50%, -50%); }
/* /PRODUCT LIST */

.top-products { margin-top:30px; }
.top-products .boundary { background:var(--blue) url(../images/sky-bg.jpg) top left no-repeat; background-size:100% auto; border-radius:10px; padding:0; }
.top-products .boundary .top-products-header { width:calc(100% - 20px); margin:15px auto; }
.top-products .boundary .top-products-header:before { padding-top:11.8%; }
.top-products .top-products-list { width:calc(100% - 20px); margin:10px auto; box-sizing:border-box; }
.top-products .top-products-list.product-list .product-item { border-radius:10px; background-color:#FFF; }

.topic { margin-top:30px; }
.topic .boundary { border-radius:10px; box-sizing:border-box; background-color:#FFF; }
.topic .topic-title { font-weight:bold; font-family:"utm-avo"; font-size:1.2em; color:var(--blue); padding:10px; border-bottom:1px solid #DDD; }
.topic .topic-tabs { display:flex; overflow-x:auto; overflow-y:hidden; padding:10px 0; }
.topic .topic-tabs a { display:inline-block; width:auto; height:30px; white-space:nowrap; padding:0 15px 0 0; font-size:.8em; font-weight:bold; line-height:30px; text-transform:capitalize; }
.topic .topic-tabs a:hover, .topic .topic-tabs a.active { color:var(--blue); text-shadow:0 0 15px var(--blue); }
.topic .topic-tabs a img { display:inline-block; width:auto; height:100%; }
.topic .topic-tabs a:hover img, .topic .topic-tabs a.active img { -webkit-filter:drop-shadow(5px 5px 5px var(--blue)); filter:drop-shadow(5px 5px 5px var(--blue)); }

.topic .topic-tabs .topic-tabs-slider { overflow-y:hidden; overflow-x:auto; padding:0 10px 10px; }
.topic .topic-tabs .topic-tabs-slider { white-space:nowrap; }

.topic .topic-content { padding:20px 0; }
.topic .topic-content .topic-buttons .button { background-color:var(--blue); color:#FFF; text-transform:capitalize; font-size:.8em; padding:3px 20px; border-color:var(--blue); border-radius:5px; }
.topic .topic-content .topic-buttons .button:hover { background-color:var(--orange); border-color:var(--orange); }

.topic.news .topic-container { padding:0 10px; }
.topic.news .topic-news-item .square-image { border-radius:10px; }
.topic.news .topic-news-item .square-image:before  { padding-top:52.333%;}
.topic.news .topic-news-item:hover .square-image { filter:brightness(110%); }
.topic.news .topic-news-item .topic-news-title { margin:10px 0 0; font-weight:bold; color:var(--blue); }
.topic.news .topic-news-item .topic-news-title a { display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
.topic.news .topic-news-item .topic-news-description a { display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; }

.tag-list .topic-content { padding:10px; }
.tag-list .tag-item { display:inline-block; width:auto; padding:3px 8px; font-size:.8em; background-color:#FEFAFA; border:1px solid #DDD; border-radius:5px; margin:0 3px 5px 0;  }
.tag-list .tag-item:hover { transform:scale(1.05); box-shadow:0 0 5px #DDD; }

.footer { background:var(--gradient); color:#FFF; line-height:1.3em; margin-top:30px; padding:30px 0; }
.footer a:hover { color:var(--blue-ex-dark); }
.footer .footer-left .footer-logo { text-align:center; padding:20px 0; }
.footer .footer-left .footer-logo img { width:auto; height:auto; max-height:80px; display:inline-block; margin:0 10px; vertical-align:top; }
.footer .footer-left .footer-logo img:last-child { margin-top:-5px; }

.footer table { margin:10px 0; }
.footer table i { font-size:1.2em; margin:0 5px; }
.footer table a { font-weight:bold; }

.footer .footer-title { font-weight:bold; margin:30px 0 10px; }
.footer .footer-social-list, .footer ul { margin:0 0 30px 0; }
.footer ul { padding:0; list-style-type:none; }
.footer .footer-social-list [class^='icon-'] { display:inline-block; margin-right:10px; font-size:1.5em; }

.footer iframe { width:100%; height:300px; }

.copyright { background-color:var(--blue-dark); padding:10px 0; color:#FFF; font-size:.8em; text-align:center; }
.copyright a { font-weight:bold; }

.cart-popup { position:fixed; bottom:-100%; left:10%; width:80%; height:auto; z-index:99999; background-color:#fff; color:#000; transition:all .1s; overflow-y:auto; box-sizing:border-box; display:inline-block; box-shadow:0 0 5px #666; border-top-left-radius:10px; border-top-right-radius:10px; }
.cart-popup.active { bottom:0; }
.cart-popup .cp-product { display:flex; margin-bottom:10px; padding:0 0 0 30px; box-sizing:border-box; text-align:left; position:relative; border-bottom: 1px solid #DDD; padding-bottom: 10px; }
.cart-popup .cp-product > .square-image { width:50px; display:none; border:0; }
.cart-popup .cp-product .cpp-content { width:100%; display:inline-block; text-align:left; padding-left:10px; box-sizing:border-box;}
.cart-popup .cp-product .cpp-content .cpp-name a { display:-webkit-box; -webkit-line-clamp:2; overflow:hidden; -webkit-box-orient:vertical; margin-bottom:5px; font-weight:normal;}
.cart-popup .cp-product .cpp-content .cpp-name .cpp-gift { display:block; margin-top:5px; font-size:.8em;  }
.cart-popup .cp-product .cpp-content .cpp-name .cpp-gift .pg-name { display:flex; flex-direction:row; align-items:center; }
.cart-popup .cp-product .cpp-content .cpp-name .cpp-gift .pg-name .square-image { width:30px; height:30px; margin-right:5px; }
.cart-popup .cp-product .cpp-content .cpp-description { color:#666; font-size:0.9em; text-align:right; }
.cart-popup .cp-product .cpp-content .cpp-description span { font-weight:bold; color:#000;}
.cart-popup .cp-content { padding:15px 10px 10px; box-sizing:border-box; text-align:center; line-height:1.3em; font-size:0.9em;}
.cart-popup .cp-content .cpp-cost { text-align:left; font-weight:700; padding:10px; box-sizing:border-box; font-size:0.9em; }
.cart-popup .cp-content .cpp-buttons { display:flex; flex-direction:row; justify-content:center; width:auto; border-top:1px solid #DDD; gap:10px; padding-top:10px; }
.cart-popup .cp-content .cpp-buttons .button { width:auto; margin:0;  }
.cart-popup .cp-content .cpp-cost span { float:right; font-size:1.2em; color:var(--red);}
.cart-popup .cp-content a.button { display:inline-block; width:80%; padding:10px; background-color:var(--blue); border-color:var(--blue); color:#fff !important; text-align:center; margin:0 auto 5px; text-transform:uppercase; font-size:0.9em; border-radius:20px; transition:0.3s;}
.cart-popup .cp-content a.button:hover { background-color:var(--blue-light); border-color:var(--blue-light);}
.cart-popup .cp-content a.button.blue { background-color:var(--blue); border-color:var(--blue); color:#fff !important;}
.cart-popup .cp-content .icon-trash { position:absolute; top:50%; left:0; transform:translateY(-50%); display:inline-block; color:#000; border-radius:100%; margin:0; text-align:center; font-size:1.2em; color:#666; }
.cart-popup .cp-content .icon-trash:hover { color:#000; }
.cart-popup .cp-content .cp-content-overflow { max-height:50vh; overflow-x:hidden;}
.cart-popup .cp-content .cp-content-overflow::-webkit-scrollbar { width:7px;}
.cart-popup .cp-content .cp-content-overflow::-webkit-scrollbar-track { border-radius:5px; background:rgba(0, 0, 0, 0.1);}
.cart-popup .cp-content .cp-content-overflow::-webkit-scrollbar-thumb { border-radius:5px; background:#bbb; width:3px;}
.cart-popup .cp-content .cp-content-overflow::-webkit-scrollbar-thumb:hover { background:#333;}

.cart-popup .bt-loading { position:absolute; top:0; left:50%; transform:translateX(-50%); width:100%; height:100%; text-align:center; background-color:rgba(255, 255, 255, 0.7); display:none;}
.cart-popup .bt-loading svg { width:30%; height:auto; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%);}
.cart-popup .bt-loading svg path { fill:#999;}

#liked { height:45px; position:fixed; z-index:9999; bottom:10px; background-color:var(--orange); color:#fff; left:10px; font-size:1.8em; width:45px; line-height:48px; border-radius:100%; transition:0.2s;}
.lazy.loaded { background:unset; animation:unset;}
#liked span { position:absolute; display:inline-block; color:var(--orange);  top:0; left:0; width:45px; font-family:'utm-avo'; font-weight:bold; font-size:.5em; }
#liked:hover { transform:scale(1.2); }

@media (min-width:576px) { }

@media (min-width:768px) {	
	.home-header .search-box .shinedecor-logo { width:40%; }
	.home-header .search-box .hamburger { display:none; }
	
	.home-header .member-function { float:right; margin-top:25px; width:50%; }

	.home-header .search-box { margin-bottom:20px; }
	.home-header .search-box .search-box-form { display:none; }
	.home-header .search-box .search-box-form.min-hide { display:block; }

	.home-header .top-menu .top-menu-contact { display:inline-block; }
	.home-header .top-menu .top-menu-contact:before { content:"\0a00| "; }
	
	.home-header .top-menu .top-menu-right div { display:inline-block; }
	
	.main-menu { position:relative; top:unset; left:unset!important; height:auto; padding:0; margin:0; background:unset; box-shadow:unset; border:0; overflow:visible; }
	.main-menu .product-category-items > li { color:#FFF; }
	.main-menu .icon-cheveron-right { transform:rotate(90deg); }
	.main-menu .product-category-logo { display:none; }
	.main-menu .menu-slider { position:relative; top:unset!important; padding:0; }
	.main-menu .product-category-items { }
	.main-menu .product-category-items { display:flex; flex-direction:row; justify-content:space-between; gap:30px; margin:0 auto; width:96%; }
	.main-menu .product-category-items > li { display:inline-block; position:relative; }
	
	.main-menu .main-menu-item { white-space:nowrap; position:relative; }
	.main-menu .main-menu-item:after { content:""; width:100%; height:3px; position:absolute; bottom:2px; left:0; }
	.main-menu .main-menu-item.center > ul { transform:translateX(-30%); width:96vw; max-height:70vh; overflow:auto; justify-content:space-between; }
	.main-menu .main-menu-item:hover > ul, .main-menu .main-menu-item.active > ul { display:flex!important; width:auto; height:auto; flex-direction:column; white-space:nowrap; flex-wrap:nowwrap; width:fix-content;  border-radius:10px; }
	.main-menu .main-menu-item.center:hover > ul { flex-direction:row; }
	.main-menu .main-menu-item:hover:after, .main-menu .main-menu-item.active:after { background-color:#FFF; }
	.main-menu .main-menu-item > ul > li.product-category-sub-items-title, .main-menu .main-menu-item > ul > li i  { display:none; }
	.main-menu .main-menu-item > ul li { padding:2px 0; display:block; width:100%; }
	.main-menu .main-menu-item > ul > li.main-menu-group { font-weight:bold; display:inline-block; vertical-align:top; width:auto; padding:0 20px }
	.main-menu .main-menu-item > ul > li.main-menu-group > a { font-weight:bold; text-transform:uppercase; }
	.main-menu .main-menu-item > ul > li.main-menu-group ul { display:block; box-shadow:unset; position:relative; padding:0; top:unset; left:unset; }
	.main-menu .main-menu-item > ul > li.main-menu-group > ul {  border-top:1px solid #DDD; padding-top:10px; }
	.main-menu .main-menu-item > ul > li.main-menu-group ul li a { line-height:1em; font-weight:normal; }
	.main-menu .main-menu-item > ul > li.main-menu-group ul li ul { display:none; }
	
	.main-menu .main-menu-item > ul li a:hover { color:var(--blue); }
	
	.product-category.main-menu ul li .icon-cheveron-right { pointer-events:none; }
	
	.product-category.main-menu .product-category-items { overflow:visible; }
	.product-category.main-menu .product-category-items .main-menu-item > a img { filter:invert(0); width:35px; margin-top:0; }
	.product-category.main-menu ul > li > ul { top:100%; left:0; width:auto; height:auto; background-color:#FFF; box-shadow:0 0 5px #666; padding:10px; }
	.product-category.main-menu ul > li > ul li { white-space:nowrap; }
	.product-category.main-menu ul li .product-category-sub-items-title { display:none; }
	
	.banner .banner-shortcut { display:flex; flex-direction:row; padding-top:20px; }
	.banner .banner-shortcut .banner-shortcut-item .square-image { max-width:50px; border-radius:15px; overflow:hidden; }
	.banner .banner-shortcut .banner-shortcut-item { font-size:.9em; }
	.banner .banner-shortcut .banner-shortcut-item a span { display:inline-block; }
	.banner .banner-shortcut .banner-shortcut-item a span:before { content:"\00a0"; }
	
	.book-show .book-show-description { font-size:1em; }
	
	/* PRODUCT LIST */
	
	.product-list .product-item { width:23.5%; font-size:1em; }
	
	/* / PRODUCT LIST */
	
	.top-products .boundary .top-products-header { max-width:800px; margin:30px auto; }
	.top-products .top-products-list { width:calc(100% - 40px); }	
	
	.topic .topic-title { font-size:1.5em; }
	
	.footer { padding-bottom:0; }
	.footer .boundary { display:flex; flex-direction:row; flex-wrap:nowrap; gap:20px; }
	.footer .footer-left, .footer .footer-right { width:50%;}
	.footer iframe { height:200px; }
	
	.cart-popup .cp-product .square-image { display:inline-block; }
	.cart-popup .cp-product .cpp-content { width:calc(100% - 65px); }
	.cart-popup .cp-product .cpp-content { display:flex; flex-direction:row; align-items:center; }
	.cart-popup .cp-product .cpp-content .cpp-description { margin-left:auto; }
	
	#liked { bottom:20px; left:20px; }
	
@media (min-width:996px) {
	
	.home-header .search-box { display:flex; flex-direction:row; align-items:center; padding-top:20px; }
	
	.home-header .search-box .shinedecor-logo, .home-header .search-box .search-box-form, .home-header .search-box .member-function { vertical-align:middle; box-sizing:border-box; }
	.home-header .search-box .shinedecor-logo { width:20%; margin:0; }
	
	.home-header .search-box .search-box-form { display:inline-block; width:40%; margin-left:2%; }
	.home-header .search-box .search-box-form.min-hide { display:none; }
	
	.home-header .member-function { width:38%; float:unset; display:inline-block; margin:0; text-align:right; padding-left:20px; box-sizing:border-box; display:flex; flex-direction:row; justify-content:space-between; }
	.home-header .member-function a .member-name { max-width:140px; }
	
	.main-menu .main-menu-item > ul { padding:10px 40px; }
	.main-menu .main-menu-item.center > ul { width:auto; }
	
	.products .table { display:flex; }
	.products .table .col:last-child { margin-left:10px; }
	.products .table .col:first-child { overflow-x:hidden; min-height:calc(100vh - 300px); position:relative; }
	.products .table .col::-webkit-scrollbar-track { background:transparent; }
	.products .table .col:first-child:before { content:""; position:absolute; top:0; left:0; width:10px; height:100%; background-color:#FFF; z-index:2; }
	
	.main-content-box .main-content-title { font-size:1.3em; margin-bottom:0; }
	.main-content-box .main-content-title i { display:none; }
	
	.products .product-category { display:block!important; position:relative!important; top:unset!important; left:unset!important; width:100%; height:auto!important; overflow-y:unset!important; padding:10px 0!important; z-index:1!important; font-size:.8em; background:unset!important; border:0!important; }
	.products .product-category .menu-slider { position:relative!important; padding:0!important; }
	.products .product-category-logo { display:none!important; }
	.products .product-category ul { height:auto!important; }
	.products .product-category ul li ul.active { overflow-y:unset!important; }
	.products .product-category ul li ul { padding:0!important; }
	.products .product-category .product-category-sub-items-title {background:unset!important;}
	
	.book-show .book-show-title { font-size:2em; }
	.book-show .book-show-description { font-size:1.2em; }
	
	.top-products .boundary .top-products-header { margin:30px auto; }
	
	.topic .topic-tabs { justify-content:space-between; overflow:unset; padding:10px 0; border-bottom:1px solid #DDD; }
	.topic .topic-tabs a { height:40px; line-height:40px; }
	
	.footer .footer-left .footer-logo { text-align:left; }
}
@media (min-width:1200px) {
	.main-menu .main-menu-item > a { font-size:1.2em; }
	.main-menu .main-menu-item > i { font-size:1.5em!important; margin:2px 0 0 5px; }
	
	/* PRODUCT LIST */
	
	.product-list.six-item { gap:1%; padding:0 15px; }
	.product-list.six-item .product-item { width:15.8%; font-size:1em; }
	
	/* / PRODUCT LIST */
	
	.products .product-category { font-size:1em; }
	
	.topic .topic-tabs a { font-size:1em; }
	
	.footer { padding-bottom:20px; }
	.footer .footer-left { width:65%; padding-right:100px; }
	.footer .footer-right { width:35%; }
}
@media (min-width:1300px) { }