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

.ck-tips {
    margin-top: 20px;
    font-size: 18px;
    border: 2px dotted red;
    padding: 15px 15px 0px 15px;
    background-color: #fff8c5;
    border-radius: 5px;
}
.form-lien-he textarea {
    min-height: 70px;
}
.hoi-dap .google-map {
    border: 1px solid #ccc;
}
.hoi-dap i {
    width: 20px;
    text-align: center;
}
.blog-single h2 {
    font-size: 20px;
}
.blog-single h3{
	font-size: 18px;
}
.flatsome_recent_posts ul {
    padding: 0 5px;
}
.widget_products .product_list_widget {
    padding: 0 5px;
}
.product-footer .related img {
    max-height: 185px;
}
.bt-support-sp {
    padding: 15px;
}

.bt-support-sp .col {
    padding-bottom: 0;
}
.product-main .product-title {
    font-size: 20px!important;
}
.box-text .product-title {
    font-size: 16px;
    font-weight: bold;
}
.product-title a{
	color: #ff9c00;
}
.zoom-button {
    border: none!important;
    color: #000;
}
.post-sidebar {
    padding: 0px!important;
}
.post-sidebar .widget {
    background-color: rgb(247, 247, 247);
    margin-bottom: 10px;
}
.post-sidebar .is-divider {
    display: none!important;
}
.srpw-block {
    font-size: 15px;
    padding: 0px 5px !important;
}
.post-sidebar .widget-title {
    background-color: #FF9C00;
    color: #fff;
    margin-bottom: 10px;
    display: block !important;
    text-align: center !important;
    padding: 8px 5px;
}

.related-post .duong-line {
    background: rgba(0,0,0,0) url(images/line.png) repeat scroll 0 0;
    height: 12px;
    margin-top: 5px;
    overflow: hidden;
}
.related-post h7{
	font-weight: bold;
	    font-size: 18px;
    float: left;
    margin: -8px 20px 0 0;
}

.related-post .is-divider{
	display: none;
}

.related-post .post-title{
	font-size: 13px;
	padding: 5px 0px;
}

.footer-info {
    font-size: 14px;
    text-align: center;
}
.footer-2 #nav_menu-2 {
    max-width: 30%;
    -ms-flex-preferred-size: 30%;
    flex-basis: 30%;
}

.footer-2 #text-2 {
    max-width: 35%;
    -ms-flex-preferred-size: 35%;
    flex-basis: 35%;
}

.form-dat-ban .wpcf7-response-output {
    border: none!important;
    color: yellow;
}
.form-dat-ban input, .form-dat-ban select, .form-dat-ban textarea {
    border-radius: 5px;
    color: #000;
    background-color: #ffffffd1;
}

.form-dat-ban input::placeholder, .form-dat-ban textarea::placeholder{
	color: #000;
}
.wpcf7-form .wpcf7-submit {
    border-radius: 3px;
}

.row.form-dat-ban {
    max-width: 800px!important;
    margin: 0 auto!important;
}
.form-dat-ban textarea {
    min-height: 70px!important;
}

.form-dat-ban .col {
    padding-bottom: 10px;
}
.map-home {
    border: 1px solid #ffe3b8;
}
.tips-home .accordion .toggle {
    left: unset !important;
    right: 0 !important;
}
.tips-home .icon-angle-down:before {
	font-family: FontAwesome;
    content: "\f055";
	font-size: 25px;
}
.tips-home .active .icon-angle-down:before {
    content: "\f056" !important;
}

.tieude-review, .tieude-news {
    text-align: center;
    padding: 15px 15px 5px 15px;
	font-size: 20px;
}
.tieude-news{
   color: #FF9C00;
}

.review-home .star-rating {
    margin-left: 0;
}

.review-home {
    background-color: #e62b4c;
    background-image: url(images/feedback-bg-left.png);
    background-repeat: no-repeat;
    background-position: 0 100%;
}
.news-home {
    background: #f1f1f1;
    background-image: url(images/feedback-bg-right.png);
    background-repeat: no-repeat;
    background-position: 100% 100%;
}

.title-home:after{
	content: ' ';
    display: block;
    background-image: url(images/icon-title.png);
    margin: 0 auto;
    width: 305px;
    height: 25px;
}
.title-home {
    padding: 15px 0 10px 0;
    text-transform: uppercase;
    font-weight: bold;
    color: #FF9C00;
    font-size: 26px;
    text-align: center;
    text-shadow: 1px 0px 1px #695050;
}

.gioi-thieu-home {
    text-align: center;
    background-image: url(images/about-top-left.png), url(images/about-top-right.png);
    background-repeat: no-repeat;
    background-position: 0 0, 100% 0;
}


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

.footer-info {
    font-size: 16px;
}
.footer-2 #nav_menu-2 {
    display: none;
}

.footer-2 #text-2 {
    max-width: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
}
.footer-2 .widget {
    text-align: center!important;
}
.footer-2 .widget .is-divider{
		margin: 10px auto;
}
	
}

@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/
.post-sidebar {
    padding: 0px 15px !important;
}
.title-home {
    font-size: 20px;
}
	.post-item .box-text {
    text-align: center;
}
	.post-item .is-divider {
    margin: 10px auto;
}

	.product-main .product-info {
    text-align: center;
}

.product-main .product-info .is-divider {
    margin: 10px auto;
}

.bt-support-sp .text-left {
    text-align: center;
}
.product-footer .small-nav-collapse>li {
    width: 50%;
    text-align: center;
}
	.product-main {
    padding: 20px 0px 0px 0px;
}
	
}