/*
Theme Name: Web Khoi Nghiep
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/

.new-badge,
.new-label,
.onsale, div.tip{
    display: none !important;
}

#woocommerce-product-search-field-0{
	font-family:ui-sans-serif;
	    font-size: 18px;
}
#billing_country_field{
	display:none;
}
.header-nav-main li.cart-item:hover .icon-shopping-cart:before{
    color: #FF8F2B !important;
} 
form.checkout h3{
    color: #4BBA4D;
}
.widget_shopping_cart_content .woocommerce-mini-cart{
    border: none !important;
}

.blog-wrapper {
    padding-top: 0px !important;
}
.blog-wrapper  .row-divided{
    background: white;
    padding-top: 20px;
}
h1.entry-title{
    color: #00ACF0;
}
.icon-shopping-cart:before {
 content: "\f217" !important;
    font-family: "Font Awesome 5 Free";
    padding-right: 5px;
    color: #00ACF0;
    font-size: 24px;
}
#masthead i.icon-shopping-cart{
    font-weight: bold !important;
}
p.form-row-first, p.form-row-last{
    width: 100%;
}
body.woocommerce-cart .woocommerce,body.woocommerce-checkout .woocommerce{
        background: white;
    padding: 10px;
}
body.woocommerce-cart .woocommerce .woocommerce,body.woocommerce-checkout .woocommerce .woocommerce{
    padding: unset;
    background: unset;
}
.price-wrapper del bdi{
    color: #8a8a8a;
}
 .div-tin-tuc .post-item {
        border-bottom: 1px solid #e0e0e0;
 }
.div-tin-tuc .post-item:hover{
    background: #EEEEEE;
}
ul.header-bottom-nav > li > a{
        color: #00ACF0 !important;
    font-weight: bold;
    text-transform: uppercase !important;
  
}
ul.header-bottom-nav > li > a:before{
    content: "";
 margin-right: 5px;
    width: 20px;
    height: 20px;
    background: url(images/icon-point-red.gif);
    background-size: 100%;
    display: inline-block;
    float: left;
}
.sortbypttuan410 .range-check label{
    font-weight: normal;
}
.product-small .image-tools.right{
    opacity: 1 !important;
}
.row-km .col{
    padding-bottom: 0px !important;
}
#Content_SupportFooter #Support .thacmac span {
    background: url(https://karofihanoi.com/wp-content/uploads/2024/01/logo-karofi-while-1.png) no-repeat;
    margin-top: 12px;
    width: 130px;
    height: 32px;
    float: left;
    background-size: 100%;
}
#Support_Footer {
    width: 100%;
    height: 50px;
    z-index: 1000;
    margin: 0px;
    padding: 0px;
    position: fixed;
    background: #00ACF0;
    bottom: 0px;
}
#Content_SupportFooter {
    width: 1250px;
    height: auto;
    margin: 0px auto;
}
#Content_SupportFooter #Support {
    width: auto;
    height: 100%;
    float: left;
    margin: 0px;
}
#Content_SupportFooter #Support .thacmac {
    float: left;
    margin: 0px;
    line-height: 50px;
    display: block;
    color: #fff;
 
    font-size: 20px;
    display: block;
    padding-right: 20px;
    border-right: 1px solid #00ACF0;
}
#Content_SupportFooter #Support .thacmac span {
    background: url(https://karofichinhhang.vn/Content/Display/icons/logo-karofi-while.webp) no-repeat;
    margin-top: 12px;
    width: 97px;
    height: 32px;
    float: left;
    background-size: 100%;
}
.Tear_Sp {
    width: auto;
    height: 100%;
    float: left;
    margin: 0px 0px 0px 0px;
    padding: 0px 7px;
    position: relative;
    border-left: 1px solid #00ACF0;
    border-right: 1px solid #00ACF0;
}
.Tear_Sp .Left_Tear_Sp {
    background: url(https://karofihanoi.com/wp-content/uploads/2024/01/iconphone.png) no-repeat left center scroll transparent;
    width: 40px;
    height: 50px;
    float: left;
    margin-right: 0px;
}
.Tear_Sp .Right_Tear_Sp {
    width: auto;
    height: 100%;
    float: left;
    margin: 0px;
}
.Tear_Sp .Right_Tear_Sp .sp1 {
    font-size: 11px;
    color: #FFF;
    display: block;
    text-transform: uppercase;
    margin: 7px 5px 0px 5px;
}
.Tear_Sp .Right_Tear_Sp .sp2 {

    margin: 0px 5px;
    font-size: 17px;
    display: block;
    color: #fef9a5;
}
.Tear_Sp:after {
    width: 1px;
    height: 40px;
    content: '';
    position: absolute;
    top: 5px;
    right: 0px;
}
.Tear-zalo {
    width: auto;
    text-align: center;
    float: left;
    margin: 0px;
    background: #ff8f2b;
    height: 100%;
    padding: 0px 7px;
    height: 50px;
}
.Tear-zalo .icon {
    -webkit-animation: tada 1.2s infinite;
    animation: icon-zoom 1.2s infinite;
    width: 55px;
    height: 19px;
    background: url(https://karofichinhhang.vn/Content/Display/icons/icon-zalo.webp) no-repeat;
    background-size: 100%;
    display: inline-block;
    text-align: center;
    margin: 5px 0px 0px 0px;
}
.Tear-zalo .name {
    color: #fff;
    text-align: center;
    display: block;
     margin: -4px 10px;
    font-size: 14px;
}
.Tear-facebook {
    width: auto;
    text-align: center;
    float: left;
    margin: 0px;
    background: #0080f7;
    height: 100%;
    padding: 0px 7px;
    height: 50px;
}
.Tear-facebook .icon {
    -webkit-animation: tada 1.2s infinite;
    animation: icon-zoom 1.2s infinite;
    width: 19px;
    height: 19px;
    background: url(https://karofichinhhang.vn/Content/Display/icons/logo-facebook.webp) no-repeat;
    background-size: 100%;
    display: inline-block;
    text-align: center;
    margin: 5px 0px 0px 0px;
}
.Tear-facebook .name {
    color: #fff;
    text-align: center;
    display: block;
      margin: -4px 10px;
    font-size: 14px;
}
.Tear-order {
    width: auto;
    text-align: center;
    float: left;
    margin: 0px;
    background: #575757;
    height: 100%;
    padding: 0px 7px;
    height: 50px;
}
.Tear-order .icon {
    width: 20px;
    height: 20px;
    background: url(https://karofichinhhang.vn/Content/Display/icons/icon-order.webp) no-repeat;
    background-size: 100%;
    display: inline-block;
    text-align: center;
    margin: 5px 0px 0px 0px;
}
.Tear-order .name {
    color: #fff;
    text-align: center;
    display: block;
    margin: -4px 10px;
    font-size: 14px;
}
.woocommerce .widget_layered_nav ul li.chosen a:active::before, .woocommerce .widget_layered_nav ul li.chosen a:focus::before, .woocommerce .widget_layered_nav ul li.chosen a:hover::before, .woocommerce .widget_layered_nav_filters ul li.chosen a:active::before, .woocommerce .widget_layered_nav_filters ul li.chosen a:focus::before, .woocommerce .widget_layered_nav_filters ul li.chosen a:hover::before {
   content: "\f00c" !important;
      font-family: "Font Awesome 5 Free";
      font-weight: bold !important;
      line-height: 17px;
}
button.view-more-button{
        background: white !important;
    color: #00ACF0;
    font-weight: normal;
    margin-top: 10px;
    border-color: #00ACF0;
    line-height: 1.8em;
    min-height: 10px;
    border-radius: 5px;
    text-transform: inherit;
}
#hotline-body-header .hl2 {
    padding-left: 5px !important;
}
.post-sidebar span.widget-title {
        display: block;
    background: #00ACF0;
    color: white;
    padding: 10px;
    text-align: center;
    margin-bottom: 10px;
}
.woocommerce-widget-layered-nav-list,.product_list_widget,.flatsome_recent_posts ul{
    border: 0.5px solid #e0e0e0;
        padding: 10px;
}

.woocommerce .widget_layered_nav ul li a, .woocommerce .widget_layered_nav_filters ul li a{
  font-weight: unset;
}
button.view-more-button:hover{
    background:  #00ACF0 !important;
}
.woocommerce .widget_layered_nav ul li a:active::before, .woocommerce .widget_layered_nav ul li a:focus::before, .woocommerce .widget_layered_nav ul li a:hover::before, .woocommerce .widget_layered_nav ul li.chosen a::before, .woocommerce .widget_layered_nav_filters ul li a:active::before, .woocommerce .widget_layered_nav_filters ul li a:focus::before, .woocommerce .widget_layered_nav_filters ul li a:hover::before, .woocommerce .widget_layered_nav_filters ul li.chosen a::before {
    color: #3eaa3a;
    line-height: 17px;
        content: "\f00c" !important;
      font-family: "Font Awesome 5 Free";
        font-weight: bold !important;
    border-color: #3eaa3a;
}
.woocommerce .widget_layered_nav ul li a::before, .woocommerce .widget_layered_nav_filters ul li a::before {
    content: '';
    font-size: 15px;
    color: #222;
    position: absolute;
    top: 1px;
    left: 0;
    width: 20px;
    height: 20px;
    border-radius: 3px;
    border: 1px solid #999;
}
.woocommerce .widget_layered_nav ul, .woocommerce .widget_layered_nav_filters ul {
    padding: 5px 0;
}
.woocommerce .widget_layered_nav ul li a, .woocommerce .widget_layered_nav_filters ul li a {
    position: relative;
        padding-top: 0px;
    padding-left: 30px;
    border-bottom: 0;
    display: inline-block;
}
.woocommerce .widget_layered_nav ul li, .woocommerce .widget_layered_nav_filters ul li {
    margin: 0 10px;
        position: relative;
    padding: 2px 0;
    border: none;
}
a.back-to-top{
    bottom: 70px !important;
}
.tip span {
    color: #f00;
    font-weight: bold;
    border: 1px solid #F00;
    border-radius: 3px;
    padding: 1px 3px;
    font-size: 12px;
    display: block;
    text-transform: uppercase;
}
@keyframes icon-zoom {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }

    10%,20% {
        -webkit-transform: scale3d(.9,.9,.9) rotate(-3deg);
        transform: scale3d(.9,.9,.9) rotate(-3deg)
    }

    30%,50%,70%,90% {
        -webkit-transform: scale3d(1,1,1) rotate(3deg);
        transform: scale3d(1,1,1) rotate(3deg)
    }

    40%,60%,80% {
        -webkit-transform: scale3d(1,1,1) rotate(-3deg);
        transform: scale3d(1,1,1) rotate(-3deg)
    }

    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}
.nut-new{
    right: unset;
    left: 5px;
}
 .tip {


    right: unset !important;
    top: 5px;
    -webkit-animation: tada 1.2s infinite;
    animation: icon-zoom 1.2s infinite;
}

#mega_menu a:hover{
    background: #00ACF0;
    color: white
}
.product-small a.add_to_cart_button:before{
     content: "\f217" !important;
    font-family: "Font Awesome 5 Free";
    padding-right: 5px;
 
}
.giam-pt{
        color: red;
    padding-left: 10px;
}
.div-sp{
    padding-right: 0px !important;
    padding-left: 0px !important
}
.product-small .add-to-cart-button a.button {
   border-radius: 5px;
   min-height: 10px !important;
    height: 25px;
    line-height: 21px;
}
.product-small .add-to-cart-button a.add_to_cart_button{
        text-transform: inherit;

    border-radius: 5px;
    min-height: 10px !important;
    height: 25px;
    line-height: 21px;
}
#left_ads {
    width: auto;
    height: auto;
    float: left;
    position: fixed;
    left: 0px;
    top: 2px;
    z-index: 10000;
}
#right_ads {
    width: auto;
    height: auto;
    float: right;
    position: fixed;
    right: 0px;
    top: 2px;
        z-index: 10000;
}
.div-video h5{
      background: #00ACF0;
    color: white;
    font-weight: normal;
    padding: 3px 10px;
    display: block;
    font-size: 14px;
    position: absolute;
    z-index: 3333;
    margin-top: -59px;
}
.div-tin-tuc .box-text {
    padding-bottom: 0px !important;
}
.section-title-normal .section-title-main{
        background: #00ACF0;
    color: white;
    padding: 3px 9px;
    font-weight: normal;
    font-size: 15px;
        border: none;
}
.section-title-normal {
    border-bottom: 2px solid #00ACF0;
}
.product-thumbnails .flickity-slider a{
    padding: 10px
}
.div-duong-dan{
    padding-top: 10px;
}
.section-title-normal  a{
        background: #00ACF0;
    font-weight: normal;
    color: white;
    font-size: 13px;
    padding: 0px 11px;
}
.row-tin{    margin-bottom: 10px;}
.div-title{
        padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 10px;
}
.div-tin-tuc h5{
    font-size: 14px;
}
.Floor{
        background: #00ACF0 !important;
}
.section-banner-header{
    padding-bottom: 0px !important;
}
.section-banner-header .box-text {
    padding-bottom: 0px !important;
}
#mega_menu>li>a {
        padding: 7px 10px;
  color:#000;
	font-weight:bold;
    border-top: 1px dashed #ddd !important;
	font-size:11px !important;

}
.menu-image-title-after.menu-image-not-hovered img, .menu-image-hovered.menu-image-title-after .menu-image-hover-wrapper, .menu-image-title-before.menu-image-title {
    padding-right: 0px;
}
.row-form input[type=email],
 .row-form input[type=date], 
 .row-form input[type=search],
  .row-form input[type=number],
  .row-form input[type=text],
   .row-form input[type=tel],
    .row-form input[type=url],
     .row-form input[type=password],
     .row-form  textarea, .row-form  select, 
      .row-form  .select-resize-ghost, 
      .row-form .select2-container .select2-choice, 
      .row-form .select2-container .select2-selection{
    height: 2.07em
}
.div-sp-phai form{margin-bottom: 0px !important}
.row-form input,.row-form select{
    margin-bottom: 0px !important;
        font-size: 14px;
}
.row-form .wpcf7-submit{
        font-size: 13px;
    max-height: 6px;
    min-height: 28px;
    line-height: 19px;
}
.row-form .large-3{
    padding-left: 4px;
}
.row-form{
    margin-left: 0px !important;
    margin-right: 0px !important;
    background: #F1F1F1;
    padding: 7px !important;
    margin-top: 7px;
}
.row-form .wpcf7-spinner{
    display: none;
}
.header-nav-main .header-search-form  .relative{
        border: 1px solid #00ACF0;
    border-radius: 24px;
}
.header-nav-main .header-search-form .form-flat select{
    border: none;
    border-radius: 0px !important;
    border-right: 1px solid #ddd;
    background: transparent;
}
.header-nav-main .header-search-form  .form-flat input:not([type=submit]){
   border: none;
    border-radius: 0px !important;
       background: transparent;
}
.product-title-container{
    display: inline;
    float: left;
}
.star-rating span:before{
    color: #FFAB26;
}
.devvn-popup-title,.popup-customer-info-group .devvn-order-btn{
background: #00ACF0;
}
.product-title-container .product-title{
        display: inline;
}
.div-sp-tren .woocommerce-product-rating{
        display: inline;
    float: left;
    padding-left: 10px;
}
@keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}
.h5-title i{
    padding-right: 4px;
}
.div-sticky-sp .col-inner{
        padding: 10px;
    border: 1px solid #e3e3e3;
}
.tab_thong_so i{
        animation: fa-spin 2s linear infinite;
}
.contact-now a:hover {
    color: #fff !important;
    background-color: #00ACF0 !important;
}
.contact-now a.calls {
    background: #f58d18;
}
.contact-now a.calls i {
    float: left;
    line-height: 48px;
    font-size: 22px;
}
a.devvn_buy_now_style{
    margin-bottom: 0px !important;
}
.contact-now br{
    display: none;
}
.contact-now{
    padding: 10px !important;
}
.contact-now .col{
    padding-left: 0px !important;
    padding-right: 0px !important;
    padding-bottom: 0px !important;
}
.contact-now a {
   
    height: auto;
  
    margin: 3px 0.7%;
    color: #fff;
    display: block;
    padding: 5px 7px;
    border-radius: 5px;
}
.contact-now p{
    margin-bottom: 3px;
}
.contact-now a .sp1 {
    font-size: 18px;
    font-weight: bold;
    display: block;

    margin-left: 40px;
}
.contact-now a .sp1 {
    margin-left: 35px;
    margin-top: 3px;
}
.contact-now a .sp1 {
    margin-left: 35px;
    margin-top: 3px;
}
.contact-now a.contact i {
    float: left;
    line-height: 48px;
    font-size: 22px;
}
.contact-now a .sp2 {
    margin-left: 35px;
    display: block;
    font-size: 13px;
}
.contact-now a.calls .sp1 {
    margin-left: 35px;
    text-align: left;
    margin-top: 3px;
}
.contact-now a.calls .sp2 {
    margin-left: 35px;
    display: block;
    text-align: left;
}
.contact-now a.contact {
    background: #52a7ff;
    text-align: left;
}
.h5-title .title-sp{
        background: #00ACF0;
    border-top-right-radius: 14px;
    color: #fff;
    display: inline-block;
  
    text-transform: uppercase;
    font-size: 17px;
    padding: 9px 20px 5px 7px;
}
.product-section {
    border-top: none;
}
b,strong{font-weight: bold;}
.gift .name-gift:after {
    content: '\f559';
    display: inline-block;
    font-family: "Font Awesome 5 Free";
    position: absolute;
    left: -35px;
    transform: translateY(-50%);
    width: 30px;
    height: 40px;
    font-size: 30px;
    top: 24px;
    background-repeat: no-repeat;
    background-size: 100%;
}
.itemInfo {
    width: 100%;
    height: auto;
    float: left;
    box-sizing: border-box;
    margin-top: 5px;
    font-size: 13px;
}
.itemInfo ul li {
    width: 50%;
    height: auto;
    float: left;
    margin: 0px 0px 5px 0px;
    color: #333;
    font-size: 15px;
}
.itemInfo ul li i {
    color: #00ACF0;
}
.itemInfo ul li span {
    color: #00ACF0;
    font-size: 15px;
}
.box-price-sale {
    width: 160px;
    height: 30px;
   
    background: #f26522;
    padding: 0px;
    float: left;
    position: relative;
    margin-top: 7px;
}
.box-price-sale .over {
    width: 175px;
    height: 15px;
    z-index: 2;
    background: rgb(255,255,255,0.1);
    position: absolute;
    top: 0;
    left: 0;
}
.box-online {
    width: auto;
    height: 30px;
    background: #00ACF0;
    float: left;
    border-top-right-radius: 30px;
    border-bottom-right-radius: 30px;
    padding-right: 5px;
}
.box-price-sale .round {
    width: 26px;
    height: 26px;
    font-size: 14px;
    color: #edff26;
    text-align: center;
    line-height: 26px;
    background: #f26522;
    border-radius: 50%;
    position: absolute;
    left: 2px;
    top: 2px;
}
.box-price-sale .round i {
    line-height: 26px;
}
.box-online .name1 {
    height: 100%;
    float: left;
    margin: 0px 4px 0px 33px;
    font-size: 15px;
    line-height: 28px;
    color: #fff;
}
.box-price-sale .online {
    text-align: right;
    line-height: 28px;
    color: #fff;
    display: block;
    margin-right: 5px;
    color: #edff26;
    font-size: 15px;
}
.triangle {
    content: '';
    width: 0px;
    height: 0px !important;
    border-bottom: 15px solid transparent;
    border-top: 15px solid transparent;
    border-left: 11px solid #f26522;
    float: left;
    position: absolute;
    right: -11px;
    top: 0px;
    z-index: 1;
}
.price-Sale .price-Sale-note {
    font-size: 35px;
    color: #f00;
    margin: 6px 0px 0px 25px;
    display: block;
    float: left;
    font-weight: bold;
    line-height: 30px;
}
.price-Sale .price p .note-price {
    color: #fff;
    padding: 3px 5px;
    border-radius: 3px;
    background: #f00;
    font-size: 13px;
    font-style: normal;
}
.price-Sale .price p span.bold {
    font-size: 20px;
    text-decoration: line-through;
}
.price-Sale .price p span.ck {
    font-size: 18px;
    color: #F00;
}
.price-Sale .gift {
    margin-bottom: 10px;
    width: 100%;
    height: auto;
    float: left;
    box-sizing: border-box;
    margin-top: 15px;
    position: relative;
    box-shadow: 0 6px 10px rgb(0 0 0 / 10%);
    border: 1px solid #00ACF0;
    border-radius: 10px;
    position: relative;
}
.title-gift {
    background-color: #00ACF0;
    color: #fff;
    border-radius: 10px 10px 0 0;
    padding: 15px 0 10px;
    margin: 0.5px;
}
.price-Sale .gift .name-gift {
    display: block;
    position: relative;
    margin-left: 45px;
    text-transform: uppercase;
    font-size: 16px;
    color: #fff;
  font-weight: bold !important;
    font-weight: bold;
}
.des-gif {
    padding: 3px 15px 0 45px;
    font-size: 15px;
    color: #fff;
	font-weight: bolder;
    display: block;
}
.content-gift {
    width: 100%;
    height: auto;
    float: left;
    margin-top: 10px;
    box-sizing: border-box;
    font-size: 14px;
    padding: 5px 15px;
    line-height: 23px;
}
ul li{
    list-style: none
}
.content-gift ul li {
    position: relative;
    margin: 4px 0px;
    padding-left: 20px;
    width: 100%;
}
.content-gift ul li::before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
     content: "\f058";
    color: #00ACF0;
    margin-right: 5px;
    position: absolute;
    left: 0px;
}
/* Product promotion styles */
.product-small .box-sale {
    margin-top: 5px;
    padding: 0 8px;
}

