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 }

.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 }

.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 .tuvan-sdt { display: none!important }

}