/***********************************************************************************/

/*                                                                                 */

/*                                  CSS Tổng Quan                                  */

/*                                                                                 */

/***********************************************************************************/

body { padding: 0; margin: 0; width: 100%; overflow-x: hidden; }
h2 { font-size: 1.4em; }
h3 { font-size: 1.2em; }
h4 { font-size: 1em; }
h5 { font-size: 0.8em; }
h6 { font-size: 0.7em; text-transform: initial; }
@media only screen and (max-width:800px) {
   .nav-sidebar.nav-vertical { position: relative; }
   .nav-sidebar.nav-vertical>li:first-child { background: var(--primary-color); min-height: 40px; position: absolute; top: -40px; left: 0; }
   .nav-sidebar.nav-vertical>li>.block-top-mobile-menu>i:first-child { color: #fff; font-size: 17px; }
   .mfp-close { opacity: 1 !important; transform: translateY(0) translateZ(1px); left: 237px; right: unset; }
   .off-canvas:not(.off-canvas-center) .nav-vertical li>a { padding-left: 10px !important; font-size: 15px; font-weight: 300; padding-top: 6px; padding-bottom: 6px; }
   .sidebar-menu .nav-sidebar li .toggle i { font-size: 20px; }
   .sidebar-menu .nav-sidebar>li.active>a { font-weight: 500; color: var(--primary-color); }
   .nav .active>ul.children { padding-bottom: 10px; }
   .nav .active>ul.children>li { margin-bottom: 0; }
   .nav .active>ul.children>li>a { font-weight: 500 !important; font-size: 15px; text-transform: unset; padding-left: 2em !important; }
   .nav .active>ul.children>li>ul>li a { padding: 3px 0 3px 12px !important; font-size: 13px; padding-left: 2.6em !important; }
   .sidebar-menu>ul.nav>li>.children>li>.nav-sidebar-ul { padding-bottom: 5px; }
   .off-canvas-right .mfp-content, .off-canvas-left .mfp-content { width: 285px; }
   .icon-menu { color: #212121 !important; }
   .nav .active>ul.children { padding-bottom: 0; background: rgba(0, 0, 0, 0.03); }
   .nav .active>ul.children>li { margin-bottom: 0; border-top: 1px solid #00000014; }
   .nav .active>ul.children>li>a { font-size: 12px; text-transform: uppercase; }
   .nav-sidebar.nav-vertical>li.menu-item.active, .nav-sidebar.nav-vertical>li.menu-item:hover { background-color: #fff; }
   .nav-sidebar.nav-vertical>li { background: #fff; }
   .nav-vertical li li { padding-left: 0 !important; }
   .header-social-icons .social-icons a { margin-right: 8px !important; font-size: 15px !important; color: #444; }
   .html.header-social-icons { padding: 10px 20px !important; }
   .nav-sidebar.nav-vertical>li.menu-item.active, .nav-sidebar.nav-vertical>li.menu-item:hover { background-color: rgb(255, 255, 255) !important; }
   .header-search-form { padding: 10px !important; }
   .searchform .button.icon { border-radius: 0 10px 10px 0; }
   #woocommerce-product-search-field-1 { border-radius: 10px 0 0 10px; border: none; background: #d4d4d4; }
   #woocommerce-product-search-field-1::placeholder { color: #333; }
   .listpro_home { padding-left: 0; }
   .nav-sidebar .social-icons { text-align: center; }
   .sidebar-menu>.nav-sidebar>li>a { color: #564f4f; font-size: 14px !important; }
   .mfp-ready .mfp-close { opacity: .9; transform: translateY(0) translateZ(1px); right: 15px; mix-blend-mode: normal; position: relative; top: unset; }
   .icon_menu_home_mobile { width: 19px; height: 17px; background: url('../img/icon_homo_core.png') no-repeat; position: absolute; top: 11px; background-size: 100%; }
}