Điện Máy & Thiết Bị MiniSmart – Nơi bạn tìm thấy những sản phẩm nhỏ gọn và thông minh

Công thức món ăn

}0,500;0,700;1,400&display=swap"); @font-face { font-family: 'VL Bebas Neue'; src: url("https://minismart.net/wp-content/themes/thietkewebwordpress/fonts/VLBebasNeueBold.eot"); src: url("https://minismart.net/wp-content/themes/thietkewebwordpress/fonts/VLBebasNeueBold.eot?#iefix") format('embedded-opentype'), url("https://minismart.net/wp-content/themes/thietkewebwordpress/fonts/VLBebasNeueBold.woff2") format('woff2'), url("https://minismart.net/wp-content/themes/thietkewebwordpress/fonts/VLBebasNeueBold.woff") format('woff'), url("https://minismart.net/wp-content/themes/thietkewebwordpress/fonts/VLBebasNeueBold.ttf") format('truetype'); font-weight: 700; font-style: normal; font-display: swap; } #footer {color: #333} .home .menu-all-site > .menu {display: block;} .row {margin-left: -10px;margin-right: -10px} .row > div {padding-left: 10px;padding-right: 10px;} .col-md-3:nth-child(4n+1) , .col-md-6:nth-child(2n+1) , .col-md-4:nth-child(3n+1){clear:both;} .footer-main li{list-style: none;padding-bottom: 5px;} .sidebar li{padding: 5px 0} .sidebar {margin-bottom: 20px;} .footer-main li a{display: block;padding: 5px 0;font-weight: normal;color: #333;} .footer-main li a:before{content: "\f0da";font: normal normal normal 14px/1 FontAwesome; padding-right: 5px;} body{font-family: 'Cabin', sans-serif;}:;font-family: 'Roboto', sans-serif; .n2:nth-child(2n+1){clear: left;} .n3:nth-child(3n+1){clear: left;} .n4:nth-child(4n+1){clear: left;} .n5:nth-child(5n+1){clear: left;} .product-content ul{padding-left: 20px;} .product-content ul li{list-style: inside} .logo img {max-height: 58px;width: auto;} .n6:nth-child(6n+1){clear: left;} #comments{margin: 20px auto;} #wpd-post-rating{margin-bottom: 20px;} #wpdcom .wpd-thread-list{padding: 20px 0;} .p20{padding: 20px 0} .screen-reader-text { display: none;} #back-top { position: fixed; bottom: 30px; right: 30px; z-index: 9999;} #back-top .fa {border-radius: 3px; width: 30px; height: 30px; background: #000; color: #fff; font-size: 14px; text-align: center; opacity: 0.4; line-height: 30px;} #back-top .fa:hover{opacity: 1;background: #003057} .tagged_as{font-weight: 700;padding: 6px 0;border-top: 1px solid #ddd;border-bottom: 0px solid #ddd;margin: 10px 0} .tagged_as a{ font-size: 12px; color: #666; background: #f1f1f1; margin: 3px; display: inline-block; float: none;font-weight: 500; padding: 3px 7px; border-radius: 3px;} .head.navbar-fixed-top { animation: stuckMoveDown .6s; background: #fff; box-shadow: 1px 1px 10px rgba(0,0,0,0.15); } @keyframes stuckMoveDown { 0%{transform:translateY(-100%)} 100%{transform:translateY(0)} } @keyframes stuckMoveUp { 0%{transform:translateY(100%)} 100%{transform:translateY(0)} } @keyframes stuckFadeIn { 0%{opacity:0} 100%{opacity:1} } .breadcrumbs{ padding: 10px 0;background: #f5f5f5;} .breadcrumbs .slash{margin: 0 7px;} .breadcrumbs .home .fa{font-size: 18px;} a{transition: all 300ms ease-in-out;} .container{} .row10{margin: 0 -10px;} .row5{margin: 0 -5px} .row10 >div{padding: 0 10px;} .row5 >div{padding: 0 5px} .center{text-align: center;} .left{text-align: left;} .right{text-align: right;} .bold{font-weight: bold;} .uppe{text-transform: uppercase;} .flex{display: flex;align-items: center;flex-wrap: wrap;} /* 'row-reverse' Dùng cho trường hợp đảo trái phải phần tử con */ .row-reverse{flex-direction: row-reverse;} .table_cell{display: table;} .table_cell>div{display: table-cell;} .supports{ position: fixed; right: 0; background: #fffe; border-radius: 5px; width: auto; z-index: 150; bottom: 20%; padding: 10px 0; border: 1px solid #f2f2f2;} .supports ul{list-style: none;margin: 0;} .supports ul li a{ border: none; padding: 3px; display: block; border-radius: 5px; text-align: center; font-size: 10px; line-height: 15px; color: #515151; font-weight: 700; max-width: 72.19px; max-height: 54px; text-decoration: none;} .supports ul li a .icon{width: 36px;height: 36px;display: block;background-repeat: no-repeat;background-size: contain;margin: 0 auto;background-position: center center} .supports ul li a .icon_local{background-image: url("https://minismart.net/wp-content/themes/thietkewebwordpress/images/widget_icon_map.svg");} .supports ul li a .icon_zalo{background-image: url("https://minismart.net/wp-content/themes/thietkewebwordpress/images/widget_icon_zalo.svg");} .supports ul li a .icon_call{background-image: url("https://minismart.net/wp-content/themes/thietkewebwordpress/images/widget_icon_click_to_call.svg");} .supports ul li a .icon_mess{background-image: url("https://minismart.net/wp-content/themes/thietkewebwordpress/images/Messenger.svg");} .supports ul li a .icon_sms{background-image: url("https://minismart.net/wp-content/themes/thietkewebwordpress/images/widget_icon_contact_form.svg");} .modal-content { border: none; box-shadow: none; border-radius: .5rem; position: relative; background-color: #fff; background-clip: padding-box; outline: 0;} .modal-header { background-color: #045d2d; color: #fff; padding: 15px; border-bottom: 1px solid #e5e5e5; min-height: 16.42857143px;} .modal-header .modal-title { position: relative; min-height: 44px; font-weight: 400; font-size: 18px; line-height: normal; margin: 0; line-height: 44px; color: #fff;} button.close { position: absolute; right: 15px; top: 30px; color: #fff; opacity: 1;} .pop_box input[type=submit] { background-color: #045d2d; color: #fff;margin-bottom: 0 margin-top: 15px;} .modal-dialog{margin: 80px auto 0} .btn, input[type="submit"] { display: inline-block; height: 40px; line-height: 39px; padding: 0 20px; text-align: center; white-space: nowrap; outline: none!important; cursor: pointer; border: none; font-weight: 400; border-radius: 0; letter-spacing: 0; -webkit-transition: background-color .1s ease-in; -moz-transition: background-color .1s ease-in; -ms-transition: background-color .1s ease-in; -o-transition: background-color .1s ease-in; transition: background-color .1s ease-in; -webkit-border-radius: 0; border-radius: 0;} input[type="text"], input[type="search"], input[type="password"], input[type="email"], input[type="file"], input[type="number"], input[type="tel"], textarea, select { border: 1px solid #e1e1e1; padding: 7px 10px; width: 100%;margin-bottom: 10px; max-width: 100%; display: block;} input[type='button'] { position: relative; display: inline-block; background-color: transparent; text-transform: uppercase; -ms-touch-action: none; touch-action: none; cursor: pointer; font-weight: bolder; text-align: center; color: currentColor; text-decoration: none; border: 1px solid transparent; vertical-align: middle; border-radius: 0; margin-top: 0; margin-right: 1em; text-shadow: none; padding: 0 1.2em; max-width: 100%; transition: transform .3s,border .3s,background .3s,box-shadow .3s,opacity .3s,color .3s; text-rendering: optimizeLegibility; box-sizing: border-box;} .woocommerce-product-details__short-description {padding-bottom: 20px;} .woocommerce-product-details__short-description ul{padding-left: 20px;} .woocommerce-product-details__short-description ul li{list-style: inside;padding-bottom: 2px;} .buttons_added input {width: 45px; border: 1px solid #777; margin: 0; height:45px; display: inline-block; vertical-align: middle; padding: 0 10px;} .devvn-popup-title{height: auto;padding: 10px;background: #045d2d;} .popup-customer-info-group .devvn-order-btn{background: #045d2d;} .woocommerce .quantity .qty { width: 50px; display: inline-block; text-align: center; height: 45px;} .sidebar .widget_nav_menu li a:hover{padding-left: 10px;} .sidebar .widget_nav_menu li a{display: block;padding: 5px 0;font-weight: bold;border-bottom: 1px solid #ddd;} .woocommerce div.product p.price, .woocommerce div.product span.price {color: red} .woocommerce #reviews #comments h2 { clear: none; text-align: left; font-weight: 700; padding: 10px 0;} .woocommerce div.product form.cart .button{float: none} .mfp-content .devvn-popup-quickbuy a.devvn_buy_now_style{display: none;} .woocommerce .star-rating span .rating {display: none} .woocommerce .woocommerce-product-rating .star-rating span::before{top: 2px;color: #f5a623} .woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt { background-color: #045d2d; color: #fff; -webkit-font-smoothing: antialiased; border-radius: 0;} a.devvn_buy_now_style{display: block;margin-top: 20px;} .woocommerce .star-rating span {top: -5px;} .devvn_review_mid .star-rating span::before {top: 2px !important;} .woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea{ border: 1px solid #ddd;padding: 7px;} .image-product{position: relative;} .woocommerce a.remove { width: 30px; height: 22px; position: relative; transition: opacity 200ms; vertical-align: top; display: block; -webkit-appearance: none; background: none; border: none; cursor: pointer; outline: none; padding: 0; text-indent: -9999px; } .woocommerce a.remove:before, .woocommerce a.remove:after { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAQCAQAAACMnYaxAAAAXUlEQVR4XsWQQQrAQAgD84Pti/JSoaftN1MCdgXxXgYvGfUQyABE4DEIUJmeuKgVlJI5em0RGTesFXXZuLwCzvL2pYbHmfCTNSXxpyyajLGClFy7K1dgaaho7YYovIpO3rju6hYFAAAAAElFTkSuQmCC) 0 0 no-repeat; left: 8px; position: absolute; right: 8px; top: 2px; display: inline-block; content: ''; } .woocommerce a.remove:before{ height: 6px; transform-origin: -7% 100%; -moz-transform-origin: -7% 100%; -webkit-transform-origin: -7% 100%; transition: transform 150ms; -moz-transition: transform 150ms; -webkit-transition: transform 150ms; width: 14px; } .woocommerce a.remove:after{ background-position: -1px -4px; height: 12px; margin-left: 1px; margin-right: 2px; margin-top: 4px; width: 11px; } .woocommerce a.remove:hover:before{ transform: rotate(-45deg); -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); transition: transform 250ms; -moz-transition: transform 250ms; -webkit-transition: transform 250ms; } .woocommerce a.remove:hover { background: transparent; } .wp-pagenavi { text-align: center; padding: 20px 0; } .wp-pagenavi a, .wp-pagenavi span { width: 36px; height: 36px; border: 1px solid #666; line-height: 34px; text-align: center; color: #666; display: inline-block; padding: 0 10px; } .wp-pagenavi span.pages, .wp-pagenavi a.last, .wp-pagenavi a.first { width: auto; } .wp-pagenavi span.current, .wp-pagenavi a:hover { background: #666; color: #fff; border-color: #666; } *{margin:0;padding:0;line-height:1.5} a:hover,a:focus,a:visited{text-decoration:none;outline:none} a{text-decoration:none;cursor:pointer;color:#333} img{max-width:100%;border:none;height:auto} p.wp-caption-text{text-align:center} #content_pages{padding-bottom: 30px;} .entry-title{font-size: 24px;margin-bottom: 15px;} .img_single img{width: 100%;height: auto;} .user-meta{color: #000;letter-spacing: 1px;font-size: 12px;text-transform: uppercase;padding-bottom: 20px;background: #ededed;padding: 5px;margin-bottom: 15px;} .logo {padding: 10px 0; } .head-hotline a{display: inline-block; text-align: center; background: #eee; border-radius: 4px; padding: 10px 30px 10px 30px;} .head-hotline a span{display: block;}.head-hotline strong{color: #faa809} .user-meta a{font-weight: 500;} .content-post img{display:block;margin:15px auto} .content-post hr{margin: 10px 0;} .content-post iframe{display: block;margin: 15px auto;} .content-post p{margin-bottom: 10px;} .content-post p img{margin: 0 auto;} .content-post ul,.content-post ol{margin-left: 24px;margin-bottom: 10px;} .content-post table{margin-bottom: 10px;} .content-post h1,.content-post h2,.content-post h3,.content-post h4,.content-post h5,.content-post h6{} .content-post h1{font-size: 22px;} .content-post h2{font-size: 20px;} .content-post h3{font-size: 18px;} .content-post h4{font-size: 16px;} .content-post h5,.content-post h6{font-size: 15px;} .content-post blockquote{ background-color: #E4F0FB; padding: 10px 20px; border: 3px solid #C2DFF9; border-radius: 4px; margin: 10px 0 15px; text-align: justify;font-size: 15px;font-weight: 600;} .content-post blockquote:before{content: ""; background-image: url("https://minismart.net/wp-content/themes/thietkewebwordpress/images/before.png"); display: block; width: 32px; height: 26px; float: left; margin-right: 20px;} .content-post blockquote:after{ content: ""; background-image: url("https://minismart.net/wp-content/themes/thietkewebwordpress/images/after.png"); display: block; width: 32px; height: 26px; float: right;} .content-post blockquote *{display: inline;} .content-post a{font-weight: 500;color: #33b5e5} .wp-caption.aligncenter{max-width:100%!important} .alignnone{margin:5px 20px 20px 0} .aligncenter,div.aligncenter{display:block;margin:5px auto} .alignright{float:right;margin:5px 0 20px 20px} .alignleft{float:left;margin:5px 20px 20px 0} .aligncenter{display:block;margin:5px auto} a img.alignright{float:right;margin:5px 0 20px 20px} a img.alignnone{margin:5px 20px 20px 0} a img.alignleft{float:left;margin:5px 20px 20px 0} a img.aligncenter{display:block;margin-left:auto;margin-right:auto} .wp-caption{background:#fff;border:1px solid #f0f0f0;max-width:96%;padding:5px 3px 10px;text-align:center} .wp-caption.alignnone{margin:5px 20px 20px 0} .wp-caption.alignleft{margin:5px 20px 20px 0} .wp-caption.alignright{margin:5px 0 20px 20px} .wp-caption img{border:0 none;height:auto;margin:0;max-width:98.5%;padding:0;width:auto} .wp-caption p.wp-caption-text{font-size:11px;line-height:17px;text-align:center;margin:0;padding:0 4px 5px} div.wpcf7 .ajax-loader{position:absolute} .widget-tabs{padding:7px;margin-bottom:0;border:0;list-style:none;margin-left:0;margin-right:0;background-color:#33b5e5;margin-bottom:1.7rem;word-wrap:break-word} .tabs-2 li{width:50%} .nav-tabs .nav-link,.nav-tabs>li.active>a,.nav-tabs>li.active>a:focus,.nav-tabs>li.active>a:hover{border:0;color:#fff} .nav-tabs .nav-item.active .nav-link,.nav>li>a:focus,.nav>li>a:hover,.nav-tabs>li.active>a,.nav-tabs>li.active>a:focus,.nav-tabs>li.active>a:hover{background-color:rgba(255,255,255,0.2);color:#fff;-webkit-transition:all 1s;-moz-transition:all 1s;-o-transition:all 1s;-ms-transition:all 1s;transition:all 1s;-webkit-border-radius:2px;-moz-border-radius:2px;-ms-border-radius:2px;-o-border-radius:2px;border-radius:2px} .widget-content .single-post:last-of-type{border-bottom:none} .widget-tabs-content .img img{box-shadow:0 8px 17px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);width:100%} #back-top{display:none} .widget-content .single-post { padding-bottom: 12px; border-bottom: 1px #efefef dotted; padding-top: 12px; } .widget-content .single-post h3.title { font-size: 14px; margin-bottom: 2px; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; } .widget-tabs-content h3.title{font-weight:400;text-overflow:ellipsis;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;color:#424242;font-size:16px} .widget-tabs-content h3.title a{color:#424242} .text-muted{color:#636c72;display:block;margin-top:10px;font-size:14px;font-weight:400} .widget-content .single-post .text-muted { font-size: 12px; color: #666; margin-top: 0; font-weight: 300; } .form-group{margin-bottom:18px;position:relative} .form-group .input{} .form-group input[type='email'],.form-group input[type='date'],.form-group input[type='search'], .form-group input[type='number'], .form-group input[type='text'], .form-group input[type='tel'], .form-group input[type='url'], .form-group input[type='password'], .form-group textarea,.form-group select{margin: 0;outline: none;padding: 10px 12px;border: 1px solid #8c6e4a;box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);color: #333;transition: color .3s, border .3s, background .3s, opacity .3s;} .form-group input[type='email']:focus,.form-group input[type='date']:focus,.form-group input[type='search']:focus, .form-group input[type='number']:focus, .form-group input[type='text']:focus, .form-group input[type='tel']:focus, .form-group input[type='url']:focus, .form-group input[type='password']:focus, .form-group textarea:focus,.form-group select:focus{box-shadow: 0 0 5px #ccc;} .form-button input[type="submit"] {color: #fff;text-transform: uppercase;font-size: 16px;background: #8b6e4b;transition: transform .3s, border .3s, background .3s, box-shadow .3s, opacity .3s, color .3s;} .form-button input[type="submit"]:hover{box-shadow: inset 0 0 0 100px rgba(0,0,0,0.2);} .woocommerce-product-search{position: relative;} .woocommerce-product-search input.search-field{width: calc(100% - 35px);float: left;outline: none;margin: 0;height: 46px;line-height: 44px;padding: 0 10px;border: 1px solid #8c6e4a;font-size: 13px;} .woocommerce-product-search button{color: #fff;font-size: 16px;line-height: 46px;background: #8b6e4b;width: 35px;float: left;text-align: center;border: none;outline: none;transition: all .3s} .woocommerce-product-search button:hover{background: #6f583c} .wpcf7-form-control-wrap{position:initial} .wpcf7 .wpcf7-not-valid-tip{position:relative;padding:5px 10px!important;line-height:1.2em;left:auto!important;border-radius:3px;background-color:#f1f1f1!important;border:0!important;color:#000;position:absolute;right:0;top:40px;z-index:99;font-size:12px;margin-bottom:5px} .wpcf7 .wpcf7-not-valid-tip:after{bottom:100%;left:30px;border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none;border-color:rgba(136,183,213,0);border-bottom-color:#f1f1f1;border-width:5px;margin-left:-10px} .wpcf7 .wpcf7-validation-errors{display:none!important} .owl-carousel .owl-dots{text-align: center;margin-top: 10px;} .owl-carousel .owl-dots > *{display: inline-block;zoom: 1;} .owl-carousel .owl-dots .owl-dot{outline: none;background: none;} .owl-carousel .owl-dots .owl-dot span {width: 11px;height: 11px;border: 1px solid #869791;border-radius: 50%;margin: 0 5px;display: block;} .owl-carousel .owl-dots .owl-dot.active span{background: #fff;border-color: #fff;} .owl-carousel .owl-nav button{position: absolute;top: 50%;transform: translateY(-50%);outline: none;background: none;} .owl-carousel .owl-nav button .fa{width: 36px;height: 36px;border: 1px solid #869791;border-radius: 50%;line-height: 34px;text-align: center;} .owl-carousel .owl-nav button span{display: block;height: 50px;line-height: 40px;font-size: 45px;width: 50px;color: #fff;text-align: center; border-radius: 50%; font-family: -webkit-body;} .owl-carousel .owl-nav button.owl-prev span{ color: #333} .owl-carousel .owl-nav button.owl-next span{color: #333} .owl-carousel .owl-nav button.owl-prev{left: 0;} .owl-carousel .owl-nav button.owl-next{right: 0;} .slider_home .owl-dots{position: absolute;bottom: 10px;left: 50%;transform: translateX(-50%);} .sidebar .widget:not(:last-child){margin-bottom: 20px;} .item_header h3 {font-size: 20px;margin: 0;color:#faa809; } .item_header h3 span {padding: 5px 10px;border: 1px solid} .header_menu ul {margin: 0;background-color: #faa809;} .header_menu ul > li > ul >li:nth-child(1) {width: 100%;} .header_menu ul > li > ul > li >a {font-size: 17px;} .header_menu ul > li > ul > li >a:hover {color: #faa809; } .title_pro h2 a {color:#faa809;color: #333;} .title_pro h2 { color: #343e48 !important; text-transform: uppercase !important; font-family: "VL Bebas Neue" !important; font-weight: 500 !important; font-size: 28px !important;text-align: center;} .title_pro {border-bottom: 0px solid#ddd; margin-bottom: 15px; } .introduce_home {padding: 30px 0;background: #eee;} .box_slider-dt .item img{position: absolute; left: 0; right: 0; margin: auto; top: 0; bottom: 0; max-height: 60px; width: 110px !important;} .border-top{border-top: 1px solid #ddd} .box_slider-dt .item {border:0px solid #ddd;padding: 5px;position: relative;height: 80px;background: #fff} .menu_ostp ul li { font-size: 16px; color: #333; } .menu_ostp ul {margin: 0;padding-left: 20px;} .list_content .produc_name h3 a {font-size: 18px; color: #333;text-decoration: revert;} .list_content .produc_name h3 a:hover {color: #faa809; } .list_content .produc_name h3 {margin: 0;margin-bottom: 10px;} .list_content .produc_name {text-align: center;} .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6{font-weight: bold;} .product-info-view ul {border-bottom: 1px dashed #ddd;padding: 5px 0} .product-info-view li{float: left;} .iconic-woothumbs-all-images-wrap {width: 100%;} .row {margin-left: -10px;margin-right: -10px} .row > div{padding-left: 10px;padding-right: 10px;} .iconic-woothumbs-icon {color: #000} .items {text-align: center;background: #fff; overflow: hidden;margin-bottom: 20px;} .items .img-item {border: 0px solid #e3e3e3;padding: 10px; position: relative;overflow: hidden;} .star-rating {color: #f0ad4e} .items .img-item a{ overflow: hidden; display: block; } .item-product-slider .owl-item > div {padding: 8px;} .items .img-item a img{width: 100%; transition: all 0.5s ease;} div { transition: all ease-in-out 0.3s; -moz-transition: all ease-in-out 0.3s; -o-transition: all ease-in-out 0.3s; -webkit-transition: all ease-in-out 0.3s; -ms-transition: all ease-in-out 0.3s;} .product-items:hover{-webkit-box-shadow: 0px 0px 15px 0px rgb(0 0 0 / 10%); box-shadow: 0px 0px 15px 0px rgb(0 0 0 / 10%);} .items:hover .img-item a{transform: scale(1.1)} .items .sale-flash {display: none; font-weight: 700; position: absolute; top: 5px; left: 20px; z-index: 9; color: #fff; height: 30px; width: 45px; font-size: 12px; text-align: center; line-height: 30px; background-color: red;} .items .sub-item h3 { padding-bottom: 10px; font-size: 16px;overflow-y: hidden; color: #333; margin: 0; font-weight: 400; line-height: 1.2;} .items .price {font-size: 18px;} .items .sub-item { border: 0px solid #e3e3e3; padding: 10px 15px; border-top: none;} .text-neww h3 a { padding: 0; color: #333; font-size: 16px; display: block; text-decoration: none;} .text-neww h3 a:hover {text-decoration: none;color: #faa809;} .text-neww h3 {margin: 0;} .text-neww p {margin: 0;} .new-home {padding: 30px 0;} .new-home .capt-text { -webkit-box-shadow: 0 0 10px 3px rgba(68,80,85,.15); box-shadow: 0 0 10px 3px rgba(68,80,85,.15);} .new-home .capt-text .text-neww {padding: 10px 15px;} .new-home .capt-text .text-neww .date{ padding: 5px 0; color: #666; font-size: 13px; font-style: italic;} #footer {background-color: #f7f4ec;padding: 0px 0 0;} .footer-title h3 { font-family: "VL Bebas Neue"; font-size: 22px; margin-bottom: 30px; text-transform: uppercase;} .footer-title { margin-bottom: 10px} .menu-footer ul {margin: 0;} .menu-footer ul li {list-style: none;position: relative;padding: 5px 0;} .menu-footer ul li a:before{content: "\f105";position: absolute;transition: all 300ms ease-in-out; top: 3px;left: 5px;font: normal normal normal 14px/1 FontAwesome;} .menu-footer ul li:hover a:before{left: 10px;} .menu-footer ul li:hover a{padding-left: 25px;font-weight: 600;} .menu-footer ul li a {font-size: 14px;color: #fff;display: block;padding-left: 20px;position: relative;} .menu-footer ul li a:hover {text-decoration: none;} .menu-footer ul li {font-size: 15px;color: #fff;position: relative;} .content-post p {font-size: 16px;} .content-post ul li {font-size: 16px;} .breadcrumbs {margin-bottom: 30px;} .loop-text h3 {margin: 0;font-size: 16px;} .loop-text {margin: 15px 0;} .loop-text p {margin: 0;} .loop-text span {margin: 5px 0; display: block;} .prettyPhotoFrame ul li {list-style: none;} .content-post ul {margin: 0;} .related-posts .related-title {font-size: 17px;font-weight: bold;color: #333;margin-bottom: 10px;} .related-posts li a {font-size: 16px; color: #333;} .related-posts li a:hover {color: #faa809;} .image-product .sale-flash {display: block; font-weight: 700; position: absolute; top: 5px; left: 17px; z-index: 9; color: #fff; height: 40px; width: 40px; font-size: 12px; text-align: center; line-height: 35px; background-color: red;} .image-product img {border: 1px solid#f5f5f5;} .related-products {margin-top: 30px;} .related-products .row .col-md-3:nth-child(4n+1){clear: left;} .woocommerce-ordering , .rating_wrap {display: none;} .woocommerce button.button.alt {background: red;} .woocommerce button.button.alt:hover {background: red;} a.devvn_buy_now_style {background: red;} .sibar_taxo ul li a { padding: 5px 10px; color: #333;position: relative; border: 1px solid#f5f5f5; display: block;padding-left: 25px; font-size: 15px;} .searchform {position: relative;} .searchform .submit-input { position: absolute; right: 0px; top: 0px; padding: 8px 15px; color: #faa809; background: #fff; border: 0px;} #woocommerce_price_filter-2 {margin-top: 30px;} .woocommerce .widget_price_filter .price_slider_wrapper .ui-widget-content { border-radius: 1em; background-color:red!important; border: 0; margin: 15px;} .footer-sub {background: #faa809;padding: 10px 0} .footer-social .fa { padding: 10px; font-size: 20px;min-width: 40px; display: inline-block; text-align: center; text-decoration: none; margin: 5px 2px; } .sub-f {color: #fff;position: relative; top: 6px;}.sub-f p{margin-bottom: 0} .sub-f input[type="text"]{width: auto;display: inline-block;margin-left: 15px; background-color: rgba(0,0,0,.2);border:0px;} .sub-f input[type="submit"]{color:#faa809 } .fa:hover { opacity: 0.7; } .fa-facebook { background: #3B5998; color: white; } .fa-twitter { background: #55ACEE; color: white; } .fa-google { background: #dd4b39; color: white; } .fa-linkedin { background: #007bb5; color: white; } .fa-youtube { background: #bb0000; color: white; } .fa-instagram { background: #125688; color: white; } .fa-pinterest { background: #cb2027; color: white; } .fa-snapchat-ghost { background: #fffc00; color: white; text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black; } .fa-skype { background: #00aff0; color: white; } .fa-android { background: #a4c639; color: white; } .fa-dribbble { background: #ea4c89; color: white; } .fa-vimeo { background: #45bbff; color: white; } .fa-tumblr { background: #2c4762; color: white; } .fa-vine { background: #00b489; color: white; } .fa-foursquare { background: #45bbff; color: white; } .fa-stumbleupon { background: #eb4924; color: white; } .fa-flickr { background: #f40083; color: white; } .fa-yahoo { background: #430297; color: white; } .fa-soundcloud { background: #ff5500; color: white; } .fa-reddit { background: #ff5700; color: white; } .fa-rss { background: #ff6600; color: white; } .list_itemhead .item_head{width: calc(100% / 3);float: left;padding-right: 10px; } .list_itemhead .item_head .icon{width: 40px;margin-right: 10px;float: left;} .list_itemhead .item_head p{margin-bottom: 0; overflow: hidden; font-size: 16px; line-height: 1.2; color: #faa809; font-weight: 600;} .list_itemhead .item_head .icon img{width: 40px;height: 40px;} .box_hotline{position: relative;margin-top: 15px;} .box_hotline .item_hot{min-width: 250px; display: inline-block;position: relative; margin: 0 auto;height: 45px;background: #fff;z-index: 9; padding: 5px 0px;border-bottom: 3px solid #faa809; border-top: 3px solid #faa809;} .box_hotline .item_hot a{ font-size: 20px; font-weight: 800; position: relative; color: #faa809; display: inline-block; padding: 0 15px;} .box_hotline .item_hot a:after{ content: '-'; position: absolute; right: -7px; top: 0px;} .box_hotline .item_hot a:last-child:after{display: none;} .box_hotline .hl{position: absolute; display: inline-block; background: #faa809; padding: 3px 10px; color: #fff; left: 50%;height: 27px; transform: translate(-50%, -50%); z-index: 9; top: -10px; text-transform: uppercase;} .box_hotline .hl:before{content: ''; width: 27px; height: 27px; left: -26px; top: 0px; border-top: 27px solid transparent; border-bottom: 0px solid transparent; border-right: 27px solid #faa809; position: absolute;} .box_hotline .hl:after{content: ''; width: 27px; height: 27px; right: -26px; top: 0px; border-top: 27px solid transparent; border-bottom: 0px solid transparent; border-left: 27px solid #faa809; position: absolute;} .box_hotline .item_hot:before{ content: ''; position: absolute; left: -16px; width: 32px; height: 32px; border-left: 3px solid #faa809; border-top: 3px solid #faa809; z-index: 8; top: 3px; transform: rotate(-45deg); transition: transform 150ms ease;} .box_hotline .item_hot:after{ content: ''; position: absolute; right: -16px; width: 32px; height: 32px; border-right: 3px solid #faa809; border-bottom: 3px solid #faa809; z-index: 8; top: 3px; transform: rotate(-45deg); transition: transform 150ms ease;} .box_slider{width: calc(100% - 285px);float: right;} .home_me { padding-bottom: 30px;} .header_menu .menu>li>.sub-menu >li:last-child >a{ border-bottom: none;} .readmore{text-align: right;margin-top: 10px;} .readmore a { color: #fff; border: 2px solid #fff; padding: 5px 20px; background: #faa809; display: inline-block; border-radius: 25px; font-size: 14px;} .readmore a:hover{border: 2px solid #faa809;background: #fff;color: #faa809;} .list_taxo{padding: 30px 0;} .list_taxo .list_content .col-md-3:nth-child(-n + 4) .produc_name{margin-bottom: 30px;} .list_taxo .list_content .produc_name img{width: 100%;height: 165px;object-fit: cover; transition: all 0.5s ease;} .list_taxo .list_content .produc_name a{ overflow: hidden; display: block; text-decoration: none; line-height: 1.2; text-transform: uppercase; min-height: 40px;} .list_taxo .list_content .produc_name:hover a img{transform: scale(1.1);} .device_home{padding: 30px 0;background: #eee;} .row .col-md-3:nth-child(-n + 4) .items{margin-bottom: 20px;} .link-botmen{ height: 40px; display: flex; align-items: center;} .link-botmen a{color: #faa809; font-size: 16px; display: flex; align-items: center; font-weight: 600;} .link-botmen a i{margin-left: 10px;} .copy_right{background: none;padding: 20px 0;margin-top: 15px;} .copy_right p{margin-bottom: 0;color: #fff;} .title_pro .title_pages{ margin: 0; padding: 10px; background-color: #faa809; color: #fff; text-transform: uppercase; display: inline-block; font-size: 17px;} .footer-info {border-top: 1px solid #ddd} .name-title-footer {padding: 10px 0; font-weight: bold; color: #faa809;font-size: 18px;} .copy_right .footer-title{text-align: center;padding: 10px; color: #fff;text-transform: uppercase;font-weight: bold;font-size: 18px;background: #faa809} .title_pro .title_pages span{background-color: #faa809; color: #fff; text-transform: uppercase; display: inline-block; font-size: 17px;} .sibar_taxo .sidebar-title{position: relative; padding-left: 20px;} .sibar_taxo .sidebar-title:before{ content: "\f0c9"; position: absolute; font: normal normal normal 14px/1 FontAwesome; top: 10px; left: 15px; font-size: 18px;} .sibar_taxo ul li a:before{ content: "\f105"; position: absolute; transition: all 300ms ease-in-out; top: 8px; left: 10px; font: normal normal normal 14px/1 FontAwesome;} .sibar_taxo ul li:hover a:before{left: 15px;} .sibar_taxo ul li:hover a{padding-left: 30px;color: #faa809;} .taxo_pro .items{margin-bottom: 30px;} .news_archive .capt-text{margin-bottom: 30px;} .news_archive .row .col-md-4:nth-child(3n+1){clear: left;} .product_title{font-size: 22px;} .sku_pro{padding: 0px 0 10px; border-bottom: 1px solid #666666; margin-bottom: 10px;} .info-product .sale-flash{display: none;} .info-product .price {max-width: 400px;} .info-product .price ins{font-size: 22px;font-weight: bold;} .info-product .price {margin-bottom: 20px;} .content-post ul{padding-left: 15px;} .image-product .sale-flash{display: none;} .woocommerce div.product form.cart div.quantity{float: left;} .woocommerce div.product form.cart .variations label:before{content: "Chọn ";} .woocommerce div.product form.cart .button ,.p-h-b{ float: none; display: block; width: 100%; background: #faa809; padding: 0px 10px; margin-top: 15px; font-size: 16px; color: #fff; text-transform: uppercase; margin-bottom: 0; /* height: 45px; */ line-height: 45px; /* padding: 0 15px; */ display: block;}.c-ht span{ position: absolute; top: -3px; background: #faa809; border-radius: 50%; width: 20px;color: #fff; height: 20px;} .c-ht{float: left; margin-right: 15px; width: 40px; height: 40px; border-radius: 50%; text-align: center; line-height: 40px; color: #333; position: relative; top: 5px;} .woocommerce div.product form.cart .button:hover , .p-h-b:hover { color: #fff} .p-h-b {background: #14689a !important} a.devvn_buy_now_style span{display: none;} a.devvn_buy_now_style { float: none; display: block; width: 100%; border-radius: 0; padding: 12px;background: #faa809; margin-top: 15px; font-size: 18px; text-transform: uppercase; margin-bottom: 0; height: 45px;} .product-info ul li { display: flex; align-items: center; padding: 10px 15px; }.product-info ul li:nth-child(2n+1) { background-color: #f7f4ec; }.product-info ul li span { display: block; width: 225px; } .devvn-popup-title{background: #faa809;} .popup-customer-info-group .devvn-order-btn{background: #faa809;} .woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt{background-color: #faa809;} .new-home .capt-text .img_new img{width: 100%;height: 170px;object-fit: cover;} .bdr{border-right: 1px solid #eee;padding-right: 30px;} .cnt_pro{padding: 15px 0;background: #fff;} .tab-head li a { padding: 10px 5px; display: block; background-color: #f4f3ef; color: #343e48; text-transform: uppercase; font-family: "VL Bebas Neue"; font-weight: 500; font-size: 22px; line-height: 1; }.tab-head li { padding: 0px 2px; width: 25%; float: left;list-style: none !important; text-align: center; } .sidebar-pro.sidebar .widget{border:0px;padding: 0} .woocommerce-products-header__title{border-bottom: 0px !important} .items .sub-item{padding: 10px;position: relative;padding-bottom: 50px;} .items .sub-item:hover .btn{background: #faa809;color: #fff} .product-items .price ins {display: block;} .product-items .price del{float: none;} .items .sub-item .btn {position: absolute;left:0px;bottom: 0px;width: 100%;background: none;color: #333;border:0px;border-top: 1px solid #ddd;font-weight: bold;text-transform: uppercase;} @media(max-width:768px) { .product-cat-home-child {position: relative;} .product-cat-home-child a{margin-bottom: 5px;} .cam-ket .container {padding-left: 15px;} .cam-ket .col-md-2{float: left;width: 33.3%} .cam-ket .col-md-2:nth-child(3n+1){clear:both;} .box_slider{width: 100%;} .logo_mb img{height: auto; max-width: 45%;} .header-mobile{box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);} .introduce_home{padding: 20px 0;} .introduce_home .menu_ostp{padding: 15px 0;} .readmore{text-align: center;} .list_content .produc_name h3 a{font-size: 16px;} .list_taxo .list_content .produc_name img{height: 120px;} .list_taxo .list_content .col-md-3:nth-child(-n+4) .produc_name{margin-bottom: 20px;} .list_taxo .list_content .produc_name{margin-bottom: 20px ;} .row .col-md-3:nth-child(-n+4) .items{margin-bottom: 20px;} .items{margin-bottom: 20px;} .link-botmen{display: none;} .device_home{padding: 20px 0 0;} .title_pro{margin-bottom: 20px;} .items .sub-item{padding: 10px;position: relative;} .items .sub-item .btn {position: absolute;left:0px;bottom: 0px;width: 100%} .items .sub-item h3{font-size: 14px;} .new-home .capt-text{margin-bottom: 20px;} #footer{padding: 25px 0 0;} .menu-footer{margin-bottom: 20px;} .row .col-md-4:nth-child(2n+1){clear: left;} .new-home {padding: 20px 0;} .entry-title{margin-bottom: 0;} .related-products .row .col-md-3:nth-child(4n+1){clear: none;} .related-products .row .col-md-3:nth-child(2n+1){clear: left;} .home_me {padding-bottom: 0} .n3:nth-child(2n+1){clear: left;} .n3:nth-child(3n+1){clear: none;} .n5:nth-child(2n+1){clear: none;} .n5:nth-child(2n+1){clear: left;} #sticker .hotline .text b{color:#045d2d;font-size:16px} #sticker .lang{border-top:1px solid #045d2d;padding:12px 15px;text-transform:uppercase} .bg-red{background-color:#faa809} .cl-red{color:#045d2d} #sticker-wrapper{width:310px;max-width:100%;background:rgba(255,255,255,.9);height:100%;border:none;z-index:1;left:-100%;display:block;position:relative;padding:0 0 50px;-webkit-transition:all 300ms ease-out;-moz-transition:all 300ms ease-out;-ms-transition:all 300ms ease-out;-o-transition:all 300ms ease-out;transition:all 300ms ease-out;margin:0} #touch-menu .touch-menu-inner,#touch-menu .touch-menu-inner:before,#touch-menu .touch-menu-inner:after{background-color:#888;position:absolute;width:24px;height:2px;transition-timing-function:ease;transition-duration:.15s;transition-property:transform;border-radius:5px} .container{width:100%;padding:0 10px;} .row{margin: 0 -10px} .row>div{padding: 0 10px;} iframe{width: 100%} .menu-main{display:none} .header-top{height:3px} .content-header{padding: 5px 0;} .content-header.head.navbar-fixed-top{border-bottom: 1px solid #000} .fixed{position:fixed!important;z-index:1000000;width:100%;background:#fff;top:0;-webkit-box-shadow:0 2px 3px 0 rgba(0,0,0,.3);-moz-box-shadow:0 2px 7px 0 rgba(0,0,0,.1);box-shadow:0 2px 7px 0 rgba(0,0,0,.1)} .num-hl{font-size:18px;font-weight:700} #sticker{width:100%;height:100%;left:0;top:0;z-index:999;visibility:hidden;opacity:0;position:fixed} #sticker.opened{visibility:visible;opacity:1;transition:ease-in-out .3s} #sticker .container{padding:0} #sticker-overlay{opacity:0;visibility:hidden;background:rgba(0,0,0,0.5);position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;-webkit-transition:all 300ms ease-out;-moz-transition:all 300ms ease-out;-ms-transition:all 300ms ease-out;-o-transition:all 300ms ease-out;transition:all 300ms ease-out} #sticker.opened #sticker-wrapper{left:0} #sticker.opened #sticker-overlay{opacity:1;visibility:visible} #sticker .tbl,#sticker .tbl-cell{display:block;width:100%} #sticker .sticker-header{width:100%;} #sticker .sticker-header .title{font-size:20px;line-height:75px;text-transform:uppercase;color:#fff;padding:0 50px 0 20px;background: #333;} #sticker .sticker-header .close-menu{width:40px;height:40px;line-height:40px;position:absolute;right:5px;top:17px;cursor:pointer;text-transform:uppercase} #sticker .sticker-header .close-menu:before,#sticker .sticker-header .close-menu:after{width:18px;height:2px;position:absolute;left:50%;top:50%;margin:-1px 0 0 -9px;content:"";background:#fff} #sticker .sticker-header .close-menu:before{transform:rotate(45deg);-moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg)} #sticker .sticker-header .close-menu:after{transform:rotate(-45deg);-moz-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg)} #sticker .sticker-body{max-height:calc(100% - 136px);overflow:auto;padding: 10px;} #sticker .search{padding: 10px;background: #333;border-top: 1px solid #aaa;} #sticker .search form{position:relative} #sticker .search form input{width:100%;height:40px;line-height:40px;padding:0 30px 0 15px;background-color:#fff;border:none;outline:none!important;margin-left:0;margin-bottom: 0;} #sticker .search form button{position:absolute;top:7px;right:10px;background:none!important;color:#666;outline:none!important;border:none;font-size:20px;padding:0} #sticker ul.main-menu{display:block;float:none!important;padding:0;margin:0} #sticker .main-menu > li{display:block;border-bottom:1px solid #aaa;padding:0;position:relative;width:100%} #sticker .main-menu > li > a{line-height:14px;padding:11px 45px 11px 5px;display:block;text-align:left;font-weight:400;font-size:14px;text-transform:capitalize} #sticker #sticker-wrapper .main-menu li {position: relative;} #sticker #sticker-wrapper .main-menu li > .fa{position:absolute;right:0;top:0;line-height:39px;width:39px;text-align:center;cursor:pointer;margin:0;font-size:12px;display:block;} #sticker ul.main-menu > li ul{position:static;transform:none;width:100%;padding-left:10px;margin-left:0;background-color:transparent;display:none;margin-bottom:10px} #sticker ul.main-menu > li ul:after{display:none} #sticker ul.main-menu > li ul > li{border-bottom:none;list-style:none;margin-bottom:5px} #sticker ul.main-menu > li ul > li > a{border-bottom:none;padding:7px 10px 7px 20px;} #sticker .sticker-footer{position:absolute;bottom:0;left:0;width:100%;background-color:#333;color:#fff} .sticker-footer .hotline{color:#2d2d2d;text-transform:uppercase;background-color:rgba(0,0,0,0);border:1px solid#fff;padding:7px;text-align:center;border-radius:20px;margin:5px 20px;background-color:#fff} .sticker-footer .hotline a{color:#2d2d2d;font-size:18px;font-weight:700} #sticker .hotline .text{min-height:34px;line-height:34px;background:url("https://minismart.net/wp-content/themes/img/hotline-icon.png") 3px 4px no-repeat;white-space:nowrap;padding:0 10px 0 40px;background-color:#fff!important;border-radius:34px} #sticker .hotline .text span,#sticker .main-menu > li.hotline .text b{display:inline-block;font-weight:600} #sticker .hotline .text span{color:#5d5d5d;text-transform:uppercase;font-size:16px;font-weight:700;margin-bottom:0;padding-right:5px} #touch-menu,.cart_mb{width:30px;height:30px;cursor: pointer; line-height: 30px;text-align: center;border-radius: 4px;background: #faa809;color: #fff;display: inline-block;} .cart_mb{position: relative;float: right;} .cart_mb .count{width: 16px;height: 16px;background: #f00;color: #fff;font-size: 10px;line-height: 16px;text-align: center;position: absolute;top: -5px;right: -5px;border-radius: 50%;} .flex,.flex_al{display: block;} .columns-3,.columns-4,.columns-5,.columns-6{grid-template-columns: repeat(2,1fr);grid-column-gap: 10px;grid-row-gap: 10px;} .columns-2{grid-template-columns: repeat(1,1fr);grid-column-gap: 10px;grid-row-gap: 10px;} .supports{padding: 5px 0 8px;} .supports ul li{width: 20%;float: left;} .supports{width: 100%;bottom: 0;left: 0;border-radius: 0;background: #fff;} #back-top{bottom: 80px;} .supports ul li a .icon_call{width: 54px;height: 54px;background-color: #6cb917;border: 2px solid white;background-size: 27px;border-radius: 50%;margin-bottom: 4px;} .supports ul li.icon_mb{position: relative;top: -23px;} .logo_mb img{height: 60px;} .content-header .container>.row{display: flex;align-items: center;} .content-post{font-size: 14px;} .content-post h1{font-size: 20px;} .content-post h2{font-size: 18px;} .content-post h3,.content-post h4{font-size: 16px;} .content-post h5,.content-post h6{font-size: 14px;} } .button_home{color: #fff;font-weight: 400; z-index: 1; box-shadow: 0 0 15px rgba(0,0,0,.1);text-transform: uppercase; display: inline-block; position: relative; overflow: hidden; font-size: 14px;padding: 0 25px;line-height: 36px; border: 1px solid #ed3126; background: 0 0; letter-spacing: 1px; transition: color .45s cubic-bezier(.785,.135,.15,.86),border .45s cubic-bezier(.785,.135,.15,.86);} .button_home:before{position: absolute; content: ""; display: block; left: -2px; top: 0; right: -2px; bottom: 0; transform: scale(1,1); transform-origin: left center; z-index: -1; background: #ed3126; transition: transform .45s cubic-bezier(.785,.135,.15,.86),-webkit-transform .45s cubic-bezier(.785,.135,.15,.86);} .button_home:hover:before{transform: scale(0,1); transform-origin: right center;} .links_home{display: inline-block;line-height: 52px;padding: 0 15px;min-width: 260px;font-size: 15px;color: #fff;text-align: center;background-color: rgba(34,34,34,0.7); border-right: 1px solid #f21d54; border-left: 1px solid #40bde6;transition: all .2s;position: relative;} .links_home:before{top: 0;background: -webkit-linear-gradient(left, #40bde6 0%, #354aff 60%, #f21d54 100%); } .links_home:after{bottom: 0; background: -webkit-linear-gradient(left, #40bde6 0%, #354aff 40%, #f21d54 100%);} .links_home:after,.links_home:before{content: "";display: block;width: 100%;height: 1px;position: absolute;left: 0; transition: all .2s;} .links_home:hover{color: #fff;background-color: rgba(255, 255, 255, .2);border-right: 1px solid #40bde6; border-left: 1px solid #f21d54;} .links_home:hover:before{ background: -webkit-linear-gradient(left, #f21d54 0%, #354aff 60%, #40bde6 100%);} .links_home:hover:after{ background: -webkit-linear-gradient(left, #f21d54 0%, #354aff 40%, #40bde6 100%);} h1,h2,h3,h4,h5,h6{margin-top: 0} .h10{height: 10px;display: block;} .h20{height: 20px;display: block;} .h30{height: 30px;display: block;} .h40{height: 40px;display: block;} .h50{height: 50px;display: block;} .h60{height: 60px;display: block;} .img img{width: 100%;height: auto;object-fit: cover;} .box_hidden{height: 300px;overflow-y: scroll;padding-right: 10px;} .box_hidden::-webkit-scrollbar{ width: 8px;background-color: #F5F5F5;} .box_hidden::-webkit-scrollbar-thumb{border-radius: 10px; -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); background-color: #154589;} .box_hidden::-webkit-scrollbar-track{ -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); border-radius: 10px; background-color: #F5F5F5;} .header_menu { background-color: #faa809;} .header_menu ul{list-style: none;margin: 0;} .header_menu .menu li{position: relative;} .header_menu .menu>li{} .header_menu .menu .sub-menu{position: absolute;z-index: 99;background: #fff;width: 280px; padding: 0; box-shadow: 0 3px 5px rgba(0,0,0,0.3);padding: 0px 0;transition: all .3s;display: none;} .header_menu .menu>li>a{display: block; text-transform: none;font-size: 16px;color: #333;padding: 10px 15px !important;font-weight: normal;border-bottom: 1px solid #f6f6f6} .header_menu .menu>li:hover>a,.header_menu .menu>li.current-menu-item>a{color: #faa809;height:auto;background:#f9f9f9;} .items .img-item:hover .kt-v {display: block;} .kt-v { z-index: 3333; top: 50%; left: 50%; transform: translateX(-50%); transform: translate(-50%,-50%);position: absolute;background: #fff;color: #333;padding: 15px;display: none} .header_menu .menu>li:hover > .sub-menu{display: block;} .header_menu .menu>li.menu-item-has-children>a:after{content: "\f0d7"; font-family: FontAwesome; font-size: 20px; margin-left: 10px;} li{list-style: none} .cam-ket li span{ width: 34px; height: 33px; display: block; margin: 0 auto 5px; background-image: url("https://minismart.net/wp-content/themes/thietkewebwordpress/img/bgbosch.png"); background-repeat: no-repeat; background-position: -105px -51px;} .cam-ket {margin-top: 20px;margin-bottom: 10px;} .owl-nav-top.owl-carousel .owl-nav button.owl-prev {top: -55px; right: 45px;line-height: 34px; left: auto;border:0px solid #ddd; background: #fff;} .home {background: #fff} .owl-nav-top.owl-carousel .owl-nav button.owl-next {top: -55px;background: #fff;border:0px solid #ddd;line-height: 34px;} .title_pro {position: relative;}.owl-nav-top.owl-carousel .owl-nav button.owl-prev span ,.owl-nav-top.owl-carousel .owl-nav button.owl-next span {background: none;color: #333;} .owl-nav-top.owl-carousel .owl-nav button span {width: 40px;height: 40px;line-height: 40px;font-size: 30px;} .product-cat-home-child {position: absolute;right: 0px;top: 5px;} .product-cat-home-child li {float: left;} .product-cat-home-child li a{display: inline-block;padding: 5px 10px;background: #ededed;color: #333;margin-left: 5px;margin-bottom: 5px;} .product-cat-home-child li a:hover{ background: #faa809;color: #fff} .best-product-slider .owl-item > div{padding: 10px;} .list-da-item li:nth-child(2) ,.post-meta{ color: #767676; display: inline-block; position: relative; margin-bottom: 10px; font-size: 16px;} .list-da-item li:nth-child(2):after ,.post-meta:after{ content: ''; height: 1px; width: 35px; background-color: #faa809; position: absolute; top: 50%; transform: translateY(-50%); left: calc(100% + 20px);} .list-da-item li:nth-child(1) a{display: block;overflow: hidden; height: 175px;margin-bottom: 15px;border-radius: 8px;} .list-da-item img{width: 100%;margin-bottom: 15px;object-fit: cover; object-position: center;} .list-da-item {margin-bottom: 15px;} .head-search .search-input {background: rgba(0,0,0,.2);border:0px;} .list-da-item li:nth-child(3) a{display: block;padding-bottom: 10px;font-weight: bold;font-size: 16px;} .header_menu .menu>li>.sub-menu{top: 0%;left: 100%;font-size: 13px;transform-origin: 0 0;} .header_menu .menu>li>.sub-menu li>.sub-menu{top: 0;left: 100%;transform: scaleX(0); transform-origin: 0 0;} .header_menu .menu>li>.sub-menu li>a{color: #6a6a6a;display: block;padding:10px 20px;} .header_menu .menu>li>.sub-menu li.menu-item-has-children>a:after{content: "\f0da";font-family: FontAwesome;font-size: 12px;float: right;} .header_menu .menu>li>.sub-menu li:hover>a{color: #faa809;} .header_menu .menu>li>.sub-menu >li>a{ font-weight: 500; border-bottom: 1px solid #ddd;position: relative; font-size: 15px;} .header_menu {padding-top: 10px;} .menu-all-site{position: relative;z-index: 333;} .menu-all-site > .menu{display: none;position: absolute;top: 100%;left: 0px;background: #fff;padding: 0px; border: 1px solid #e9e9e9;width: 100%; box-shadow: 0 1px 8px rgb(0 0 0 / 8%);} .menu-all-site > span{display: block;background: #fff;color: #333;text-transform: uppercase;font-weight: bold;padding: 12px 10px;cursor: pointer;} .menu-all-site > span > i {float: right;position: relative;top: 3px;} .header_menu .menu>li>.sub-menu >li>a:before{ content: "\f105"; position: absolute; transition: all 300ms ease-in-out; top: 13px; left: 10px; font: normal normal normal 14px/1 FontAwesome;} .head-top { background-color: #f6f6f6;padding: 10px 0} .head-top span {font-weight: bold;color: #ff0000} .header_menu .menu>li>.sub-menu >li:hover >a:before{left: 15px;} .header_menu .menu>li>.sub-menu >li:hover >a{padding-left: 25px;} .menu-main-top {padding-top: 5px;} .product-info-view.p20 {padding-bottom: 0} .menu-main-top .menu{text-align: center;} .menu-main-top .menu > li{display: inline-block;} .menu-main-top li a{display: block;padding: 10px 10px; ;font-weight: bold;text-transform: uppercase; color: #343e48; font-family: "VL Bebas Neue"; font-size: 18px;} .header_menu .menu li:hover>.sub-menu{opacity: 1;visibility: visible;} .header_menu .menu>li:hover>.sub-menu{ transform: scaleY(1);} .header_menu .menu>li>.sub-menu li:hover>.sub-menu{transform: scaleX(1);display: block;} .header_menu .menu>li.menu_3>.sub-menu{width: 660px;padding-left: 10px;padding-right: 10px;} .header_menu .menu>li.menu_3>.sub-menu>li{width: calc(100% / 3);float: left;margin: 5px 0;} .header_menu .menu>li.menu_3>.sub-menu>li>a{text-transform: uppercase;} .header_menu .menu>li.menu_3>.sub-menu>li>a:after{display: none;} .header_menu .menu>li.menu_3>.sub-menu>li .sub-menu{position: initial;visibility: visible;opacity: 1;box-shadow: none;padding: 0;border: none;transform: scaleX(1);} table.variations {} .value.woo-variation-items-wrapper > a {position: absolute;right: 0px;} .value.woo-variation-items-wrapper {position: relative;} .woocommerce div.product form.cart .variations label { font-weight: 700; text-align: left; color: #333; float: left; font-size: 15px; padding: 0px;} .item_news>div{vertical-align: middle;} .item_news{margin-bottom: 20px;position: relative;} .item_news .img{width: 40%;} .item_news .info{padding-left: 20px;padding-right: 20px;} .item_news .img img{height: 220px;} .item_news .info .capt{font-size: 17px;font-weight: 600;} .item_news .info .capt:after{content: "";height: 2px;width: 30px;display: block;margin: 10px 0;background: rgba(0,0,0,0.1);} .item_news .date{position: absolute;width: 44px;height: 44px ;transition: all .3s; border: 2px solid #8b6e4b;background: #fff;color: #8b6e4b;text-align: center;padding: 5px 0;left: -8px;top: 15px;} .item_news .date span{display: block;line-height: 1;font-size: 12px;} .item_news .date span.day{font-size: 16px;} .item_news:hover .date{background: #8b6e4b;color: #fff;} .item_pro {text-align: center;position: relative;} .item_pro .info .capt{font-size: 14px;margin-bottom: 0;letter-spacing: 0.7px;font-weight: normal;text-transform: capitalize;} .item_pro .info .capt a{color: #777;} .item_pro .info{padding-top: 12px;} .item_pro .info .price{font-size: 13px;} .item_pro .info .price del{font-size: 12px;} .item_pro .sale-flash{display: block; font-weight: 700; position: absolute; top: 5px; left: 0; z-index: 9; color: #fff; height: 40px; width: 40px; font-size: 12px; text-align: center; line-height: 35px; background-color: red;} .item_pro .img{position: relative;overflow: hidden;} .item_pro .img .img-2 {opacity: 0;position: absolute;top: 0;left: 0;transition: all .5s;transform: translate(-50px, -50px);} .item_pro:hover .img .img-2{opacity: 1; transform: translate(0);} .item_pro .img .option_cart {position: absolute;right: 15px;bottom: 10px;} .item_pro .img .option_cart a{width: 32px;height: 32px;position: relative;left: 20px; background: #faeae2;border-radius: 50%;line-height: 32px;text-align: center;display:flex;align-items: center;margin-bottom: 5px;opacity: 0;visibility: hidden;} .item_pro .img .option_cart a img{width: 14px;margin: 0 auto;display: block;} .item_pro:hover .img .option_cart a{opacity: 1;visibility: visible;left: 0;} .item_pro .img .option_cart a:hover{background: #e9e9e9;} .rating_wrap{margin-bottom: 2px;} .rating_wrap:after{content: "\f005\f005\f005\f005\f005";font-family: FontAwesome;color: #ffc120;display: block;letter-spacing: 4px;} .price{font-weight: 600;color: #d33;} .price del{margin-right: 5px;font-weight: normal;opacity: .8;color: #545454;font-size: 13px;} .price ins{text-decoration: none;} .sidebar-title ,.entry-title ,.related-posts .related-title{color: #343e48 !important; text-transform: uppercase !important; font-family: "VL Bebas Neue" !important; font-weight: 500 !important; font-size: 28px !important; border-bottom: 1px solid #d6d8db;} .sidebar-title span{} .sidebar ul,.sidebar-pro ul{list-style: none;margin: 0;} .widget_recent_entries li{list-style: inside} .sidebar .widget,.product-categories,.sidebar .woocommerce-widget-layered-nav-list{padding: 12px;background: #fff;border: solid 1px #e5e6ec;} .product-categories>li{border-top: 1px solid #ececec;display: block;} .product-categories>li:first-child{border-top: none;} .product-categories>li>a{padding: 6px 0;display: inline-block;flex: 1;font-size: 16px;} .product-categories li>.children{margin: 0 0 10px 5px;padding: 12px;border: solid 1px #e5e6ec;display: none;} .product-categories li>.children li>a{display: inline-block;padding: 3px 0;} .product-categories li>.fa{float: right;width: 20px;height: 20px;margin: 8px 0;line-height: 20px;text-align: center;cursor: pointer;font-size: 18px;} .product-categories >li>.children li>.fa{font-size: 16px;margin: 3px 0;} .product-categories >li>.children .children{padding: 5px 8px;} .product-categories li.current-cat >.children,.product-categories li.current-cat-parent >.children{display: block;} .product-categories li.current-cat>.fa,.product-categories li.current-cat-parent>.fa{transform: rotate(-180deg);} .sidebar .woocommerce-widget-layered-nav-list {margin: 0 !important} .sidebar .viewed_box .item {padding: 5px 0 8px;} .sidebar .viewed_box .item .thumbnail{float: left;width: 70px;margin-bottom: 0;} .sidebar .viewed_box .item .info{float: left;width: calc(100% - 70px);padding-left: 15px;} .sidebar .viewed_box .item .info .capt{font-size: 16px;margin-bottom: 5px;} .sidebar .viewed_box .item .info .capt a{line-height: normal;} .sidebar .viewed_box .item .info .price{font-size: 16px;} .sidebar .viewed_box .item .info .price del{font-size: 13px;} .sidebar .price_fillter li{padding: 0 5px !important;margin-bottom: 5px !important;} .sidebar .price_fillter li a{display: inline-block;padding:0 0 0 25px !important;position: relative;} .sidebar .price_fillter li a:before { content: ''; font-size: 12px; color: #222; width: 15px; height: 15px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border: 1px solid #ddd; display: inline-block; margin-right: 5px; font-family: FontAwesome; position: absolute; top: 50%; left: 0; margin: 0; margin-top: -7.5px; } .sidebar .price_fillter li a:active:before,.sidebar .price_fillter li a:focus:before,.sidebar .price_fillter li a:hover:before,.sidebar .price_fillter li a.chosen:before{content: '\f00c';font-size: 12px;line-height: 15px;text-align: center;font-family: FontAwesome;} body.woocommerce .devvn_wcfa_widget_layered_nav ul li a:active, body.woocommerce .devvn_wcfa_widget_layered_nav ul li a:focus, body.woocommerce .devvn_wcfa_widget_layered_nav ul li a:hover{opacity: 1;color: #e5007f} .sidebar .price_fillter li a:active:before,.sidebar .price_fillter li a:focus:before,.sidebar .price_fillter li a:hover:before,.sidebar .price_fillter li a.chosen:before,body.woocommerce .devvn_wcfa_widget_layered_nav ul li a:active::before, body.woocommerce .devvn_wcfa_widget_layered_nav ul li a:focus::before, body.woocommerce .devvn_wcfa_widget_layered_nav ul li a:hover::before, body.woocommerce .devvn_wcfa_widget_layered_nav ul li.chosen a::before{color: #e5007f;border-color: #e5007f;} .rm_button{text-align: center;margin: 30px auto 20px;position: relative;} .rm_button:before { content: ''; position: absolute; height: 60px; left: 0; right: 0; background: linear-gradient(transparent, #fff); bottom: 57px; } .header_main {background: #fff} .rm_button span{display: inline-block;padding: 8px 20px;border-radius: 5px;color: #fff;font-size: 15px;text-transform: uppercase;cursor: pointer;background: #e5007f} .quick-contact span { padding: 0 0 0 28px; }.quick-contact span:before { content: ""; position: absolute; top: 2px; left: 0; width: 16px; height: 16px; background-color: #faa809; background-image: url("https://minismart.net/wp-content/themes/thietkewebwordpress/img/footer-sprite.png"); background-repeat: no-repeat; }.footer-info {padding-bottom: 50px;} .footer-support {position: fixed; bottom: 0; background-color: #faa809; height: 50px; left: 0; right: 0; padding: 10px 0 10px; color: #fff; transition: all .4s ease-out; z-index: 1000; opacity: .9;}.quick-contact .address span:before { height: 17px; background-position: center 0; }.quick-contact .email span:before { background-position: center -17px; }.quick-contact .phone span:before { background-position: center -33px; }.quick-contact li{position: relative;} .footer-support li{display: inline-block;padding: 0 15px;} .footer-top .footer-top-item { margin-right: 90px; }i.icon { width: 25px; height: 25px; background-image: url("https://minismart.net/wp-content/themes/thietkewebwordpress/img/basspro-sprite-icons-v01.svg"); background-size: 1000%; }.footer-top .footer-top-item i { margin-right: 10px; }i.icon.icon-comment { background-position: 480px 160px; display: block; background-size: auto; width: 40px; height: 40px; }i.icon.icon-envelope { background-position: 600px 120px; display: block; background-size: auto; width: 40px; height: 40px; }i.icon.icon-phone { background-position: 480px 120px; display: block; background-size: auto; width: 40px; height: 40px; }.align-items-center { -webkit-box-align: center !important; -ms-flex-align: center !important; align-items: center !important; } .d-flex { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; }.footer-top { padding: 20px 0px; }.border-bottom { border-bottom: 1px solid #d6d8db; } .container { max-width: 1300px; }.footer-top .footer-text-item h3 { font-family: "VL Bebas Neue"; margin-bottom: 0px; font-size: 22px; } @media (min-width: 1300px){ .container { width: 1300px; } } .footer-top h3{font-size: 18px;margin: 0} .footer-main { padding: 30px 0px;} .footer-bottom-top ul li { margin-right: 20px; display: inline-block; vertical-align: middle; } .footer-bottom-top h2{ font-family: "VL Bebas Neue"; font-size: 22px; margin-bottom: 30px; text-transform: uppercase;margin: 0} .footer-bottom-top { padding: 20px 0px; } .footer-bottom-top ul { margin-left: 20px; }.footer-bottom-main { padding: 10px 0px; }.footer-bottom-main p{margin-bottom: 0} .header-top ul li { display: inline-block; margin-right: 30px; }.header-top { padding: 15px 0px; border-bottom: 1px solid #d6d8db; }.header-top i { margin-right: 5px; }.header-top p.payment { margin-left: 50px; }.header-top p.payment a { color: #faa809; } .head-search .searchform{float: left;max-width: 250px;overflow: hidden;border:1px solid #ddd;border-radius: 20px;margin-right: 20px;} .head-search .search-input {background: #fff;border-radius: 20px;margin-bottom: 0} .head-search .searchform .submit-input{top: 1px;} .bg-title {} .position-relative { position: relative; }.banner-page img { height: 190px; width: 100%; object-position: center; object-fit: cover; display: block; }.position-center-auto { position: absolute; top: 50%; transform: translateY(-50%); }.banner-page h2 { font-size: 60px; font-family: "VL Bebas Neue"; color: #fff; font-weight: 500; }.right-0 { right: 0; } .left-0 { left: 0; } .form-contact .wpcf7{padding: 30px 30px 50px; background-color: #f6f6f6;} .woocommerce div.product .product_title {font-size: 38px; margin-bottom: 10px;} .sku_pro {display: none} .price del {float: right;font-size: 16px;} .quantity.buttons_added:before{content: 'Số lượng:';padding-right: 10px;} .flr {float: right;} .featured-product { position: relative;margin-top: 50px; margin-bottom: 150px; } .featured-product .backgound { width: 100%; height: 432px; object-fit: cover; object-position: center center; position: absolute; top: 160px; left: 0; right: 0; } .featured-product .product-items { -webkit-box-shadow: 0px 0px 15px 0px rgb(0 0 0 / 10%); box-shadow: 0px 0px 15px 0px rgb(0 0 0 / 10%); } .main-banner { height: 385px; background-position: center center; background-size: cover; position: relative; }.main-banner .content { background-color: #261100; position: absolute; top: 53%; transform: translateY(-50%); z-index: 999; text-align: center; padding: 35px 80px; }.main-banner .content h2 { text-transform: uppercase; font-size: 100px; font-family: "VL Bebas Neue"; color: #fff; text-align: center; line-height: 1; font-weight: 500; }.main-banner .content h3 { color: #fff; line-height: 1; text-align: center; font-size: 70px; font-family: "VL Bebas Neue"; font-weight: 500; margin-bottom: 20px; }.main-banner .content .title-top-banner { position: absolute; top: -10px; }.main-banner .content h4 { text-transform: uppercase; color: #fff; font-size: 18px; text-align: center; position: relative; display: inline-block; margin-bottom: 15px; position: relative; }.btn-secondary { display: inline-block; text-transform: uppercase; color: #fff; border: 1px solid #fff; padding: 11px 28px; font-weight: 500; } .our-services-wrapper { background-color: #102537; } .our-services .grid-item { height: 405px; }.our-services .grid-item img.img-right { height: 100%; object-position: center center; object-fit: cover; position: absolute; right: 15px; bottom: 0; top: 0; width: auto; }.position-center-auto { position: absolute; top: 50%; transform: translateY(-50%); }.our-services .grid-item h2 { font-weight: 500; font-family: "VL Bebas Neue"; color: #fff; font-size: 32px; margin-bottom: 20px; position: relative; }.our-services .grid-item p { color: #fff; font-size: 16px; line-height: 1.6; }.our-services .grid-item img.img-left { height: 100%; object-position: center center; object-fit: cover; position: absolute; left: -15px; bottom: 0; top: 0; width: auto; }.our-services .grid-item h2:before { content: ''; height: 1px; width: 50px; background-color: #faa809; position: absolute; top: -20px; left: 0; } @media(max-width: 768px){.footer-sub ,.footer-support {display: none} .flr {float: none;} .product-cat-home-child {position: relative;} .items .sub-item {padding-bottom: 50px !important; } .list-da-item img { float: left; width: 150px; margin-right: 15px; margin-top: 8px; } } html,body{margin:0;padding:0;min-height:100%;} #wow-uhb-root{min-height:100vh;} #wow-uhb-root a.wow-uhb-disabled-link{cursor:default;}

