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


* {
    scroll-behavior: smooth !important;
}
body {
    font-size: 15px;
    font-weight: 400;
}
.nav > li > a,
.mobile-sidebar-levels-2 .nav > li > ul > li > a {
    font-size: 15px;
    font-weight: 500;
}
input[type=email]:focus, 
input[type=number]:focus, 
input[type=password]:focus, 
input[type=search]:focus, 
input[type=tel]:focus, 
input[type=text]:focus, 
select:focus, 
textarea:focus {
    box-shadow: none;
}

.featured-box .icon-box-img img {
    padding-top: 0;
}

.wpcf7-spinner {
    display: none;
}
@media (max-width: 1200px) {
    .header-search-form-wrapper form .search-field{
        height: 45px;
        min-width: 250px;
    }
    .header-search-form-wrapper form button{
        height: 45px;
        width: 45px;
        font-size: 15px;
    }
    .header-bottom .flex-center ul.header-bottom-nav{
        margin-left: 15px;
    }
    .nav > li > a{
        font-size: 14px;
    }
    .header-bottom-nav .header-vertical-menu .header-vertical-menu__opener{
        font-size: 16px;
        padding-left: 20px;
    }
    #wide-nav>.flex-row>.flex-left{
        max-width: 250px;
        min-width: 250px;
    }
    .cart-item .header-button a{
        min-width: 45px;
        height: 45px;
        font-size: 15px;
    }
    .header-nav-main .html_topbar_left{
        gap: 15px;
    }
    .header-nav-main .html_topbar_left p{
        padding-left: 40px;
        background-size: 34px !important;
        background-position-y: center !important;
    }
    .header-nav-main .html_topbar_left span{
        font-size: 13px;
        line-height: 20px;
    }
    .header-nav-main .html_topbar_left a{
        font-size: 13px;
        line-height: 20px;
    }
    .nav.header-nav > li{
        margin: 0 10px;
    }
    p{
        font-size: 14px;
    }
    .rt_01 .icon-box .icon-box-text h5{
        font-size: 13px;
    }
    .rt_01 .icon-box .icon-box-text p{
        font-size: 13px;
        line-height: 20px;
    }
    .sec-block .heading > a{
        padding: 0 20px;
        font-size: 18px;
    }
    .sec-block .heading .subcategories{
        left: 42%;
    }
    .sec-block .heading .subcategories a{
        font-size: 14px;
        margin: 0 10px;
        line-height: 20px;
    }
    .button-all a{
        font-size: 14px;
    }
    .block-product .image_head{
        width: 100%;
        margin-bottom: 16px;
    }
    .block-product .image_head img{
        width: 100%;
    }
    .block-product > .product{
        width: 33.3%;
    }
    .price_pro .amount,
    .woocommerce-order-overview__total.total .amount,
    .shop_table tfoot tr:nth-child(3) .amount{
        font-size: 14px;
    }
    .box__products .box .box-text .add-to-cart-button a::before{
        font-size: 18px;
    }
    .tits_color h2{
        font-size: 26px;
        line-height: 32px;
    }
    .rt_03 .text h3{
        padding-bottom: 10px;
        margin-bottom: 10px;
        font-size: 16px;
    }
    .rt_03 .text h4{
        font-size: 16px;
    }
    .dot h3{
        font-size: 30px;
        line-height: 34px;
    }
    .rt_06 .tits h3,
    .rt_05 .heading a{
        font-size: 22px;
    }
    #product-sidebar .widget-title{
        padding-left: 15px;
        padding-right: 5px;
        font-size: 16px;
    }
    .widget_supports .list-supporter{
        padding: 0 15px;
    }
    .gt_01 .tits_color h2{
        font-size: 40px;
    }
    .tits h3{
        margin-bottom: 10px;
    }
    .tits h2{
        font-size: 28px;
        line-height: 35px;
        margin-bottom: 10px;
    }
    .gt_03 .row_01::before{
        background-position: -400px;
    }
    .gt_03 .tits_color h2{
        font-size: 28px;
        line-height: 35px;
    }
    .gt_03 .icon-box::before{
        top: 53px;
    }
    .gt_03 .icon-box::after{
        top: 70px;
    }
    .gt_03 .icon-box .icon-box-text h5{
        font-size: 30px;
        line-height: 35px;
        padding-bottom: 25px;
    }
    .gt_03 .icon-box .icon-box-text .text{
        margin-top: 75px;
    }
    .gt_06 .tits_color h2,
    .gt_04 .tits_color h2{
        font-size: 26px;
        line-height: 32px;
    }
    .footer-top .tits h3{
        margin-bottom: 20px;
    }
    .footer-wrapper p{
        margin-bottom: 15px;
    }
}
@media (max-width: 922px) {
    .nav>li.has-icon>a>i{
        color: #000;
    }
    .off-canvas:not(.off-canvas-center) .nav-vertical li>a{
        color: #222;
        text-transform: unset;
    }
    .off-canvas:not(.off-canvas-center) .nav-vertical li>a img{
        padding-right: 0;
    }
    .row_home > .large-3{
        display: none;
    }
    .row_home > .large-9{
        flex-basis: 100%;
        max-width: 100%;
    }
    .tits h3{
        margin-bottom: 5px;
    }
    .tits h2{
        font-size: 24px;
        line-height: 34px;
        margin-bottom: 10px;
    }
    .sec-block .heading > a{
        font-size: 16px;
        padding: 0 15px;
    }
    .sec_01 .product-category .box-text{
        padding-left: 5px;
        padding-right: 5px;
    }
    .sec_01 .product-category .box-text h5{
        font-size: 15px;
        line-height: 22px;
    }
    .sec_02 .tits_color h2{
        font-size: 25px;
    }
    .sec_03 .tits_color h2{
        font-size: 20px;
    }
    .sec_03 .row-slider{
        padding: 25px 15px 10px !important;
    }
    .sec_06 .tits_color h2{
        font-size: 24px;
        line-height: 34px;
    }
    .sec_06 a.button{
        position: unset;
        margin-top: 15px;
    }
    .sec_06 .slider-nav-outside.slider-nav-circle .flickity-button svg{
        width: 35px;
        height: 35px;
        min-width: 35px;
        padding: 9px;
    }
    .sec_06 .slider-nav-outside.slider-nav-circle .flickity-button.next{
        left: -10%;
    }
    .sec_07 .row-slider .flickity-button{
        display: none;
    }
    .gt_03 .row_01::before{
        display: none;
    }
    .gt_03 .tits_color h2{
        font-size: 24px;
        line-height: 34px;
    }
    .gt_03 .icon-box::after{
        height: 35px;
    }
    .gt_03 .icon-box .icon-box-text .text{
        margin-top: 55px;
    }
    .gt_05 .icon-box{
        padding: 20px 10px 25px;
    }
    .gt_06 .row_01 > .col::before{
        display: none;
    }
    .gt_06 .row_01{
        grid-template-columns: repeat(5, 1fr);
    }
    .price_pro{
        font-size: 15px;
    }
    #product-sidebar{
        display: block !important;
        order: 2;
    }
    .footer-top .wpcf7 form{
        padding: 20px;
    }
    .chantrang_01 .widget_social ul{
        text-align: left;
    }
}
@media (max-width: 767px) {
    #logo img{
        max-height: 50px !important;
    }
    p{
        font-size: 14px;
    }
    .off-canvas:not(.off-canvas-center) .nav-vertical li>a{
        padding-left: 10px;
    }
    .breadcrumbs{
        font-size: 14px;
    }
    .sec_03 .tits_color h2{
        font-size: 14px;
    }
    .sec-block .heading{
        border-radius: 0;
    }
    .sec-block .heading > a{
        font-size: 14px;
    }
    .sec-block .heading .subcategories{
        position: unset;
        margin-top: 10px;
        padding-bottom: 10px;
    }
    .block-product{
        padding: 0;
    }
    .button-all{
        display: none;
    }
    .block-product > .product{
        width: 50%;
    }
    .box__products .box .box-text .product-title a{
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        font-size: 14px;
    }
    .tits_color h2{
        font-size: 22px;
        line-height: 28px;
    }
    .gt_06 .row_01 > .col:nth-child(7){
        border-right: 1px solid #DDDDDD;
    }
    .gt_06 .row_01 {
        grid-template-columns: repeat(3, 1fr);
    }
    .heading-title-single{
        font-size: 22px;
    }
    .rt_01{
        background: #fff;
        border-radius: 10px;
        padding: 10px 5px;
    }
    .rt_01 .icon-box .icon-box-text{
        padding-left: 5px !important;
    }
    .rt_03 .tits_color{
        width: 100%;
    }
    .layout .main-slider, .layout .thumbs-slider{
        width: 100%;
        float: none;
    }
    .layout .main-slider{
        margin-top: 0;
    }
    .thumbs-slider .thumbs-item.slick-current .item-inner .icon::after{
        top: 4px;
    }
    .nt_01 .large-6:nth-child(2){
        padding-bottom: 10px;
    }
    .nt_01 .tits h3{
        font-size: 22px;
        line-height: 30px;
    }
    .nt_01 .post-item{
        padding-bottom: 20px;
    }
    .ch_01 .tits h3{
        font-size: 20px;
        line-height: 28px;
    }
    .accordion .accordion-item > a{
        font-size: 15px;
    }
    .col-header .tilte__cate__parent{
        width: 100%;
    }
    .col-header .cate-child .child-categories .child__categories{
        margin-right: 10px;
    }
    .post-item .box .box-text .post-title{
        font-size: 18px;
    }
    .right .post-item .box .box-text .post-title{
        font-size: 16px;
    }
    .col-header{
        display: grid;
        gap: 10px;
    }
    .col-header .fillter-mobile{
        /* display: block; */
        text-align: left;
        margin: 0;
        padding: 0;
    }
    .filter-product {
        display: none;
        position: fixed;
        top: 0; left: 0; right: 0;
        background: #fff;
        z-index: 999;
        padding: 15px;
        overflow-y: auto;
        height: 100%;
    }
    .filter-product.open {
        display: block;
        z-index: 9999;
    }
    .fillter-mobile {
        display: flex;
        align-items: center;
        gap: 8px;
        margin: 10px 0;
    }
    .page_sticky .widget .menu{
        display: none;
    }
    .product-main,
    .product-container .product-main{
        padding-bottom: 0;
    }
    .product-footer > .container{
        padding: 0;
    }
    .groud_product{
        padding: 1rem;
    }
    .product-info h1.product-title{
        font-size: 1.25rem;
        padding-bottom: 1.15rem;
    }
    .product-footer .product-tabs_detail{
        padding: 1rem;
        border-radius: 0;
    }
    .woocommerce-variation-price .amount,
    .rt_woocommerce_single_product_summary .product-page-price .amount,
    .rt_woocommerce_single_product_summary .price-on-sale .amount,
    .price2 .price_bl,
    .price2 ins{
        font-size: 16px;
    }
    .product-info--bottom{
        padding: 1rem;
    }
    .woocommerce-tabs ul.tabs{
        display: flex;
        justify-content: start;
        scroll-snap-type: x mandatory;
        padding-top: 10px;
        overflow-y: auto;
        white-space: nowrap;
        flex-flow: row;
        gap: 1.5rem;
        scroll-padding: 10px;
    }
    .woocommerce-tabs ul.tabs li a{
        font-size: 1rem;
    }
    .product-footer .product-tabs_detail .woocommerce-tabs{
        padding-bottom: 0;
    }
    .box__products .box .box-text{
        padding: 10px;
    }
    .box__products .box .box-image img{
        height: 150px;
        margin-top: 5px;
    }
    .box__products .box .box-text .add-to-cart-button{
        bottom: 17px;
        right: 17px;
    }
    .price_pro .amount,
    .woocommerce-order-overview__total.total .amount,
    .shop_table tfoot tr:nth-child(3) .amount{
        font-size: 13px;
    }
    .box__products .box .box-text .add-to-cart-button a::before{
        font-size: 14px;
    }
    .box__products .box .box-text .price_pro{
        font-size: 20px;
        line-height: 28px;
    }
    .dot h3{
        margin-bottom: 5px;
    }
    .dot p{
        line-height: 25px;
    }
    .sec_06 .row-slider{
        margin-left: -15px !important;
    }
    .sec_06 .slider .flickity-prev-next-button{
        display: none;
    }
    .comment-respond .stars a{
        font-size: 0;
        margin-left: 0;
    }
    .comment-respond .stars a:after{
        font-size: 16px;
    }
    .product-footer .related{
        margin-bottom: 10px;
        margin-top: 10px;
        padding-bottom: 0;
    }
    .product-footer .related .product-section-title{
        font-size: 1.25rem;
    }
    .box__post__list{
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        column-gap: 15px;
    }
    .news-post-news .box__thumb__img,
    .box__post__list .news-post-news .box__thumb__img{
        float: none;
        width: 100%;
    }
    .box__post__list .news-post-news .box__thumb__img img{
        height: 150px;
    }
    .news-post-news .box__content,
    .box__post__list .news-post-news .box__content{
        float: none;
        width: 100%;
        padding-top: 15px;
    }
    .footer-wrapper .widget_nav_menu .is-divider{
        position: absolute;
        top: 0;
        right: 0;
        width: 26px;
        height: 26px;
        display: flex;
        background: transparent;
        margin: 0;
        justify-content: center;
        align-items: center;
        cursor: pointer;
    }
    .footer-wrapper .widget_nav_menu .is-divider::after{
        content: "\f107";
        font-family: fontawesome;
    }
    .footer-wrapper .widget_nav_menu .menu{
        display: none;
    }
    .footer-top .col{
        padding-bottom: 20px;
    }
    .footer-top .menu li{
        margin-bottom: 10px;
    }
    .footer-top .wpcf7 form{
        padding: 15px 10px;
    }
    .footer-top .wpcf7 form input.wpcf7-email{
        height: 50px;
        padding: 0 15px;
        font-size: 13px;
    }
    .footer-top .wpcf7 form input.wpcf7-submit{
        height: 50px;
        font-size: 15px;
    }
}