.full-header-top {
    background-color: #383838;
    font-size: 13.6px;
}

.inner-header-top {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    min-height: 41px;
    gap: 45px;
}

.left-header-top {
    font-size: 13.5px;
    color: #fff;
    float: left;
    width: 40%;
    line-height: 35px;
    text-align: left;
}

.right-header-top {
    color: #fff;
    float: right;
    width: 46%;
    line-height: 35px;
    font-size: 13.5px;
    text-align: right;
}

.right-header-top span i {
    border: 1px solid;
    padding: 4px;
    margin-right: 3px;
}

.right-header-top span:last-child {
    padding-left: 30px;
}

.full-header {
    /* padding-top: 5px; */
    background: #fff;
    z-index: 999;
    /* padding-bottom: 5px;
    margin-top: 5px; */
}

.header-logo {
    /* padding-left: 10px;
    padding-right: 10px; */
    float: left;
    width: 22%;

}

.header-logo a {
    float: left;
    width: 219px;
}

img.site-logo {
    width: auto;
    max-height: 91px;
}

/* menu */
.menu-between {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    align-content: center;
    align-items: center;
}

.main-menu {
    width: 79%;
    float: left;
    transition: margin-top 0.3s;
}

.cssmenu {
    display: none;
    /* Start off hidden */
}

.h3-title:hover+.cssmenu {
    display: block !important;
    /* Show menu on hover */
}

.cssmenu:hover {
    display: block !important;
    /* Show menu on hover */
}

/* Search */
.top-hotline {
    width: 35%;
}

.header-search {
    /* padding-left: 10px;
    padding-right: 10px; */
    float: left;
    width: 43%;
    position: relative;
    min-height: 1px;
}

.box-search {
    border-radius: 5px;
    position: absolute;
    top: -19px;
    left: 0;
    border: 1px solid #ddd;
    overflow: hidden;
    width: 70%;
    font-size: 14px;
}

#search-form {
    margin-left: 0;
    margin-right: 0;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    transition: all 0.15s linear 0s;
    border: 1px solid #EEE;
    background: #FFF;
    width: 100%;
    box-shadow: none;
    height: auto;
    border: none;
    padding: 10px 20px;
    background: #FFF;
    color: #000;
    background: #f3f3f3;
    border: 1px solid #EEE;
}

.search-submit {
    outline: medium none;
    position: absolute;
    right: 0px;
    -webkit-appearance: button;
    cursor: pointer;
    text-transform: none;
    top: 2px;
    border: none;
    padding: 9px 20px;
    color: #000;
    border-radius: 22px;
    margin: 0;
    font: inherit
}

.search-submit i {
    color: rgba(0, 0, 0, 0.88);
    font-size: 16px
}

.top-hotline ul li.tophotline i {
    text-align: center;
    padding: 0;
    font-size: 26px;
    width: 40px;
    height: 40px;
}

.tophotline i {
    color: #cf3034;
    text-decoration: none;
    outline: none;
    font-size: 40px;
    width: 40px;
    height: 40px;
    text-align: center;
    margin: 0 auto;
    float: left;
    margin-right: 10px;
}

.icon-hotline-gif {
    background: url(../css/images/hl-top-header.png) no-repeat;
    background-size: 34px 34px;
    background-position: 0;
    padding-left: 25px;
}

.icon-cart {
    background: url(../css/images/icon-cart.png) no-repeat;
    background-size: 34px 34px;
    background-position: 0;
    padding-left: 25px;
}

.pull-right ul.right {
    display: flex;
    padding: 0;
    justify-content: space-between;
    align-items: center;
}

.pull-right ul li {
    display: inline;
    list-style: none;
}

.pull-right ul li a {
    display: flex;
    position: relative;
    text-decoration: none;
    padding: 0;
    color: #555;
    white-space: nowrap;
    font-weight: normal;
    justify-content: space-around;
}

.pull-right ul li a.carts {
    text-transform: none;
    color: #000;
    border: 1px solid #000;
    padding: 10px;
    border-radius: 4px;
    font-size: 14px !important;
    font-weight: normal;
}

.pull-right ul li a.carts bdi {
    font-weight: 700;
    white-space: nowrap;
}

.pull-right ul li a b {
    font-weight: bold;
    color: #e00;
    font-size: 25px;
    margin-left: 10px;
    margin-top: 2px;
    padding-top: 5px;
    display: block;
}

li.header-divider {
    border-left: 1px solid rgba(0, 0, 0, .1);
    height: 30px;
    margin: 0 2.5px;
    margin-left: 10px;
    position: relative;
    vertical-align: middle
}

.topcart span.cart-products-count {
    padding: 0;
    color: #FFF !important;
    height: 20px;
    width: 20px;
    line-height: 20px;
    font-weight: 400;
    border-radius: 50%;
    display: inline-block;
    text-align: center;
    position: absolute;
    left: auto;
    right: -8px;
    top: -7px;
    bottom: auto;
    background-color: #d26e4b;
    border-radius: 99px;
    box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, .3);
    content: attr(data-icon-label);
    font-family: Arial, Sans-serif !important;
    font-size: 11px;
}