From Click to Spin: A UX Breakdown of the c168kim.com Slot Games Collection

From Click to Spin: A UX Breakdown of the c168kim.com Slot Games Collection

Many players do not simply lose money on slot sites; they lose patience first. The typical scenario is painfully familiar: you find a promising game library, click a title, wait for a long preloader, and then face a confusing login wall or a payment form that asks for unnecessary personal details. The desire to play a quick round of reels evaporates. Rather than evaluating payout charts or theme originality, I want to look at a different layer: how the platform guides you from the initial click to an actual gaming session. I reviewed the user journey for the c168kim.com slot games collection, not as a gambler chasing a jackpot, but as a UX designer auditing friction, accessibility, and logical flow.

Five Immediate Observations About the User Interface

The first layer of assessment is surface-level but essential. I dissected the interface based on what a new visitor sees within the first sixty seconds.

1. Search functionality is the real make-or-break element. A wall of slot thumbnails looks good in a screenshot, but without a working filter, the experience fails. The platform presents a variety of themed reels, but the search bar and category tabs carry the actual weight of usability. If a player is looking for a specific mechanic, such as Megaways or cascading reels, the site needs to support that query directly.

2. The pre-registration browsing experience matters. Many platforms force a sign-up before even showing the game rules. This site appears to allow a visual preview of the slot collection before account creation, which reduces the perceived risk for the user. This is a significant positive signal, as it lets players browse themes and feature sets that are not always visible in a listing grid.

