@media (max-width: 767px) {
    .section > .container > .section-title > h2 a, .section > .container > .section-title > h2 span {
        border-radius: 5px;
        font-size: 14px
    }
}
.section > .container > .section-title > p {
    font-style: italic;
    color: #333333
}
.product-box {
    border: 1px #EBEBEB solid;
    border-radius: 15px;
    overflow: hidden;
    margin-bottom: 30px
}
@media (max-width: 767px) {
    .product-box{margin-bottom: 15px}
}
@media (max-width: 575px) {
    .product-box{border-radius: 10px}
}
.product-mini-item{padding: 15px 0}
.product-mini-item .product-img{border: 1px #EBEBEB solid}
.product-mini-item .product-info h3{font-weight: 600}
@media (max-width: 767px) {
    .products-view-grid > .row {
        margin-right: -7.5px;
        margin-left: -7.5px
    }
    .products-view-grid > .row > div {
        padding-right: 7.5px;
        padding-left: 7.5px
    }
}
.breadcrumb li > a > span{color: #333333}
.products-view-list .product-box {
    padding: 0;
    margin-bottom: 30px
}
.products-view-list .product-box .product-thumbnail{border-radius: 15px}
@media (max-width: 575px) {
    .products-view-list .product-box .product-thumbnail{border-radius: 10px}
}
.products-view-list .product-box .product-info{margin: 15px}
@media (min-width: 768px) {
    .products-view-list .product-box .product-info {
        width: calc(100% / 3 * 2 - 45px);
        margin: 15px;
        margin-left: 30px
    }
}
.pagination{float: none}
.pagination .page-link {
    border-radius: 10px !important;
    line-height: 35px;
    width: 35px;
    height: 35px
}
.btn{border-radius: 5px}
.form-group .form-control {
    min-height: 40px;
    background-color: #FFFFFF;
    border-radius: 5px !important;
    border: 1px #EBEBEB solid !important
}
header.header{box-shadow: 0 0 5px 0 rgba(84, 84, 84, 0.15)}
.header-content{padding: 20px 0}
@media (min-width: 1200px) {
    .header-content{padding: 50px 0}
}
.policy .item-policy{margin: 15px 5px}
@media (max-width: 991px) {
    .policy .item-policy{margin-bottom: 0}
}
.policy .item-policy > a{margin-right: 15px}
.policy .item-policy .info a {
    font-weight: bold;
    font-size: 15px
}
.policy .item-policy .info p{margin: 0}
.top-cart-contain{width: auto}
.top-cart-contain .mini-cart{width: auto}
@media (min-width: 1200px) {
    .top-cart-contain .mini-cart .heading-cart > a {
        display: inline-block;
        padding: 0 20px;
        background: #FE9705;
        border-radius: 15px;
        line-height: 36px;
        color: #FFFFFF
    }
}
.top-cart-contain .mini-cart .heading-cart > a .icon.f-left.relative {
    height: auto;
    margin-right: 10px;
    line-height: 36px;
    display: inline-block
}
@media (max-width: 1199px) {
    .top-cart-contain .mini-cart .heading-cart > a .icon.f-left.relative .fa{font-size: 24px}
}
.top-cart-contain .mini-cart .heading-cart .cartCount {
    right: -22px;
    top: -8px;
    background: #FE9705
}
.top-cart-contain .mini-cart .right-content {
    line-height: normal;
    white-space: normal;
    display: inline-block
}
.top-cart-contain .mini-cart .right-content .label {
    display: inline-block;
    padding: 0;
    color: #FFFFFF
}
header nav {
    padding: 0;
    background: #80BB35;
    box-shadow: none
}
header nav .nav-item{float: left}
header nav .nav-item > a {
    padding: 15.5px 15px;
    font-weight: normal;
    line-height: normal;
    font-size: 16px;
    color: #FFFFFF
}
header nav .nav-item > a:after{content: none}
header nav .nav-item:hover > a{background: #FE9705}
header nav .nav-item:hover > .mega-content, header nav .nav-item:hover .dropdown-menu{box-shadow: 0 0 15px -5px rgba(0, 0, 0, 0.4)}
header nav .nav-item.active > a{color: #FFFFFF}
@media (max-width: 1199px) {
    header nav .nav > .nav-item > a {
        padding: 10px 15px;
        line-height: 30px
    }
}
.menu-search .header_search {
    padding: 10px 0;
    position: relative
}
.menu-search .header_search .search-text {
    border-radius: 15px;
    height: 30px;
    background: #FFFFFF
}
.menu-search .header_search .input-group-btn .btn {
    height: 30px;
    line-height: 30px
}
footer.footer{background: #65932A}
@media (max-width: 1199px) {
    /*.footer-inner > .container > .row > div:nth-child(3){clear: left}*/
}
.footer-widget{color: #FFFFFF}
footer .list-menu li{color: #FFFFFF}
footer .list-menu a{color: #FFFFFF}
footer .list-menu a:hover{color: #FFFFFF}
.list-menu-footer li {
    display: inline-block;
    padding: 0 10px
}
.list-menu-footer li a {
    color: #FFFFFF;
    font-weight: normal
}
.list-menu-footer li a:hover{color: #FE9705}
footer .copyright {
    background: rgba(0, 0, 0, 0.2);
    color: #FFFFFF;
    border: none
}
footer .copyright a{color: #FFFFFF}
footer .copyright a:hover{color: #FE9705}
footer .copyright b{color: #FFFFFF}
footer .list-menu.list-blogs li{padding-left: 16px}
footer .list-menu.list-blogs li:before {
    width: 8px;
    height: 8px;
    border-radius: 5px;
    background: #FFFFFF;
    top: 12px
}
footer .list-menu.list-blogs li:hover:before{background: #FE9705}
footer .site-footer h3{padding: 10px 0}
.details-product .details-pro .form-detail-action button.btn{border-radius: 5px}
.details-product .details-pro .custom-btn-number .qtyminus {
    height: 42px;
    line-height: 42px
}
.details-product .details-pro .custom-btn-number .qty {
    height: 44px;
    border-radius: 5px !important
}
.details-product .details-pro .custom-btn-number .qtyplus {
    height: 42px;
    line-height: 42px
}
.details-product .details-pro .box-variant .form-group .selector-wrapper select {
    width: 100%;
    border-radius: 5px
}
.product-tab > ul{border: none}
@media (min-width: 481px) {
    .product-tab > ul{margin-bottom: 10px}
}
.product-tab .tab-link {
    border: none;
    border-radius: 5px;
    background: #80BB35;
    margin-right: 10px
}
@media (max-width: 480px) {
    .product-tab .tab-link {
        margin-right: 0;
        margin-bottom: 10px
    }
}
.product-tab .tab-link h3 {
    margin: 8px 0;
    color: #FFFFFF
}
.product-tab .tab-link.current{background: #FE9705}
.product-tab .tab-link.current h3{color: #FFFFFF}
.product-tab .tab-link.current h3:before{content: none}
.product-tab .tab-content.current {
    padding: 15px;
    border: 1px solid #EBEBEB;
    min-height: 100px;
    border-radius: 5px
}
.aside-product.aside-vanchuyen{padding: 15px 0 0}
.sortPagiBar #sort-by > ul > li {
    border-radius: 20px;
    padding: 0 10px;
    line-height: 30px
}
.sortPagiBar #sort-by > ul > li:after {
    content: "\f107";
    font: normal normal normal 14px/1 FontAwesome;
    line-height: 30px;
    float: right
}
.sortPagiBar .view-mode b{background: none}
.sortPagiBar .view-mode b.active{color: #FE9705}
.blog-list .loop-blog .name-right h3 {
    line-height: 18px;
    margin-bottom: 7px
}
.blog-item {
    border: 1px #EBEBEB solid;
    border-radius: 15px;
    margin-bottom: 30px
}
@media (max-width: 575px) {
    .blog-item{border-radius: 10px}
}
.blog-item .blog-item-thumbnail {
    border-radius: 15px;
    overflow: hidden;
    text-align: center;
    padding: 15px;
    padding-right: 0
}
@media (max-width: 575px) {
    .blog-item .blog-item-thumbnail{border-radius: 10px}
}
.blog-item .blog-item-info{margin: 15px}
@media (min-width: 768px) {
    .blog-item .blog-item-info {
        margin: 0;
        margin-right: 15px;
        margin-bottom: 15px
    }
}
.article-wraper .form-group .form-control {
    border-radius: 5px;
    background: none;
    border: 1px #EBEBEB solid !important
}
.social-media label{display: inline-block}
.banner-slider.owl-carousel .owl-item img {
    width: 100%;
    border-radius: 15px
}
@media (max-width: 575px) {
    .banner-slider.owl-carousel .owl-item img{border-radius: 10px}
}
.section .collection-main .section-title{text-align: left}
.section .collection-main .section-title h2 {
    border-radius: 20px;
    background: #80BB35;
    padding: 9px 20px;
    margin: 0;
    font-size: 16px;
    color: #FFFFFF;
    font-weight: 600;
    text-transform: uppercase
}
.section .collection-main .section-title h2 span{background: none}
@media (max-width: 767px) {
    .section .collection-main .section-title {
        text-align: center;
        margin-bottom: 5px
    }
    .section .collection-main .section-title h2 {
        border-radius: 5px;
        font-size: 14px
    }
}
.section-collection ul.tabs.tabs-title{border-bottom: 1px #EBEBEB solid}
@media (max-width: 767px) {
    .section-collection ul.tabs.tabs-title {
        border-bottom: none;
        position: relative;
        display: block;
        text-align: center;
        margin-bottom: 15px
    }
}
.section-collection ul.tabs.tabs-title li {
    font-size: 14px;
    padding: 0;
    margin: 0 15px;
    color: #333333
}
@media (max-width: 991px) {
    .section-collection ul.tabs.tabs-title li{margin: 0 10px}
}
.section-collection ul.tabs.tabs-title li:first-child{margin-left: 0}
.section-collection ul.tabs.tabs-title li:last-child{margin-right: 0}
.section-collection ul.tabs.tabs-title li:last-child.current:before{left: 50%}
.section-collection ul.tabs.tabs-title li.current {
    color: #80BB35;
    font-weight: 600
}
.section-collection ul.tabs.tabs-title li.current:before {
    bottom: 0;
    width: calc(100%) !important
}
@media (max-width: 767px) {
    .section-collection ul.tabs.tabs-title li.current:before{content: none}
}
.section-collection ul.tabs.tabs-title li:after{content: none}
@media (max-width: 767px) {
    .section-collection ul.tabs.tabs-title li{margin: 0 5px}
    .section-collection ul.tabs.tabs-title li.next, .section-collection ul.tabs.tabs-title li.prev{width: 40px}
    .section-collection ul.tabs.tabs-title li.next i.fa, .section-collection ul.tabs.tabs-title li.prev i.fa {
        border: 1px #EBEBEB solid;
        border-radius: 3px;
        width: 16px
    }
}
.banner-image-col-tab .item a {
    overflow: hidden;
    display: block;
    text-align: center
}
.banner-image-col-tab .item a img{border-radius: 15px}
@media (max-width: 575px) {
    .banner-image-col-tab .item a img{border-radius: 10px}
}
.section_blog .blog-item {
    border: 1px #EBEBEB solid;
    border-radius: 15px
}
@media (max-width: 575px) {
    .section_blog .blog-item{border-radius: 10px}
}
.section_blog .blog-item .blog-item-thumbnail {
    border-radius: 15px;
    overflow: hidden;
    padding: 0
}
.section_blog .blog-item .blog-item-thumbnail img{display: inline-block}
@media (max-width: 575px) {
    .section_blog .blog-item .blog-item-thumbnail{border-radius: 10px}
}
.section_blog .blog-item .blog-item-info .blog-item-summary {
    margin-bottom: 10px;
    color: #333333
}
.section_blog .blog-item .blog-item-info .btn {
    background: #80BB35;
    color: #FFFFFF;
    height: 30px;
    line-height: 30px
}
.section_testimonial .testimonial-item {
    border: 1px #EBEBEB solid;
    border-radius: 15px
}
@media (max-width: 575px) {
    .section_testimonial .testimonial-item{border-radius: 10px}
}
.section_testimonial .testimonial-item .image-avata {
    display: inline-block;
    border-radius: 10px;
    overflow: hidden
}
.section-brand .owl-carousel{z-index: 0}
.section-brand .brand-item{text-align: center}
.section-brand .brand-item img{display: inline-block}
.aside-item {
    border: 1px #EBEBEB solid;
    border-radius: 15px;
    margin-bottom: 30px
}
.aside-item .aside-title {
    border-radius: 15px;
    background: #80BB35;
    padding: 6px 20px;
    margin: 0
}
.aside-item .aside-title h2 {
    font-size: 17px;
    color: #FFFFFF;
    font-weight: 600;
    text-transform: uppercase;
    background: none
}
.aside-item .aside-title h2 a{color: #FFFFFF}
.aside-item .aside-content {
    margin: 0;
    padding: 0 15px
}
.aside-item .aside-content .nav-category > ul.nav > .nav-item > a.nav-link {
    padding: 8.5px 20px 8.5px 25px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}
.aside-item .aside-content .nav-category .nav-item{padding: 0}
.aside-item .aside-content .nav-category .nav-item a.nav-link {
    padding: 8.5px 0 8.5px 0;
    font-size: 14px;
    line-height: 24px;
    border-top: 1px #EBEBEB solid
}
.aside-item .aside-content .nav-category .nav-item .fa{top: 11px}
.aside-item .aside-content .nav-category .nav-item .fa.fa-arrow-circle-right {
    left: 0;
    top: 11px
}
.aside-item .aside-content .nav-category .nav-item:hover{color: #80BB35}
.aside-item .aside-content .nav-category .nav-item:hover > a {
    color: #80BB35;
    background: none
}
.aside-filter .field-search {
    display: inline-table;
    border: 1px #EBEBEB solid;
    margin-top: 15px
}
.aside-filter .field-search input.form-control {
    background-color: #FFFFFF;
    min-height: 35px;
    height: 35px;
    padding: 0 15px;
    border: none !important
}
.aside-filter .field-search .btn {
    border-radius: 0;
    min-height: 35px;
    height: 35px;
    line-height: 35px
}
.aside-filter .field-search .btn:hover{background: none}
.menu-offcanvas {
    box-shadow: 5px 0 10px 0 rgba(84, 84, 84, 0.15);
    background-color: #FFFFFF
}
#nav-mobile .h3{color: #80BB35}
#nav-mobile a {
    color: #80BB35;
    border-color: #80BB35;
    line-height: 30px
}
header nav .nav-item.active > a{color: #FE9705 !important}
@media (min-width: 992px) {
    header nav .nav-item.active > a {
        background: #FE9705 !important;
        color: #FFFFFF !important
    }
}
#nav-mobile .nav-link > .fa {
    right: 0;
    top: calc(50% - 15px) !important;
    margin-right: 0;
    line-height: 30px
}
header nav .nav-item:hover > a{background: none !important}
@media (min-width: 992px) {
    header nav .nav-item:hover > a {
        background: #FE9705 !important;
        color: #FFFFFF !important
    }
}
@media (min-width: 768px) {
    .search-main .form-signup .form-group input.form-control{border-radius: 5px 0 0 5px !important}
    .search-main .form-signup .form-group button{border-radius: 0 5px 5px 0}
}
.main-container .col-main .cart .cart-tbody .item-cart div > div{display: none !important}
.main-container .col-main .cart .cart-tbody .item-cart div .input_qty_pr{display: block !important}
#quickview .selector-wrapper{margin-bottom: 15px}
#search_suggestion {
    padding: 0 0 10px 0;
    color: #555555;
    position: absolute;
    top: 0;
    z-index: 9999;
    width: 100%;
    min-width: 226px;
    max-width: 100%;
    background-color: #F8F8F8;
    display: none;
    box-shadow: 5px 10px 20px rgba(0, 0, 0, 0.15)
}
@media (max-width: 992px) {
    #search_suggestion{width: 100% !important}
}
#search_suggestion h3 {
    margin: 0;
    font-size: 14px;
    font-weight: 500;
    background-color: #EEEEEE;
    padding: 5px
}
#search_suggestion ul{padding: 0}
#search_suggestion ul li {
    background-color: #FFFFFF;
    padding: 5px;
    font-size: 14px
}
#search_suggestion ul li a {
    color: #787878;
    display: block;
    overflow: hidden
}
#search_suggestion ul li .item_image {
    text-align: center;
    float: left;
    width: 100px;
    margin-right: 5px
}
@media (max-width: 480px) {
    #search_suggestion ul li .item_image{width: 60px}
}
#search_suggestion ul li .item_image img{max-width: 100%}
#search_suggestion ul li .item_detail{overflow: hidden}
@media (max-width: 480px) {
    #search_suggestion ul li .item_title {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap
    }
}
#search_suggestion ul li .item_title h4 {
    text-transform: none;
    font-size: 13px;
    font-weight: 500;
    margin-bottom: 0;
    margin-top: 0
}
@media (max-width: 480px) {
    #search_suggestion ul li .item_title h4 {
        font-size: 12px;
        display: initial
    }
}
#search_suggestion ul li .item_price ins {
    font-weight: 500;
    text-decoration: none;
    display: inline-block;
    margin-right: 5px;
    font-size: 13px;
    color: #D0021B
}
@media (max-width: 480px) {
    #search_suggestion ul li .item_price ins{font-size: 12px}
}
#search_suggestion ul li .item_price del {
    color: #666666;
    font-size: 12px
}
@media (max-width: 480px) {
    #search_suggestion ul li .item_price del{font-size: 11px}
}
#search_top {
    max-height: 400px;
    overflow-y: auto
}
#search_top::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.3);
    border-radius: 5px;
    background-color: #F5F5F5
}
#search_top::-webkit-scrollbar {
    width: 5px;
    background-color: #F5F5F5
}
#search_top::-webkit-scrollbar-thumb {
    border-radius: 5px;
    -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.3);
    background-color: #E5E5E5
}
#search_bottom {
    text-align: center;
    padding-top: 10px
}
#search_bottom a {
    color: #444444;
    text-decoration: underline;
    font-weight: 500
}
#search_bottom a span{color: #FF0000}
/*.aside-vetical-menu .aside-item .aside-content > .nav-category > ul > .nav-item{display: none}*/
.aside-vetical-menu .aside-item .aside-content > .nav-category > ul > .nav-item.xemthem{display: block}
.aside-vetical-menu .aside-item .aside-content > .nav-category > ul > .nav-item.thugon{display: none}
@media (min-width: 1200px) {
    /*.aside-vetical-menu .aside-item .aside-content > .nav-category > ul > .nav-item:nth-child(1),
    .aside-vetical-menu .aside-item .aside-content > .nav-category > ul > .nav-item:nth-child(2),
    .aside-vetical-menu .aside-item .aside-content > .nav-category > ul > .nav-item:nth-child(3),
    .aside-vetical-menu .aside-item .aside-content > .nav-category > ul > .nav-item:nth-child(4),
    .aside-vetical-menu .aside-item .aside-content > .nav-category > ul > .nav-item:nth-child(5),
    .aside-vetical-menu .aside-item .aside-content > .nav-category > ul > .nav-item:nth-child(6),
    .aside-vetical-menu .aside-item .aside-content > .nav-category > ul > .nav-item:nth-child(7),
    .aside-vetical-menu .aside-item .aside-content > .nav-category > ul > .nav-item:nth-child(8){display: block !important}*/
}
@media (max-width: 1199px) {
    /*
    .aside-vetical-menu .aside-item .aside-content > .nav-category > ul > .nav-item:nth-child(1),
    .aside-vetical-menu .aside-item .aside-content > .nav-category > ul > .nav-item:nth-child(2),
    .aside-vetical-menu .aside-item .aside-content > .nav-category > ul > .nav-item:nth-child(3),
    .aside-vetical-menu .aside-item .aside-content > .nav-category > ul > .nav-item:nth-child(4),
    .aside-vetical-menu .aside-item .aside-content > .nav-category > ul > .nav-item:nth-child(5),
    .aside-vetical-menu .aside-item .aside-content > .nav-category > ul > .nav-item:nth-child(6){display: block !important}
    .aside-vetical-menu .aside-item .aside-content .nav-category > ul.nav > .nav-item > a.nav-link{padding: 9.9px 20px 9px 25px}
    */
}
@media (min-width: 1200px) {
    .aside-vetical-menu .aside-content .nav-category .nav-item .fa.fa-angle-down:before{content: "\f105"}
    .aside-vetical-menu .aside-content .nav-item > .dropdown-menu {
        position: absolute;
        left: calc(100% + 15px);
        top: 0;
        padding: 10px 15px;
        border-radius: 0;
        box-shadow: 0 0 15px -5px rgba(0, 0, 0, 0.4)
    }
    .aside-vetical-menu .aside-content .nav-item > .dropdown-menu:after {
        position: absolute;
        content: "";
        background: none;
        width: 15px;
        height: 50px;
        top: 0;
        right: 100%
    }
    .aside-vetical-menu .aside-content .nav-item > .dropdown-menu .nav-item:first-child a.nav-link{border: none}
    .aside-vetical-menu .aside-content .nav-item.active > .dropdown-menu, .aside-vetical-menu .aside-content .nav-item:hover > .dropdown-menu{display: block}
}
ul.no-bullets {
    list-style: none;
    padding-left: 0;
    margin-bottom: 25px
}
.scroll_menu {
    position: fixed;
    left: 20px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 10;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s ease, visibility 0.5s ease
}
.scroll_menu.visible {
    opacity: 1;
    visibility: visible
}
.scroll_menu ul{margin: 0}
.scroll_menu .nav-stacked > li, .scroll_menu .nav-stacked > li + li {
    margin: 0 0 0 -30px;
    width: 54px;
    transition: all 0.4s;
    border: 1px solid #E0E0E0;
    background: #FFFFFF
}
.scroll_menu .nav-stacked > li + li{border-top-color: transparent}
.scroll_menu li a {
    width: 100%;
    padding: 5px 0 5px 20px;
    display: block;
    border-radius: 0;
    position: relative
}
.scroll_menu li a img{width: 24px}
.scroll_menu li a span {
    position: absolute;
    left: 105%;
    white-space: nowrap;
    padding: 0 10px;
    line-height: 26px;
    height: 26px;
    font-size: 11px;
    text-align: center;
    visibility: hidden;
    transition: visibility 0.3s ease, opacity 0.5s ease
}
.scroll_menu li a span::before {
    content: '';
    width: 10px;
    height: 10px;
    display: block;
    position: absolute;
    top: 8px;
    left: -5px;
    transform: rotate(45deg)
}
span.scroll_tooltip_1::before{background-color: #FE9705}
span.scroll_tooltip_2::before{background-color: #D84040}
span.scroll_tooltip_3::before{background-color: #6F993E}
span.scroll_tooltip_4::before{background-color: #8BC34A}
span.scroll_tooltip_5::before{background-color: #607D8B}
span.scroll_tooltip_6::before{background-color: #FFAB40}
span.scroll_tooltip_7::before{background-color: #3F51B5}
span.scroll_tooltip_8::before{background-color: #FF4081}
.scroll_menu .nav li:hover, .scroll_menu .nav li.active {
    margin-left: -5px;
    border-top-color: #E0E0E0
}
.scroll_menu .nav li:hover a span{visibility: visible}
.scroll_menu .nav > li > a:hover, .scroll_menu .nav > li > a:focus, .scroll_menu .nav-pills > li.active > a, .scroll_menu .nav-pills > li.active > a:hover, .scroll_menu .nav-pills > li.active > a:focus{background-color: transparent}
