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

/*************** ADD CUSTOM CSS HERE.   ***************/

.float-contact{
	display: none !important;
}

.social_fixed{
	position: fixed;
	bottom: 20px;
	left: 20px;
	z-index: 99;
}

.social_fixed ul{
	display: flex;
	flex-direction: column;
	gap:10px;
	list-style-type: none;
	margin: 0;
}

.social_fixed ul li{margin: 0;}

.social_fixed ul li a{
	width: 50px;
	height: 50px;
	background: #000000;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
}

.header-bottom , .header-search-form-wrapper .searchform .button.icon, 
html a.back-to-top{
	background: #000000 !important ;
}

.header-search-form-wrapper input[type='search']{
	border:2px solid #000000 !important;
}


.section-title-normal{
	border-bottom: 1px solid #000000 !important;
}

.tieu-chi-section .icon-box h3 , .footer-text a{
	color:#000000 !important;
}

.social_fixed ul li a svg {
	width: 30px;
	height: 30px;
}

.social_fixed ul li.tg_twitter a svg path{
	stroke: #fff;
}

.social_fixed ul li.tg_mail a svg path{
	fill: #fff;
}

.header-main {
    height: initial !important;
    padding: 10px;
}

.price-wrapper{
	display: none !important;
}

.product-container .product-main+.row2>.container{
	display: none;
}

.product-main .thong-bao{
	display: none;
}

.image-tools .cart-icon{
	display: none !important;
}

.TextCaptions .item.is-nav-selected::after{
	background:none !important;
}

.TextCaptions .item{
	display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    height: auto !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}


.carousel.TextCaptions {
		display: none !important;
	}

.gtranslate_wrapper{
	display: flex;
	gap:5px;
}

.hoivienvip_area a.button{
	background: #000000 !important;
}

.woocommerce-Price-amount{
	display: none;
}

.mobile-nav .icon-menu{
	color:#000;
}

#wide-nav .flex-row .flex-right {

	display: none;
}

#wide-nav .flex-row .flex-left{
	margin: 0 auto !important;	
}

.nav-spacing-xlarge>li{
	margin: 0 25px !important;
}

#logo{
	max-width: 150px !important;
}

/*end rau*/

@media(max-width:1024px){
	.header-main li.html.custom{
		display: block !important;
	}

	.medium-logo-center .flex-right{
		flex: 1 1 50px !important ;
	}


}


@media (max-width:767px){
	.slider-section .section-content>.row{
		gap: 0px !important;
	}
}

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


}