3. Responsive behavior is a UX indicator, not just a technicality. The layout needs to adapt to a mobile screen without losing the game information hierarchy. A player checking the c168kim.com slot games collection on a phone should not have to zoom in to see the paytable icon or the max-bet button. The spacing between game cards and the size of the “Play” button are critical pivot points.

4. Cognitive load begins with the thumbnails. If every game card shows a generic logo or a single static image, the user cannot differentiate one title from another. The collection will blur together. The site must leverage unique artwork or brief feature tags—like “Bonus Buy” or “Jackpot”—directly on the thumbnail image.

5. Support integration is often the missing final step. The best games in the world do not compensate for an inaccessible live chat or a FAQ buried in the footer. During my analysis, I noticed the access path to support is the most neglected part of this user journey.

c168.comHình minh hoạ: c168.com

The Pre-Game Journey: Accessibility and Entry Barriers

Before a user engages with the game itself, they must successfully navigate the platform’s entry points. This starts with a connection to the main site. The most logical starting point for most players is the official portal at c168.com, which serves as the navigation hub for the library. I considered the route from landing to gaming not as a single click, but as a series of decisions.

From a UX perspective, the entry should follow a logical progression: Discover → Understand → Commit → Play. The friction appears when a platform skips “Understand” and jumps straight to “Commit”. You need to know what a slot offers in terms of volatility, theme, and potential bonus rounds before you commit to loading it into your browser.

