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

/*************** ADD CUSTOM CSS HERE.   ***************/
:root {
    --cl-blue: #0071bc;
    --cl-org: #ff7006;
    --cl-yellow: #f1b801;
}
/*====== Q ======*/
.header-main  .icon-box.featured-box {
    background-color: var(--cl-blue);
    height: 53px;
    padding: 0 30px;
    padding-left: 10px;
    border-radius: 30px;
    color: #fff;
}
.header-inner .icon-box-img {
    width: 45px !important;
    align-items: center;
    justify-content: center;
}
.header-inner .icon-box-img .icon {
    height: 100%;
}
.header-inner .icon-box-img .icon-inner {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.header-inner .icon-box-img img {
    border: 1px solid #fff;
    border-radius: 50%;
    padding: 10px;
    object-fit: cover;
    padding-top: 10px !important;
}
.header-inner .icon-box-text p {
    color: #fff;
}
ul.header-nav.header-nav-main.nav.nav-left {
    justify-content: center !important;
}
ul.header-nav.header-nav-main.nav.nav-left select {
    border: 1px solid #ddd !important;
}
ul.header-nav.header-nav-main.nav.nav-left .searchform-wrapper input[type=search] {
    border: 1px solid #ddd !important;
}
ul.header-nav.header-nav-main.nav.nav-left .searchform-wrapper .searchform .button.icon {
    border: none !important;
}
.header-bottom.wide-nav .nav>li>a {
    padding: 10px 15px !important;
}
.header-bottom .flex-col.hide-for-medium.flex-center {
    flex: 1 !important;
}
.header-bottom .flex-col.hide-for-medium.flex-right.flex-grow, #wide-nav>.flex-row>.flex-left {
    flex: initial !important;
}
.menu-image-title-after.menu-image-title {
    padding-left: 0 !important;
}
.sf-vertical.sf-arrows>li>.sf-with-ul:after {
    margin-right: -10px !important;
}
#wide-nav>.flex-row>.flex-left {
    width: 24% !important;
}
#mega_menu>li>a:hover img {
    filter: brightness(2);
}
.header-wrapper.stuck .header-main {
    display: none;
}
#mega_menu li a {
    padding: 10px 10px !important;
}
.shop-page-title.featured-title .title-overlay {
    background-color: #eff0f3 !important;
}
.dark .breadcrumbs {
    color: #0071bc !important;
}
.dark .breadcrumbs a {
    color: #020202 !important;
}
.shop-container .variations_form th {
    border: none;
}
.product-sidebar-small .widget-title {
    text-align: left;
}
.product-sidebar-small .product-title {
    font-size: 16px !important;
    display: block;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
/*====== END Q ======*/

#wide-nav>.flex-row>.flex-left{
    min-width:270px
}
#mega-menu-title {
    padding:12px 0 13px 15px
}
#mega-menu-wrap {
    background:#ff5622;
}
#mega_menu li{
    border-top:0
}
.menu-item i._before, .rtl .menu-item i._after{
    margin-right:12px
}
#mega_menu>li>a:hover{
    background:#ff5621;color:#fff
}
.searchform-wrapper input[type=search]{
    height:40px;border:0;font-size:13.5px
}
.searchform-wrapper .searchform .button.icon{
    height:40px;
    width:65px;
    border:3px solid #fff;
    border-top-right-radius:3px;
    border-bottom-right-radius:3px;
    background:#ff5622
}
.searchform-wrapper .search_categories{
    font-size:13.5px;
    height:40px;
    border:0;
    border-top-left-radius:3px;
    border-bottom-left-radius:3px;
    border-right:1px solid #eaeaea
}
.header-inner .icon-box-text{
    padding-left:5px!important
}
.header-inner .icon-box-img img{
    padding-top:16px
}
.top-bar-nav .menu-item i._before{
    margin-right:5px!important
}
.top-bar-nav li a{
    color:#fff!important
}
#mega_menu{
    border:0
}
.product-small.box .box-text p.category {
    overflow: visible !important;
}
.main_cat_home .text-right .col {
    display: flex;
}
.main_cat_home .text-right .col .col-inner {
    display: flex;
}
.main_cat_home .product-small.box {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
}
.main_cat_home .product-small.box .box-image {
    width: 100%;
}
.main_cat_home .product-small.box .box-text {
    display: flex;
    flex-direction: column;
    flex: 1;
}
.main_cat_home .product-small.box .box-text .title-wrapper {
    display: flex;
    flex-direction: column;
    flex: auto;
}
.footer-section .sidebar-wrapper .col {
    padding: 0;
}
.footer-section .sidebar-wrapper .col li {
    border: none;
}
.footer-section .sidebar-wrapper .col li a {
    font-size: 15px;
}
/* CSS custom */

