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


* {
    scroll-behavior: smooth !important;
}
body {
    font-size: 15px;
    font-weight: 400;
}
.nav > li > a,
.mobile-sidebar-levels-2 .nav > li > ul > li > a {
    font-size: 18px;
}
input[type=email]:focus, 
input[type=number]:focus, 
input[type=password]:focus, 
input[type=search]:focus, 
input[type=tel]:focus, 
input[type=text]:focus, 
select:focus, 
textarea:focus {
    box-shadow: none;
}
.featured-box .icon-box-img img {
    padding-top: 0;
}
.wpcf7-spinner {
    display: none;
}
#music-btn {
  position: fixed;
  bottom: 10px;
  right: 10px;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background: #000;
  color: #fff;
  font-size: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 4px 12px rgba(0,0,0,0.25);
  cursor: pointer;
  z-index: 9999;
}
#music-btn.playing {
  animation: spin 3s linear infinite;
}
@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
#music-btn:hover {
  transform: scale(1.1);
}
/** Header **/
.header-button-1 .header-button a {
    border: 0px;
    height: 40px;
    min-height: 40px;
    font-size: 17px;
    font-weight: 600;
    line-height: 40px;
    background: linear-gradient(90deg, #38B548 0%, #278433 100%);
    letter-spacing: 0;
}
.cart-item .header-button a {
    width: 40px;
    height: 40px;
    line-height: 40px;
   	background: linear-gradient(90deg, #38B548 0%, #278433 100%);
}
.cart-item .header-button a .icon-shopping-cart {
    font-size: 20px;
}
/** Nav Menu **/
.nav.header-nav > li.header-search{
    margin: 0;
}
.nav.header-nav > li.header-search .header-button > a.icon{
    width: 40px;
    height: 40px;
    line-height: 40px;
    margin: 0;
    color: #309C3E;
    border-color: #309C3E;
}
.nav.header-nav > li.header-search .header-button > a.icon:hover{
    color: #fff;
}
li.header-search .header-button > a.icon i{
    font-size: 18px;
}
.nav.header-nav > li.header-button-1{
    margin-left: 10px;
}
.nav.header-nav > li{
    margin: 0 15px;
}
.nav.header-nav > li.cart-item{
    margin-left: 0;
}
.nav.header-nav > li > a {
    padding-top: 0px;
    padding-bottom: 0px;
}
.nav.header-nav > li.active > a {
    background: linear-gradient(90deg, #38B548 0%, #278433 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.nav.header-nav > li > a::before{
    height: 2px;
	bottom: 24px;
}
.nav.header-nav > li.active > a::before{
    background: linear-gradient(90deg, #38B548 0%, #278433 100%);
}
/** Menu **/
.header-nav-main .nav-dropdown>li.nav-dropdown-col {
    width: 25%;
}
ul.header-nav.nav-uppercase >li.menu-item >a {
    text-transform: uppercase;
}
.nav-dropdown-has-arrow.nav-dropdown-has-border li.has-dropdown:before {
    border-bottom-color: rgb(0 0 0 / 1%);
}
.nav-dropdown-default .nav-column li>a, 
.nav-dropdown.nav-dropdown-default>li>a {
    border-bottom: 1px dashed rgb(0 0 0 / 15%);
}
.nav-column>li>a, 
.nav-dropdown>li>a, 
.nav-vertical-fly-out>li>a, 
.nav>li>a {
    color: #222;
}
.nav-dropdown-has-border .nav-dropdown {
    border: 0;
    padding: 10px;
    min-width: 290px;
}
.nav-dropdown li {
    font-size: 14px;
}
li.current-dropdown>.nav-dropdown-full,
li.has-dropdown:hover>.nav-dropdown-full {
    display: block;
}
.nav-dropdown-full>li.nav-dropdown-col {
    width: 25%;
    float: left;
}
.nav-dropdown .menu-item-has-children>a,
.nav-dropdown .nav-dropdown-col>a,
.nav-dropdown .title>a {
    color: #222;
    font-size: 14px;
    font-weight: bold;
}
#main-menu ul.nav-sidebar .html.custom {
    color: #FFF;
    flex-flow: nowrap;
}
#main-menu ul.nav-sidebar .html.custom i {
    min-width: 35px;
    height: 35px;
    line-height: 35px;
    border-radius: 50%;
    margin-right: 10px;
    text-align: center;
    border: 1px solid #FFF;
}
/** Menu sub-menu 3 **/
.nav-dropdown {
    border: 1px solid #ddd;
    padding: 0;
}
.nav-dropdown .nav-dropdown-col>a,
.nav-dropdown li a {
    font-weight: normal !important;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 500;
}
.nav-dropdown-default>li:hover>a, 
.nav-dropdown .nav-dropdown-col>ul li:hover>a {
    color: #309C3E;
}
.nav-dropdown-default>li.menu-item-has-children>a {
    position: relative;
    font-weight: 600 !important;
}
/* .nav-dropdown-default>li.menu-item-has-children>a::before {
    content: "\f105";
    font-family: "FontAwesome";
    font-size: 15px;
    position: absolute;
    top: 0px;
    right: 0px;
    line-height: 40px;
} */
.nav-dropdown-has-arrow li.has-dropdown:before {
    border-width: 10px;
    margin-left: -10px;
}
.nav-dropdown .nav-dropdown-col>ul {
    z-index: 9;
    background: white;
}
.nav-dropdown>li.nav-dropdown-col {
    width:100%;
    border-right:0;
}
.nav-dropdown .nav-dropdown-col>ul li a {
    padding:10px 0;
    text-transform: none;
    color:black;
}
.header-nav li.nav-dropdown-col:hover >ul {
    display:block !important;
}
/** Mega Menu **/
ul.nav.header-nav >li.mega-menu {
    position: initial;
}
li.mega-menu.current-dropdown>.nav-dropdown {
    left: 0px;
    margin-left: 0px !important;
}
.mega-menu ul.sub-menu li {
    width: 33.333%;
    float: left;
    padding-left: 42px;
    padding-right: 10px;
    position: relative;
    padding-top: 10px;
    padding-bottom: 20px;
}
.mega-menu .nav-dropdown-default .nav-column li>a,
.mega-menu .nav-dropdown.nav-dropdown-default>li>a {
    margin: 0;
    padding: 0;
    padding-bottom: 5px;
    border-bottom: 0;
}
ul.product_list_widget li a{
    color: #222;
}
ul.product_list_widget li a:hover{
    color: #006DC3;
}
.category-page-row .tits_sp{
    border-top: 1px solid #c5c1c1;
    margin-top: 20px;
    padding-top: 20px;
}
.tits_sp .subcat-title{
    color: #309C3E;
}
.category-page-row .products{
    margin: 0 !important;
}
/** Menu Mobile **/
@media only screen and (max-width: 1500px) {
    .sec_09 .news-item-posts .boxx__innner .box__slider{
        width: 60%;
    }
    .nav > li > a, .mobile-sidebar-levels-2 .nav > li > ul > li > a{
        font-size: 16px;
    }
    .slide_linhvuc .content_text{
        padding: 15px 10px;
    }
    .slide_linhvuc .content_text h3{
        font-size: 16px;
    }
}
@media only screen and (max-width: 1300px) {

}
@media only screen and (max-width: 1200px) {
    .logo-left #logo{
        margin-right: 0;
        width: 150px;
    }
    #logo img {
        max-height: 55px;
    }
    .nav.header-nav > li{
        margin: 0 10px;
    }
    .nav > li > a, .mobile-sidebar-levels-2 .nav > li > ul > li > a{
        font-size: 14px;
    }
    p{
        font-size: 15px;
        line-height: 25px;
    }
    .slide_01 .text-box .text-box-content{
        padding-left: 15px;
    }
    .slide_01 .text-box-content .text-inner h3{
        font-size: 40px;
        line-height: 52px;
    }
    .dot .text_d h3{
        font-size: 35px;
        line-height: 45px;
    }
    .dot .text_d p{
        font-size: 14px;
        line-height: 22px;
    }
    .sec_02 .tits_hd h4{
        font-size: 15px;
    }
    .tits_hd h3{
        font-size: 32px;
        line-height: 40px;
    }
    .sec_01 .row{
        padding: 20px 15px;
    }
    a.button.button_01{
        padding: 0 20px;
        line-height: 40px;
    }
    .sec_02 a.button{
        height: 40px;
        line-height: 40px;
        font-size: 15px;
    }
    .slide_linhvuc .slick-current .item_image{
        min-width: 100%;
        margin-left: 0;
    }
    .sec_04 .product-category .box .box-text h5{
        font-size: 14px;
        line-height: 24px;
    }
    .sec_05 .icon-box{
        padding: 15px 20px;
    }
    .sec_05 .icon-box .icon-box-text h5{
        font-size: 16px;
        margin-bottom: 10px;
    }
    .sec_08 .slider-wrapper .flickity-prev-next-button.next{
        left: -63%;
    }
    .sec_11 form{
        padding: 30px 20px;
    }
    .sec_11 .tits_hd h3{
        font-size: 24px;
        margin-bottom: 10px;
    }
    .sec_11 .wpcf7 label input{
        font-size: 15px;
        height: 45px;
    }
    .gt_01 .tits_hd{
        padding-left: 15px;
        padding-bottom: 10px;
    }
    .gt_01 .tits_hd h3{
        font-size: 26px;
    }
    .gt_02 .tits_hd h3{
        font-size: 34px;
    }
    .gt_02 .tits_hd h3::before{
        font-size: 20px;
    }
    .gt_02 .row_01::before{
        top: 63px;
    }
    .gt_02 .tits h3{
        font-size: 35px;
        line-height: 26px;
        margin-bottom: 30px;
    }
    .gt_02 .tits h3::before{
        bottom: -48px;
    }
    .gt_02 .tits h3::after{
        bottom: -104px;
    }
    .gt_03 .row_01 .column_01{
        flex-basis: 33.3%;
        max-width: 33.3%;
    }
    .gt_03 .icon-box{
        padding-top: 30px;
        padding-left: 25px;
        padding-right: 25px;
    }
    .gt_03 .row_01 .col:nth-child(2) .col-inner{
        height: 311px;
    }
    .gt_03 .row_01 .col:nth-child(2) .icon-box{
        padding-top: 10px;
    }
    .gt_03 .icon-box h5{
        font-size: 17px;
        line-height: 22px;
        margin-bottom: 8px;
    }
    .banner-page .tits h3{
        font-size: 32px;
        line-height: 42px;
    }
    .product-info h1.product-title{
        font-size: 30px;
        line-height: 38px;
        margin-bottom: 20px;
        padding-bottom: 20px;
    }
    .related-posts{
        padding: 20px 15px;
    }
    .post-sidebar .widget-title,
    .related-posts h3{
        font-size: 22px;
        line-height: 25px;
        margin-bottom: 15px;
    }
    .related-posts ul li{
        margin-bottom: 10px;
    }
    .related-posts ul li a{
        font-size: 15px;
        line-height: 24px;
        padding: 10px 16px;
    }
    .box__right__layout .widget_list_posts,
    .box__right__layout .widget_custom_html{
        padding: 20px 15px 20px !important;
    }
    .box__right__layout .custom-html-widget > p{
        font-size: 14px;
        margin-bottom: 10px;
    }
    .box__right__layout .wpcf7 label{
        font-size: 14px;
        margin-bottom: 15px;
    }
    .box__right__layout .wpcf7 label input{
        font-size: 15px;
        height: 45px;
        padding: 0 20px;
        margin-top: 5px;
    }
    .box__right__layout .wpcf7 form input.wpcf7-submit{
        font-size: 16px;
        line-height: 40px;
        min-width: 170px;
        background-position-x: 20px;
        background-position-y: 9px;
    }
    .widget_list_posts .list-post-item li{
        padding-bottom: 15px;
        margin-bottom: 15px;
    }
}
@media only screen and (max-width: 992px) {
    .tits_hd h3{
        font-size: 28px;
        line-height: 36px;
    }
    .slide_01 .text-box-content .text-inner h3{
        font-size: 34px;
        line-height: 44px;
    }
    .slide_01 .text-box-content .text-inner p{
        margin-top: 10px;
        margin-bottom: 10px;
    }
    .slide_01 .text-box-content a.button{
        font-size: 15px;
    }
    .sec_01 .row{
        padding-bottom: 10px;
    }
    .sec_01 .dot{
        padding-bottom: 10px;
    }
    .head-year .wrap_year{
        padding: 25px 20px 20px;
    }
    .head-year .wrap_year h4{
        font-size: 40px;
        line-height: 20px;
        margin-bottom: 15px !important;
    }
    .head-year .wrap_year p{
        font-size: 15px;
        line-height: 20px;
    }
    .sec_03 .tits_hd h3{
        padding-bottom: 10px;
    }
    .slide_linhvuc .ground_text{
        width: 50%;
    }
    .sec_05 .column_01{
        display: none;
    }
    .sec_05 .icon-box .icon-box-img{
        margin-bottom: 15px;
    }
    .sec_06 .gallery-col{
        padding-bottom: 0 !important;
    }
    .sec_09 .text p,
    .sec_06 .text p,
    .sec_07 .text p{
        margin-bottom: 0;
    }
    .sec_07 .gallery-col:nth-child(3) > .col-inner,
    .sec_07 .gallery-col:nth-child(2) > .col-inner{
        padding-top: 0;
    }
    .sec_08 .slider-wrapper .flickity-prev-next-button{
        display: none;
    }
    .sec_09 .news-item-posts .boxx__innner .news-thumb{
        height: 250px;
    }
    .sec_09 .news-item-posts:not(.slick-center) .boxx__innner{
        padding-right: 50px;
    }
    .sec_09 .news-item-posts:not(.slick-center) .boxx__innner .box__slider{
        right: 25px;
    }
    .sec_09 .news-item-posts .boxx__innner .box__slider{
        padding: 20px 15px;
    }
    .sec_09 .news-item-posts .boxx__innner .box__slider .link{
        top: 15px;
        right: 15px;
        width: 35px;
        height: 35px;
    }
    .sec_09 .news-item-posts .boxx__innner .box__slider .link a{
        width: 35px;
        height: 35px;
    }
    .sec_10 .text p{
        margin-bottom: 0;
    }
    .sec_10 .blog_01,
    .sec_10 .blog_02{
        display: none;
    }
    .sec_10 .post-item .box-text{
        padding: 0 15px 20px;
    }
    .sec_10 .post-item .box-text-inner h5{
        font-size: 15px;
    }
    .sec_10 .post-item .box-text-inner h5 a{
        margin: 0;
        line-height: 22px;
    }
    .gt_01 .tits_hd{
        margin-bottom: 15px;
    }
    .gt_01 .tits_hd h3{
        font-size: 22px;
    }
    .gt_04 .text_01{
        margin-bottom: 20px;
    }
    .gt_05 .text p{
        margin-bottom: 0;
    }
    .contact_01 .icon-box{
        padding: 10px;
    }
    .d-line{
        margin-top: 10px;
        margin-bottom: 10px;
    }
    .product-container .product-main{
        padding-top: 50px !important;
        padding-bottom: 20px;
    }
    .product-info{
        padding-top: 25px;
    }
    .related-section{
        padding-top: 50px;
        padding-bottom: 30px;
    }
    .related-section h3.product-section-title{
        font-size: 26px;
        line-height: 38px;
    }
    .heading-title-single{
        font-size: 30px;
        line-height: 38px;
    }
    .section.service_page{
        padding-top: 50px;
    }
    .box__service{
        margin-bottom: 40px;
    }
    .box__service .box__thumb__img{
        height: 390px;
        width: 75%;
    }
    .box__service .box__content{
        width: 45%;
        top: 50px;
        padding: 30px 20px 25px;
    }
    .box__service .box__content h3 a{
        font-size: 17px;
        line-height: 25px;
    }
    .box__service .box__content .link{
        top: 75px;
        right: 20px;
    }
    .box__service .d-line{
        margin-top: 15px;
        margin-bottom: 15px;
    }
    .chantrang_01 .row_01 > .col .col-inner{
        padding-top: 30px;
        padding-bottom: 20px;
    }
    .chantrang_01 .row_01 > .col:nth-child(1)::before{
        right: 30px;
    }
    .term_dk{
        gap: 20px;
    }
    .dang_ky h4{
        font-size: 14px;
    }
    .dang_ky h3{
        font-size: 20px;
        line-height: 28px;
    }
    .term_dk .dk_email input{
        max-width: 200px;
    }
    .term_dk .dk_email input.wpcf7-submit{
        top: 0px;
        font-size: 15px;
        z-index: 4;
        background-color: #38B549;
        border: none;
    }
    .top_news{
        margin-top: 20px;
        margin-bottom: 20px;
    }
    .menu_tt ul.menu > li a{
        font-size: 15px;
    }
    .box__post__list{
        grid-template-columns: repeat(2, 1fr);
        gap: 20px;
    }
    .news-post-news .box__content .title__post__ar{
        font-size: 18px;
    }
    .child__categories .inner__categories__child h3{
        margin-top: 10px;
    }
    .chantrang_01 .copyright{
        padding: 15px 10px;
    }
}
@media only screen and (max-width: 767px) {
    .slide_01 .text-box-content .text-inner h3{
        font-size: 25px;
        line-height: 36px;
    }
    .dot .text_d h3{
        font-size: 25px;
        line-height: 36px;
    }
    .dot .img_d{
        min-width: 55px;
        width: 55px;
        height: 55px;
    }
    .dot .img_d img{
        width: 35px;
    }
    .dot .text_d p{
        font-size: 10px;
    }
    .tits_hd h3{
        font-size: 22px;
        line-height: 32px;
    }
    .sec_02 ul{
        column-gap: 10px;
    }
    .sec_02 a.button{
        font-size: 13px;
        margin-right: 0;
        padding: 0 15px;
    }
    .sec_02 a.button.button_01{
        margin-right: 10px;
    }
    .sec_03 .slide_linhvuc{
        height: auto;
        overflow: visible;
        margin: 0;
        padding-bottom: 50px;
    }
    .slide_linhvuc .slick-list{
        padding-right: 0;
    }
    .slide_linhvuc .slick-current .item_image{
        min-width: auto;
    }
    .slide_linhvuc .content_text{
        margin-left: 15px;
    }
    .slide_linhvuc .ground_text{
        width: 100%;
    }
    .sec_09 .news-item-posts .boxx__innner .box__slider h4 a{
        font-size: 16px;
        line-height: 24px;
        height: 72px;
    }
    .sec_10 .col-inner.text-right,
    .sec_04 .col-inner.text-right{
        text-align: left;
    }
    .sec_10 .col.column_02{
        padding-bottom: 10px;
    }
    .gt_01 .tits_hd h3{
        font-size: 20px;
    }
    .gt_02 .tits_hd h3{
        font-size: 25px;
    }
    .gt_02 .tits_hd h3::before{
        vertical-align: 2px;
    }
    .gt_02 .row_01::before{
        display: none;
    }
    .gt_02 .tits h3{
        margin-bottom: 0;
    }
    .gt_02 .tits h3::after,
    .gt_02 .tits h3::before{
        display: none;
    }
    .gt_02 .text{
        padding-top: 20px;
    }
    .gt_03 .text p{
        margin-bottom: 0;
    }
    .gt_03 .row_01 .column_01{
        flex-basis: 100%;
        max-width: 100%;
    }
    .gt_04 .icon-box{
        margin-bottom: 10px;
    }
    .gt_04 .icon-box .icon-box-text h3{
        font-size: 20px;
        line-height: 30px;
    }
    .box__service .box__thumb__img{
        height: 250px;
        width: 100%;
        border-radius: 10px 10px 0 0;
    }
    .box__service .box__thumb__img img{
        border-radius: 10px 10px 0 0;
    }
    .box__service .box__content{
        width: 100%;
        top: 0;
        padding: 30px 20px 25px;
        position: relative;
        border-radius: 0 0 10px 10px;
    }
    .box__service .box__content h3{
        padding-right: 0;
    }
    .box__service .box__content .link{
        top: 55px;
        display: none;
    }
    .banner-page .breadcrumbs,
    .slide_01 .breadcrumbs{
        margin-bottom: 5px
    }
    .child-categories{
        grid-template-columns: repeat(2, 1fr);
    }
    .child__categories .inner__categories__child img{
        height: 150px;
    }
    .box__post__list{
        grid-template-columns: repeat(1, 1fr);
    }
    .banner-page .tits h3{
        font-size: 26px;
        line-height: 32px;
    }
    .section__width{
        padding-top: 0;
    }
    .heading-title-single {
        font-size: 25px;
        line-height: 32px;
    }
    .news-post-news .box__content{
        padding: 25px 15px 20px;
    }
    .news-post-news .box__thumb__img .post__Date{
        bottom: -15px;
        left: 14px;
        width: 65px;
        height: 65px;
        padding-top: 9px;
    }
    .news-post-news .box__thumb__img .post__Date .date_day{
        font-size: 20px;
    }
    .news-post-news .box__thumb__img .post__Date .date_mon{
        font-size: 14px;
    }
    .news-post-news .box__content h3{
        margin-bottom: 10px;
    }
    .news-post-news .box__content .box__des p{
        font-size: 14px;
    }
    .heading-title-cate{
        font-size: 24px;
    }
    .news-post-news .box__thumb__img{
        float: none;
        width: 100%;
        margin-bottom: 10px;
    }
    .news-post-news .box__thumb__img img{
        height: 240px;
    }
    .news-post-news .box__content{
        float: none;
        width: 100%;
    }
    .news-post-news .box__content .title__post__ar{
        font-size: 15px;
        height: unset;
    }
    .chantrang_01 .row_01 .widget{
        text-align: center;
    }
    .chantrang_01 .row_01 > .col .col-inner{
        padding-top: 20px;
    }
    .chantrang_01 .row_01 > .col:nth-child(1) .col-inner{
        padding-bottom: 0;
    }
    .chantrang_01 .row_01 > .col:nth-child(1)::before{
        display: none;
    }
	.chantrang_01 .copyright .col-inner{
		gap: 10px;
	}
    .term_dk{
        display: grid;
    }
    .term_dk .dk_email input{
        max-width: 90%;
    }
    .term_dk .dk_email input.wpcf7-submit{
        top: auto;
        bottom: 0;
        right: 5%;
    }
    .product-gallery .product-images,
    .product-gallery .product-images img{
        height: 300px;
    }
    .product-info h1.product-title{
        font-size: 22px;
        line-height: 32px;
        margin-bottom: 15px;
        padding-bottom: 15px;
    }
    .rt_woocommerce_single_product_summary .bao_hanh,
    .rt_woocommerce_single_product_summary .model{
        font-size: 15px;
        line-height: 25px;
    }
    .rt_woocommerce_single_product_summary .button-list a{
        font-size: 15px;
        padding: 11px 10px 10px;
    }
    .rt_woocommerce_single_product_summary .list_ground ul{
        grid-template-columns: repeat(1, 1fr);
    }
    .woocommerce-tabs ul.tabs li a{
        padding-top: 10px;
        font-size: 18px;
        line-height: 25px;
        padding-bottom: 10px;
    }
    .product-footer .woocommerce-tabs .tab-panels{
        padding-top: 20px;
    }
    .related-section h3.product-section-title{
        margin-bottom: 15px;
        font-size: 20px;
        line-height: 30px;
    }
    .box-text-products .product-title{
        margin-bottom: 10px;
    }
    .box-text-products .product-title a{
        font-size: 15px;
        height: unset;
    }
    .all_product a{
        font-size: 15px;
        padding: 9px 16px 8px;
    }
    .devvn_readmore_flatsome a{
        padding: 11px 35px;
    }
    .rt_popup .popup-content .wpcf7{
        width: 90%;
    }
    .popup-content .wpcf7 form{
        padding: 25px 15px;
    }
    /* Compare */
    .stcompare_new > a.clearall{
        display: none;
    }
    .stcompare_new ul.listcompare{
        width: 100%;
    }
    .stcompare_new .closecompare{
        display: flex;
        width: 100%;
        margin-top: 0;
        padding-top: 0px;
        border-top: 1px solid #e0e0e0;
        float: none;
    }
    .closecompare a{
        width: 50%;
    }
    .stcompare_new .closecompare > a{
        position: relative;
        top: 0;
        box-shadow: none;
        border-radius: 0;
        margin: 0;
        padding: 10px;
    }
    .stcompare_new .closecompare > a.clearall{
            display: block !important;
    }
    .stcompare_new .closecompare > a.txtremoveall{
        display: none;
    }
    .stcompare_new .closecompare a.doss{
        border-radius: 0;
        margin: 0;
    }
    .site_2{
        margin-bottom: 0;
    }
    .listproduct{
        position: relative;
        margin-bottom: 40px;
        display: inline-block;
        width: 100%;
        margin-top: 10px;
        border-right: none;
    }
    .listproduct li:first-child{
        padding: 16px 0 8px 8px;
        width: auto;
        float: none;
    }
    .listproduct li .img img{
        max-height: 100px;
        height: 100px;
    }
    .listproduct li .box_sp p{
        padding: 0 5px;
    }
    .listproduct li .compare-product{
        max-width: 100%;
        display: initial;
    }
    .listproduct li .compare-product p{
        font-size: 16px;
        line-height: 150%;
        color: #222;
        font-weight: bold;
        text-transform: uppercase;
        margin-top: 10px;
        display: inline;
        word-break: break-word;
    }
    .listproduct li .compare-product p:not(:last-child):after{
        color: #666;
        content: '&';
        font-weight: normal;
        margin-top: 10px;
        display: inherit;
        margin-left: 8px;
    }
    .menu_tt ul.menu > li{
        float: none;
        display: inline-block;
    }
    .box-detailcp .part-detail>div{
        display: block;
    }
    .box-detailcp aside.hasprod{
        display: none;
    }
    .box-detailcp .boxDesktop > aside.hasprod:nth-child(1){
        display: block;
        width: 100%;
        padding: 10px 0;
        border-bottom: none;
    }
    .box-detailcp aside p {
        padding: 8px 8px;
        font-size: 12px;
    }
    .box-detailcp aside p span{
        color: #333;
        font-weight: 600;
        justify-content: space-between;
        flex-direction: unset;
    }
    .hasprod_product{
        display: flex;
        width: 100%;
    }
    .box-detailcp .hasprod_product aside.hasprod{
        display: block;
    }
    .hasprod_product aside {
        flex: 1 1 30%;
        border-top: 1px solid #f1f1f1;
        border-bottom: 1px solid #f1f1f1;
    }
    .box-detailcp .hasprod_product aside p span{
        font-weight: 400;
    }
    #footer .footer-widgets-aside{
        padding-bottom: 20px;
    }
    .chantrang_01 .social-icons{
        text-align: left;
        margin-top: 0;
    }
    .chantrang_01 .social-icons a{
        margin-left: 0;
        margin-right: 5px;
    }
}