The “Trial by Welcome Bonus” Problem

A dominant trend in online gaming is the aggressive promotion of a welcome bonus before the user has even selected a game. This creates a distraction. The user is forced to read terms and wagering requirements when they just want to validate the game’s graphics. I recommend that users ignore these overlays initially and focus on the game library itself. The platform would benefit from allowing users to dismiss the promotional pop-up permanently during a session, rather than having it reappear on every page navigation.

c168.com

Game Concept Evaluation and Information Architecture

Moving beyond the visual layer, information architecture dictates whether the collection is useful. The user intent here is not just to play, but to find *something specific*—a particular theme, a specific volatility level, or a game with a high potential for free spins.

The Filtering System

The best slot libraries categorize by:

– Theme (Adventure, Ancient, Fantasy, Fruit, Oriental)
– Mechanic (Megaways, Cluster Pays, Hold & Win, Bonus Buy)
– Feature (Free Spins, Multipliers, Expanding Wilds)

When auditing the c168kim.com slot games collection, I searched for a “Feature” navigation tab. The presence of such a tab is not guaranteed; without it, the player is forced to click into every single game to understand its mechanics.

The Game List View

A logical list view should display:

1. The game name and theme.
2. The release year (or at least a “New” badge).
3. The specific reel layout (e.g., 6×4, 5×3, Cluster).
4. The betting range.
5. A quick link to the “Paytable” without having to open the game in a new tab.