/* .pull-right{
    width: 10%;
} */
.categories-menu {
    float: left;
    width: 21%;
}

#mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1>li.mega-menu-megamenu>ul.mega-sub-menu .mega-description-group .mega-menu-description {
    display: none !important;
}

.categories-menu .h3-title {
    padding: 13px 15px;
    color: #FFF;
    background: #000;
    /* border-radius: 5px 5px 0 0; */
    font-size: 16px;
    margin: 0;
    font-weight: bold;
}

.categories-menu .h3-title i {
    margin-right: 10px;
}


.cssmenu {
    background: #fff;
    z-index: 10;
    position: relative;
}

.full-header-bottom {
    position: relative;
    border-top: 1px solid #F5F5F5;
}

#mega-menu-wrap-max_mega_menu_2 {
    position: absolute !important;
}

.cssmenu ul>li>ul {
    position: absolute;
    left: 100%;
    top: 0;
    z-index: 999;

    height: 510px;
    background: #FFF;

    border: 1px solid #F5F5F5;
}


#mega-menu-wrap-max_mega_menu_2 #mega-menu-max_mega_menu_2 li.mega-menu-item {
    width: 100% !important;
}

#mega-menu-wrap-max_mega_menu_2 #mega-menu-max_mega_menu_2>li.mega-menu-item>a.mega-menu-link {
    width: 100% !important;
}




.cssmenu ul li {
    list-style: none;

}

.cssmenu ul li a {
    list-style: none;
    align-items: center;
    text-decoration: none;
    padding: 13px 15px 13px 12px;
    font-size: 15px;
    gap: 10px;
    display: block;
    border-top: 1px solid #F5F5F5;
    border-bottom: 1px solid #FFF;
    color: #555;
    font-weight: normal;
}

.cssmenu ul li a .name {
    margin-left: 10px;
    position: relative;
    top: -5px;
}

.categories-menu .caret {
    float: right;
    margin-top: 10px;
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
    border-left: 4px solid #666;
}

.caret {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 2px;
    vertical-align: middle;
    border-top: 4px dashed;
    border-top: 4px solid\9;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
}

.cssmenu ul li img {
    width: 24px;
    height: 24px;
}

#searchresultdata {
    text-align: left;
    padding: 0;
    background: #FFF;
    overflow: auto;
    z-index: 99999;
    position: relative;
    width: 100%;
    max-height: 200px;
}

.live-search ul {
    width: 100%;
    list-style-position: outside;
    list-style: none;
    padding: 0;
}

.live-search ul li {
    margin: 0;
    padding: 5px 10px;
    cursor: default;
    display: block;
    font: menu;
    font-size: 12px;
    line-height: 16px;
    overflow: hidden;
    border-bottom: 1px solid #EEE;
}

.live-search ul li a {
    color: #666;
    display: block;
}

.live-search ul li a img {
    float: left;
    height: 35px;
    margin-right: 10px;
    width: 40px;
    border-radius: 2px;
}

.live-search ul li .thongtins {
    float: left;
    width: 70%;
}

.topcart-respon .tools ul {
    margin: 0;
    padding: 0;
}


/* Cart */
.header-cart .cart {
    display: none;
    position: absolute;
    top: 50px;
    right: 0px;
    background: #fff;
    padding: 0;
    text-align: left;
    z-index: 10000
}

.header-cart {
    position: relative;
    padding: 15px 0;
    margin-left: 25px
}

.header-cart:hover .cart {
    display: block
}

.header-cart .btn-show-cart img {
    height: 25px;
    width: 25px;
    object-fit: contain
}

.cart-header .minicart-body {
    padding: 5px 0px;
    margin: 0;
    max-height: 582px;
    width: 305px;
    border: solid 2px #ddd;
    border: solid 2px #ddd;
    box-shadow: 1px 1px 15px rgba(0, 0, 0, 0.15)
}

.cart-header .woocommerce-mini-cart {
    padding: 0 20px !important;
    overflow-y: auto;
    max-height: 400px
}

.cart-header .woocommerce-mini-cart__total.total,
.woocommerce .cart-header .woocommerce-mini-cart__total.total {
    margin: 20px 0;
    border-bottom: 2px solid #ececec;
    border-top: 1px solid #ececec;
    margin-bottom: .5em;
    padding: 11px 40px;
    text-align: center;
}

.cart-header li {
    list-style: none;
    overflow: hidden;
    border-bottom: 1px solid #ebebeb;
    padding: 20px 0 !important
}
.cart-header li .variation{
    display: none;
}
.cart-header li+li {
    padding-top: 20px
}

.woocommerce ul.cart_list li a,
.woocommerce ul.product_list_widget li a {
    font-weight: normal !important
}

