/*
Responsive CSS
*/
.grid-flex {
    display:grid;grid-row-gap:50px;
    grid-column-gap:1%;
    grid-template-columns: 48% 48%;
}
@media(min-width:1025px) and (max-width:1900px){
	.page-content{
		padding-bottom:30px !important;
	}
	#myp > div > div:nth-child(1){
		margin-top: -120px !important;
	}
}

@media(min-width:500px) and (max-width:1023px){
	.logo {
		display: block;
		margin: 8px auto !important;
		/*width: 304px;*/
	}
	.ft_menu_container,
	.copyright {
		float: none !important;
		text-align: center;
	}
	
	#main .wrapper{
		min-height: 0px !important;
	}
}
	
@media(min-width:768px) and (max-width:960px){
	.news-bar h2 {
		background: none repeat scroll 0 0 #fcb034;
		padding: 0 7px !important;
    	width: auto !important;
	}
	.products-block .products-sidebar{ padding: 8px !important; }
	.products-sidebar{ width: 19%; float:left !important; padding-left:10px; }
	.products-details{ 
		float: left !important;
		margin: 6px 0 0 15px;
		/* width: 75%;  */
		width: 95%;
	}
	.single-products .description_container {
		width: 100%;
		margin: 20px 0px;
	}
	/*
	.single-products .products-details .product_image {
		float: left;
		margin-bottom: 25px;
		margin-right: 2%;
		width: 30%;
	}
	*/
	#ft-search .input{
		width:50% !important;
	}
	.ghj{
		//margin-left: 250px;
	}
	
	#mydiv{
		//margin-left: 300px !important;
		//margin-top: 30px !important;
	}
	
	#myp > div > div{
		width: 40% !important;
		margin-left:0 !important;
	}
	
	#myp > div > div:nth-child(1){
		margin-top: -184px !important;
	}
	#myp > div > div:nth-child(2){
		width: 100% !important;
	}
	
	
	.products-details .downloads{
		/* margin-left: 185px; */
    	margin-top: 10px;
	}
}

@media(max-width:767px){
	.wrapper a.logo img{
		width: 304px !important;
	}
	
	.products-details .product_image{
		padding: 0 10px;
	}
	
	.products-details .product_image img{
		width:100%;
	}
	
	.products-details{ 
		float: left !important;
		margin: 6px 0 0 15px;
		/* width: 75%;  */
		width: 95%;
	}
	.single-products .description_container {
		width: 100%;
		margin: 20px 0px;
	}
        .grid-flex {
            grid-template-columns:100%;
        }
}



		
@media (max-width: 980px) {
	
	ul#brands_menu_overlay_ul li {
		width: 95% !important;
		float: none;
	}
}