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

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

/*Tab Product*/
.nav-pills>li>a {
	padding: 0 1.5em;
}
.tabbed-content .nav-divided>li+li>a:after {
	border-left: 1px solid #fff;
}
.stars a {
    font-family: 'fl-icons' !important;
}
/* css */

.footer-secondary {
    padding: 0;
}
.footer .widget {
	padding:0;
}
.gmap > p {
	margin:0;
	padding:0;
}
/*product home*/
.h-pro {
	background-color:#fff;
	border-radius:4px;
	padding:30px 15px 0;
}

span.hdevvn-show-cats li {
    display: block;
    width: auto;
    float: left;
    margin: 0 8px;
}span.hdevvn-show-cats li a {
    font-size: 15px;
    text-transform: none;
    font-weight: 400;
    margin-right: 0!important;
    padding-left: 10px;
}.section-title a {
    font-size: 14px;
    margin-left: auto;
    margin-right:5px;
	font-weight:bold;
}
.h-pro .section-title-container {
	margin-bottom:0;
}
label.selectedswatch.wcva_single_textblock, label.wcva_single_textblock {
    padding: 6px 50px;
}
span.amount {
	color:#c51230;
} 
.product-info span.amount {
	font-size:180%;
}
/* footer */

.footer p{
	margin-bottom:5px;
}
.footer ul.menu>li+li, .footer .widget>ul>li+li {
	border:none;
	
}
.footer ul.menu>li {
	padding-left:0;
	position:relative;
}

.footer ul.menu>li a{
	padding:0 0 12px 0;
}
.b-addon {
	position: fixed;
    right: auto;
    bottom: 0%;
    z-index: 999;
    width: 100%;
    border: 0;
	margin:0 auto;
    padding: 0px 5px!important;
}
.b-addon .section-bg-overlay {
	
}
.b-addon .section-content {
	display:flex;
	width: 620px;
    margin: 0 auto;
	background-color:#fff!important;
	padding: 0 15px;
}
.b-addon .icon-box {
    border-bottom: 0 solid #bd933f;
    margin-bottom: 0;
    padding: 5px 10px;
    width: auto;
    margin: 10px 5px;
    height: 50px;
    border-radius: 3px;
}
.b-addon .icon-box:hover {
	background-color:rgba(27,27,27,.2);
}
.b-addon .icon-box-img {
    margin-bottom: 0;
	animation: beat .5s infinite alternate;
}
.icon-box-left .icon-box-img+.icon-box-text {
    
}
.b-addon .icon-box-text {
    font-size: 14px;
    margin-bottom: 0px;
	padding-left: 8px !important;
    line-height: 40px;
}
.b-addon a:hover{
	color:#000;
}
.back-to-top {
		bottom:70px;
	}
@keyframes beat {
	to {
		transform: scale(1.1);
	}
}
@media (min-width: 1440px) {
	/*.container, .row{
		max-width:1650px !important;
	}
	*/
}
@media (min-width:992px) and (max-width:1024px) {
	#logo {
		width: 200px !important;
	}
	.text-dance {
		font-size:46px;
	}
	.header-main .flex-left, .header-main .flex-right{
		flex:25%  !important;
		margin-left:15px  !important;
	}
	.header-main .flex-right{
		flex:45% !important;
		margin-left:15px !important;
	}
	.header-bottom-nav > li {
		margin:0 5px !important;
	}
	.h-info .title{
		font-size:15px !important;
	}
}
@media (min-width:992px) {
	.header-main .flex-left{
		flex:45%;
		margin-left:5%;
	}
	.header-main .flex-right{
		margin-left:5%;
	}
	.header-block {
		width:auto;
	}
	.h-info {
		margin-right:40px;
	}
	
	.header-bottom .flex-center {
		flex:80%;
	}
	.header-bottom .nav-center {
		
		justify-content: left;
	}
	.home-cat {
		margin-top:-110px;
	}
	 .searchform input[type='search'] {
	  height:45px;
	  border-radius:40px;
	  padding:0 40px;
	  border:0;
	  box-shadow:none;
	  background-color:#f4f4f4;
	 }
	.searchform .button.icon {
		margin: 0;
		right:15px;
	}
	.ft60 {
		margin-top: 60px;
	}
	.banner h2, .banner h3, .banner h1 {
		line-height:1.2em;
		font-size:280%;
	}
	
	.hdevvn-show-cats {
		width: 40%;
		text-align: right;
	}
	span.hdevvn-show-cats li {
		display: inline-block;
		width: auto;
		float:none;
		text-align: right;
		font-size:12px;
	}
	.h-5b > .col{
		max-width: 20%;
		flex-basis: 20%;
	}
	.nav.product-tabs>li>a {
		font-size:130%;
	}
	.single_add_to_cart_button {
		width:80%;
	}
	.h-logo .slider-nav-light .flickity-prev-next-button {
		margin-top:-5%;
	}
}
@media (max-width:767px) {
	.single_add_to_cart_button  {
		width:100%;
	}
	.block-cat {
		padding-top:30px !important;
	}
	.block-best > .col-inner{
		padding-top:0 !important;
	}
	.testimonial-image {
		max-width: 150px !important;
		height: 150px !important;
	}
	.single_add_to_cart_button {
		width:100%;
	}
	
	.banner h2, .banner h3, .banner h1 {
		font-size:180%;
	}
	.h-pro {
		padding:0;
	}
	.section-title-normal {
		padding-bottom:10px;
	}
	.section-title-main {
		font-size:22px;
		line-height:26px;
		padding:10px;
	}
	.box-text.is-xlarge {
		font-size:1em;
	}
	.section-title-normal span {
		width:100%;
		text-align:center;
		margin:0;
		margin-bottom:5px;
	}
	span.hdevvn-show-cats li {
		margin:0 3px;
		font-size:12px;
		float:none;
		display:inline-block;
		font-size:12px;
		color:#0a914f;
	}
	.section-title > a {
		width:100%;
		text-align:center;
	}
	.col {
		padding-bottom: 15px;
	}
	.product-main {
		padding-top:20px;
		padding-bottom:0;
	}
	.product-tabs > li {
		width: auto !important;
		text-align: center;
		font-size: 20px;
	}
	
	.b-addon {
		left:auto;
		width:100%;
		box-shadow:0px 0px 10px #888;
	}
	.b-addon .section-content {
		display: block;
		width:100%;
		padding:0;
	}
	.b-addon .section-bg-overlay {
		background-color:#fff !important;
	}
	.b-addon .icon-box {
		width: 22%;
		float: left;
		text-align: center;
		display: block;
		padding: 0px 5px;
		margin:0 4.5px;
	}
	.b-addon .icon-box-img {
		margin: 0 auto 0;
		width:25px !important;
	}
	.b-addon .icon-box-text {
		font-size:45%;
		line-height:12px;
		padding:0 !important;
		text-align:center;
		margin-top:5px;
	}
}
@media (max-width:480px) {
	.block-bg-white h3 {
		font-size:18px;
	}
	.tabbed-content .nav {
		height: auto !important;
		margin-bottom: 0 !important;
		background-size: cover !important;
	}
	.tabbed-content .nav > li {
		margin: 0 3px !important !important;
	}
	.title-yellow h3, .title-yellow h4 {
		background-size:contain;
		width:100%;
	}
	.footer .widget {
		margin-bottom:0;
	}
	#image_650122515 img{
		height:70px !important;
		width:auto !important;
	}
} 
@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/
	.featured-title .page-title-inner {
		min-height: 45px !important;
		height: 45px !important;
		line-height: 45px !important;
		padding: 0px !important;
	}

}