.woocommerce .cart-header a.remove:hover {
    color: inherit;
    background: inherit
}

.cart-header .minicart-body a.remove {
    float: right;
    text-align: right;
    font-size: 17px;
    line-height: 18px;
    padding-left: 5px;
    font-weight: 700 !important;
    color: #7b8395 !important
}

.cart-header .minicart-body a.remove:hover {
    color: #226fe9 !important
}

.cart-header .minicart-body a .attachment-woocommerce_thumbnail {
    float: left !important;
    width: 25% !important;
    min-height: 60px;
    height: auto;
    margin-right: 5px
}

.cart-header .quantity {
    display: block;
    font-size: 13px;
    margin-left: 70px
}

.nd-quantity {
    width: 50px;
    padding: 6px 18px;
    border: 1px solid #eaebf3;
    border-radius: 20px;
    display: block
}

.cart-header .amount {
    font-weight: 700;
    color: #d33;
    margin-bottom: 5px;
    font-size: 15px
}

.cart-header .total .amount {
    font-weight: 700;
    float: right
}

.cart-header .total {
    font-size: 16px
}

.cart-header .total strong {
    font-size: 14px;
    font-weight: 500
}

.cart-header .woocommerce-mini-cart__buttons {
    padding: 0 20px
}

.cart-header .woocommerce-mini-cart__buttons a {
    text-transform: none;
    color: #000;
    border: 1px solid #000;
    padding: 6px;
    border-radius: 4px;
    margin: .5em 0 0;
    line-height: 1.6;
    font-weight: 600;
    height: 30px;
    text-align: center;
    background-color: #dd3333;

}

.cart-header .woocommerce-mini-cart__buttons a.checkout {
    background-color: #d26e4b !important;
}

.woocommerce-mini-cart li a {
    font-size: 11px;
}

@media only screen and (min-width: 1100px) {

    /* .full-header.sticky .header-logo {
        max-width: 120px;
    } */

    .full-header.sticky .main-menu {
        margin-top: 5px;
    }

    .full-header.sticky .header-search {}
}

@media only screen and (max-width: 1100px) {

    .main-menu {
        width: 100%;
        float: right;
        margin-top: 0;
        margin-left: 0;
    }

    .slider {
        width: 100% !important;
    }
}

@media only screen and (max-width: 1200px) {
    .categories-menu .h3-title {
        width: 100%;
    }

    .full-header-bottom .pull-right {
        display: none;
    }



    .cssmenu ul {
        width: auto;
    }

    .header-search {
        margin-top: 0;
    }

}

#buy_now_button:last-child {
    display: none !important;
}

@media only screen and (max-width: 1100px) {

    .header-logo {
        max-width: 150px;
    }

    .categories-menu {
        display: none;
    }
}

@media only screen and (max-width: 900px) {

    .left-header-top,
    .right-header-top {
        width: 100%;
        text-align: center;
        line-height: 30px;
        font-size: 15px;
    }

    .main-menu {
        width: 90px;
        margin-left: 10px;
        margin-bottom: 10px;
    }

    .header-logo {
        width: 40%;
    }
}

@media only screen and (max-width: 900px) {
    .inner-header-top{
        display: unset;
    }
   
    .list-cate-all{
        margin-top: 28px;
    }
    .gb-maysanxuat_cuanhom_title p{
        display: none;
    }
    .gb-maysanxuat_cuanhom_title h2{
        text-align:  center;
    }
    .box-search {
        position: unset;
    }

    .topcart i {
        color: #000;
        margin-right: 5px !important;
    }

    img.site-logo {
        padding: 5px;
        width: 115px;
        height: auto;
        /* margin: 10px auto; */
        display: block;
    }

    .menu-between {
        justify-content: space-between;
    }

    .mega-menu-description {
        display: none !important;
    }

    .topcart-respon {
        display: block !important;
    }

    .main-menu-respon {
        display: block !important;
    }

    .categories-menu {
        display: none;
    }

    .top-hotline .pull-right {
        display: none;
    }

    .topcart span.cart-products-count {
        right: 10px;
        top: 12px;
    }

    .topcart {
        list-style: none;
    }

    .main-menu {
        display: none;
    }

    .header-search {
        width: 100%;
        padding: 10px;
        background-color: #000;
    }

    .box-search {
        width: 100%;
    }

    .search-submit {
        top: 12px;
        background: #00000000;
        right: 15px;
    }

    #search-form {

        background: hsla(0, 0%, 100%, .2);
        border: 1px solid #000;
    }

    .slider {
        float: left !important;
        width: 100% !important;
    }

    .col-lg-4 {
        width: 47% !important;
    }

    .banner .col-lg-4:last-child {
        display: none;
    }
}

@media only screen and (max-width: 500px) {

    .left-header-top,
    .right-header-top {
        font-size: 12px;
    }
}