/* Large desktops and laptops */
@media (min-width: 1200px) {

}

/* Landscape tablets and medium desktops */
@media (min-width: 992px) and (max-width: 1199px) {
	
	.container,
	.header,
	.menu{
		width:100%;
		}
	.content_left, 
	.content_right,
	.gridder-list,
	.logos{
    width: 50%;
	}
	.content_title{
		padding:0 0 0 10px;
		}
	
	
	
	.gridder-list img{
		width:100%;
		}
	.categories{
	overflow:hidden;
	}
.categories{
	padding:0 10px;
	}	
.categories li{
	display:inline-block;
	float:left;
	width: 23.5%;
	margin-left:2%;
	margin-bottom:19px;
	border:1px solid #ddd;
	}
.categories li img{
	width:100%;
	}	
.category_text{
	border-top:1px solid #ddd;
	background:#fafafa;
	padding: 10px;
	padding-top:0;
    line-height: 2;
    min-height: 300px;
	color:#666;
	position:relative;
	}
a.category_text_header h2{
	font-family: 'Roboto Condensed', sans-serif;
    font-weight: 300;
	color:#666;
	font-size: 24px;
	letter-spacing:-1px;
    margin: 0 0 10px 0;
    border-bottom: 1px solid #8eafce;
}
a.category_text_header h2:hover{
	color:#1a1a1a;
}
.categories .button{
	display:block;
	position:absolute;
	bottom:20px;
	left:0;
	width:100%;	
	
	text-align:center;
	}	
.categories li:first-child{
	margin-left:0;
	}
.categories li:nth-of-type(5n) {
	margin-left:0px;
	}
	
				
	}

/* Landscape phones and portrait tablets */
@media (max-width: 767px) {
	
	.container,
	.header,
	.content_title,
	.content_tools,
	.content_left,
	.content_right,
	.logos,
	.footer_left,
	.footer_right,
	.gridder-list img,
	.gridder_item_image img,
	.categories li,
	.gridder-list{		
		width:100%;
		}
	h1{
	font-size:24px;
	letter-spacing:-1px;
	}	
	.logo img{
		height:100px;
		}	
	.header_info{
		display:none;
		}
	.box_info{
		line-height:1.5;
		}	
	.content_title h1,
	p,
	.control_group,
	.form_actions{
		padding:0 10px;
		}
	.content_tools{
		margin-bottom:10px;
		}
	.content_right,
	.content_left{
		padding:0;
		}
		
	.content_right .info{
		padding:0;
		}
	.content_right .info h1{
		padding:10px;
		}	
	.banner{
		height:auto;
		}
	.categories li{
		margin:0;
		border-top:none;
		}
	.category_text{
		min-height: auto;
		}
	.categories a.button{
		clear:both;
		display:inline-block;
		position:relative;
		bottom:0;
		}
	.gridder{
		margin-top:10px;
		}	
	.gridder-list{
		position:relative;
		height:auto;
		text-align:center;
		margin:0;
		margin-bottom:10px;
		}
	.gridder-list:first-child{
		margin:0 0 10px 0;
		}
	.gridder-list:nth-of-type(3n){
		margin:0 0 10px 0;
		}
	.gridder-list:nth-of-type(2n) {
    margin:0 0 10px 0;
	}
		
	.gridder-list img{
		width:80%;
		}
	.gridder_item_name{
		text-align:left;
		min-height:auto;
		height:auto;
		padding:10px;
		}
	.gridder_item_name h3 {
		padding:0;
		}
	.gridder_item_image {
		height:auto;
		}		
	.brand_icon img{
		top:0;
		border-top:none;
		width:20%;
		}					
	
	.footer_left,
	.footer_right{
		text-align:center;
		}
	.partners{
		margin: 0 10px;
		}	
	.partners li {
		width: 48.5%;
		margin:0 0 10px 0;
	}
	.partners li:nth-child(4n+1) {
    margin-left:0;
	}
	.partners li:nth-child(2n+1) {
    margin-right:2%;
}

	.logos{
		padding:0 10px;
		}
	.content_header {
		border:none;
		}	
.content_tools img,
.content_tools a{
	display:block;
	float:none;
	text-align:center;
	margin:0 10px 10px 10px;
	}
		
	.content_tools a img{
		float:none;
		}
	.owl-dots{
		top:0;
		}	
	.owl-nav{
		top:30px;
		}
		
.gridder_item_image_detail,
.gridder_item_text_detail{
	width:100%;
	margin:0;
	}	
.gridder_item_text_detail{
	border-top:1px solid #ddd;
	padding-top:30px;
	}

.gridder_item_text_detail img{
	position:absolute;
	top:-25px;
	left:10px;
	height:50px;
	border:1px solid #ddd;
	background:#fff;
	}
.gridder_item_text_detail .button{
	width:100%;
	text-align:center;
	}				
				

	

}