.full-header-top {

    background-color: #018791;

    font-size: 13.6px;

}



.left-header-top {

    color: #fff;

    float: left;

    width: 50%;

    line-height: 35px;

    text-align: left;

}



.right-header-top {

    color: #fff;

    float: right;

    width: 50%;

    line-height: 35px;

    text-align: right;

}



.full-header {

    background: #fff;

    z-index: 999;

    margin-top: 5px;

}



.header-logo a {

    float: left;

    width: 100%;

}



img.site-logo {

    max-width: 100%;

    max-height: 120px;

}



.inner-header {

    height: 100%;

}



.header-logo {

    float: left;

    overflow: hidden;

    transition: all 0.3s;

    width: 15%;

    height: 100%;

    display: flex;

    align-items: center;

}





/* menu */



.main-menu {

    float: left;

    transition: margin-top 0.3s;

    height: 100%;

    width: 70%;

    display: flex;

    align-items: center;

    justify-content: center;

}





/* Search */



.form_search {

    position: absolute;

    transition: all ease 0.3s;

    border: 1px #ebebeb solid;

    background: #fff;

    padding: 10px;

    width: 225px;

    right: 7%;

    top: 100%;

    box-shadow: inset 0px 1px 2px rgba(0, 0, 0, 0.1);

    opacity: 0;

    transform: translateY(50px);

    visibility: hidden;

}



.header-search:hover .form_search {

    opacity: 1;

    transform: translateY(0px);

    visibility: visible;

}



.searchform {

    position: relative;

}



.header-search {

    float: right;

    width: 190px;

    transition: margin-top 0.3s;

    position: relative;

}



.display_hover {

    position: absolute;

    transition: all ease 0.3s;

    opacity: 0;

    transform: translateY(50px);

    visibility: hidden;

}



.acount:hover .display_hover {

    opacity: 1;

    transform: translateY(0px);

    visibility: visible;

}



#search-form {

    width: calc(100% - 3px);

    margin: 0;

    border: 1px solid #ddd;

    float: left;

    height: 30px;

}



.search-submit {

    width: 70px;

    margin: 0;

    background-color: #49a010;

    height: 34px;

    float: left;

    border: none;

    position: absolute;

    right: 0;

}



.search-submit i {

    color: #fff;

    font-size: 14px;

}



.acount_search_cart {

    display: flex;

    align-items: center;

    justify-content: center;

    height: 100%;

    width: 15%;

}



.login,

.registration,

.logout,

.helo_account {

    display: block;

    -moz-box-shadow: 0px 1px 10px #999;

    -webkit-box-shadow: 0px 1px 10px #999;

    box-shadow: 0px 1px 10px #999;

    width: 100px;

    height: 25px;

    border: 2px solid #fff;

    background-color: #fff;

    color: #281205;

    border-radius: 5px;

    padding-top: 6px;

    margin-top: 10px;

    text-align: center;

}



.login a,

.registration a,

.logout a,

.helo_account a {

    color: #575454;

    text-decoration: none;

    background: transparent;

}



.acount,

.header-search,

.logo_cart_header {

    width: 25%;

}



.full-header .fa {

    font-size: 20px;

    color: black;

}



#mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1>li.mega-menu-item>a.mega-menu-link {

    color: #515151 !important;

}



.count_cart_p {

    position: absolute;

    right: -15px;

    top: -26px;

    display: block;

    background: #49a010;

    border: 2px solid #fff;

    border-radius: 50%;

    font-size: 10px;

    width: 20px;

    height: 20px;

    line-height: 20px;

    text-align: center;

    color: white;

    font-weight: 700;

}



.cart-contents {

    position: relative;

}



.widget_shopping_mini_cart {

    position: absolute;

    right: 5%;

    z-index: 9;

    top: 70%;

    font-size: 14px;

    text-align: left;

    background-color: #ffffff;

    border: 1px solid #cccccc;

    border: 1px solid rgba(0, 0, 0, 0.15);

    border-radius: 0px;

    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);

    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);

    background-clip: padding-box;

    width: 350px;

    margin-top: 10px;

    transition: all 0.3s ease-in-out 0s;

    -moz-transition: all 0.3s ease-in-out 0s;

    -o-transition: all 0.3s ease-in-out 0s;

    -webkit-transition: all 0.3s ease-in-out 0s;

    -ms-transition: all 0.3s ease-in-out 0s;

    filter: alpha(opacity=0);

    opacity: 0;

    visibility: hidden;

    transform: translateY(50px);

    -webkit-transform: translateY(50px);

    -ms-transform: translateY(50px);

    -o-transform: translateY(50px);

}



.acount_search_cart .logo_cart_header:hover .widget_shopping_mini_cart {

    filter: alpha(opacity=100);

    opacity: 1;

    visibility: visible;

    transform: translateY(0px);

    -webkit-transform: translateY(0px);

    -ms-transform: translateY(0px);

    -o-transform: translateY(0px);

}



.acount_search_cart .logo_cart_header .fa-shopping-cart:hover {

    color: #49a010;

}



#mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1>li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link {

    background: #fff !important;

    color: black !important;

}

