body { margin: 0; font-family: Arial; font-size: 15px; font-weight: 400; line-height: 1.5; color: #212529; text-align: left; background-color: #fff }
p { line-height: 1.5; margin: 0 0 10px }
a { color: #0066b3; text-decoration: none !important }
b, strong { font-weight: 700 }
ol { padding-left: 20px }
img { vertical-align: middle; border-style: none; width: auto; max-width: 100%; height: auto }
figure, figure img { max-width: 100% !important; background: #f7f7f7; margin: auto; width: auto; height: auto }
figure { margin-bottom: 10px }
.single-product .woocommerce-product-gallery figure { max-width: 11000px !important; background: #f7f7f7 !important; margin: auto; width: auto; height: auto }
.single-product .woocommerce-product-gallery figure { margin-bottom: 10px }
.single-product .woocommerce-product-gallery img { max-height: 400px !important; width: auto !important }
.single-product .woocommerce-product-gallery figure { margin-bottom: 10px }
figcaption { padding: 8px }
h1 { font-size: 21px; line-height: 1.5; margin: 10px 0; padding: 5px 0; font-weight: 700 }
h2 { font-size: 20px; line-height: 1.5; margin: 10px 0; padding: 5px 0; font-weight: 700 }
h3 { font-size: 19px; line-height: 1.5; margin: 10px 0; padding: 5px 0; font-weight: 700 }
h4 { font-size: 18px; line-height: 1.5; margin: 10px 0; padding: 5px 0; font-weight: 700 }
h5 { font-size: 17px; line-height: 1.5; margin: 10px 0; padding: 5px 0; font-weight: 700 }
h6 { font-size: 16px; line-height: 1.5; margin: 10px 0; padding: 5px 0; font-weight: 700 }
ul { list-style: none; padding: 0; margin: 0 }
.mce-btn.mce-active button, .mce-btn.mce-active:hover button, .mce-btn.mce-active i, .mce-btn.mce-active:hover i { color: #c92525 !important; }
.single-product #tab-description ul li:before { font-family: 'FontAwesome'; content: "\f04d"; font-size: 6px; color: #0066b3; margin-right: 10px }
.full-width { width: 100% }
table { margin-top: 10px; margin-bottom: 10px }
td { padding: 4px }
.thecontent table td { border: 1px solid #ccc; text-align: center }
.thecontent table { border: 1px solid #ccc; width: 100% }
#header { width: 100% }
#header .row-header { display: flex; flex-direction: row; align-items: center; justify-content: space-between }
#logo img { padding: 10px 0; height: auto; width: auto; max-height: 105px }
.toggle-menu .toggle-submenu { display: none }
#hkt-navigation { display: block; float: right; width: 100%; text-align: left; background-color: #0066b3 }
#hkt-navigation .menu-item-has-children>a, nav.navigation ul li.menu-item-has-children>a { padding-right: 30px }
.menu-item-has-children>a:after { content: "\f0d7"; font-family: FontAwesome; position: absolute; right: 15px }
.navigation ul { margin: 0 auto }
.navigation ul li { float: left; line-height: 24px; position: relative; border-right: 1px solid rgba(255, 255, 255, .22); transition: background 0.25s ease-in }
.navigation ul li:first-child { border-left: 1px solid rgba(255, 255, 255, .22) }
.navigation a { font-family: 'Roboto', sans-serif; color: #fff; padding: 10px 15px; font-size: 1rem; line-height: 26px; font-weight: 400; text-align: left; text-transform: uppercase; text-decoration: none; transition: none }
.navigation a .sub { font-size: 11px; font-weight: 400; color: #9b9b9b }
.navigation ul li a, .navigation ul li a:link, .navigation ul li a:visited { display: inline-block; padding: 10px 15px }
.navigation ul li:hover>a { background: rgba(0, 0, 0, .2); color: #fdfd02 }
.navigation>ul>.current a, .navigation>ul>.current-menu-item a { background: rgba(0, 0, 0, .2); color: #fdfd02 }
.header-right #hkt-navigation { background-color: transparent }
.header-right .navigation a { color: #333 }
.header-right .navigation ul li:hover>a { background-color: transparent; color: #0066b3 }
.header-right .navigation>ul>.current a, .header-right .navigation>ul>.current-menu-item a { background: transparent; color: #0066b3 }
a#pull, #wpadminbar.mobile { display: none }
.navigation li li.current-menu-item, .navigation li li.current-menu-ancestor, .navigation ul li li:hover { background-color: rgba(0, 0, 0, .3) }
.navigation ul li li { border-bottom: 0 }
.navigation ul ul { position: absolute; top: 100%; width: 250px; padding: 20px 0 0 0; padding-top: 0; z-index: 400; font-size: 12px; color: #798189; border: 1px solid rgba(255, 255, 255, .22) }
.navigation:not(.mobile-only) ul ul { background-color: #0066b3 }
.navigation ul ul li { padding: 0; border-right: 0 }
.navigation ul ul a, .navigation ul ul a:link, .navigation ul ul a:visited { padding: 10px 30px 10px 15px; position: relative; width: 250px; border-left: 0; background: transparent; border-right: 0; border-radius: 0; border-bottom: 0; margin: 0 }
#header .header-right .navigation ul ul a { color: #fff !important; font-size: 14px; font-weight: 400 }
.navigation ul ul li:last-child a { border-bottom: none }
.navigation ul ul { display: none }
.navigation ul ul ul { left: 250px; top: -1px }
nav.navigation:not(.mobile-only) ul.menu>li>ul.sub-menu:before { width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 10px solid transparent; border-bottom: 10px solid #0066b3; position: absolute; top: -20px; left: 15px; content: "" }
#navigation .wpmm-megamenu-showing.wpmm-light-scheme { background: rgba(0, 0, 0, .08) !important }
#navigation .wpmm-megamenu-showing.wpmm-light-scheme a { color: #fff !important }
#wpmm-megamenu .review-total-only { max-height: 25px }
.sub-menu .menu-item-has-children:after { color: #fff }
.clearfix:before, .clearfix:after { content: " "; display: table }
.clearfix:after { clear: both }
.clearfix { zoom: 1 }
#hkt-navigation #navigation i { margin-right: 4px }
.mobile-menu.footer { display: none !important }
.navigation .toggle-caret { display: none }
a#pull { display: none }
.navigation i { margin-right: 4px }
.sticky-navigation-active { z-index: 500; position: fixed; top: 0; margin: 0 !important; -webkit-backface-visibility: hidden }
.admin-bar .sticky-navigation-active { top: 32px }
.sticky-navigation a { transition: all 0.25s linear }
.sticky-navigation-active a { padding-top: 5px; padding-bottom: 5px }
#mobile-nav-toggle { color: #0066b3; position: absolute; right: 0; top: -6px; z-index: 999; margin: 0; border: 0; background: none; font-size: 28px; line-height: 1; display: none; transition: all 0.4s; outline: none; cursor: pointer }
html body { overflow-x: hidden }
html.noscroll body { position: static; overflow-y: hidden; width: auto }
.category .content.archive, .page:not(.home) .content.single, .single .content.single, .archive.tag .content.archive, .archive .archive.shop_page { display: flex; flex-direction: row; margin-top: 30px }
.category .content.archive .article, .page:not(.home) .content.single .article, .single .content.single .article, .archive.tag .content.archive .article { width: calc(100% - 370px) }
.sidebar { width: 350px; margin: 0 0 0 20px }
#site-footer .widget .tagcloud { padding: 0 !important }
#site-footer .widget .tagcloud a.tag-cloud-link { color: #333; font-size: 15px !important; background-color: #fff; padding: 0 3px; margin-right: 2px; margin-bottom: 2px }
#site-footer .widget .tagcloud a.tag-cloud-link:hover { color: #333; background-color: #fff }
footer#site-footer .copyrights { color: #fff; font-size: 13px; padding: 5px 0 !important; clear: both; line-height: 1.4; background: #484848 }
footer#site-footer .copyrights p, footer#site-footer .copyrights a { color: #a5a5a5 }
footer#site-footer .copyrights a { font-weight: 700 }
footer#site-footer .copyrights p { margin-bottom: 0 }
#site-footer i { color: #ffc92b; margin-right: 10px }
#topcontrol { z-index: 999; width: 40px; height: 40px; text-align: center; font-size: 24px; position: fixed; bottom: -100px; right: 15px; cursor: pointer; overflow: auto; opacity: .7; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background: #0066b3 }
#topcontrol:before { display: block; width: 40px; height: 40px; line-height: 40px; color: #FFF }
.breadcrumb { background: transparent; margin: 0; padding: 0; color: #777 }
.breadcrumb span { padding-right: 8px }
.category .post-article article .recent-item, .single article .recent-item, .archive.tag .article .recent-item { display: flex; flex-direction: row; border-bottom: 1px solid #eee; padding-bottom: 0; margin-top: 20px }
.category .post-thumbnail, .single .post-thumbnail, .archive.tag .article .post-thumbnail { padding-right: 20px }
.category .post-thumbnail img, .archive.tag .post-thumbnail img { background: #eee }
.category .entry .post-box-title, .single  .entry .post-box-title, .archive.tag  .entry .post-box-title { margin-top: 0; padding-top: 0 }
.entry .excerpt { text-align: justify }
.category h1.title.category a, .archive.tag .article h1.category.title a { color: #222 }
.category h1.title.category, .archive.tag .article h1.category.title, .archive .archive.shop_page h1.page-title { text-transform: uppercase; font-size: 20px; border-bottom: 1px solid #eee }
.category .entry .post-box-title a, .archive.tag .entry .post-box-title a { color: #222 }
.category .entry .post-box-title, .archive.tag .entry .post-box-title { font-size: 18px }
.sidebar .widget h3.widget-title { text-transform: uppercase; border-bottom: 1px solid #eee; }
.widget_categories ul { overflow: hidden }
.widget_recent_entries li:before { counter-increment: section; content: counter(section); width: 44px; font-weight: 700; color: #20b14c; margin: 4px 10px 15px 0; padding: 6px 15px; background: #f4f4f4; font-size: 20px; color: #cbcbcb; font-weight: 600 }
.widget_recent_entries li { display: flex; flex-direction: row; border-bottom: 1px solid #eee; margin-top: 10px }
.widget_recent_entries li:last-child { border-bottom: none }
.widget_recent_entries li a { width: calc(100% - 50px) }
.sidebar .widget_categories li { float: left }
.sidebar .widget_categories li a, .single .tags a, .category .tags a { overflow: visible; background: #0066b3; float: left; position: relative; color: #fff; font-size: 11px; margin: 2px 5px 7px 12px; padding: 0 15px 0 12px; height: 24px; line-height: 24px; border-top-right-radius: 4px; border-bottom-right-radius: 4px }
.sidebar .widget_categories li a:before, .single .tags a:before, .category .tags a:before { content: ""; float: left; position: absolute; top: 0; left: -12px; width: 0; height: 0; border-color: transparent #0066b3 transparent transparent; border-style: solid; border-width: 12px 12px 12px 0 }
.sidebar .widget_categories li a:after, .single .tags a:after, .category .tags a:after { content: ""; position: absolute; top: 10px; left: 0; float: left; width: 4px; height: 4px; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; background: #fff; -moz-box-shadow: -1px -1px 2px #004977; -webkit-box-shadow: -1px -1px 2px #004977; box-shadow: -1px -1px 2px #004977 }
.single .thecontent img { margin: auto; display: table }
.single .thecontent p, .page .entry-content p { line-height: 1.7 }
.single .thecontent, .page .entry-content { font-size: 16px }
.bai-ngau-nhien li { display: flex; flex-direction: row; justify-content: flex-start; padding: 10px 0; border-bottom: 1px solid #ddd }
.bai-ngau-nhien li .thumb { width: 100px; margin-right: 15px }
.bai-ngau-nhien li .tit { width: calc(100% - 110px) }
.hkt-pagination>a:not(.page):not(.first):not(.last) { display: none }
.recent-box-pagination { position: relative; margin: 10px 0 20px }
.hkt-pagination { display: table !important; width: auto; margin: 20px auto; float: none; border: none }
.hkt-pagination .pages { float: right; display: block !important; font-size: 85%; padding: 7px 0 2px }
.pagination a, .pagination.hkt-pagination a, .hkt-pagination span.dots, .hkt-pagination span.extend, .hkt-pagination span.current { width: 100%; float: left; margin-right: 0; color: #777; padding: 8px 15px 8px; font-size: 1em; line-height: 1.15 !important; border: 1px solid #cfcfcf }
.hkt-pagination li, .woocommerce nav.woocommerce-pagination ul { display: inline-block; float: left; margin-right: -1px; border: none; min-width: 40px; min-height: 40px }
.hkt-pagination a:hover, .hkt-pagination span.current, .woocommerce nav.woocommerce-pagination ul a { background-color: #0066b3 !important; color: #fff !important; border-color: #0066b3 }
.woocommerce nav.woocommerce-pagination ul li a, .woocommerce nav.woocommerce-pagination ul li span { padding: 7px 12px }
.woocommerce ul.cart_list li img, .woocommerce ul.product_list_widget li img { float: left; margin-left: 0; margin-right: 10px; width: 85px; height: 70px; box-shadow: none }
.woocommerce div.product p.price, .woocommerce div.product span.price { color: red; font-size: 1.25em; text-decoration: none }
.woocommerce div.product p.price del, .woocommerce div.product span.price del { color: #3d3d3d; padding-right: 30px }
.woocommerce div.product p.price ins, .woocommerce div.product span.price ins { background: inherit; font-weight: 700; display: inline-block; text-decoration: none }
.woocommerce.single-product { background: #f5f5f5 }
.woocommerce.single-product .woocommerce-breadcrumb { margin: 14px 0; padding: 0; font-size: .92em; color: #767676 }
.woocommerce.single-product article { width: 100% !important }
.woocommerce.single-product .breadcrumb { padding-bottom: 10px }
.woocommerce.single-product .article { margin-bottom: 0; position: relative; background: #fff !important; padding: 15px }
.woocommerce div.product div.images.woocommerce-product-gallery .flex-control-thumbs { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; -webkit-box-flex: 1; -ms-flex: 1 0 80px; flex: 1 0 80px; overflow: auto; flex-wrap: nowrap; flex-direction: row }
.woocommerce div.product div.images.woocommerce-product-gallery .flex-control-thumbs li { width: 20%; padding: 0 1px 1px 0 }
.woocommerce div.product div.images.woocommerce-product-gallery .flex-direction-nav li a { display: flex; flex-direction: column; align-content: center; justify-content: center; align-items: center }
.woocommerce div.product div.images.woocommerce-product-gallery .flex-direction-nav li { display: flex; flex-direction: row; justify-content: space-between; align-items: center; height: 40px; width: 40px; left: 0; bottom: 45%; z-index: 999; position: absolute; margin: 0 10px; font-size: 0; border-radius: 50%; background: rgb(255 255 255 / 75%) }
.woocommerce div.product div.images.woocommerce-product-gallery .flex-direction-nav li:nth-child(2) { left: auto; right: 0 }
.woocommerce div.product div.images.woocommerce-product-gallery .flex-direction-nav li a.flex-prev:before { font-family: 'FontAwesome'; content: "\f053"; font-size: 18px; padding-left: 11px; padding-top: 5px; color: #0066b3 }
.woocommerce div.product div.images.woocommerce-product-gallery .flex-direction-nav li a.flex-next:before { font-family: 'FontAwesome'; content: "\f054"; font-size: 18px; padding-top: 5px; padding-left: 13px; color: #0066b3 }
.woocommerce div.product div.summary .product_meta span { border-bottom: 1px solid #eee; padding: 7px 0 }
.woocommerce div.product div.summary .product_meta { display: flex; flex-direction: column }
.woocommerce div.product div.summary .product_meta span.sku { border: none !important; background: #ffc107; padding: 3px 5px !important; border-radius: 3px }
.woocommerce div.product div.summary .product_meta span.tagged_as { display: flex; flex-direction: row; display: none }
.woocommerce div.product div.summary .product_meta span.tagged_as a { overflow: visible; background: #0066b3; float: left; position: relative; color: #fff; font-size: 11px; margin: 2px 5px 7px 12px; padding: 0 15px 0 12px; height: 24px; line-height: 24px; border-top-right-radius: 4px; border-bottom-right-radius: 4px }
.woocommerce div.product div.summary .product_meta span.tagged_as a:before { content: ""; float: left; position: absolute; top: 0; left: -12px; width: 0; height: 0; border-color: transparent #0066b3 transparent transparent; border-style: solid; border-width: 12px 12px 12px 0 }
.woocommerce div.product div.summary .product_meta span.tagged_as a:after { content: ""; position: absolute; top: 10px; left: 0; float: left; width: 4px; height: 4px; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; background: #fff; -moz-box-shadow: -1px -1px 2px #004977; -webkit-box-shadow: -1px -1px 2px #004977; box-shadow: -1px -1px 2px #004977 }
.woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt { background-color: #dc3545; color: #fff; -webkit-font-smoothing: antialiased }
.woocommerce div.product form.cart .button:before { font-family: 'FontAwesome'; content: "\f217"; font-size: 18px; color: #ffffff; margin-right: 10px }
.woocommerce div.product form.cart .button { vertical-align: middle; float: left; margin-right: 15px; display: none }
.woocommerce div.product form.cart button#buy_now_button { display: block }
.woocommerce .quantity .qty { width: 3.631em; height: 35px; text-align: center; margin-top: 1px; background: #eee; border: none; border-radius: 3px }
.woocommerce div.product .product_title { clear: none; margin-top: 0; padding: 0 0 5px 0; border-bottom: 1px solid #eee }
.woocommerce span.onsale { min-height: 3.236em; min-width: 3.236em; padding: 15px 0 0 0; font-size: 1em; font-weight: 700; position: absolute; text-align: center; line-height: 1; top: 20px; left: 20px; margin: 0; border-radius: 100%; background-color: #f2b705; color: #fff; font-size: .857em; z-index: 9 }
.woocommerce .box-qua-tang { background: #fffbf1; border: 1px solid #ffeeba; padding: 15px; position: relative; margin: 30px 0 0 0; border-radius: 4px }
.woocommerce .box-qua-tang .title-qt { background: #ffeeba; position: absolute; padding: 2px 9px; font-weight: 600; top: -15px; border-radius: 5px }
.woocommerce .box-qua-tang li { padding: 2px 0 }
.woocommerce .box-qua-tang li:before { font-family: 'FontAwesome'; content: "\f06b"; font-size: 16px; color: #ffc107; margin-right: 10px }
.woocommerce #box-khuyen-mai:before { font-family: 'FontAwesome'; content: "\f005"; font-size: 16px; color: #ff6307; margin-right: 10px }
.woocommerce #box-khuyen-mai .title-km { font-weight: 700; color: #ff6307 }
.woocommerce #thoigiankhuyenmai { top: -15px; position: absolute; left: 92px; font-size: 12px; border-radius: 5px; padding: 4px 9px; background: #ffeeba; color: #dc3545; font-weight: 600 }
.archive.woocommerce ul.products .product_type_variable.add_to_cart_button, .woocommerce ul.products li.product .product_type_variable { display: none }
.woocommerce ul.products li.product, .woocommerce-page ul.products li.product { float: left; margin: 0 3.8% 2.992em 0; padding: 0; text-align: center; position: relative; width: 22.05%; margin-left: 0; background: #fff; box-shadow: 0 1px 1px 0 rgb(0 0 0 / 10%) }
.woocommerce .woocommerce-ordering select { vertical-align: top; padding: 5px; border: 1px solid #ddd }
.woocommerce ul.products li.product .price { display: block; font-weight: 400; margin-bottom: .5em; color: #e10000; font-size: 16px }
.woocommerce ul.products li.product .woocommerce-loop-category__title, .woocommerce ul.products li.product .woocommerce-loop-product__title, .woocommerce ul.products li.product h3 { max-width: 100%; text-align: center; display: -webkit-box; -webkit-line-clamp: 2; overflow: hidden; font-size: 14px; line-height: 1.7; font-weight: 400; min-height: 48px; -webkit-box-orient: vertical; padding: 0; margin: 0 5px 15px 5px; text-overflow: ellipsis; }
.single-woo-content .woocommerce-tabs.wc-tabs-wrapper td { border: 1px solid #ccc; padding: 4px 5px }
.single-woo-content .sticky-singleprduct { position: -webkit-sticky; position: sticky; top: 0 }
.single-product.woocommerce div.product { background: #fff; padding: 15px; margin-top: 30px }
.single-product .left-sinlge-woo-content table { text-align: left; width: 100% }
.woocommerce div.product form.cart .variations .value select { padding: 5px; border: 1px solid #ccc; width: 100% }
.woocommerce div.product form.cart .variations td.label { width: 190px }
.woocommerce div.product form.cart .reset_variations { font-size: 13px; background: #f00; padding: 3px 10px; color: #fff; border-radius: 4px }
.woocommerce .related.products li.product { border: 1px solid #eee; background: #f5f5f5; text-align: center }
.woocommerce ul.products li.product:nth-child(4n - 3), .woocommerce-page ul.products li.product:nth-child(4n - 3) { margin-left: 0 }
.woocommerce ul.products li.product .price ins { background: 0 0; font-weight: 700; display: inline-block; text-decoration: none; font-style: normal; margin-left: 15px; }
.woocommerce ul.products li.product .price del { opacity: 0.4; display: inline-block; color: #000000; text-decoration: line-through; font-style: normal; }
.sidebar.sidebar-woo h3.widget-title { margin: 0 0 15px 0 }
.sidebar.sidebar-woo .widget { margin-bottom: 30px }
.sidebar.sidebar-woo .widget ul.product-categories li { border-bottom: 1px solid #eee; padding: 8px 0 }
.sidebar.sidebar-woo .widget ul.product-categories li a:before { font-family: 'FontAwesome'; content: "\f054"; font-size: 10px; color: #0066b3; margin-right: 10px }
.archive.woocommerce.woocommerce-page #main-content { margin-top: 30px }
#add_payment_method table.cart img, .woocommerce-cart table.cart img, .woocommerce-checkout table.cart img { width: 100px; box-shadow: none }
table.shop_table td.product-remove a { background: #eee }
table.shop_table td.product-remove, table.shop_table th.product-remove { width: 30px; border-right: 1px solid #e5e5e5 }
td.product-thumbnail, th.product-thumbnail { border-right: 1px solid #eee }
table.cart .product-thumbnail, table.cart .product-thumbnail, table.cart .product-thumbnail { width: 120px; padding: 10px }
th.product-subtotal, td.product-subtotal, th.product-quantity, td.product-quantity, th.product-price, td.product-price { width: 120px; border-left: 1px solid #eee; text-align: center }
.woocommerce-billing-fields__field-wrapper label, .woocommerce-additional-fields__field-wrapper label { width: 125px }
.woocommerce-billing-fields__field-wrapper span, .woocommerce-additional-fields__field-wrapper span.woocommerce-input-wrapper { width: calc(100% - 130px) }
.woocommerce-checkout form .form-row input.input-text, .woocommerce-checkout form .form-row textarea, .woocommerce-checkout #billing_first_name_field { width: 100%; padding: 7px }
.woocommerce-checkout .hien-thi-thanhtoan-ws .woocommerce-checkout-review-order-table { display: none }
.woocommerce form .form-row .optional { display: none }
@media (min-width:1600px) {
    .container { max-width: 1500px; }
}
@media (min-width:1600px) {
    .category .post-thumbnail, .single  .post-thumbnail, .archive.tag .post-thumbnail { width: 25% }
    .category .entry, .single .entry, .archive.tag .entry { width: 75% }
    .category .content.archive .article, .page:not(.home) .content.single .article, .single .content.single .article, .archive.tag .article { width: calc(100% - 420px) }
    .sidebar { width: 400px }
}
@media (max-width:1600px) {
    .container { max-width: 1400px; }
}
@media (max-width:1400px) {
    #site-header .header-top .menu-top-ws ul li a, #site-header .header-top .hotline-top a { font-size: 13px }
    #header .header-right .navigation a { font-size: 14px }
    #logo img { max-height: 85px }
}
@media screen and (min-width:1401px) {
    .woocommerce #content div.product div.images, .woocommerce div.product div.images, .woocommerce-page #content div.product div.images, .woocommerce-page div.product div.images { width: 40% !important }
    .woocommerce #content div.product div.summary, .woocommerce div.product div.summary, .woocommerce-page #content div.product div.summary, .woocommerce-page div.product div.summary { width: 58% !important }
}
@media screen and (max-width:1200px) { }
@media (min-width:992px) and (max-width:1600px) {
    .category .post-thumbnail, .single  .post-thumbnail { width: 30% }
    .category .entry, .single .entry { width: 70% }
}
@media (min-width:992px) {
    .single .tags, .category .tags { display: flex; flex-direction: row; flex-wrap: wrap }
    .woocommerce.single-product .single-woo-content-life { display: flex; clear: both; flex-direction: row; justify-content: space-evenly }
    .woocommerce.single-product .left-sinlge-woo-content { width: calc(100% - 350px); text-align: justify; padding-right: 25px; }
    .woocommerce.single-product .right-single-woo-content { width: 350px }
    .archive.woocommerce.woocommerce-page #main-content .container { flex-direction: row-reverse; display: flex }
    .archive.woocommerce.woocommerce-page #main-content .container .content-area { width: calc(100% - 320px); margin-left: 20px; background: #fff; padding: 15px; }
    .archive.woocommerce.woocommerce-page #main-content .container .sidebar { width: 300px; margin: 0; box-shadow: 0 3px 25px 0 rgb(31 38 67 / 10%); -o-box-shadow: 0 3px 25px 0 rgba(31, 38, 67, .1); -moz-box-shadow: 0 3px 25px 0 rgba(31, 38, 67, .1); -webkit-box-shadow: 0 3px 25px 0 rgb(31 38 67 / 10%) }
    .archive.woocommerce ul.products li.product .button { display: none; }
    .sidebar.sidebar-woo .widget { padding: 15px }
    .woocommerce-cart .gio-hang-ws-wraper, .woocommerce-checkout .gio-hang-ws-wraper { display: flex; flex-direction: row; justify-content: space-around }
    .woocommerce-cart .gio-hang-ws-wraper .form-giohang-ws, .woocommerce-checkout .gio-hang-ws-wraper .form-giohang-ws { width: 70% }
    .woocommerce-checkout .gio-hang-ws-wraper .tamtinh-giohang-ws, .woocommerce-cart .gio-hang-ws-wraper .tamtinh-giohang-ws { width: 30% }
    .woocommerce-cart .woocommerce .cart-collaterals .cart_totals, .woocommerce-cart .woocommerce-page .cart-collaterals .cart_totals { width: 100%; position: sticky; top: 0 }
    .woocommerce-checkout .gio-hang-ws-wraper .tamtinh-giohang-ws, .woocommerce-cart .gio-hang-ws-wraper .tamtinh-giohang-ws { padding-left: 20px }
}
@media (max-width:991px) {
    .single-product.woocommerce div.product { padding: 0; margin-top: 15px }
    .woocommerce.single-product .article { padding: 0 }
    .header-right .navigation>ul>.current a, .header-right .navigation>ul>.current-menu-item a { color: #f7be68 !important }
    #logo { margin: 0 }
    #logo img { max-height: 65px; width: auto }
    #site-header .search-block { top: 60px; left: 15px; right: auto; -webkit-box-shadow: 3px 0 4px rgba(0, 0, 0, .18); box-shadow: 3px 0 4px rgba(0, 0, 0, .18) }
    #site-header .search-block #s-input { max-width: 140px }
    .navigation .search-block~.menu { padding-top: 35px; margin-top: 15px }
    .nav-header { padding: 12px 20px; background-color: #0066b3; color: #f1f1f1; text-align: center; border-bottom: 1px solid rgba(255, 255, 255, .1) }
    .nav-header .close-menu i { font-size: 1.25rem }
    .nav-footer { padding: 12px 20px; background: #3c3c3c; font-size: 85%; font-weight: 400; color: #f1f1f1; border-bottom: 1px solid rgba(255, 255, 255, .1) }
    .nav-footer p { margin-bottom: 3px }
    .sidebar, .article { width: 100% }
    .sidebar { float: left !important; overflow: hidden; margin-top: 30px }
    html.js { margin-top: 0 !important }
    html #wpadminbar { display: none }
    html.noscroll { position: fixed; overflow-y: scroll; width: 100% }
    #mobile-nav-toggle { display: inline }
    #mobile-menu-overlay { position: fixed; width: 100%; height: 100%; top: 0; left: 0; z-index: 999; cursor: pointer; display: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; background: rgba(0, 0, 0, .5) }
    .navigation { width: 100% }
    .navigation .menu a, .navigation .menu .fa>a, .navigation .menu .fa>a { color: #fff !important; width: 100%; font-weight: 400 !important; background: transparent }
    .navigation .menu { display: block !important; float: none; background: transparent }
    .navigation ul ul { visibility: visible !important; opacity: 1 !important; position: relative; left: 0 !important; border: 0; width: 100% }
    .navigation ul li li { background: transparent; border: 0 }
    .navigation ul li:after, .navigation ul li:before { display: none }
    .navigation ul li a, .navigation ul li a:link, .navigation ul li a:visited { text-align: left }
    nav.navigation:not(.mobile-only) ul.menu>li>ul.sub-menu:before { border: none }
    .main-container { position: relative; left: 0; transition: left 500ms ease }
    .mobile-menu-active .main-container { left: 300px; transition: left 500ms ease }
    .navigation.mobile-menu-wrapper { display: block; position: fixed; top: 0; left: -300px; z-index: 9999; width: 300px; height: 100%; background-color: #025593; border-right: 0 solid rgba(0, 0, 0, .2); overflow: auto; box-sizing: border-box; transition: left 500ms ease; -webkit-backface-visibility: hidden }
    .mobile-menu-active .navigation.mobile-menu-wrapper { left: 0 }
    .navigation ul li { width: 100%; display: block; border-right: none; border-left: none !important }
    .navigation ul li:hover { background: none }
    #hkt-navigation ul li a, #hkt-navigation ul ul a { width: 100%; padding: 8px 20px; width: 100% !important; border: none; border-bottom: 1px solid rgba(255, 255, 255, .1); color: #f1f1f1 !important; font-weight: 400; font-family: Arial, sans-serif; text-transform: none }
    #hkt-navigation .navigation>ul>.current a, #hkt-navigation .navigation>ul>.current-menu-item a, #hkt-navigation .navigation>ul>li:hover a { background: none }
    .navigation ul ul { position: static; width: 100%; background: none; border: none }
    .navigation ul ul li { background: none; width: 100% }
    .navigation i { display: inline; color: #f1f1f1 }
    .navigation ul ul a { padding: 9px 20px !important; background: #003d6a !important; width: 100% !important }
    .navigation ul ul ul a { padding: 9px 27px !important; background: #003d6a !important; width: 100% !important }
    .navigation ul ul ul ul a { padding: 9px 20px 9px 40px !important }
    .navigation .toggle-caret { font-size: 20px; display: block; width: 42px; height: 42px; line-height: 42px; color: #333; border-left: 1px dotted rgba(0, 0, 0, .1); position: absolute; right: 0; top: 0; text-align: center; z-index: 999; cursor: pointer }
    .navigation .menu-item-has-children>.toggle-caret i:before { content: "\f105" }
    .navigation .menu-item-has-children.active>.toggle-caret i:before { content: "\f107" }
    .navigation .menu-item-has-children>a:after { content: '' }
    .navigation ul ul a:before, .navigation ul ul ul a:before { content: "\f105"; font-family: FontAwesome; position: absolute; left: 5px }
    .category .content.archive, .page:not(.home) .content.single, .single .content.single, .archive.tag .content.archive, .archive .archive.shop_page { flex-direction: column }
    .category .content.archive .article, .page:not(.home) .content.single .article, .single .content.single .article, .sidebar, .archive.tag .article { width: 100% !important; margin: 0 }
    .tags { flex-wrap: wrap; display: flex }
    .woocommerce.single-product { background: #ffffff }
    .woocommerce.single-product .product { padding: 0 }
    .woocommerce.single-product .single-woo-content-life { text-align: justify }
}
@media screen and (min-width:768px) {
    .archive.shop_page .sidebar { width: 300px; margin: 0; box-shadow: 0px 3px 25px 0px rgb(31 38 67 / 10%); -o-box-shadow: 0px 3px 25px 0px rgba(31, 38, 67, 0.1); -moz-box-shadow: 0px 3px 25px 0px rgba(31, 38, 67, 0.1); -webkit-box-shadow: 0px 3px 25px 0px rgb(31 38 67 / 10%); padding: 15px }
    .woocommerce ul.products li.product, .woocommerce-page ul.products li.product { float: left; margin: 0 0 20px 20px; padding: 0; padding: 10px; text-align: center; position: relative; width: calc(25% - 15px); box-shadow: 0px 3px 25px 0px rgb(31 38 67 / 10%); -o-box-shadow: 0px 3px 25px 0px rgba(31, 38, 67, 0.1); -moz-box-shadow: 0px 3px 25px 0px rgba(31, 38, 67, 0.1); -webkit-box-shadow: 0px 3px 25px 0px rgb(31 38 67 / 10%); background: #fff }
}
@media screen and (max-width:575px) {
    .category .post-article article .recent-item, .single article .recent-item, .archive.tag .article .recent-item { display: flex; flex-direction: column }
    .category .post-article article .recent-item .entry, .single article .recent-item .entry, .category .post-thumbnail, .single .post-thumbnail, .archive.tag .recent-item .entry, .archive.tag .post-thumbnail { width: 100%; padding-right: 0 !important }
    .woocommerce div.product form.cart .button { display: block !important }
    .single-product button#buy_now_button { position: fixed; bottom: 0; left: 33.3%; opacity: 1; width: 33.3%; margin: 0; border-radius: 0; padding: 10px; font-size: 12px; z-index: 9999; background: #8d6dc4; }
    .single-product button.form-tu-van { position: fixed; bottom: 0; border-radius: 0; font-size: 12px; padding: 2px 1px 1px 1px; width: 33.3%; right: 0; z-index: 9999; }
    .single-product button.tuvan-sdt { position: fixed; bottom: 0; font-size: 12px; left: 0; width: 33.3%; padding: 2px 1px 1px 1px; border-radius: 0; z-index: 9999; }
    .single-product button.tuvan-sdt span { display: none; }
    .single-product button.tuvan-sdt:before, button.btn.btn-danger.form-tu-van:before, button#buy_now_button:before { font-family: 'FontAwesome'; font-size: 18px; color: #ffffff; margin: auto; display: table; }
    .single-product button.tuvan-sdt:before { content: "\f095"; }
    button.btn.btn-danger.form-tu-van:before { content: "\f0e6"; }
    button#buy_now_button:before { content: "\f217"; }
}