.product-small .box-sale .khuyen-mai-text {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin-bottom: 0;
    line-height: 1.4;
    font-size: 12px;
    margin: 5px 0;
    color: #3d3d3d;
    max-height: 2.8em;
}

.product-small .box-sale .fa-gift {
    color: #ff0000;
    margin-right: 5px;
    font-size: 14px;
    vertical-align: middle;
    display: inline-block;
}

/* Remove duplicate styles */
.product-small .box-sale p i {
    font-size: 14px;
    color: #ff0000;
    margin-right: 5px;
    vertical-align: middle;
    display: inline-block;
}
.sortbypttuan410 form {
    padding: 0 0 0 20px;
}
.title_page {
    float: left;
    text-transform: none;
    font-size: 14px;
    font-weight: 700;
    line-height: 30px;
}
.sortbypttuan410 .pt-checkbox {
    margin-right: 0;
}
.sortbypttuan410 {
    display: flex;
    margin-top: 5px;
    justify-content: flex-end;
}
.woocommerce-pagination{
    margin-top: 15px;
}
th:first-child, td:first-child {
    padding-left: 10px;
}
.home .product-small{
        border: 0.5px solid #e0e0e0;
            padding-bottom: 0px !important;
}
.entry-content {
    padding-top: 0px;
    padding-bottom: 0px;
}
.product-small .box-text{
    padding-left: 0px !important;
    padding-right: 0px !important;
}
.home .product-small .product-small{
    padding-left: 0px;
    padding-right: 0px;
    border: none;

}
.category-page-row  .product-small{
    padding-left: 0px !important;
    padding-bottom: 0px !important;
    padding-right: 0px !important;
}
.category-page-row  .product-small .col-inner{
      border: 0.5px solid #e0e0e0;
            padding-bottom: 0px !important;
}
.category-page-row  .product-small .product-small{
    border: unset;
    padding-bottom: 0px !important;
}
.Floor {
    width: 100%;
    height: auto;
    float: left;
    margin: 0px;
    margin-bottom: 10px !important;
}
.Floor .Content_Floor {
    background: #f2f2f2;
    width: 100%;
    height: 42px;
    float: left;
    margin: 3px 0px 0px 0px;
}
.Floor .LeftFloor {
    width: auto;
    height: 100%;
    float: left;
    margin: 0px;
    background: #00ACF0;
}
.Floor .LeftFloor .Leftfloor1 {
    float: left;
    height: 100%;
    margin: 0px;
}
.LeftFloor .Leftfloor1 h2 {
    font-weight: normal;
    margin: 0px;
}
.LeftFloor .Leftfloor1 a {

    line-height: 42px;
    padding: 0px 10px 0px 20px;
    color: #FFF;
    text-transform: uppercase;
    display: block;
    font-size: 15px;
}
.LeftFloor .circle {
    width: 42px;
    height: 42px;
    float: left;
    margin: 0px;
    border-radius: 50%;
    background: #FFF;
    margin-right: -21px;
    font-size: 25px;
    font-weight: bold;
    text-align: center;
    line-height: 42px;
}
.Menufloor {
    width: auto;
    height: 100%;
    float: left;
    margin: 0px;
    position: relative;
    padding-left: 30px;
    overflow: hidden;
}
.Floor .RightFloor {
    line-height: 42px;
    margin: 0px 0px;
    display: block;
    font-size: 13px;
    width: auto;
    float: right;
}
.Floor .RightFloor a {
    color: #fff;
    border: 1px solid #dedede;
    padding: 5px 10px;
    background: #00ACF0;
}
.price-duoi{
    font-size: 80%;
    clear: both;
    padding-top: 10px;
}
a.devvn_buy_now{
        display: block;
    width: 100%;
    max-width: unset;
}
.product-small .box-image{
    padding: 10px;
}
.home .product-small:hover{
        border: 0.5px solid #00ACF0;
}
.home .product-small .product-small:hover{
    border: none !important;
}
.badge-container{
    display: none;
}
.lien-he-price{
        color: red;
        font-weight: bold;
}
.product-title a{
        font-size: 14px;
    height: 34px;
    overflow: hidden;
}
div.product-km{
    background: white;
    
    padding: 10px !important;
}
.div-khuyen-mai{
        border-radius: 6px;
    padding: 24px;
        background: #00ACF0 url(https://karofihanoi.com/wp-content/uploads/2022/02/phong.png) 0 0 no-repeat;
}
.product-small .badge-container{
    display: none;
}
#title-product-hot {
    width: 100%;
    height: auto;
    text-align: center;
    padding: 0px;
}
#title-product-hot span:before {
    left: -25px;
    border-right-width: 2px !important;
    border-left-color: transparent !important;
}
#title-product-hot span:after {
    border-color: #fff000;
    right: -25px;
    border-left-width: 2px !important;
    border-right-color: transparent !important;
}
#title-product-hot span:after {
    content: "";
    position: absolute;
    display: block;
    top: 0;
    border: 23px solid #fff227;
    z-index: 0;
}
#title-product-hot span:before {
    content: "";
    position: absolute;
    display: block;
    top: 0;
    border: 23px solid #fff227;
    z-index: 0;
}
#title-product-hot span {
    font-weight: 600;
    font-size: 24px;
    line-height: 28px;
    text-transform: uppercase;

    color: #111;
    position: relative;
    background: linear-gradient(
267.14deg
, #fff000 27.9%, #fff227 67.21%, #fff227 67.21%);
    display: inline-block;
    padding: 11px 20px 7px;
    margin-bottom: 23px;
}
.section-banner-header .icon-box-img{
    margin-bottom: 0px !important;
}
.div-no-padding{
    padding-bottom: 0px !important;
}
.row-mau{
    background: white;
}
.row-mau,.row-dau{
    background: white;
    padding: 5px;
}
.item-hotline {
    width: auto;
    height: 100%;
    float: left;
    margin: 0px;
    padding: 0 13px 0px 40px;
    margin-right: 12px;
    position: relative;
    border-right: 1px solid #DFDFDF;
}
.hl1:before {
    content: "";
    width: 32px;
    height: 32px;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    background: url(images/ic-phone.png) 0 0 no-repeat;
    background-size: contain;
}
.col-tin-tuc .col-inner{
    border: 1px solid #ddd;
    padding: 10px !important;
}
.col-tin-tuc .col-inner .col-inner{
	border:none !important;
	padding:unset !important
}
.col-tin-tuc .box{
	border-bottom:1px dashed #ddd !important;
	padding-bottom:6px;
}
.item-hotline .title {
    font-weight: 400;
    font-size: 13px;
    line-height: 15px;
    color: #666;
    margin-bottom: 3px;
    display: block;
}
.item-hotline  .name {
    font-weight: 600;
    font-size: 15px;
    line-height: 18px;
    color: #00ACF0;
}
.title-tin-tuc{
    margin-bottom: 0px !important;
}
.title-tin-tuc{
	    background: #00ACF0;
    padding: 10px;
    text-align: center;
}
.title-tin-tuc .name{
        font-size: 13px;
    text-transform: uppercase;
    color: white;
    font-weight: bold;
    display: block;
    margin: 0px 0px 5px 0px 0px;
    line-height: 20px;
}
.title-tin-tuc .name .icon {
    margin-right: 5px;
    width: 20px;
    height: 20px;
    background: url(images/icon-point-Yellow.gif);
    background-size: 100%;
    display: inline-block;
    float: left;
}
.col-tin-tuc .box-image{
    display: none;
}
.col-tin-tuc .box .box-text{
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
}
.col-tin-tuc .box .post-title{
    font-weight: bold;
}
.itemAdv .topItemAdw {
    width: 100%;
    height: auto;
    float: left;
    margin: 0;
}
.itemAdv {
 
    background: #f5f5f5;
    height: 104px;
    float: left;

    border: 1px solid #d3d3d3;
    border-radius: 5px;
}
.itemAdv .name {
    text-align: center;
    display: block;
    margin: 5px;
        font-size: 14px;
    color: #5f5f5f;
 
    text-transform: uppercase;
}
.itemAdv .topItemAdw .left {
    width: 55%;
    height: auto;
    float: left;
    box-sizing: border-box;
    padding: 10px 6px 6px 10px;
}
.itemAdv .topItemAdw .left span {
    color: #5f5f5f;
    text-align: right;
    display: block;
    font-size: 13px;
    line-height: 21px;

    text-transform: uppercase;
}
.itemAdv .topItemAdw .right {
    width: 45%;
    height: auto;
    float: left;
    box-sizing: border-box;
    padding: 10px 6px 6px 6px;
}
 .itemAdv .topItemAdw .right i {
    font-size: 55px;
    text-align: center;
    display: block;
    color: #a1a1a1;
}
#wide-nav>.flex-row>.flex-left{
    max-width: 270px !important;
}


 .product-main .yith_magnifier_zoom_wrap{
        border: solid 1px #e5e5e5;
    margin: 0px 20px 0px 5px;
    box-shadow: 1px 1px 2px #c0c0c0;
 }


   .product-main{
    padding-bottom:0px ;
}
.product-section-title-related{
    padding-left: 20px !important;
}


