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

	#header .row {
		padding-left: 20px;
		padding-right: 20px;
		}

	.nav-container {
		right:0;
		}
		    				      
}

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

	#header a.logo {
		width: 300px;
		background-position:center center;
		}
		
	#header a.logo span {
		font-size: 34px;
		line-height: 54px;
		}
		
	#header a.logo em {
		font-size: 18px;
		line-height: 30px;
		}
    
	.nav li a {
		font-size: 16px;
		}
			
	#tagline {
		display:none;
		}
	
	.row {
		margin: 30px auto;
		padding: 0 20px;
		}
				
	.grid-items {
		margin: 20px 0 0 -10px;
		}

	.grid-item .inner {
		padding: 0 0 20px 20px;
		}
		
	#reviews .review .review_content {
		font-size: 20px;
		line-height: 34px;
		}
			
	.h1,
	h1,
	.h2,
	h2 {
		font-size: 30px;
		line-height: 38px;
		}

	.h3,
	h3 {
		font-size: 22px;
		line-height: 28px;
		margin:0 0 10px 0;
		}

	.h4,
	h4 {
		font-size: 18px;
		line-height: 22px;
		}   

	.h5,
	h5 {
		font-size: 22px;
		}	

	#footer {
		padding: 20px;
		}
			
	.icon_list ul li {
		padding-left:25px;
		}
				
	.icon_list ul li .icon {
		font-size: 16px;
		}	
		
	#wpcs_container .owl-pagination {
		bottom: 0;
		}
    					
}

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

	#header a.logo {
		height: 75px;
		}
		
	#header a.logo span {
		font-size: 30px;
		line-height: 45px;
		}
		
	#header a.logo em {
		font-size: 16px;
		line-height: 20px;
		}
		
	.nav-container {
		display: none;
		}
	
	#top_nav {
		display: none;
		}
		
	.header_content {
		margin:12px 0;
		width: 300px;
		}
		
	#header #social-icons {
		clear: none;
		float: right;
		margin: 22px 18px;
		padding: 0;
		}
        
	#mnav {
		display:block;
		}
							
	blockquote {
		font-size: 14px;
		line-height: 20px;
	}
		
}

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

	#header #social-icons {
		display:none;
		}
		
	.header_content {
		margin-right:20px;
		}
}

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

	#wpcs_container .wpcs_slide .wpcs_content .row {
		padding-top: 20px;
		padding-bottom: 20px;
		}
	
	#social-icons li a {
		opacity:1;
		}
	
	#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-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 : 770px) {
	
	#header .header_content {
		display:none
		}

}

@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 : 480px) {

	#header .row {
		padding-left: 15px;
		padding-right: 15px;
		}
	
	#header a.logo {
		left: 15px;
		}
		
	#header a.logo span {
		font-size: 24px;
		}
		
	#header a.logo em {
		font-size: 14px;
		}
		    
	#mnav p {
		padding: 20px 9px;
		}
    
	#mnav span {
		display:none;
		}
		
	#header .header_content em {
		font-size: 12px;
		}
	
	#header {
		margin:0;
		}
		
	#header a.logo {
		height: 70px;
		width: 225px;
		left: 0;
		}
		
}