I found that these data points are often missing from the primary listing view. The platform shows the theme artwork, but requires deep navigation for the technical specs. For a user who is familiar with the game catalogue, this is a frustrating experience. They do not need to see the artwork again; they need to see the RTP and the variance.

c168.com

Navigational Flow: The Three Types of Player Journeys

We must distinguish between three user personas to evaluate the navigation flow properly:

1. The Curious Browser – This player wants to explore the c168kim.com slot games collection based on visual appeal. They click, look, and back out. For these users, a smooth “Back to Lobby” gesture after exiting a game is vital. The browser should return to the exact scroll position, not the top of the page.

2. The Feature Hunter – This player has a specific mechanic in mind, like “Hold & Win” or a progressive jackpot. They rely heavily on the search function. If the search system returns irrelevant titles or auto-corrects without permission, the experience fails.

3. The High Roller – This player wants the max bet settings and time-saving features. They use the “Autoplay” function frequently. The user journey must allow them to set the number of spins, the loss limit, and the single-win limit clearly, with a confirmation step that is not confusing.

c168.com

Comparative Evaluation: What To Look For In The Platform

To make this evaluation actionable, I compiled a comparison table of the critical UX checkpoints that every player should verify when using the site. This is a framework for your own audit, not a statement of unverified facts.