.single-product .large-9{
    padding: 0px !important
}


.row-so-dien-thoai p{
    margin-bottom: 0px !important
}
.div-tin-nho .box-image{
    display: none
}


.single-product .product-images .badge-container{
display: none
}
.social-icons {
    margin-top: 10px;
}
.row-so-dien-thoai a{
     width: 100% !important;
    max-width: 100% !important;
   text-align: center;
    display: block;
}


.product-summary .price-wrapper{
    display: none
}

.product-footer .woocommerce-tabs .product-tabs li.active a{
    padding: 6px;
        background-color: #5bc249 !important;
    color: white;
}
.product-footer .woocommerce-tabs ul li {
    margin-bottom: 1px;
}
.product-footer .woocommerce-tabs ul li a{
        text-transform: uppercase !important;
    font-size: 14px;
    font-weight: normal;
    border: none !important;
    background: transparent !important;
}
.product-footer .tab-panels{
  
    border-bottom: none;
    border-right: none;
    border-left: none;
    border-top:none;
}
.div-tinh-trang{
        margin-bottom: 10px;
    text-transform: uppercase
}
.div-tinh-trang .span-ma-san-pham,.div-tinh-trang .span-con{
        color: #e95e0b;
    font-weight: bold
}
.row-dang-ky .p-dau{
    margin-bottom: 20px;
}
.div-san-pham{
    padding-bottom: 0px;
}
.section-title  b{
    display: none
}