.slider-section .cot2 .banner-row{
    margin-top: 18px
}
#mega_menu .khuyen-mai-nav a{
    color:#d7102c
}
.page-subheading{
    text-align:center;
    display:inline-block;
    margin:0 auto;
    margin-bottom: 15px;
    width:100%;
    font-size:24px;
    padding:0 0 15px;
    border-bottom:1px solid #eaeaea;
    position:relative;
    color:#ff5622;
    font-weight:500
}
.page-subheading:before{
    position:absolute;content:"";
    height:2px;
    background:#ff5622;
    width:80px;
    bottom:0;
    right:0;
    margin:0 auto;
    left:0
}
.page-subheading img{
    display:inline-block
}
.ban-chay-nhat-tuan br{
    display:none
}
.slider-section .row .col{
    padding-bottom:0
}
.nav-dropdown{
    border:1px solid #fff;
    border-radius:3px;
    font-size:14px;
    padding:10px
}
.nav-dropdown-has-arrow li.has-dropdown:before{
    border-bottom-color:#fff
}
.product-small .add-to-cart-button a{
    border-radius:3px;
    font-weight:400;
    text-transform:none;
    font-size:13px;
    padding:0 12px;
    line-height:26px;
    min-height:20px
}
.product-small .price span.amount{
    white-space:nowrap;
    color:#ff5622;
    font-weight:500;
    font-size:17px
}
.product-small .price del span{
    font-size:12px!important;
    color:gray!important
}
.star-rating{
    font-size:11px
}
.star-rating:before{
    color:#ff5622
}
.ban-chay-nhat-tuan .badge-container{
    margin:10px!important
}
.badge{
    height:35px;
    width:35px
}
.badge-inner.on-sale{
    background-color:#ffba00;
    border-radius:99px;
    font-weight:400;
    font-size:12px
}
.product-small .box-text .product-title {
    margin-bottom: 0px;
    font-size: 16px;
}
.product-small .box-text .product-title a:hover {
    color: var(--cl-blue) !important;
}
.product-small .price{
    margin-top:10px
}
.main_cat_home .category-title .left .img-responsive{
    margin-right:10px
}
.main_cat_home .category-title {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--cl-blue);
    padding: 0 5px;
    height: 50px;
    margin-bottom: 15px;
}
.main_cat_home .category-title .left{
    margin:0;
    padding-left: 15px;
    font-size: 18px;
    color:#fff;
    text-transform: capitalize;
    font-weight:500;
}
.main_cat_home .category-title img {
    width: 35px;
    object-fit: contain;
}
.main_cat_home .cot3 .widget_nav_menu ul li a span,
.main_cat_home .tabbed-content .nav li a{font-size:16px}
.category-title br{display:none}
.banner-ngang .section-content .col{padding-bottom:0}
#mega_menu li.has-child .sub-menu li.has-child{
    background:#fff;text-align:left;display:table-cell;white-space:nowrap;width:160px;min-width:160px
}
#mega_menu li.has-child .sub-menu li.has-child .sub-menu{display:block;margin:15px 0}
#mega_menu li.has-child .sub-menu{background:0 0;border:0;box-shadow:0 0 0 gray;margin-top:0!important}
#mega_menu li.has-child .sub-menu li{background:#fff;border-bottom:1px solid #f5f5f5}
#mega_menu li.has-child .sub-menu li.has-child a{text-transform:uppercase;font-weight:500}
#mega_menu li.has-child .sub-menu li.has-child ul li a{text-transform:none;padding:6px 15px;font-weight:400}
#mega_menu li.has-child .sub-menu li.has-child ul li{border-bottom:none}
.main_cat_home .nav-line-grow > li > a:before { background-color: var(--cl-blue)!important; top: -2px;}
.main_cat_home .tieu-de .category-title h2 img{padding-right:10px}
.main_cat_home .tieu-de .tabbed-content .nav{height:50px;border-top:1px solid var(--cl-blue);background:#fff}
.main_cat_home .tabbed-content .nav{height:43px}
.main_cat_home .tabbed-content .nav li{margin-left:15px;margin-right:15px!important}
.main_cat_home .tabbed-content .nav li.active a{color:var(--cl-blue)}
.main_cat_home .tabbed-content .nav li.active a:before{background-color:var(--cl-blue)}
.main_cat_home .cot3 .widget_nav_menu{margin-left:0}
.main_cat_home .cot3 .widget_nav_menu ul li{width:50%;float:left;text-align:center;border:0;margin-top:15px;margin-bottom:15px}
.main_cat_home .cot3 .widget_nav_menu ul li a img{display:block;text-align:center;margin:0 auto}
.main_cat_home .cot3 .widget_nav_menu ul{background:#fff;margin-top:17px;margin-bottom:15px;border:1px solid #f7f7f7;display:inline-block}
.main_cat_home .category-title .left2,.main_cat_home .category-title .left3{
    line-height:43px;border-radius:5px 0 0;font-weight:500;height:43px;text-transform:none
}.main_cat_home .cot3{flex-basis:21%;max-width:100%}
.main_cat_home .sub-menu,.main_cat_home .sub-menu2{flex-basis:79%;max-width:100%}
.main_cat_home .product-small .add-to-cart-button{margin-top:-150px;position:absolute;display:none}
.main_cat_home .product-small .variations_form{display:none!important}
.main_cat_home .product-small:hover .add-to-cart-button{display:block;z-index:9999}
.main_cat_home .badge-container{margin:10px}.ban-chay-nhat-tuan .row .large-12{padding-bottom:0}
.main_cat_home .category-title .left2{margin:0;padding-left:15px;font-size:18px;background:#fc516d;color:#fff}
.main_cat_home .category-title .left2 img{display:inline-block;padding:0 10px 0 20px;margin-top:-5px}
.main_cat_home .category-title a{color:#fff}
.main_cat_home .tieu-de .sub-menu2 .tabbed-content .nav{height:43px;border-top:1px solid #fc516d;background:#fff}
.main_cat_home .sub-menu2 .tabbed-content .nav li.active a:before{background-color:#fc516d}
.main_cat_home .sub-menu2 .tabbed-content .nav li.active a{color:#fc516d}
.main_cat_home .category-title .left3{margin:0;padding-left:15px;font-size:18px;background:#42b315;color:#fff}
.main_cat_home .category-title .left3 img{display:inline-block;padding:0 10px 0 20px;margin-top:-5px}
.ban-chay-nhat-tuan .post-item .box-text,.footer-section .col,.footer-section .gioi-thieu,.tin-khuyen-mai .col{padding-bottom:0}
.main_cat_home .sub-menu3{flex-basis:79%;max-width:100%}
.main_cat_home .tieu-de .sub-menu3 .tabbed-content .nav{height:43px;border-top:1px solid #42b315;background:#fff}
.main_cat_home .sub-menu3 .tabbed-content .nav li.active a{color:#42b315}
.main_cat_home .sub-menu3 .tabbed-content .nav li.active a:before{background-color:#42b315}
.product_fav .add-to-cart-button,
.product_fav .product-small .variations_form,.product_fav .star-rating{display:none!important}
.product_fav .noi-dung:before{
    content:"";background:url() no-repeat;position:absolute;top:-5px;right:97px;height:110px;width:121px;z-index:9999}
.box-blog-post .is-divider{display:none}
.button span{font-weight:400}
.tin-khuyen-mai .cot1 img{margin-top:-30px}
.tin-khuyen-mai .cot1 .img .img-inner{overflow:initial}
.tin-khuyen-mai .cot2 .wpcf7 form input[type=email]{background-color:#fff;border-radius:3px}
.tin-khuyen-mai .cot2 input[type=submit]:not(.is-form){border-radius:3px;background:#ffc800;font-weight:400;text-transform:none}
.footer-section .gioi-thieu ul li{list-style:none;margin-left:0!important}
.archive .variations_form{display:none!important}
/* .archive #main{background:#eff0f3} */
.widget .is-divider{display:none}
#product-sidebar span.widget-title,#shop-sidebar span.widget-title{
    font-weight:500;text-transform:none;letter-spacing:0;font-size:18px;display:block;margin-bottom:15px}
#product-sidebar .product-categories li a{padding:3px 0;font-size:14px}
.widget .current-cat>a{font-weight:500;color:orange}
.woof_list_checkbox li div{margin-top:0}
.woof_list label{font-size:14px;padding-top:8px;padding-bottom:0;font-weight:400}
.woof_list li{padding:0!important}
.woof_container_inner_kchthc ul li{width:50%;float:left;margin:0!important}
.widget ul{display:inline-block}
.shop-page-title .page-title-inner{font-size:14px;padding-top:13px;padding-bottom:12px}
.woocommerce-breadcrumb{text-transform:none;color:#ff5622;font-weight:500;letter-spacing:0;padding:0}
.badge-container{margin:10px}.breadcrumbs a,.shop-container .product-main .breadcrumbs a{color:#ff5622}
.shop-container .product-main .product-title{font-size:22px;font-weight:400}
.shop-container .product-main .price-wrapper del span{color:gray}
.shop-container .icon-expand:before,.shop-container .product-main .product-short-description{font-size:14px}
.shop-container .product-main .price-wrapper ins span,.shop-container .product-main .price-wrapper span{font-weight:500;color:#ff5622}
.shop-container .product-main .image-tools .button.is-outline{border:0}
.product-short-description p{margin-bottom:7px}
.shop-container .product-main .product-short-description a{color:red!important;margin-bottom:10px;display:inline-block}
.shop-container .product-main .ma-sp{color:#ff5622}
.shop-container .product-main .product_meta .posted_in,.shop-container .product-main .product_meta .sku_wrapper{display:none}
.shop-container .product-main .product_meta .tagged_as a{font-size:14px;color:#ff5622}
.shop-container .product-info .single_add_to_cart_button{font-weight:400;text-transform:none;background:#ff5622;font-size:15.5px;letter-spacing:0}
.shop-container .large-9{padding-right:0;padding-bottom:0}
.shop-container .product-info .goi-ngay{font-size:15px;color:#d7102c;font-weight:500}
/* .shop-container{background:#eff0f3} */
.shop-container .product-footer .product-tabs li{margin:0 15px}
.blog-archive .post-item .box-text .post-title,.blog-single .entry-meta .danh-muc{margin-bottom:10px}
.shop-container .product-footer .product-tabs li a{font-size:16px;font-weight:500}
.product-footer .tabbed-content .tab-panels{font-size:14.5px;color:#505050}
.product-footer .product-section-title{text-transform:none;letter-spacing:0;color:#ff5622}
.shop-container .related .add-to-cart-button,.shop-container .related .star-rating {display:none!important}
.product_list_widget li a{font-size:14px}
.product_list_widget del span{color:gray!important;font-weight:400;font-size:12px!important}
.product_list_widget ins span,.product_list_widget span.amount{font-weight:500;color:#ff5622;font-size:16px}
#breadcrumbs{font-size:14px}#breadcrumbs .breadcrumb_last{color:#ff5622}
.blog-single .article-inner .entry-title{font-weight:400;font-size:24px}
.blog-single .article-inner .fa:before{color:red}
.blog-single .article-inner .fa{padding-right:10px}
.article-inner .header-meta-info a{padding-right:15px}
.article-inner .header-meta-info{font-size:14px;color:gray}
.article-inner .entry-content{font-size:15px;padding-top:0}
.blog-single .entry-meta{font-size:14px}
.blog-single .entry-meta .the-tim-kiem a{background:#c3c3c3;padding:5px;border-radius:3px;color:#fff}
.blog-single .entry-meta .the-tim-kiem a:hover{background:#ff5622}
span.widget-title{font-weight:500;text-transform:none;letter-spacing:0;font-size:17px}
.lien-he-section form,.recent-blog-posts a{font-size:14px}
.blog-archive .post-item a:hover{color:#000}
.meta-post-danhmuc{display:block;margin-top:7px;margin-bottom:5px;color:gray;font-size:13px}
.meta-post-danhmuc .fa:before{padding-right:5px}
.meta-post-danhmuc .danh-muc-post{padding-right:15px}
.page-wrapper .page-inner{font-size:15px}
a.back-to-top{border:0;background-color:#ffba00!important;color:#fff!important}
.woocommerce .woocommerce-info .message-container a{color: #ff5622}
form.checkout h3 {
    font-weight: 500;
    text-transform: none;
}
.woocommerce-billing-fields__field-wrapper{font-size:15px}
.fl-labels .form-row input:not([type="checkbox"]), .fl-labels .form-row textarea, .fl-labels .form-row select{height:35px;}
.fl-labels .fl-wrap label[for]:first-child{    font-size: 15px; padding-top:3px}
.form-row .fl-is-active select{padding-top:25px}

/* Css */
#product-sidebar .hide-for-off-canvas {
    display: none;
}
.product-gallery {
    max-width: 40%;
    flex-basis: 40%;
    background-color: #fff;
}
.shop-container #product-sidebar {
    padding-top: 10px;
    max-width: 20%;
    flex-basis: 20%;
    background-color: #fff;
}
.sidebar_policy .title_sidebar {
    text-align: center;
    font-size: 18px;
    margin-bottom: 10px;
    position: relative;
}
.sidebar_policy .title_sidebar:before,
.sidebar_policy .title_sidebar:after {
    content: '';
    position: absolute;
    top: 50%;
    left: -4px;
    transform: translateY(-50%);
    width: 20px;
    height: 2px;
    background-color: #0071bc;
}
.sidebar_policy .title_sidebar:after {
    left: initial;
    right: -4px;
}

.sidebar_policy .sidebar_lists .item {
    display: flex;
    margin-bottom: 20px;
}
.sidebar_policy .sidebar_lists .item:last-child {
    margin-bottom: 0;
}
.sidebar_policy .sidebar_lists .item .icon {
    background: #0071bc;
    width: 30%;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 7px;
    margin-right: 7px;
}
.sidebar_policy .sidebar_lists .item .content {
    display: flex;
    align-items: center;
    flex: 1;
    font-size: 14px;
}
.sidebar_policy .sidebar_lists .item .content p {
    margin-bottom: 0;
}
.shop-container .product-main{
    padding-top: 10px;
    background-color: #fff9f9;
}
.shop-container .content-row{
    margin-top: 30px;
    margin-bottom: 30px
}
.product-info {
    background-color: #fff;
    margin: 0 10px;
}
/* CTA */
a#top-link {
    bottom: 20px !important;
    right: 20px !important;
    margin: 0;
}
.cta_fixed {
    position: fixed;
    bottom: 90px;
    right: -15px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    z-index: 99;
}
.mess-container {
    margin-bottom: 35px;
}
.hotline-phone-ring {
    position: relative;
    visibility: visible;
    background-color: transparent;
    width: 110px;
    height: 110px;
    cursor: pointer;
    z-index: 11;
    backface-visibility: hidden;
    transform: translateZ(0);
    transition: visibility 0.5s;
    left: 0;
    bottom: 0;
    display: block;
}
.hotline-phone-ring-circle {
    width: 85px;
    height: 85px;
    top: 10px;
    left: 10px;
    position: absolute;
    background-color: transparent;
    border-radius: 100%;
    border: 2px solid #e60808;
    animation: phonering-alo-circle-anim 1.2s infinite ease-in-out;
    transition: all 0.5s;
    transform-origin: 50% 50%;
    opacity: 0.5;
}
.hotline-phone-ring-circle-fill {
    width: 55px;
    height: 55px;
    top: 25px;
    left: 25px;
    position: absolute;
    background-color: rgba(230, 8, 8, 0.7);
    border-radius: 100%;
    border: 2px solid transparent;
    animation: phonering-alo-circle-fill-anim 2.3s infinite ease-in-out;
    transition: all 0.5s;
    transform-origin: 50% 50%;
}
.hotline-phone-ring-img-circle {
    background-color: #e60808;
    width: 33px;
    height: 33px;
    top: 37px;
    left: 37px;
    position: absolute;
    background-size: 20px;
    border-radius: 100%;
    border: 2px solid transparent;
    animation: phonering-alo-circle-img-anim 1s infinite ease-in-out;
    transform-origin: 50% 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.hotline-phone-ring-img-circle .pps-btn-img {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}
.hotline-phone-ring-img-circle .pps-btn-img img {
    width: 20px;
    height: 20px;
}
.hotline-phone-ring-wrap:hover .hotline-bar {
    opacity: 1;
    visibility: visible;
}
.hotline-bar {
    position: absolute;
    background: rgba(230, 8, 8, 0.75);
    height: 40px;
    width: 170px;
    line-height: 40px;
    border-radius: 3px;
    padding: 0 10px;
    background-size: 100%;
    cursor: pointer;
    transition: all 0.8s;
    -webkit-transition: all 0.8s;
    z-index: 9;
    box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.1);
    border-radius: 50px !important;
    right: 40px;
    bottom: 37px;
    opacity: 0;
    visibility: hidden;
}
.hotline-bar > a {
    color: #fff;
    text-decoration: none;
    font-size: 15px;
    font-weight: bold;
    text-indent: 10px;
    display: block;
    letter-spacing: 1px;
    line-height: 40px;
}
.hotline-bar > a:hover,
.hotline-bar > a:active {
    color: #fff;
}
.zalo-container {
    position: relative;
    width: 40px;
    height: 40px;
    /* position: fixed;
    bottom: 80px; */
}
.zalo-container a {
    display: block;
}
.animated_zalo.infinite {
    animation-iteration-count: infinite;
}
.cmoz-alo-circle {
    width: 50px;
    height: 50px;
    top: -5px;
    right: -5px;
    position: absolute;
    background-color: transparent;
    border-radius: 100%;
    border: 2px solid rgba(17, 130, 252, 0.8);
    opacity: 0.1;
    border-color: #1182fc;
    opacity: 0.5;
}
.animated_zalo {
    animation-duration: 1s;
    animation-fill-mode: both;
}
.zoomIn_zalo {
    animation-name: zoomIn_zalo;
}
.pulse_zalo {
    animation-name: pulse_zalo;
}
.zalo-container span {
    display: flex;
    -ms-align-items: center;
    align-items: center;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: #1182fc;
    position: relative;
}
.cmoz-alo-circle-fill {
    width: 60px;
    height: 60px;
    top: -10px;
    position: absolute;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    border: 2px solid transparent;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    background-color: rgba(17, 130, 252, 0.45);
    opacity: 0.75;
    right: -10px;
}
@keyframes zoomIn_zalo {
    0% {
        opacity: 0;
        transform: scale3d(0.3, 0.3, 0.3);
    }
    50% {
        opacity: 1;
    }
}
@keyframes pulse_zalo {
    0% {
        transform: scale3d(1, 1, 1);
    }
    50% {
        transform: scale3d(1.05, 1.05, 1.05);
    }
    100% {
        transform: scale3d(1, 1, 1);
    }
}
@keyframes phonering-alo-circle-anim {
    0% {
        transform: rotate(0) scale(0.5) skew(1deg);
        opacity: 0.1;
    }
    30% {
        transform: rotate(0) scale(0.7) skew(1deg);
        opacity: 0.5;
    }
    100% {
        transform: rotate(0) scale(1) skew(1deg);
        opacity: 0.1;
    }
}
@keyframes phonering-alo-circle-fill-anim {
    0% {
        transform: rotate(0) scale(0.7) skew(1deg);
        opacity: 0.6;
    }
    50% {
        transform: rotate(0) scale(1) skew(1deg);
        opacity: 0.6;
    }
    100% {
        transform: rotate(0) scale(0.7) skew(1deg);
        opacity: 0.6;
    }
}
@keyframes phonering-alo-circle-img-anim {
    0% {
        transform: rotate(0) scale(1) skew(1deg);
    }
    10% {
        transform: rotate(-25deg) scale(1) skew(1deg);
    }
    20% {
        transform: rotate(25deg) scale(1) skew(1deg);
    }
    30% {
        transform: rotate(-25deg) scale(1) skew(1deg);
    }
    40% {
        transform: rotate(25deg) scale(1) skew(1deg);
    }
    50% {
        transform: rotate(0) scale(1) skew(1deg);
    }
    100% {
        transform: rotate(0) scale(1) skew(1deg);
    }
}
@keyframes mes {
    0% {
        -webkit-transform: rotateZ(0);
        transform: rotateZ(0);
    }
    5% {
        -webkit-transform: rotateZ(20deg);
        transform: rotateZ(20deg);
    }
    10% {
        -webkit-transform: rotateZ(-20deg);
        transform: rotateZ(-20deg);
    }
    15% {
        -webkit-transform: rotateZ(20deg);
        transform: rotateZ(20deg);
    }
    20% {
        -webkit-transform: rotateZ(-20deg);
        transform: rotateZ(-20deg);
    }
    25% {
        -webkit-transform: rotateZ(0);
        transform: rotateZ(0);
    }

    100% {
        -webkit-transform: rotateZ(0);
        transform: rotateZ(0);
    }
}
/* END CTA */
/* End Css custom */

@media (max-width: 640px){
    .main_cat_home .category-title {
        margin-bottom: 0;
    }
    .main_cat_home .sub-menu, .main_cat_home .sub-menu2, .main_cat_home .cot3 {
        flex-basis: 100%;
        max-width: 100%;
    }
    .main_cat_home .cot3 {
        padding-bottom: 10px;
    }
    .main_cat_home .tieu-de .tabbed-content .nav {
        height: 100%;
        flex-wrap: wrap;
        align-items: center;
        justify-content: center;
    }
    .header .flex-row {
        background-color: #fff;
    }
    #logo img {
        padding: 5px;
    }
    .product-gallery {
        max-width: 100%;
        flex-basis: 100%;
    }
    .shop-container #product-sidebar {
        max-width: 100%;
        flex-basis: 100%;
        display: block !important;
    }
    .product-info {
        margin-bottom: 15px;
    }
    ul.next-prev-thumbs.is-small.show-for-medium {
        display: none;
    }
    .product_meta {
        margin-bottom: 0;
    }
    .sidebar_policy .sidebar_lists .item .icon {
        width: 20%;
        margin-right: 15px;
    }
    .sidebar_policy .title_sidebar:before, 
    .sidebar_policy .title_sidebar:after {
        content: none;
    }
    .sidebar_policy .title_sidebar {
        font-size: 20px;
    }
}

@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/


}