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

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

/* See Appearance > Customize > Style > Custom CSS for more active custom styles */

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


}
@media only screen and (max-width:550px){
	.home .banner-grid {
		height:inherit !important;
		display:block;
	}
	.home .banner-grid .grid-col-1-2 { 
		position: inherit !important;
		height: 110px !important;
		width: 50% !important;
		float: left !important;
		top: 0px !important;
		left: 0px !important;
	}
	.home .banner-grid .banner h1 {
        font-size: 20px !important;
    }
	.home .banner-grid .y20 {
		top: 40% !important;
	}
	.home .banner-grid .y15 {
		top: 36% !important;
	}
	
	#content:first-child .banner.notification-bar {
        padding-top: 70px !important;
    }
    #content:first-child .banner h2 {
    	font-size: 1.7em !important;
    }
	
	
	.archive .shop-container .product-category .col-inner {
	  	padding:20px;	
		background:#21366f;
	}
	.archive .shop-container .product-category .col-inner .box.box-badge {
		padding:5px;	
		background:#fff !important;
	}
}