.row-dang-ky .wpcf7-submit {
    background: #FF9729!important;
    float: right;
}

#footer h3{
    font-weight: normal;
}
#footer ul li{

border-top: none !important;
}
#footer .widget_nav_menu{
    padding-left: 0px !important;
    padding-right: 0px !important;
}
.category .badge {
    display: none;
}
.category .box-text{
    vertical-align: top !important;
    padding-top: 0px !important
}
.product-summary .product-title {
    font-size: 20px
}
.product-short-description p{
    margin-bottom: 5px;
}
.section-dia-diem a{
    font-size: 12px;
}

#product-sidebar .icon-box ,.dia-chi-mobile .icon-box{
        background: white;
    margin: 0px 0px 10px 0px;
    padding: 10px;
}
.single-product .content-row{
        border: 3px solid white;
}
#product-sidebar .icon-box-text{font-size: 14px}
#product-sidebar{
    padding: 0px;
}
.row-divided>.col+.col:not(.large-12) {
    border-left: none;
}
.page-title{
        background: #F4F4F4;
}
.page-title-inner{
    background: white;
}
.is-divider{
    display: none;
}
.product-gallery-slider{
        border: solid 1px #e5e5e5;
    margin: 0px 20px 0px 5px;

    border-radius: 4px;
}
div#reviews.woocommerce-Reviews{
    max-width: unset !important;
    padding-left: 15px;
    padding-right: 15px;
}
.title_page h1{
    color: #00ACF0;
}
.row-form .wpcf7-not-valid-tip {
    margin-top: 11px !important;}
