/*
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  ***************/
    
    
    }
    .row:before, .row:after {display: none !important;}
    li,p{
        font-size: 16px;
    }
    .page-detail-sp{
        padding: 10px;
    }
    .page-detail-sp img{
        margin-bottom: 10px;
    }
    td {
        font-size: 14px;
    }
    .nav > li > a:hover, .nav > li > a:focus {
        text-decoration: none;
        background-color: transparent;
    }
    
    i.icon-home {
        -webkit-font-smoothing: antialiased;
        display: inline-block;
        font-style: normal;
        font-variant: normal;
        text-rendering: auto;
        line-height: 1;
        font-family: 'Font Awesome 5 Free' !important;
        font-weight: 900 !important;
    }
    
    i.icon-home:before {
        content: "\f015";
    }
    .header-search i.icon-search {
        font-size: 18px !important;
        color: #fff;
    }
    
    .sp-footer {
        display: inline-block;
    }
    
    .tabs-sp .nav-fill {
        border: none;
        -ms-flex-pack: justify;
        justify-content: center;
    }
    
    .tabs-sp a.nav-item.active {
        background: #bd8f4a;
        color: #fff;
    }

    .aside-left a{
        text-align: left !important;
    }
    
    .aside-left {
        background: #ffffff;
        border-radius: 5px;
        border: 1px solid #bd8f4a;
        margin-bottom: 20px;
    }
    
    .aside-left h2 {
        padding: 10px;
        margin: 0;
        background: #25216d;
        color: #ffffff;
        font-size: 16px;
        background-image: linear-gradient(
0deg, rgba(197,153,90,1) 0%, rgba(162,108,40,1) 50%, rgba(193,148,79,1) 100%);
    }

    .tabs-sp a.nav-item {
        width: 100%;
        border-bottom: 1px dashed #bd8f4a;
    }

    .item-cnt p {
        margin: 0;
    }
    .dich-vu div[class^='dv-']{
        z-index: 9999;
        cursor: pointer;
    }
    
    .f-menu a:hover {
        color: #25216d;
    }
    .top-main {
        background: #f0f0f0;
        padding: 15px 0;
    }
    .tt-img img {
        width: 100%;
    }
    .tin-tuc .tt-item .item-title a:hover, a:hover {
        color: #25216d;
    }
    .news .news-item .item-img img {
        max-width: inherit;
        width: 170px;
        height: auto;
    }
    .sp-tabcnt a.nav-link {
        font-size: 16px;
            border-radius: 10px;
        -webkit-border-radius: 10px;
    }
    
    .sp-tabcnt a.nav-link.active {
        background: #25216d;
        color: #fff;
    }
    ul.header-nav.header-nav-main.nav a {
        font-weight: bold;
    }
    section.page-cua-hang {
        padding: 80px 0;
        background: #f9f9f9;
    }
    section.page-cua-hang .bg-trans {
        background: #fff;
        padding: 10px;
        border-radius: 5px;
        -webkit-border-radius: 5px;
        box-shadow: 0 0 5px 5px #e3e3e3;
        max-height: 487px;
        overflow: auto;
    }
    section.page-cua-hang .nav-pills .nav-link.active, section.page-cua-hang .nav-pills .show > .nav-link {
        color: #fff;
        background-color: #363636;
        border-radius: 5px;
        -webkit-border-radius: 5px;
        padding: 5px;
    }
    .img-cua-hang {
        float: left;
        width: 35%;
        height: 85px;
        overflow: hidden;
        margin-right: 10px;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 5px;
        -webkit-border-radius: 5px;
        margin-top: 3px;
    }
    
    .name-cua-hang {
        font-size: 12px;
        color: #25216d;
        font-weight: 700;
    }
    
    .info-store p {
        font-size: 12px;
    }
    section.page-cua-hang iframe {
        width: 100%;
        max-width: 100%;
        height: 487px;
    }
    /* width */
    section.page-cua-hang ::-webkit-scrollbar {
      width: 2px;
    }
    
    /* Track */
    section.page-cua-hang ::-webkit-scrollbar-track {
      background: #f1f1f1; 
    }
     
    /* Handle */
    section.page-cua-hang ::-webkit-scrollbar-thumb {
      background: #25216d; 
    }
    
    /* Handle on hover */
    section.page-cua-hang ::-webkit-scrollbar-thumb:hover {
      background: #25216d; 
    }
    .acf-map {
        width: 100%;
        height: 487px;
        border: #ccc solid 1px;
    }
    
    /*Fixes potential theme css conflict.*/
    .acf-map img {
       max-width: inherit !important;
    }
    .custom-page {
        width: auto;
        background: #fff;
        float: left;
        padding: 10px 30px;
        border-radius: 30px;
        -webkit-border-radius: 30px;
    }
    
    .custom-page span.current {
        background: #e1e1e1;
        border-radius: 20px;
        -webkit-border-radius: 20px;
    }
    
    .custom-page .wp-pagenavi a,.custom-page .wp-pagenavi span {
        border: none;
        padding: 5px 10px;
        font-size: 16px;
    }
    h1.entry-title {
        font-size: 24px;
    }
    .most-view {
        background: #fff;
        border-radius: 0 0 5px 5px;
        -webkit-border-radius: 0 0 5px 5px;
        box-shadow: 0 0 5px 5px #e7e7e7;
    }
    
    .most-view span.widget-title {
        font-size: 14px;
        background: #efefef;
        width: 100%;
        display: block;
        padding: 15px;
    }
    
    .cnt-most-view .view-img {
        width: 40%;
        float: left;
        margin-right: 10px;
    }
    
    .cnt-most-view .view-title {
        font-size: 11px;
        line-height: 14px;
        font-weight: 500;
    }
    .post-share {
        padding-top: 10px;
        padding-bottom: 10px;
        border-top: 1px solid #ccc;
    }
    
    .other-post .titleother {
        font-size: 18px;
        text-transform: uppercase;
        margin-top: 20px;
        font-weight: 700;
    }
    
    .other-post ul {
        list-style: none;
    }
    
    .other-post ul a {font-size: 14px;font-weight: 500;}
    
    .other-post ul a i {
        font-size: 12px;
        color: #25216d;
    }
    
    .other-post ul li {
        margin-left: 5px;
    }
    .sanpham .tt-cats {
        text-align: center;
    }
    
    .sanpham .tt-cats ul {
        list-style: none;
        background: #dddddd;
        padding: 5px;
        display: inline-block;
        border-radius: 5px;
        margin-bottom: 20px;
        margin-top: 15px;
    }
    
    .sanpham .tt-cats ul li {
        display: inline-block;
        margin: 0;
        min-width: 120px;
    }
    
    .sanpham .tt-cats ul li a {
        display: block;
        color: #000;
        padding: 5px 20px;
        font-size: 14px;
        text-transform: uppercase;
        border-radius: 5px;
        font-weight: bold;
    }
    .sanpham {
        background: #f0f0f0;
    }
    .sanpham .tt-cats ul li a:hover {
        background: #c4975861;
        color: #fff;
    }
    .sanpham .tt-cats ul li.active a, .tin-tuc .tt-cats ul li:hover a {
        background: #c4975861;
        color: #fff;
    }
    .page-tra-gop{
        background: #f5f5f5;
    }
    .title-tra-gop {
        font-size: 20px;
        text-align: center;
        font-weight: bold;
        margin-bottom: 20px;
    }
    
    .form-tinh {
        font-size: 14px;
    }
    
    .form-tinh select {
        margin: 0;
        padding: 5px 10px;
        font-size: 14px;
        height: 35px !important;
    }
    
    .form-tinh input {
        margin: 0;
        padding: 5px 10px;
        font-size: 14px;
        height: 35px !important;
        border: 1px solid #ced4da;
        border-radius: 0.25rem;
    }
    .btn-tinh {
        cursor: pointer;
        padding: 8px 20px;
        display: inline-block;
        background: #25216d;
        color: #fff;
        text-transform: uppercase;
        border-radius: 5px;
        -webkit-border-radius: 5px;
    }
    
    .btn-tinh i {
        margin-left: 20px;
    }
    
    .result-tra-gop {
        text-align: center;
        text-transform: uppercase;
        font-weight: 500;
    }
    
    .result-title {
        font-size: 16px;
    }
    
    .result-title a {
        color: #c10000;
    }
    
    .total {
        font-size: 18px;
    }
    
    .total span {
        color: #25216d;
    }
    
    .permonth {
        font-weight: bold;
        color: #25216d;
        font-size: 30px;
    }
    .post-share img {
        width: auto;
    }
    .bnt-option .bnt-bot {
        width: 49%;
    }
    .sp-info-title a {
        font-weight: 600;
    }
    .dv-title {
        margin-bottom: 0 !important;
    }
    .form-dat-hang select, .form-dat-hang input, .form-dat-hang textarea {
        color: #333;
        border-radius: 5px;
        -webkit-border-radius: 5px;
        padding: 5px 10px;
        height: 40px;
        font-size: 16px;
    }
    .off-canvas .sidebar-menu a {
        font-size: 16px;
    }
    .sidebar-menu.no-scrollbar a, .sidebar-menu.no-scrollbar ul li.active a {
        color: #fff;
    }
    
    .off-canvas .sidebar-menu ul.children a {
        color: #000 !important;
    }
    
    #logo img {
        max-height: 112px !important;
        margin: 0 auto;
    }
    .new-item-title {
        padding: 5px 10px;
        font-size: 16px;
        background: #bd8f4a;
        color: #ffffff;
        margin-bottom: 20px;
    }
    
    .new-item-title a {
        color: #ffffff;
    }
    
    .item-event {
        float: left;
        background: #bd8f4a;
        font-size: 16px;
        color: #fff;
        padding: 10px;
        margin-right: 10px;
    }
    
    .item-event span {
        font-size: 16px;
        font-weight: bold;
        display: block;
        text-align: center;
    }
    
    .item-event p {
        margin: 0;
    }
    
    .item-event span:first-child {
        border-bottom: 1px solid #ffffff;
    }
    p {
        margin-bottom: 0;
    }
    .tab-panels .panel {
        margin: 0;
        padding: 0;
        font-size: 14px;
    }
    .custom-tabs ul {
        width: auto !important;
        list-style: none;
        background: #dddddd;
        padding: 5px;
        border-radius: 5px;
        margin-bottom: 20px;
        margin-top: 15px;
        margin: 0 auto;
    }
    .custom-tabs ul li.tab {
        margin: 0;
        display: inline-block;
    }
    .custom-tabs ul li.tab a {
        display: block;
        color: #000;
        padding: 5px 20px;
        font-size: 14px;
        text-transform: uppercase;
        border-radius: 5px;
        font-weight: bold;
    }
    
    .custom-tabs ul li.tab.active a, .custom-tabs ul li.tab:hover a {
        background: #25216d;
        color: #fff;
    }
    
    .tab-panels .panel {
        padding:0;
        margin:0;
        border:none;
    }
     .sp-content p {
         margin-bottom: 10px;
        font-size: 16px;
     }
    
    .tab-panels {
        padding: 20px;
        background: #ffffff;
    }
    
    .entry-content.single-page p,.tab-panels p {
        margin-bottom: 10px;
    }
    a.button.primary.is-xlarge.lowercase span {
        color: #fff;
    }
    .gia_ban {
        font-size: 16px;
        font-weight: 700;
        display: flex;
        justify-content: space-between;
        margin-bottom: 5px;
    }
    
    .gia_ban span:first-child {
        color: #25216d;
    }
    
    .gia_ban span:last-child {
        color: #f00;
    }
    
    .sale_off {
        color: #585858;
    }
    
    .sale_off span:last-child {
        text-decoration: line-through;
    }
    
    .top-page p {
        color: #25216d;
        font-size: 18px;
    }
    
    .top-page p span {
        font-weight: bold;
        text-transform: uppercase;
    }
    
    table.table.table-page {
        border-left: 1px solid #ddd;
        border-right: 1px
     solid #ddd;
    }
    
    .table-page tr td {
        font-size: 18px;
    }
    
    .table-page tr td:first-child {
        border-right: 1px solid #ddd;
    }
    
    .table-page tr td:last-child {
        text-align: right;
    }
    
    tr.total-page td:first-child {
        font-weight: bold;
    }
    
    tr.total-page td:last-child {
        font-weight: bold;
        color:#f00
    }
    
    select {
        font-size: 16px;
    }
    tfoot th {
        background: #000000;
        color: #ffffff;
        font-size: 16px;
    }
    .header .menu .nav-top-link:hover {
        color: #ed1a23;
    }
    div#custom_html-2 span.widget-title {
        display: none;
    }
    
    div#custom_html-2 .is-divider.small {
        display: none;
    }
    
    .scroll_right {
        position: fixed;
        top: 50%;
        transform: translateY(-50%);
        z-index: 999;
        right: 0;
    }
    
    div#custom_html-2 {
        margin: 0;
    }
    
    .footer-widgets.footer.footer-2.dark {
        padding: 0;
        border: 0;
        height: 0;
    }
    .scroll_right li .right-icon {
        position: relative;
        padding: 10px;
        height: 50px;
        width: 50px;
        background: #131313;
        border: 2px solid #131313;
        border-radius: 50%;
        display: block;
        overflow: hidden;
        z-index: 9;
        cursor: pointer;
    }
    .scroll_right li {
        position: relative;
    }
    .scroll_right label {
        position: absolute;
        top: 0;
        cursor: pointer;
        font-size: 14px;
        display: block;
        text-transform: uppercase;
        opacity: 0;
        height: 50px;
        width: 215px;
        line-height: 50px;
        background: #131313;
        padding: 0 30px;
        border-radius: 25px;
    }
    
    .right-icon img {
        width: 100%;
    }
    
    .scroll_right li:hover label {
        opacity: 1;
        right: 10px;
    }
    
    #wrapper, #main {
        background-color: #f0f0f0;
        position: relative;
    }
    
    section.uudai {
        background: #ffffff;
    }
    .flex-col.logo.right-logo {
        right: 10px;
        margin: 0;
    }
    
    .header-inner {
        position: relative;
    }
    
    .page-wrapper {
        padding-top: 0px;
    }
    footer a, footer {
        color: #ffffff !important;
    }
    
    .f_title {
        color: #ffffff;
    }
    
    .absolute-footer {
        padding: 0;
    }
    
    .info-company {
        position: relative;
        top: -75px;
        background: #bd8f4a;
        padding: 10px;
        border-top: 5px #a26c28 solid;
        -webkit-box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 25%);
        -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.25);
        box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 25%);
    }

