.x_icon_custom{
	align-items: center;
	height: 71px;
}
.x_icon_custom .icon-box-text h5{
	font-size: 13px;
	margin-bottom: 0px;
}
.x_icon_custom .icon-box-text p{
	font-size: 14px;
}
.x_custom_tab .nav-tabs > li.active > a{
	background-color: #fce700;
}
.x_custom_tab .nav-tabs>li>a{
	color: #000; 
	background-color: #fff;
}
.x_custom_tab .nav-tabs>li{
	margin-bottom: 0px;
}
.x_custom_tab .nav-tabs+.tab-panels{
	padding:10px;
}
.footer-widgets .social ul{
	display: flex;
}

.footer-widgets .social ul li{
	margin: 0 10px;
}

.woocommerce-loop-product__title a{
	display: block;
    display: -webkit-box;
    max-width: 100%;
    height: 38px;
    margin: 0 auto 10px auto !important;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #000;
}

.woocommerce-loop-product__title a:hover{
	font-weight: bold;
}
.price-wrapper .woocommerce-Price-amount{
	color: #ed1c24;	
    font-size: 18px;
    font-weight: 600;
}
.x-btn-size{
	    background: #fce700;
    font-size: 13px;
    border-radius: 20px;
    text-transform: initial;
    padding: 0 5px;
    color: #fff;
    line-height: 12px;
}
aside {
    background: #fff;
    padding: 15px;
    border-radius: 4px;
    border: 1px solid #f2f3f7;
    -webkit-box-shadow: 0 2px 8px 0 rgb(0 0 0 / 5%);
    box-shadow: 0 2px 8px 0 rgb(0 0 0 / 5%);
}
aside span.widget-title {
    display: block;
    height: 32px;
    line-height: 33px;
    color: #fff;
    font-weight: 700;
    background-color: #fce700;
    width: 100%;
    position: relative;
    text-align: center;
}

#shop-sidebar .widget .is-divider {
    height: 0;
}
#product-sidebar{
	padding:0px;
}
.woocommerce-shipping-fields{
	display: none;
}
@media only screen and (min-width: 768px) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/
	#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link{
		display: flex;
		line-height: 30px;
	}
	#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link span.x_content{
		display: flex;
		flex-direction: column;
		align-items: center;
	}
	#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item:hover span.x_content img{
		filter: invert(79%) sepia(85%) saturate(780%) hue-rotate(330deg) brightness(101%) contrast(101%)
	}
	#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item-has-children > a.mega-menu-link > span.mega-indicator{
		display: flex;
    	align-items: end;
	}
}

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

}