.product_list_widget li a{
    font-size: 14px;
}
.price-wrapper{
    min-height: 38px
}
.product-small .product-title{
    font-weight: bold;
}
.content-row,.category-page-row{
    background: white
}

.product-short-description p{
    font-size: 14px;
}
#shop-sidebar .widget-title{
    display: block;
    background: #00ACF0;
    color: white;
    padding: 10px;
    text-align: center;
    margin-bottom: 10px;
}



.single-date{
        border-bottom: 1px dashed #ededed;
}
h1.entry-title{
    font-size: 24px ;
}
/*Kết thúc màu sắc*/



footer.entry-meta {

    border-top: none !important;
    border-bottom: 1px dashed #ececec !important;
    
}

.entry-content img{
	width: auto !important
}
.duong-line {
    background: rgba(0,0,0,0) url(images/line.png) repeat scroll 0 0;
    height: 12px;
    margin-top: 5px;
    overflow: hidden;
}
.related-post h7{
	font-weight: bold;
	    font-size: 18px;
    float: left;
    margin: -8px 20px 0 0;
}


.price-wrapper span.amount{
    color: red 
}
.box-text-products{
    text-align: center;
}
.woocommerce-breadcrumb {
    font-size: 13px;
}
.widget_shopping_cart ul li.mini_cart_item{
    padding-right: 20px !important;
        padding-left: 60px !important;
}
.widget_shopping_cart ul li.mini_cart_item a{
    font-size: 12px !important
}
.price_slider_amount .price_label{
    font-size: 12px
}
.grid-tools a{
    background: #F36F36 !important
}
h1.product-title{
    font-weight: 500 !important
}