div#custom_html-3 span.widget-title, div#custom_html-3 .is-divider.small {
    display: none;
}

.scroll_left {
    position: fixed;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    z-index: 999;
}
.scroll_left li {
    position: relative;
    width: auto;
}
.scroll_left li img {
    padding: 5px;
}
.scroll_left ul li.icon-face,
.scroll_left ul li.icon-face:hover label{
    background-image: linear-gradient(0deg, #1d77e2 1.46%, #2cb7ff 99.03%);
    border-radius: 0 10px 10px 0;
}
.scroll_left ul li.icon-zalo,
.scroll_left ul li.icon-zalo:hover label {
    background-image: linear-gradient(180deg, #3a8bff 0%, #035ada 100%);
    border-radius: 0 10px 10px 0;
}
.scroll_left ul li.icon-yube,
.scroll_left ul li.icon-yube:hover label{
    background-image: linear-gradient(180deg, #ff0015 0%, #e40613 100%);
    border-radius: 0 10px 10px 0;
}
.scroll_left ul li.icon-bando,
.scroll_left ul li.icon-bando:hover label {
    background-image: linear-gradient(180deg, #07d8f8 0%, #00a0d2 100%);
    border-radius: 0 10px 10px 0;
}
.scroll_left li:hover a label {
    z-index: 1;
    opacity: 1;
    left: 48px;
    display: block;
    width: max-content;
}
.scroll_left ul {
    padding: 0;
}
.left-icon {
    width: 55px;
    height: 100%;
}
a.icon-yube img {
    width: 70%;
    margin-top: 5px;
}

div#custom_html-3 span.widget-title, div#custom_html-3 .is-divider.small {
    display: none;
}

.scroll_left label {
    position: absolute;
    cursor: pointer;
    opacity: 0;
    height: 50px;
    width: auto;
    padding: 15px;
    top: 0;
    display: none;
    margin: 0;
    border-radius: 0 10px 10px 0;
    font-size: 14px;
    text-align: left;
    height: 100%;
}

.scroll_left ul {
    padding: 0;
}
.section {
    padding: 50px 0;
}
.why-choose-us h4 {
    font-weight: 600;
    text-transform: uppercase;
    position: relative;
    margin-bottom: 10px;
    padding-bottom: 10px;
}

.why-choose-us h4:after {content: "";position: absolute;width: 30px;height: 2px;background: #25216d;bottom: 0;left: 50%;transform: translateX(-50%);}

.why-choose-us p {
    font-size: 12px;
}

.why-choose-us {
    margin-bottom: 20px;
}

.why-choose-us img {
    width: 100% !important;
    position: relative !important;
    left: 0 !important;
    margin: 0 !important;
}
.why-choose-us .col-inner:hover .icon {
    box-shadow: 0 0 5px 0px rgb(37 33 109);
    border-radius: 90px;
    transition: all .3s ease-in-out;
}
i.icon-menu {
    color: #25216d;
}

@media (max-width: 549px){
    ul.slick-dots {
        width: 100%;
        position: initial;
        text-align: center;
    }
    .sp-chi-tiet .sp-phien-ban .ten-phien-ban {
        width: 30%;
        font-size: 16px;
    }

    section.sp-chi-tiet .sp-phien-ban .list-color {
        width: 70%;
    }

    section.sp-chi-tiet .sp-phien-ban .list-color ul li {
        width: 35%;
        font-size: 14px;
    }

    section.sp-chi-tiet .sp-phien-ban .list-color ul li img {
        width: 80%;
    }

    .news-list {
        margin-bottom: 100px;
    }

    .news-list {
        position: relative;
    }

    .news .news-title {
        position: relative;
    }
    .sp-footer {
        flex-direction: column;
        padding-bottom: 15px;
    }
    .sanpham .detail-sp .sp-img img {
        width: 100% !important;
    }
    .sp-tabcnt a.nav-link {
        font-size: 12px !important;
    }
    #logo img {
        max-height: 40px !important;
    }
    #logo {
        width: 86px !important;
    }
    .slidertop {
        height: 220px;
    }
    .slidertop .item {
        overflow: hidden;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .slidertop .item img {
        max-width: inherit;
        width: 600px;
    }
    .tabs-sp nav a:last-child {
        display: none;
    }

    .tabs-sp a.nav-item {
        padding: 5px 10px;
        margin: 0 3px;
        font-size: 12px;
        min-width: 120px !important;
    }
    .tin-tuc .tt-cats {
        text-align: left;
    }

    .tin-tuc .tt-cats ul li a {
        padding-right: 10px;
        padding-left: 10px;
    }
    .tt-slide-img {
        width: 100% !important;
        margin: 0 !important;
    }
}
@media screen and (max-width: 849px) {
    .flex-col.logo.left-logo{
        left: 50%;
        top: 50% !important;
        transform: translate(-50%, -50%);
        box-shadow: none;
        margin: 0 !important;
        padding: 0 !important;
    }
    .flex-col.logo.right-logo{
        top: 50% !important;
        transform: translateY(-50%);
        box-shadow: none;
        padding: 0 !important;
    }
    #logo img{
        width: 100%;
        max-height: 70px !important;
    }
}
@media (max-width: 768px) {
    .header-wrapper.menu.stuck {
        height: 70px;
        padding: 15px 0;
    }
    .tin-tuc .tt-item .item-des {
        height: auto;
        line-height: 22px;
    }
    .container .section, .row .section {
        padding: 0;
    }

    .tab-panels {
        padding: 10px;
        background: #ffffff;
    }
    .dich-vu .dv-cnt p {
        padding: 0px 16px;
    }
    .tin-tuc .slider-hot .tt-slider-cnt .tt-title {
        font-size: 20px;
    }
    .tin-tuc .slider-hot .tt-slider-cnt {
        margin-top: 26px;
    }
    .tin-tuc .tt-cats ul li a {
        font-size: 12px !important;
    }
    section.dich-vu {
        background-image: url(./assets/img/bg-dv-m.jpg) !important;
        background-repeat: no-repeat;
        background-size: cover !important;
    }
    img.aligncenter.size-full.wp-image-1445 {
        width: auto;
    }
    .aligncenter {
        clear: both;
        display: block;
        margin: 0 auto 20px;
    }
    .col-inner.text-right .img {
        margin: 0 auto;
    }
    .off-canvas-right .mfp-content, .off-canvas-left .mfp-content {
        background-color: #25216d;
    }

    .nav-sidebar.nav-vertical>li.menu-item.active, .nav-sidebar.nav-vertical>li.menu-item:hover {
        background-color: rgb(97 97 97);
        color: #fff;
    }
    .logo a {
        width: 100%;
        margin: 0 !important;
    }

    .header .menu .logo {
        padding: 5px;
    }
    .header-wrapper.menu.stuck div#logo {
        top: 5px;
        width: 86px !important;
        padding: 5px;
    }
    footer ul.f-menu {
        text-align: center;
    }
}
@media (max-width: 375px) {
    .sanpham .tt-cats ul li {
        min-width: 110px !important;
    }
    .sanpham .sp-footer .khuyenmaihot {
        padding: 5px 7px;
    }
    .sanpham .detail-sp .sp-info .sp-option tr td {
        width: 100%;
        display: inline-block;
        text-align: left !important;
        padding: 0;
    }

    .sanpham .detail-sp .sp-info-title {
        font-size: 14px;
    }
    .tabs-sp a.nav-item {
        font-size: 14px;
        min-width: 100px !important;
        margin: 0 3px;
    }
}
    
.sanpham .detail-sp .sp-info .sp-option p {
    font-size: 12px;
}

.copyright-footer {
    color: #000000;
    padding: 10px 0;
}

.single-img img {
    width: 100%;
    margin-bottom: 20px;
}

.single-img .item {
    text-align: center;
}
#logo {
    text-align: center;
}

#breadcrumbs {
    margin-top: 25px;
}