/*
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  ***************/
    
    
    }
    .header-search-form .ux-search-submit{
        background: #00a0e3 !important;
        height: 40px;
        width: 40px;
        border-bottom-right-radius: 30px !important;
        border-top-right-radius: 30px !important;
    }
    .header-search-form .search-field{
        height: 40px;
        background: #E9E9E9;
        border-bottom-left-radius: 30px !important;
        border-top-left-radius: 30px !important;
    }
    .info-header a i{
        color: #04fffb;
        padding-right: 5px;
        font-size: 13px !important;
    }
    .info-header a{
        font-size: 13px !important;
        font-weight: lighter;
        color: white;
        margin-right: 50px;
    }
    .header-top {
        padding: 8px 0px;
    }
    .form-lien-he-01{
        display: flex;
        flex-direction: row;
        align-items:center ;
    }
    @media screen and (max-width: 992px) {
        .form-lien-he-01{
            display: flex;
            flex-direction: column;
            align-items:center ;
        }
        .title-du-an .social-icons{
            text-align: center !important;
        }
      }
    .form-lien-he-01 div{
        padding:0px 5px !important;
    }
    .form-dang-ky,.title-du-an{
        padding: 0px !important;
    }
    .form-dang-ky .wpcf7-form,.form-dang-ky .wpcf7-form-control {
        margin-bottom: 0px !important;
    }
    .form-dang-ky .wpcf7-text::value {
        color: rgb(208, 208, 208);
    }
    .form-dang-ky .wpcf7-submit{
        background: #00a0e3 !important;
    }
    .title-du-an .social-icons a,.title-du-an h4{
        margin:0px !important;
    }
    .title-du-an .social-icons a{
        margin:0px 5px !important;
    }
    .tieu-de{
        font-size: 20px;
        font-weight: bold;
        overflow: hidden;
    }
    .tieu-de span{
        color: #00a0e3 !important;
        position: relative;
    }
    .tieu-de span::before{
        content: "";
        position: absolute;
        right: 100%;
        margin-right: calc(5px + .3em);
        top: calc(50% - (calc(.2px + .05em)/ 2));
        width: 2000px;
        border-bottom: calc(.2px + .05em) solid #e5e5e5;
    }
    .tieu-de span::after{
        left: 100%;
        margin-left: calc(5px + .3em);
        content: "";
        position: absolute;
        top: calc(50% - (calc(.2px + .05em)/ 2));
        width: 2000px;
        border-bottom: calc(.2px + .05em) solid #e5e5e5;
    }
    .du-an h6.portfolio-box-title{
        transition: 0.4s;
        text-transform: uppercase;
        font-size: 14px;
        padding:5px !important;
    }
    .du-an .portfolio-box:hover h6.portfolio-box-title{
        background: #00a0e3;
        color: #fff;
        border-radius: 30px;
    }
    .nhan-tu-van-mien-phi .wpcf7-submit{
        background: #00a0e3;
    }
    .text-tai-sao-nen-chon-chung-toi{
        font-size: 16px !important;
    }
    .text-tai-sao-nen-chon-chung-toi i{
        color: #00a0e3 !important;
        font-size: 25px !important;
        padding-right: 5px !important;
    }
    .tieu-de-cheo{
        font-size: 20px;
        font-weight: bold;
        overflow: hidden;
    }
    .tieu-de-cheo span{
        color: #00a0e3 !important;
        position: relative;
    }
    .tieu-de-cheo span::after{
        left: 100%;
        margin-left: calc(5px + .3em);
        content: "";
        position: absolute;
        top: calc(50% - (calc(.2px + .05em)/ 2));
        width: 2000px;
        border-bottom: calc(.2px + .05em) solid #e5e5e5;
    }
    .is-divider{
        
    }
    .blog-no-image .post-item{
        padding-bottom: 0px !important;
        border-bottom: 1px solid rgb(223, 223, 223);
    }
    .blog-no-image .post-title{
        color: #0f6ecd;
        font-weight: 200;
    }
    .woocommerce.widget_product_categories .is-divider{
        display: none !important;
    }
    .woocommerce.widget_product_categories{
        background: #F1F3F5;
        border-radius: 30px !important;
        padding: 10px 20px !important;
    }
    .cat-item.active a{
        color:#00a0e3;
    }
    .cat-item:hover{
        background: #00a0e3;
    }
    .cat-item:hover a{
        color:#fff;
    }
    .widget.widget_categories{
        background: #F1F3F5;
        border-radius: 30px !important;
        padding: 10px 20px !important;
    }
    .widget.widget_categories .is-divider{
        display: none !important;
    }
    .single_add_to_cart_button{
        background:#00a0e3 !important;
    }
    .lien-he-tap-doan > div > div{
        border-radius: 30px !important;
    }
    .lien-he-tap-doan .wpcf7-submit{
        width: 100% !important;
        border-radius: 10px !important;
        background:#00ccff !important;
    }
    .btn-hotline{
        background: rgb(240, 240, 240) !important;
        margin:0px !important;
    }
    a.tv_phone_btt {
        font-weight: 700;
        font-size: 24px;
        line-height: 30px;
        color: #00A0E3;
        text-align: center;
        padding: 7px 20px;
        background: #F1F3F5;
        border-radius: 4px;
        min-width: 45%;
        display:inline-block;
        white-space: nowrap;
        margin:0px 10px !important;
    }
    a.tv_phone_btt i{
        padding-right: 5px !important;
    }
    .form-dat-hang{
        background: #F1F3F5;
    border-radius: 6px;
    padding: 23px 36px;
    }
    .mxh{
        border:1px solid rgb(238, 238, 238);
        padding:10px !important;
    }
    .mxh .col{
        padding:0px !important;
    }
    .wpcf7-response-output{
        border:1px solid rgb(14, 237, 33) !important;
        color:rgb(255, 255, 255) !important;
    }