.product_list_widget .woocommerce-Price-amount{
    color: red;
}

.san-pham-giua{
    padding: 0px !important
}
.san-pham-giua .row{
    margin:auto !important;
}


.san-pham-giua .product-title a{
    color: white;
}
.san-pham-giua span.price .woocommerce-Price-amount{
    color: #ffd200 !important;
}
.san-pham-giua span.lien-he-price{
    font-weight: bold;
     color: #ffd200 !important;
}



.sanpham-duoi{
    padding: 20px 20px;
margin: 20px 10px 10px 10px;
    background: white;
}


p.buttons .wc-forward{
    background: #0F90DB 
}
p.buttons a.checkout{
    background: #e67e22 !important
}
.wc-proceed-to-checkout .checkout-button{
    background: #e67e22 !important
}

.image-three .col{
    padding-bottom: 5px !important;
   
}
.title-danh-muc{
    padding: 0px;
    margin-top: 10px;
    margin-bottom: 30px;
}
.row-tin-tuc .post-item{
    padding-bottom: 0px;
        border-bottom: 1px solid #eee;
}
.section-title-container {
    margin-bottom: 5px !important;
}



a.quick-view {
    display: none !important;
}
.section-logo .box-text{
    display: none
}
.section-logo .gallery-col{
    padding-bottom: 0px !important
}
 h2, .banner h1, .banner h2{
    font-weight: 500 !important
}