UX Checkpoint Positive Experience Indicator Common Friction Point
Game Lobby Load Speed Thumbnails load instantly; lazy loading is effective without delays. Spinner icons that block the page for more than two seconds.
Login Persistence Session remains active; no re-authentication when returning from a game. Repeated login walls after every game demo or exit.
Registration Process Minimal form fields; one-step registration; immediate access to demo play. Mandatory phone verification or e-wallet linking before game preview.
Game Rules Accessibility Two clicks to view the paytable; rules visible without entering the game. Paytable accessible only after initial real-money bet is placed.
FAQ and Support Navigation Sales pitch or bonus offers. A chatbot that answers questions with FAQ article links.

The Financial Friction Points

When evaluating the path from playing to payout, we move into banking UX. This is where the process often breaks down for users, not because of the games, but because of the flow between the game client and the cashier.

The most significant friction is the “Balance Update Delay”. While playing a slot, the user needs to see the win information instantly. This is normally handled by the game engine. However, when the user decides to cash out, the financial transaction should be visible on the dashboard immediately.

The site should provide a clear distinction between:

– **Bonus Balance** (funds subject to wagering).
– **Real Balance** (withdrawable cash).
– **Pending Withdrawal.**

If these three items are not clearly separated on the banking page, the user cannot understand their financial situation. This is not an issue of legal compliance, but of usability standard.

