@media only screen 
and (min-width : 1px) 
and (max-width : 860px) {

	.h3,
	h3 {
		    font-size: 16px;
		}
		
	.h4,
	h4 {
		font-size: 16px;
		line-height: 24px;
		}
	
	#header #top_nav,
	#header .header_content_main,
	#header .header_content_secondary {
		display:none;
		}
			
	#mnav {
		display:block;
		}
	
	#wpcs_container .wpcs_slide .wpcs_content .row {
		padding-top: 20px;
		padding-bottom: 20px;
		}
	
	#footer {
		text-align: center;
		}
		
	#footer #social-icons {
		float: none;
		}

	#footer .footernav {
		float: none;
		margin: 25px 0 0;
		text-align: center;
		}	

	.box {
		padding:20px;
		}
	
	.hide_on_mobile {
		display:none;		
		}
		
	.show_on_mobile {
		display:inline;		
		}
		
	.centerMobile {
		text-align:center !important;	
		}
			
	/************************************************
	* 	GRID ITEMS							*
	************************************************/
	
	.grid-item.one-half,
	
	.grid-item.one-third,
	.grid-item.two-third,
	
	.grid-item.one-fourth,
	.grid-item.two-fourth,
	.grid-item.three-fourth,
		
	.grid-item.one-forth,
	.grid-item.two-forth,
	.grid-item.three-forth,
	
	.grid-item.one-fifth,
	.grid-item.two-fifth,
	.grid-item.three-fifth,
	.grid-item.four-fifth,
	
	.grid-item.one-sixth,
	.grid-item.two-sixth,
	.grid-item.three-sixth,
	.grid-item.four-sixth,
	.grid-item.five-sixth,
	
	.grid-item.one-seventh,
	.grid-item.two-seventh,
	.grid-item.three-seventh,
	.grid-item.four-seventh,
	.grid-item.five-seventh,
	.grid-item.six-seventh,
	
	.grid-item.one-eighth,
	.grid-item.two-eighth,
	.grid-item.three-eighth,
	.grid-item.four-eighth,
	.grid-item.five-eighth,
	.grid-item.six-eighth,
	.grid-item.seven-eighth,
	
	.grid-item.one-ninth,
	.grid-item.two-ninth,
	.grid-item.three-ninth,
	.grid-item.four-ninth,
	.grid-item.five-ninth,
	.grid-item.six-ninth,
	.grid-item.seven-ninth,
	.grid-item.eight-ninth,
	
	.grid-item.one-tenth,
	.grid-item.two-tenth,
	.grid-item.three-tenth,
	.grid-item.four-tenth,
	.grid-item.five-tenth,
	.grid-item.six-tenth,
	.grid-item.seven-tenth,
	.grid-item.eight-tenth,
	.grid-item.nine-tenth { width: 100%; }
	
	.grid-item .inner {
		padding-left:0;
		padding-bottom:20px !important;
		}
	
	.grid-items {
		margin-left: 0;
		}

	.post .holder {
		height: 180px;
		width: 100%;
		}
	
	.post.hasImage .post_content {
		padding:20px;
		padding-top: 200px;
		text-align:center;
		}
    			
	#wp_page_numbers a,				
	#wp_page_numbers li.page_info {
		padding: 6px;
		}
}

@media only screen 
and (min-width : 1px) 
and (max-width : 620px) {

					
	.supernav {
		padding: 20px 30px;
		}
		
	 .supernav #social-icons li a {
		height: 40px;
		line-height: 40px;
		width: 40px;
		}
			
}

@media only screen 
and (min-width : 1px) 
and (max-width : 540px) {

	#header a.logo {
		height: 46px;
		max-width: 322px;
		}
}

@media only screen 
and (min-width : 1px) 
and (max-width : 480px) {

	#mnav p {
		padding: 20px 9px;
		}
    
	#mnav span {
		display:none;
		}
		
	#header {
		margin:0;
		}
		
}