/*
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.   ***************/


@media only screen and (max-width: 48em) {
    /*************** ADD MOBILE ONLY CSS HERE  ***************/
    
    
    }
    body, button, input, select, textarea {
        /*font-family: Arial,Helvetica,sans-serif!important;*/
        font-size: 16px!important;
        color: #333;
    }
    h1,h2,h3,h4,h5,h6, .heading-font {
        /*font-family: Arial,Helvetica,sans-serif!important;*/
        color: #333;
    }
    :root {
      /*--c1: #274b9b;
      --c1: #0060aa;*/
      --c1: #6c3e24;
      --c2: #db2927;
      --c3: #288ad6;
      --c4: #2f80ed; /*link xanh dienmayxanh*/
    }
    .box-text {
        font-size: 100%!important;
    }
    b, strong {
        font-weight: bold!important;
    }
    .slider-nav-light .flickity-prev-next-button {
        opacity: 1!important;
    }
    /*table {
        border-collapse: collapse;
        margin: 20px auto;
    }
    table tr td {
        border: 1px solid #666;
        padding: 10px 15px!important;
        color: #000;
    }*/
    .icon-box-img img, .icon-box-img svg {
        padding-top: 0;
    }
    /*Header*/
    /*.form-flat input:not([type=submit]), .form-flat select, .form-flat textarea {
        background-color: rgb(255 255 255)!important;
        border-color: rgb(255 255 255)!important;
        border-radius: 5px!important;
    }
    .header-search-form-wrapper .form-flat .flex-row .flex-col {
        padding-right: 0;
    }*/
    .header-nav-main li a.nav-top-link {
        color: #333!important;
        font-size: 16px;
        padding: 15px;
    }
    a.glink {
        padding-right: 5px;
    }
    .stuck .header-main .nav > li > a {
        line-height: 16px!important;
    }
    /*Danh muc san pham*/
    .product_categories_home .col-inner .box-image {
        border: 1px solid #dedede;
    }
    .product_categories_home h5 {
        font-size: 15px;
        color: #333;
        font-weight: 500;
    }
    .shop-container .term-description h1 {
        color: var(--c1);
        font-size: 20px;
        text-transform: uppercase;
        line-height: 30px;
        border-bottom: 2px solid var(--c1);
    }
    .term-description h2 {
        font-size: 16px;
    }
    .term-description ul li {
        margin-bottom: 0;
    }
    span.devvn_price {
        color: #000!important;
    }
    p.product-title a {
        display: block;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        font-weight: 400;
        font-size: 14px;
        color: #000;
    }
    .btn_xemthem a {
        background-color: #ed9d4e;
        font-size: 14px;
        padding: 10px 20px;
        -webkit-border-radius: 2px;
        border-radius: 4px;
        color: #fff;
    }
    .section_title h2 {
        text-transform: uppercase;
        font-size: 25.6px;
        font-weight: 500;
        margin: 0;
        color: rgb(17, 17, 17);
        text-align: center;
    }
    .hr-title {
        border: none;
        width: 100px;
        height: 4px;
        background: #e72b33;
        opacity: 1;
        display: inline-block;
    }
    .col_news h2 {
        font-size: 20px;
        padding-bottom: 8px;
    }
    .btn_xemthem {
        margin-top: -20px;
    }
    .section_danhmucsp {
        padding-bottom: 5px!important;
    }
    .icon_box_about {
        background: #fff;
        background: #fff;
        border: 1px solid #ddd;
        border-radius: 5px;
        box-shadow: 0 0 4px #e4e4e4;
        -moz-box-shadow: 0 0 4px #e4e4e4;
        -webkit-box-shadow: 0 0 4px #e4e4e4;
        height: 100%;
    }
    .icon_box_about .icon-box-img {
        margin: 0;
    }
    .icon_box_about .icon-box-img img{
        border-top-right-radius: 5px;
        border-top-left-radius: 5px;
    }
    .icon_box_about h3 {
        text-transform: uppercase;
        font-size: 16px;
        padding: 15px 5px;
        margin: 0;
    }
    .icon_box_dichvu h3 {
        font-size: 16px;
    }
    /*--about-*/
    .section_title_about {
        margin-bottom: -25px;
    }
    .section_about {
        padding-bottom: 12px!important;
    }
    .section_about:before {
        position: absolute;
        width: 1200px;
        height: 1200px;
        top: -280px;
        left: 50%;
        margin-left: -600px;
        content: "";
        background: transparent url('./images/trongdong-do.png') no-repeat center center;
        background-size: 100% auto;
        opacity: .1;
    }
    /*--du an-*/
    .blog_duan h5.post-title.is-large {
        font-size: 15px;
    }
    .blog_duan .is-divider {
        display: none;
    }
    .gallery_duan .gallery-col.col {
        max-width: calc(100% / 10);
        -ms-flex-preferred-size: calc(100% / 10);
        flex-basis: calc(100% / 10);
    }
    .gallery_kh img {
        border: 2px solid #ddd;
    }
    .blog_news h5 {
        font-size: 15px;
    }
    .blog_news p.from_the_blog_excerpt {
        font-size: 15px;
    }
    /*Footer*/
    .widget_ft h4 {
        font-size: 16px;
    }
    .widget_logo .icon-box-img {
        background: #fff;
        padding: 10px;
        border-radius: 6px;
    }
    .widget_ft ul li {
        list-style: none;
        margin-left: 0;
    }
    .widget_ft ul li i {
        padding-right: 6px;
    }
    /*Chi tiet san pham*/
    .sp_breadcrumbs {
        padding: 0 15px 20px;
        font-size: 16px;
    }
    .breadcrumbs a, .sp_breadcrumbs .separator{
        color: #000!important;
        opacity: 1!important;
    }
    .sp_breadcrumbs .rank-math-breadcrumb {
        font-weight: 400;
        color: #000!important;
        opacity: 1!important;
    }
    nav.rank-math-breadcrumb.breadcrumbs p {
        margin: 0;
    }
    .woocommerce-product-gallery__image.slide.first.is-selected {
        position: relative!important;
    }
    h1.product-title.product_title.entry-title {
        font-size: 22px;
        font-weight: 500;
    }
    /*.product-short-description ul li {
        list-style-image: url('./images/red-check.gif');
    }*/
    .product-short-description ul li {
        list-style: none;
        margin-left: 0;
    }
    .product-short-description ul li:before {
        content: '\f058';
        font-family: "Font Awesome 5 Pro";
        color: #00ba00;
        padding-right: 8px;
        font-weight: 900;
    }
    p.tai_catalog a {
        padding: 8px 15px;
        border-radius: 30px;
        background: #30a504;
        font-size: 15px;
        color: #fff;
    }
    p.tai_catalog {
        padding-top: 30px;
    }
    .ctsp_lienhe a {
        width: 48%!important;
        color: #fff;
        text-align: center;
        background: var(--c1);
        border-radius: 5px;
        padding: 12px 15px;
        text-transform: uppercase;
        font-weight: 700;
        line-height: initial;
        font-size: 16px;
        display: inline-block;
    }
    .ctsp_lienhe a.goidien {
        margin-right: 10px;
    }
    .ctsp_lienhe .zalo {
        background-color: #0fa8e1;
        color: #fff;
    }
    a.baogia.devvn_buy_now.devvn_buy_now_style {
        margin-right: 10px;
    }
    .product-gallery-slider.slider .flickity-viewport {
        border-radius: 5px;
        box-shadow: 0 0 4px #e4e4e4;
        -moz-box-shadow: 0 0 4px #e4e4e4;
        -webkit-box-shadow: 0 0 4px #e4e4e4;
        border: 1px solid #ddd;
    }
    .single-product .tab-panels img, .single-product .wp-caption.aligncenter {
        max-width: 600px;
    }
    .tab-panels a {
      color: blue;
    }
    .price-wrapper {
        padding-top: 10px;
    }
    .product-small .col-inner {
        box-shadow: 0 0 4px #e4e4e4;
        -moz-box-shadow: 0 0 4px #e4e4e4;
        -webkit-box-shadow: 0 0 4px #e4e4e4;
        height: 100%;
        border: 1px solid #dedede;
        border-radius: 5px;
        box-shadow: 0px 8px 42px rgb(0 0 0 / 10%);
    }
    .product-small .col-inner .box-image {
        border-top-right-radius: 5px;
        border-top-left-radius: 5px;
    }
    .product-small .box-text.box-text-products a {
        color: rgb(51, 51, 51);
        font-size: 14px;
        /* text-transform: uppercase; */
    }
    .woocommerce-layout__header {
        display: none!important;
    }
    .blog_duan_ctsp img {
        border-radius: 4px;
    }
    .blog_duan_ctsp .box-blog-post .is-divider {
        display: none;
    }
    .blog_duan_ctsp h5.post-title.is-large {
        font-size: 15px;
        font-weight: 400;
    }
    .blog_duan_ctsp .col.post-item {
        padding: 0 15px 0px;
    }
    .title_sidebar h4, span.widget-title.shop-sidebar, .blog-single .widget_nav_menu .widget-title {
        padding: 10px 0;
        background: var(--c1) url('http://phamngocduong.vn/wp-content/uploads/2025/10/logo-menu-2.png') no-repeat 10px center;
        padding-left: 55px;
        font-size: 17px;
        margin-bottom: 20px;
        color: #fff;
        border-radius: 5px 5px 0 0;
        display: block;
        line-height: unset!important;
        text-transform: uppercase;
    }
    span.widget-title.shop-sidebar, .blog-single .widget_nav_menu .widget-title {
        margin-bottom: 0;
    }
    .menu-danh-muc-san-pham-container a {
        color: var(--c1);
        font-size: 16px!important;
        font-weight: 700;
    }
    .menu-danh-muc-san-pham-container .sub-menu a {
        color: #000;
        font-weight: 400;
    }
    #shop-sidebar .widget .is-divider, .blog-single  .widget .is-divider {
        display: none;
    }
    .menu-danh-muc-san-pham-container {
        border: 1px solid #ddd;
        padding: 15px;
        border-bottom-left-radius: 5px;
        border-bottom-right-radius: 5px;
        border-top: 1px solid var(--c1);
    }
    
    .menu-danh-muc-san-pham-container .sub-menu a {
        color: #000;
        font-weight: 400;
    }
    .contact_widget h4, .camket_widget h4 {
        background-color: var(--c1);
        color: #fff;
        text-transform: uppercase;
        font-size: 17px;
        line-height: 46px;
        padding: 0 10px;
        margin: 0!important;
        border-top-left-radius: 4px;
        border-top-right-radius: 4px;
    }
    .contact_widget h4 i {
        font-size: 25px;
        position: relative;
        top: 3px;
        padding-right: 6px;
    }
    .contact_widget ul, .camket_widget ul {
        border: 1px solid #ccc;
        border-top: 1px solid var(--c1);
        border-bottom-left-radius: 4px;
        border-bottom-right-radius: 4px;
    }
    .contact_widget ul li {
        display: block;
        border-bottom: 1px dashed #ccc;
        padding-bottom: 15px;
        margin: 10px;
    }
    .contact_widget ul li:nth-child(2) {
        padding-left: 80px;
        background: url('http://phamngocduong.vn/wp-content/uploads/2025/10/avatar-tu-van.jpg') no-repeat;
    }
    li.mrdung {
        min-height: 80px;
    }
    .mrdung b {
        font-weight: 400 !important;
        position: relative;
        top: 10px;
    }
    .note {
        background-color: #ffffcc;
        border-left: 5px solid #ffeb3b;
        margin-bottom: 15px;
        padding: 10px;
    }
    .note p {
        margin-bottom: 8px;
    }
    .contact_widget_2 ul li:nth-child(2) {
        padding-left: 0;
        background: none;
    }
    .contact_widget_2 ul li:before {
        content: '\f013';
        font-family: "Font Awesome 5 Pro";
        font-size: 12px;
        color: var(--c2);
        font-weight: 900;
        padding-right: 8px;
        border: 10px;
        bottom: 1px;
        position: relative;
    }
    .contact_widget_2 ul li a, .contact_widget_2 ul li {
        color: #333;
        font-size: 15px;
    }
    .contact_widget ul li:last-child {
        border-bottom: none;
        margin-bottom: 0;
    }
    .camket_widget ul {
        background-color:#f3f3f3;
        padding: 10px;
    }
    .camket_widget ul li {
        list-style: none;
        margin-left: 0;
    }
    .camket_widget li:before {
        content: '\f058';
        font-family: "Font Awesome 5 Pro";
        /* font-size: 12px; */
        /* color: var(--c2); */
        font-weight: 900;
        padding-right: 5px;
        /* border: 10px; */
        /* bottom: 1px; */
        /* position: relative; */
    }
    .camket_widget li {
    }
    .des_category_product, #tab-description {
        counter-reset: my-number;
    }
    .des_category_product .col-inner {
        border: 1px solid #ddd;
        padding: 20px;
    }
    .des_category_product h3, #tab-description h3, .term-description h3, .des_category_product h2, #tab-description h2 {
        font-size: 20px!important;
        color: var(--c2);
        font-style: italic;
        line-height: 1.2;
    }
    /*.des_category_product h3:before, #tab-description h3:before {
        content: counter(my-number) ".";
        counter-increment: my-number;
        display: block;
        float: left;
        padding-right: 5px;
    }*/
    .product-tabs a {
        border-radius: 5px 5px 0 0!important;
        font-size: 14px!important;
        padding: 3px 15px!important;
        font-weight: 400!important;
    }
    .product-tabs {
        border-bottom: 1px solid var(--c1);
    }
    .product_meta>span {
        border-top: none;
        margin-top: 12px;
    }
    .col_danhmuc h3 {
        font-size: 13px!important;
        padding-bottom: 10px;
        color: #333;
        font-style: inherit;
    }
    .col_danhmuc_bcn {
        margin-top: -30px;
    }
    h5.post-title.is-large {
        font-size: 14px;
    }
    .box-blog-post .is-divider {
        display: none;
    }
    .bottom_content_block h3, .term-description h3 {
        color: var(--c2);
        font-size: 1.2em;
        font-style: italic;
    }
    /*Tin tuc*/
    .lien-he {
        padding: 15px;
        text-align: justify;
        margin-bottom: 30px;
        margin-top: -20px!important;
        border: 3px dashed #f16725;
        border-radius: 10px;
        background: ghostwhite;
        background: aliceblue;
    }
    .lien-he ul li {
        margin-bottom: 0;
    }
    .lien-he ul {
        margin-left: 20px;
    }
    .row-divided>.col+.col:not(.large-12) {
        border-left: none;
    }
    .left_sidebar {
        padding-right: 0!important;
    }
    .r_dmsp {
        border: 1px solid #ddd;
        margin-left: 0px!important;
        margin-right: 0px!important;
    }
    .col_danhmuc .col-inner {
        padding: 0;
        padding-top: 1px;
    }
    .title-wrapper {
        min-height: 37px;
    }
    .prd_readmore a {
        text-align: center;
        display: inline-block;
        padding: 5px 20px;
        border-radius: 18px;
        border: 1px solid var(--c1);
        color: #fff!important;
        background: var(--c1);
        text-transform: unset!important;
    }
    /*Trang sản phẩm*/
    .product_categories .box-image {
        border-radius: 20px;
    }
    
    /*css nut lien he co dinh*/
    .global-thread-create-cta {
        bottom: 15px;
        left: -5px;
        position: fixed;
        z-index: 10;
    }
    .coccoc-alo-ph-circle{width:160px;height:160px;top:20px;left:20px;position:absolute;background-color:transparent;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;border:2px solid rgba(30,30,30,.4);border:2px solid #bfebfc;opacity:.1;-webkit-animation:coccoc-alo-circle-anim 1.2s infinite ease-in-out;-moz-animation:coccoc-alo-circle-anim 1.2s infinite ease-in-out;-ms-animation:coccoc-alo-circle-anim 1.2s infinite ease-in-out;-o-animation:coccoc-alo-circle-anim 1.2s infinite ease-in-out;animation:coccoc-alo-circle-anim 1.2s infinite ease-in-out}
    .coccoc-alo-ph-circle,.coccoc-alo-ph-circle-fill{-webkit-transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s;transition:all .5s;-webkit-transform-origin:50% 50%;-moz-transform-origin:50% 50%;-ms-transform-origin:50% 50%;-o-transform-origin:50% 50%;transform-origin:50% 50%}
    .coccoc-alo-ph-circle-fill{width:100px;height:100px;opacity:.2;-webkit-animation:coccoc-alo-circle-fill-anim 2.3s infinite ease-in-out;-moz-animation:coccoc-alo-circle-fill-anim 2.3s infinite ease-in-out;-ms-animation:coccoc-alo-circle-fill-anim 2.3s infinite ease-in-out;-o-animation:coccoc-alo-circle-fill-anim 2.3s infinite ease-in-out;animation:coccoc-alo-circle-fill-anim 2.3s infinite ease-in-out}
    .coccoc-alo-ph-circle-fill,.coccoc-alo-ph-img-circle{background-color:#f0ad4e;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;border:2px solid transparent}
    .coccoc-alo-ph-img-circle{width:60px;height:60px;top:20px;left:20px;position:absolute;-webkit-transform-origin:50% 50%;-moz-transform-origin:50% 50%;-ms-transform-origin:50% 50%;-o-transform-origin:50% 50%;transform-origin:50% 50%;display:flex;align-items:center}
    .phone{background:transparent url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAACXBIWXMAAAsTAAALEwEAmpwYAAABNmlDQ1BQaG90b3Nob3AgSUNDIHByb2ZpbGUAAHjarY6xSsNQFEDPi6LiUCsEcXB4kygotupgxqQtRRCs1SHJ1qShSmkSXl7VfoSjWwcXd7/AyVFwUPwC/0Bx6uAQIYODCJ7p3MPlcsGo2HWnYZRhEGvVbjrS9Xw5+8QMUwDQCbPUbrUOAOIkjvjB5ysC4HnTrjsN/sZ8mCoNTIDtbpSFICpA/0KnGsQYMIN+qkHcAaY6addAPAClXu4vQCnI/Q0oKdfzQXwAZs/1fDDmADPIfQUwdXSpAWpJOlJnvVMtq5ZlSbubBJE8HmU6GmRyPw4TlSaqo6MukP8HwGK+2G46cq1qWXvr/DOu58vc3o8QgFh6LFpBOFTn3yqMnd/n4sZ4GQ5vYXpStN0ruNmAheuirVahvAX34y/Axk/96FpPYgAAACBjSFJNAAB6JQAAgIMAAPn/AACA6AAAUggAARVYAAA6lwAAF2/XWh+QAAAB/ElEQVR42uya7W3CMBCG31QM4A1aNggTlG6QbpBMkHYC1AloJ4BOABuEDcgGtBOETnD9c1ERCH/lwxeaV8oPFGP86Hy+DxMREW5Bd7gRjSDSNGn4/RiAOvm8C0ZCRD5PSkQVXSr1nK/xE3mcWimA1ZV3JYBZCIO4giQANoYxMwYS6+xKY4lT5dJPreWZY+uspqSCKPYN27GJVBDXheVSQe494ksiEWTuMXcu1dld9SARxDX1OAJ4lgjy4zDnFsC076A4adEiRwAZg4hOUSpNoCsBPDGM+HqkNGynYBCuILuWj+dgWysGsNe8nwL4GsrW0m2fxZBq9rW0rNcX5MOQ9eZD8JFahcG5g/iKT671alGAYQggpYWvpEPYWrU/HDTOfeRIX0q2SL3QN4tGhZJukVobQyXYWw7WtLDKDIuM+ZSzscyCE9PCy5IttCvnZNaeiGLNHKuz8ZVh/MXTVu/1xQKmIqLEAuJ0fNo3iG5B51oSkeKnsBi/4bG9gYB/lCytU5G9DryFW+3Gm+JLwU7ehbJrwTjq4DJU8bHcVbEV9dXXqqP6uqO5e2/QZRYJpqu2IUAA4B3tXvx8hgKp05QZW6dJqrLTNkB6vrRURLRwPHqtYgkC3cLWQAcDQGGKH13FER/NATzi786+BPDNjm1dMkfjn2pGkBHkf4D8DgBJDuDHx9BN+gAAAABJRU5ErkJggg==) no-repeat 50%;background-size:50% 50%;width:60px;height:60px;position:relative;animation:slide-phone 1s infinite ease-in-out!important;transform:rotate(260deg)}
    .coccoc-alo-ph-img-circle a{display:block}
    @-webkit-keyframes coccoc-alo-circle-fill-anim{0%{-webkit-transform:rotate(0) scale(.7) skew(1deg);opacity:.2}50%{-webkit-transform:rotate(0) scale(1) skew(1deg);opacity:.2}to{-webkit-transform:rotate(0) scale(.7) skew(1deg);opacity:.2}}
    @-o-keyframes coccoc-alo-circle-fill-anim{0%{-o-transform:rotate(0) scale(.7) skew(1deg);opacity:.2}50%{-o-transform:rotate(0) scale(1) skew(1deg);opacity:.2}to{-o-transform:rotate(0) scale(.7) skew(1deg);opacity:.2}}
    @-moz-keyframes coccoc-alo-circle-fill-anim{0%{transform:rotate(0) scale(.7) skew(1deg);opacity:.2}50%{transform:rotate(0) scale(1) skew(1deg);opacity:.2}to{transform:rotate(0) scale(.7) skew(1deg);opacity:.2}}
    @keyframes slide-phone{0%{left:-3px}5%{left:0}10%{left:3px}15%{left:0}20%{left:-3}25%{left:0}30%{left:3px}35%{left:0}40%{left:-3}45%{left:0}50%{left:3px}70%{left:0}to{left:0}}
    .cta_stick {
        position: fixed;
        bottom: 115px;
        left: 20px;
        animation-delay: 2s;
        animation-duration: 1s;
        animation-fill-mode: both;
        cursor: pointer;
        display: inline-block;
        z-index: 10;
    }
    .cta_stick a {
        width: 50px;
        height: 50px;
        display: block;
        margin-bottom: 20px;
        -webkit-filter: drop-shadow(4px 4px 11px #22222245);
        filter: drop-shadow(4px 4px 11px #22222245);
    }
    .cta_stick a.zl {
        background: url('./images/zlicon.png');
        background-size: contain;
    }
    .cta_stick:after{
        animation: pulse-ring 1.25s cubic-bezier(0.215, 0.61, 0.355, 1) infinite;
        background-color: #01a4e9;
    }
    .pulsating-circle:before {
        content: "";
        position: relative;
        display: block;
        width: 150%;
        height: 150%;
        left: -13px;
        bottom: 14px;
        border-radius: 50%;
        background-color: #01a4e9;
        -webkit-animation: pulse-ring 1.25s cubic-bezier(.215,.61,.355,1) infinite;
        -moz-animation: pulse-ring 1.25s cubic-bezier(.215,.61,.355,1) infinite;
        -ms-animation: pulse-ring 1.25s cubic-bezier(.215,.61,.355,1) infinite;
        -o-animation: pulse-ring 1.25s cubic-bezier(.215,.61,.355,1) infinite;
        animation: pulse-ring 1.25s cubic-bezier(.215,.61,.355,1) infinite;
    }
    .pulsating-circle:after {
        content: "";
        border-radius: 50%;
        box-shadow: 0 0 8px rgba(0,0,0,.1);
        -webkit-animation: pulse-dot 1.25s cubic-bezier(.455,.03,.515,.955) -0.4s infinite;
        -moz-animation: pulse-dot 1.25s cubic-bezier(.455,.03,.515,.955) -0.4s infinite;
        -ms-animation: pulse-dot 1.25s cubic-bezier(.455,.03,.515,.955) -0.4s infinite;
        -o-animation: pulse-dot 1.25s cubic-bezier(.455,.03,.515,.955) -0.4s infinite;
        animation: pulse-dot 1.25s cubic-bezier(.455,.03,.515,.955) -0.4s infinite;
    }
        @keyframes pulse-ring {
            0% {
                transform: scale(0.33);
            }
            80%, 100% {
                opacity: 0;
            }
        }
        @keyframes pulse-dot {
            0% {
                transform: scale(0.8);
            }
            50% {
                transform: scale(1);
            }
            100% {
                transform: scale(0.8);
            }
        }   
        @keyframes pulse-ring {
            0% {
                transform: scale(0.33);
            }
            80%, 100% {
                opacity: 0;
            }
        }
    .quick-alo-phone {
        display:block!important;
        position: fixed;
        visibility: visible;
        background-color: transparent;
        width: 160px;
        /*height: 100px;*/
        cursor: pointer;
        z-index: 9!important;
        -webkit-backface-visibility: hidden;
        -webkit-transform: translateZ(0);
        -webkit-transition: visibility .5s;
        -moz-transition: visibility .5s;
        -o-transition: visibility .5s;
        transition: visibility .5s;
        left: 0;
        bottom: 100px;
    }
    .tel_phone{
        border-radius: 30px;
        line-height: 45px;
        position: absolute;
        height: 45px;
        /* color: #fff; */
        font-size: 17px;
        text-align: center;
        background-color: var(--c1);
        /* color: #fff; */
        top: 26px;
        left: 107px;
        padding: 0;
        font-weight: 600;
        width: 150px;
        /* padding-left: 29px; */
    }
    .tel_phone a {
        color: #fff;
    }
    @media screen and (max-width: 549px) {
        .col_info_prd ul.product-tabs li {
            width: 50%;
        }
      .tel_phone {
          display: none;
        }
        .mobile-nav i.icon-menu {
            background: #808080;
            color: #fff;
            /* padding: 1px; */
            min-width: 41px!important;
            text-align: center;
            font-size: 2.5em!important;
        }
        .header-main li.html.custom {
            display: block;
        }
        .gt_switcher-popup.glink span:first-child {
            display: none!important;
        }
    }
    /*Page*/
    .pp_image_slider img {
        border-radius: 17px;
        border: 4px solid transparent;
        background: #eb2227;
    }
    .page_title h1 {
        text-transform: uppercase;
        font-size: 28px;
        color: var(--c1);
    }
    .page_title h1:after {
        content: "";
        display: inline-block;
        position: absolute;
        bottom: -10px;
        left: 0;
        width: 50px;
        height: 3px;
        background: var(--c1);
        left: 50%;
        transform: translateX(-50%);
    }
    /*Trang dich vu*/
    .blogposts_dv .col.post-item .col-inner {
        background: red;
        border-radius: 10px;
        background-color: #fff;
    }
    .blogposts_dv .col.post-item .col-inner .box-image {
        border-top-left-radius: 10px;
        border-top-right-radius: 10px;
    }
    .blogposts_dv .box-text.text-center {
        padding: 10px;
        margin: 0;
    }
    .blogposts_dv h5 {
        font-size: 15px;
        font-weight: 400;
    }
    }
    .ico_dv_congnghe .icon-box-text.last-reset h3 {
        font-size: 14px;
        text-align: center;
        text-transform: uppercase;
        background: beige;
        padding: 10px;
    }
    .accordion_dichvu .accordion-item .active {
        background: var(--c2);
        border: 1px solid var(--c2);
    }
    .accordion_dichvu .accordion-item .accordion-title {
        border: 1px solid var(--c1);
        border-radius: 8px;
        background: var(--c1);
        color: #fff;
        font-size: 15px;
        font-weight: 700;
    }
    .accordion_dichvu .accordion-item {
        padding-bottom: 5px;
    }
    .accordion-inner {
        padding: 15px;
    }
    .product_categories_home.dv_cate .box-image{
        border-radius: 10px;
    }
    /*Links chạy ads*/
    .noibat_ads {
        text-align: left;
        border: 1px solid #ddd;
        border-radius: 15px;
        background: #fff;
        border-radius: 12px;
        border: 3px dashed #132642;
        background-color: aliceblue;
        padding: 15px;
        font-size: 15px;
    }
    @-webkit-keyframes my {
                0% { color: #F8CD0A; } 
                50% { color: #fff;  } 
                100% { color: #F8CD0A;  } 
            }
            @-moz-keyframes my { 
                0% { color: #F8CD0A;  } 
                50% { color: #fff;  }
                100% { color: #F8CD0A;  } 
            }
            @-o-keyframes my { 
                0% { color: #F8CD0A; } 
                50% { color: #fff; } 
                100% { color: #F8CD0A;  } 
            }
            @keyframes my { 
                0% { color: #F8CD0A;  } 
                50% { color: #fff;  }
                100% { color: #F8CD0A;  } 
            }
    p.noibat_ {
        text-align: center;
    }
    .noibat_ a {
        background: var(--c1);
        background: darkblue;
        text-align: center;
        font-size: 15px;
        font-weight: bold;
        -webkit-animation: my 700ms infinite;
        -moz-animation: my 700ms infinite;
        -o-animation: my 700ms infinite;
        animation: my 700ms infinite;
        text-transform: uppercase;
        padding: 10px 12px;
        border-radius: 30px;
    }
    .btn_lienhe_adung a {
        color: red;
        padding: 6px;
        font-size: 18px;
    }
    footer > a {
        color: white !important;
    }


    /*product categories*/
    .custom-category-header {
        background: #f9f9f9;
        padding: 20px;
        border-radius: 8px;
        margin-bottom: 30px;
    }
    .category-title {
        font-size: 28px;
        font-weight: bold;
    }
    .category-description {
        font-size: 16px;
        color: #555;
        margin-top: 10px;
    }