Payment Method Discovery

A secondary friction point is the absence of a visible payment method list on the cashier page before the click. Users appreciate knowing if their preferred bank or e-wallet is supported *before* they enter the deposit amount. If the user sees a generic list of logos that includes crypto, but then, upon clicking, finds that crypto is disabled for their specific country, the process becomes a painful ping-pong of error messages.

Who The Current Journey Fits Best

Based on my flow analysis, the current state of the c168kim.com interface and its collection appears to suit a specific type of player.

Best Fit:
– Players who prefer to browse visually—those who pick a game based on the art style or the theme of the reels.
– Mobile users who have a modern smartphone and favor the HTML5 client over download.
– Players who want access to a broad variety of game studios without switching across multiple websites.

Who Should Skip:
– Players who rely heavily on the search feature to find games by specific studio name.
– Those who require a “Favorites” list that syncs across devices.
– Users who want to see detailed RTP and volatility data directly on the lobby screen. The current experience likely hides these behind the game’s internal menu, which is still very common.

Recommendations for A Frictionless Slot Browsing Experience

To improve the experience of exploring this slot collection, I propose the following UX adjustments. Follow this checklist to ensure a smooth session when attempting to play:

  1. Test the “Guest Mode” first. Do not register with your primary email until you have clicked into five different games from the collection on the platform. If five out of five load without flashing ads or login resets, the technical foundation is sound.
  2. Audit the game loading latency. Start a stopwatch when you click a game thumbnail. If the game doesn’t reach the “Spin” button within 8 seconds, consider that a friction point for your internet bandwidth.
  3. Locate the “Closed Captioning” or “Rules” tab. Read the paytable of a game you don’t know. If the paytable is not understandable within 60 seconds because of poor layout or missing translation, the game quality is suspect.
  4. Set your time and loss limits. This is not a promotional recommendation; it is a safety UX rule. Before making your first deposit, look for the “Reality Check” function. If the platform only provides it inside the game’s “Settings” menu, set a manual alarm on your phone as a fallback.
  5. Verify the support channel instantly. Find the live chat widget. Estimate the time to open it and type a message. Do this *before* you have an issue. For the c168kim.com platform, note that using the chat is only useful if it provides immediate access for payment issues; the FAQ should cover the game rules.
  6. Execute a mini audit on the game filter. If you are looking for a bonus buy slot, try to locate it via the filter. If the filter hides it from you, the information architecture is not serving the “Feature Hunter” player.

