

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

.nav li a {
    font-size: 16px;
    margin: 0 10px;
    }
    
}

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

	.nav-container,
	#header #phone,
	#tagline,
	#header #social-icons {
		display: none;
		}
	
	#header a.logo {
		margin: 0 0 0 10px;
		height: 60px;
		width: 230px;
		}
    
	#mnav {
		display:block;
		margin: 10px 10px 0px 10px;
		}
					

}


@media only screen 
and (min-width : 1px) 
and (max-width : 840px) {
	
	
	.row {
		margin: 30px auto;
		padding: 0 20px;
	}

	#footer {
		padding: 20px;
		text-align: center;
	}

	#footer .footernav {
		clear: both;
		text-align: center;
	}

	#footer .footernav li {
		margin: 0 10px;
	}
	
	#social-icons {
		clear: both;
		float: none;
		margin: 10px !important;
		padding: 0;
		text-align: center;
	}

	.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-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;
		}
	
	.grid-items {
		margin-left: 0;
		}

	.post.hasImage .post_content {
		padding:20px;
		padding-top: 200px;
	}

	.post .holder {
		height: 180px;
		width: 100%;
	}

	#wpcs_container .wpcs_slide .wpcs_content h3 {
		font-size: 44px;
		line-height: 40px;
	}
	
	#wpcs_container .wpcs_slide .wpcs_content h4 {		
		font-size: 24px;
		line-height: 32px;
	}
	
	h1,
	h2 {
		font-size: 30px;
		line-height: 36px;
	}

		
    			
}

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

	#header {
		position:absolute;
	}
	
}


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

	#mnav p {
	    padding: 10px 0 10px 18px;
		min-height: 37px;
		}
		
	#mnav span {
	    display: none;
		}
					
}