.nav-uppercase>li>a{
    text-transform: initial !important;
}
.ux-search-submit{
    background: #E65E12 !important
}
.row-dien-thoai-menu .col{
    padding-bottom: 0px;    
}
.row-dien-thoai-menu{
    color: white;
    font-size: 12px;
}
#mega-menu-wrap {
    width: 100%;
    background: #00ACF0;
    position: relative;
}
/*Thay đổi màu các nút*/
/*đổi màu nút thêm vào giỏ*/
.single_add_to_cart_button{
    background: #2C9310 !important
}



.nav-dropdown-has-arrow li.has-dropdown:after,.nav-dropdown-has-arrow li.has-dropdown:before{
    border: none !important
}

.page-title-inner{
    padding-top: 5px;
    min-height: 40px;
}
#mega_main_menu_ul li i{
    color: #2C9310 !important;
}
.footer-widgets ul#menu-menu-danhmuc li a{
    font-size: 14px !important
}


.hotline-top{
        font-size: 14px;
    font-weight: normal;
}
@media(min-width: 1023px){
    .div-slide-giua{
        padding-right: 0px !important;
    }
    .row-km .col{
        padding-left: 4px;
        padding-right: 4px;
    }
    .row-km .large-2{
        flex-basis: 14.2%;
        max-width: 14.2%;
    }
   .row-dau .col-slide{
            max-width: 80%;
    flex-basis: 80%;
    }
    .row-dau .col-danh-muc{
            max-width: 20%;
    flex-basis: 20%;
    }
}
@media(max-width: 855px){
	.div-nui-goi-sp-chi-tiet img{
		max-width: 133px;
	}
	.div-nui-goi-sp-chi-tiet{
		    position: absolute;
    z-index: 4;
    right: 11px;
    top: 88px;
	}
	.div-nui-goi-sp img {
    max-width: 54px;
}
.off-canvas:not(.off-canvas-center) .nav-vertical li>a {
    padding-left: 7px;
}
    .h5-title{
        margin-top: 5px;
    }
    .div-sp-phai{
        padding-bottom: 0px !important;
    }
    .row-form .wpcf7-submit{
        width: 100%
    }
    .row-form input,   .row-form select{margin-bottom: 5px !important;}
    .price-Sale .price p .note-price {

    font-size: 11px;

}
.price-Sale .price p span.ck {
    font-size: 14px;
   
}
.price-Sale .price p span.bold {
    font-size: 15px;}
    .price-Sale .price-Sale-note {
    font-size: 25px;

    margin: 6px 0px 0px 20px;}
    .itemInfo ul li{
        font-size: 13px;
    }
    .itemInfo ul li span {

    font-size: 13px;
}
    .category-page-row{
        padding-top: 0px;
    }
    .category-page-title .category-filtering{
        display: none;
    }
    .category-page-row .product-small {
    padding-left: 2px !important;
    padding-bottom: 4px !important;
    padding-right: 2px !important;
}
    .title_page {
    float: unset;}
    .nav-vertical .sub-menu li a{
        font-size: 13px;
        color: black;
    }
    .col-slide{
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    .Floor .RightFloor a {
    color: #fff;
    border: 1px solid #dedede;
    padding: 2px 8px;
    background: #00ACF0;
    margin-right: 7px;
}
    .LeftFloor .Leftfloor1 a {
    line-height: 42px;
    padding: 0px 8px 0px 7px;
    color: #FFF;
    text-transform: uppercase;
    display: block;
    font-size: 11px;
}
    .div-sp .row-collapse .col{
        padding: 2px !important;
    }
    #title-product-hot span{
        font-size: 15px;
    }
     .div-tin-tuc .post-item .box-text .from_the_blog_excerpt {
        font-size: 12px;
     }
          .div-tin-tuc .post-item .box-text h5{
            font-size: 13px;
          }
    .div-tin-tuc .post-item .box-text {
    padding-top: 0px;
    margin-right: 0px;
    padding-bottom: 0px;
    padding-left: 128px;
    padding-right: 2px;
    background-color: #fff;
}
 .div-tin-tuc .post-item .box-image {
    z-index: 9999;
    margin-right: 9px;
    width: 33% !important;
    float: left;
}
}
@media(min-width: 561px){
    a.fixed-hotline-pc {
    position: fixed;
    left: 0px;
    bottom: 150px;
    top: auto;
    border-radius: 20px;
    z-index: 9000;
}
    .devvn_toolbar ul li a {
    display: block;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    margin: 0 0 5px;
    position: relative;
    background-position: 50% 50%;
    background-size: cover;
    overflow: inherit;
}
    .devvn_toolbar ul li a img {
    width: auto;
    height: auto;
    max-width: 29px;
    max-height: 29px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate3d(-50%, -50%, 0);
    -moz-transform: translate3d(-50%, -50%, 0);
    -webkit-transform: translate3d(-50%, -50%, 0);
    margin: 0;
}
.devvn_toolbar ul li a span {
    font-weight: 400;
    color: #333;
    position: absolute;
    top: 50%;
    left: calc(100% + 10px);
    left: -webkit-calc(100% + 10px);
    left: -moz-calc(100% + 10px);
    margin-top: -12.5px;
    font-size: 14px;
    height: 25px;
    line-height: 25px;
    padding: 0 10px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    white-space: nowrap;
    opacity: 0;
    visibility: hidden;
}
.devvn_toolbar ul li a span:after {
    right: 100%;
    top: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(136, 183, 213, 0);
    border-right-color: #333;
    border-width: 5px;
    margin-top: -5px;
}
.devvn_toolbar ul li a#devvn_contact_1 span:after {
    border-right-color: #d35400;
}
.devvn_toolbar ul li {
    padding: 0;
    margin: 0;
    list-style: none;
}
.devvn_toolbar ul li a:hover span {
    opacity: 1;
    visibility: visible;
}
.devvn_toolbar ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
.devvn_toolbar {
    position: fixed;
    bottom: 10px;
    left: 10px;
    z-index: 99999999;
}
}
@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/


}