Frequently Asked Questions

Q: Do I need to register before viewing the slot game rules?
A: This is not guaranteed and should be checked. The platform likely allows a preview of the game grid, but may require an account to access the internal help files, which are part of the game software. If the rules are hidden, I suggest reading reviews from external sources before playing.

Q: How should I approach the bonus offers on the platform?
A: Read that offer as a UX barrier. Look for the “Terms” link immediately. If the wagering requirement is stated in small text or requires a login to view, it is a friction point. Always prioritize your budget and remember that wagering requirements are a contractual obligation, not a reward for play.

Q: Can I use one account across the entire c168kim.com slot games collection?
A: Generally, online gaming platforms with a unified game library use the single-sign-on (SSO) process. One account should grant access to the game portfolio, but if you notice certain titles redirect to a different platform, your account might not be valid for those specific games. You should verify the dashboard’s “Wallet” section to confirm that all games share the same balance.

The Practical Wrap-Up for Slots Enthusiasts

The slot games collection available on the platform showcases a rich variety of themes and mechanical concepts. The visuals are competitive with the wider market, and the range of providers implies a serious effort to build a broad portfolio. However, the interface layer between the game and the player is the real battleground. You should not judge the site merely by the quality of its slot titles, but by the speed at which you get to the reels, the clarity of your balance, and the logic of the navigation. Before you play, use the checklist above to audit the site. It is the difference between a relaxing spin session and a frustrating afternoon of browser refreshing.

c168.com