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

.wrap {
    margin: 0;
    padding: 0;
    display: -ms-flexbox;
    -ms-flex-wrap: wrap;
	padding-bottom:20px;
	padding-left:20px;
}
.pb-0{
	padding-bottom: 0;
}
.menu_fix_foots .content .list_menu_fix .call-fix {
    background: #d1121d;
    position: relative;
}
.menu_fix_foots .content .list_menu_fix li {

}
.menu_fix_foots {
    position: fixed;
    bottom: 50px;
    z-index: 999;
	right:15px;
}
ul.wrap.list_menu_fix li{
    width: 46px;
    height: 46px;
	background: #d1121d;
    position: relative;
    margin: 0;
    text-align: center;
    font-size: 15px;
    list-style: none;
    color: #fff;
	border-radius:99px;
	margin-bottom:10px;
}
ul.wrap.list_menu_fix li.messenger{
	    background: #24b5fe;
}
ul.wrap.list_menu_fix li.zalo{
	  background: #3176de;
}
ul.wrap.list_menu_fix li.showroom{
	   background: #469858;
}
ul.wrap.list_menu_fix li a{
	padding-top: 10px;
	    padding:5px 10px;
    display: block;
    text-align: center;
}
ul.wrap.list_menu_fix li a img{
	max-height: 35px;
	    padding-top: 5px;
}
ul.wrap.list_menu_fix li i {
    color: #fff;
    font-size: 25px;
}
ul.wrap.list_menu_fix li p{
	margin-bottom: 0;
	color: #fff;
	line-height: 1.3;
}



@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/
	.blog-discount .blog-post-inner{
	flex-direction: column;
}
	
	.blog-discount .flickity-viewport{
		height: 80px !important; 
	}
	
	.blog-discount h5.post-title {
    	width: inherit !important;
	}
	.blog-discount .flickity-slider{
		display: flex;
		align-items: center;
	}
	.blog-discount  .post-title a{
		text-align: center;
	}
	.d-flex{
		flex-direction: column;
	}
	
	.full-w-mobile{
		width: 100%;
	}
	
	#footer li{
		list-style: none;
		margin-left: 0;
	}
	
	.datxe-form .col{
		padding-bottom: 0;
	}
}