.language-header {

    display: flex;

    align-items: center;

    justify-content: space-between;

}

.language-header .company-name {

    width: 30%;

}

.flag-language-switch {

    position: relative;

    display: inline-block;

    font-family: sans-serif;

}



.flag-selected {

    cursor: pointer;

    display: flex;

    align-items: stretch;

    gap: 6px;

    background-color: transparent;

    color: #fff;

    border-radius: 5px;

    padding: 5px 10px;

    transition: background 0.3s;

}

.current-flag {

    border-radius: 50%;

    height: 25px;

    width: 25px;

    object-fit: cover;

}

.flag-text {

    display: flex;

    align-items: center;

    gap: 2px;

}

.current-lang-code {

    width: calc(100% - 25px);

    font-weight: 600;

    text-transform: uppercase;

    font-size: 14px;

    color: #000;

}



.arrow-down {

    transition: transform 0.2s ease;

    width: 20px;
    filter: invert(1);
}



.flag-selected.active .arrow-down {

    transform: rotate(180deg);

}



.flag-dropdown {

    position: absolute;

    top: 38px;

    left: 50%;

    transform: translateX(-50%);

    background: #fff;

    border-radius: 5px;

    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.15);

    z-index: 9999;

    display: none;

    min-width: auto;

    padding: 10px 20px;

}



.flag-item {

    display: flex;

    align-items: center;

    justify-content: center;

    gap: 10px;

    padding: 8px 12px;

    cursor: pointer;

    transition: background 0.2s;

}



.flag-item:hover {

    background: #f5f5f5;

}

/* Ẩn popup đánh giá bản dịch và tooltip phản hồi */

.goog-tooltip,

.goog-tooltip:hover,

.goog-tooltip::after,

.goog-tooltip::before,

.goog-te-balloon-frame,

.goog-te-banner-frame,

#goog-gt-tt {

    display: none !important;

    visibility: hidden !important;

    opacity: 0 !important;

    pointer-events: none !important;

}

li.language-switcher {

    display: none;

}



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

    .full-header {

        height: 80px;

    }

    .full-header.sticky .header-logo {

        max-width: 120px;

    }

}



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

    .header-search {

        margin-top: 0;

    }

    body.home .full-content {

        margin-top: 0px;

    }

    .acount_search_cart .display_hover,

    .acount_search_cart .form_search {

        z-index: 9;

    }

}



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

    .header-logo {

        max-width: 150px;

    }

}



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

    .left-header-top,

    .right-header-top {

        width: 100%;

        text-align: center;

        line-height: 16px;

        font-size: 12px;

    }

    div#mega-menu-wrap-max_mega_menu_1 .mega-menu-toggle+#mega-menu-max_mega_menu_1 {

        background: #ffffff;

    }

}



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

    .full-header {

        position: relative;

    }

    .header-logo {

        width: 100%;

        max-width: 100%;

    }

    .header-logo a {

        width: 30%;

        margin-left: 35%;

    }

    .main-menu {

        position: absolute;

        width: 5%;

    }

    .acount_search_cart {

        position: absolute;

        right: 0;
        width: 100%;

    }

    div#mega-menu-wrap-max_mega_menu_1 .mega-menu-toggle {

        background: unset;

    }

    div#mega-menu-wrap-max_mega_menu_1 .mega-menu-toggle .mega-toggle-block-1 .mega-toggle-label {

        color: white;

    }

    div#mega-menu-wrap-max_mega_menu_1 .mega-menu-toggle .mega-toggle-block-1:after {

        font-size: 35px;

        color: #464646;

    }

    #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1>li.mega-menu-item.mega-current-menu-item>a.mega-menu-link,

    #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1>li.mega-menu-item.mega-current-menu-ancestor>a.mega-menu-link,

    #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1>li.mega-menu-item.mega-current-page-ancestor>a.mega-menu-link {

        background: unset !important;

    }

    .acount_search_cart .acount,

    .acount_search_cart .header-search {

        display: none !important;

    }

    .logo_cart_header .fa-shopping-cart {

        background: #49a010;

        padding: 10px;

        border-radius: 40px;

        color: white
    }

    .count_cart_p {

        right: -10px;

    }

    .acount_search_cart .logo_cart_header .fa-shopping-cart:hover {

        color: white;

    }

    .logo_cart_header {

        width: 100%;
        text-align: right;

    }

}



@media only screen and (max-width: 600px) {
    li.translate {

        display: none;

    }

    li.language-switcher {

        display: block;

        padding: 0 10px;

        margin-bottom: 15px;

    }

    div.banner-breadcrumb {

        padding: 10px 0px;

    }

    #mega-menu-wrap-max_mega_menu_1 .mega-menu-toggle .mega-toggle-block-1 .mega-toggle-label .mega-toggle-label-closed {

        display: none !important;

    }

}



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

    .logo_cart_header .fa-shopping-cart {

        font-size: 10px;

    }

    .count_cart_p {

        font-size: 5px;

        top: -20px;

    }

}



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

    .header-logo a {

        width: 40%;

        margin-left: 30%;

    }

}