@media only screen and (min-width: 480px) and (max-width: 767px) {	
   
   
   	.full-width{ width:95.5%; margin:0 auto; }	
   	.container{ width:90%; margin:0 auto;}
	.grid-2{ width:95.5%; }
	.grid-3{ width:95.5%; }
	.grid-4{ width:95.5%;}
	.grid-5{ width:95.5%;}
	.grid-6{ width:95.5%;}
	
	.grid-2-3{ width:95.5%; }
	.grid-3-4{ width:95.5%; }
	
	
	
	
	/* Header */
	#logo{ float:none; display:block; margin:0 auto; margin-bottom:20px; }
	
	
	/* Nav */
	.tinynav { display: block; width:50%; margin: 0 auto; padding:10px; }
	.sf-menu{ display:none; }
	
	
	/* Revolution Slider */
	#slider h1{ font-size:300%; }
	#slider h2{ font-size:300%; }
	#slider h3{ font-size:180%; }
	#slider h4{ font-size:180%; }
	#slider h5{ font-size:140%; }
	#slider h6{ font-size:120%; }
	
	#slider .colored-header{padding:5px;}
	#slider .dark-header{padding:5px; }
	#slider p{ font-size:85%; }
	
	/* Bx Slider */
	#slider-2{ width:95.5%; }
	#slider-2 img{ width:100%; }
	#slider-2 img{ height:100%; }
	
	
	
	/* Banner */
	.banner{ width:87%; text-align:center }
	.banner h1{ margin-bottom:30px; float:none; }
	.banner span{ float:none; margin-bottom:50px; line-height:1.5em; }
	.banner a{ float:none; }
	
	/* Recent Work */
	.recent-work .grid-4{ margin-bottom:40px; }
	.recent-hover{ display:none;}
	.recent-work img{ width:100%; height:50% }
	.recent-work h6{ margin-top:15px; }
	
	
	/* Feature Style 2 */
	.feature-2 .grid-3{ margin-bottom:20px; }
	
	
	
	
	/* Footer */
	.widget-box.grid-4{ margin-bottom:40px; }
	.widget-box h3{ margin-bottom:20px; }
	.widget-box li{ margin-bottom:0px; padding-bottom:10px; padding-top:10px; }
	.widget-box li{ border-bottom:1px solid #232323; border-top:1px solid #373737; }
	.widget-box li:last-child{ border-bottom:none; padding-bottom:0px; }
	.widget-box li:first-child{ border-top:none; padding-top:0px; }
	
	.footer{ width:95.5%; }
	.copy{ float:left; margin-bottom:20px; width:100% }
	.social-icons{ float:left; }
	.social-icons li:first-child{ margin-left:0px; }
	/*
	.copy{ float:none; text-align:center; margin-bottom:20px; }
	.social-icons{ float:none; margin-left:15%; margin-right:10% }
	*/
	
	
	/* Blog */
	.blog img{ width:100%; }
	.img-featured{ width:100%; }
	.grid-3-4 .blog-hover{ display:none }
	.blog iframe{ width:100%; }
	.pagination{ margin-bottom:50px; display:block}
	.responsive-spacing{ height:50px; }
	

	/* Comment */
	#comment .comment-message{ width:100%; }
	#comment .avatar{ margin-bottom:20px; }
	#comment #comment-form input{ width:95.5%; }	
	#comment #comment-form textarea{ width:95.5%; }
	#comment #comment-form .button{ width:100%; padding-top:15px; padding-bottom:15px; }
	
	
	/* Entry */
	#entry .image-left{ float:none; margin-right:10px; margin-bottom:20px; border:1px solid #D4D4D4; padding:5px; width:95.5%; }
	#entry .image-right{ float:none; margin-left:10px; margin-bottom:20px; border:1px solid #D4D4D4; padding:5px; width:95.5%; }
	
	
	/* Sidebar */
	.sidebar-widget{
		width:100%;
		}		
	.sidebar-widget #s{ width:95.5%; }
	
	
	
	/* Portfolio */
	.grid-2.portfolio img{ width:100%; }
	.grid-2 .portfolio-hover{ display:none; }
	
	.grid-3.portfolio img{ width:100%; }
	.grid-3 .portfolio-hover{ display:none; }
	
	.grid-4.portfolio{ width:95.5%; }
	.grid-4.portfolio img{ width:100%; height:100% }
	.grid-4 .portfolio-hover{ display:none; }


	
	/* Short codes */
	
		/* Accordion */
	#accordion-container{ width:95.5%; }
	
		/* Separator */
	.separator{ width:95.5%; float:left; margin-left:15px; }
	
		/* Buttons */
	.button{ display:inline-block; margin:5px; }
   }
 
 
 
 
 
 
 
 
 
 
 
 















 
   
   @media screen and (min-width: 0px) and (max-width: 480px) {
   	.full-width{ width:95.5%; margin:0 auto; }	
   	.container{ width:90%; margin:0 auto; }
	.grid-2{ width:95.5%; }
	.grid-3{ width:95.5%; }
	.grid-4{ width:95.5%;}
	.grid-5{ width:95.5%;}
	.grid-6{ width:95.5%;}
	
	.grid-2-3{ width:95.5%; }
	.grid-3-4{ width:95.5%; }
	
	/* Header */
	#logo{ float:none; display:block; margin:0 auto; margin-bottom:20px; }
	
	/* Nav */
	.tinynav { display: block; width:50%; margin: 0 auto; padding:10px; }
	.sf-menu{ display:none; }
	
	/* Revolution Slider */
	#slider h1{ font-size:300%; }
	#slider h2{ font-size:300%; }
	#slider h3{ font-size:180%; }
	#slider h4{ font-size:180%; }
	#slider h5{ font-size:140%; }
	#slider h6{ font-size:120%; }
	
	#slider .colored-header{padding:2px;}
	#slider .dark-header{padding:2px; }
	#slider p{ font-size:85%; }
	
	/* Separator */
	.separator{ width:95.5%; }
	
	
	/* Banner */
	.banner{ width:95%; text-align:center }
	.banner h1{ margin-bottom:30px; float:none; }
	.banner span{ float:none; margin-bottom:50px; line-height:1.5em; }
	.banner a{ float:none; }
	
	
	/* Recent Work */
	.recent-work .grid-4{ margin-bottom:40px; }
	.recent-hover{ display:none; }
	.recent-work img{ width:100%; height:50% }
	.recent-work h6{ margin-top:15px; }
	
	
	/* Footer */
	.widget-box.grid-4{ margin-bottom:40px; }
	.widget-box h3{ margin-bottom:20px; }
	.widget-box li{ margin-bottom:0px; padding-bottom:10px; padding-top:10px; }
	.widget-box li{ border-bottom:1px solid #232323; border-top:1px solid #373737; }
	.widget-box li:last-child{ border-bottom:none; padding-bottom:0px; }
	.widget-box li:first-child{ border-top:none; padding-top:0px; }
	
	.footer{ width:95.5%; }
	.copy{ float:left; margin-bottom:20px; width:100% }
	.social-icons{ float:left; }
	.social-icons li:first-child{ margin-left:0px; }
	/*
	.copy{ float:none; text-align:center; margin-bottom:20px; }
	.social-icons{ float:none; margin-left:15%; margin-right:10% }
	*/


	/* Blog */
	.blog img{ width:100%; }
	.img-featured{ width:100%; }
	.grid-3-4 .blog-hover{ display:none }
	.blog iframe{ width:100%; }
	
	.pagination{ margin-bottom:50px; display:block}
	
	.responsive-spacing{ height:50px; }
	

	/* Comment */
	#comment .comment-message{ width:100%; }
	#comment .avatar{ margin-bottom:20px; }
	#comment #comment-form input{ width:95.5%; }	
	#comment #comment-form textarea{ width:95.5%; }
	#comment #comment-form .button{ width:100%; padding-top:15px; padding-bottom:15px; }
	
	
	/* Entry */
	#entry .image-left{ float:none; margin-right:10px; margin-bottom:20px; border:1px solid #D4D4D4; padding:5px; width:95.5%; }
	#entry .image-right{ float:none; margin-left:10px; margin-bottom:20px; border:1px solid #D4D4D4; padding:5px; width:95.5%; }
	
	
	/* Sidebar */
	.sidebar-widget{
		width:100%;
		}		
	#s{ width:95.5%; }



	/* Portfolio */
	.grid-2.portfolio img{ width:100%; }
	.grid-2 .portfolio-hover{ display:none; }
	
	.grid-3.portfolio img{ width:100%; }
	.grid-3 .portfolio-hover{ display:none; }
	
	.grid-4.portfolio{ width:100%; }
	.grid-4.portfolio img{ width:100%; }
	.grid-4 .portfolio-hover{ display:none; }


	
	/* Short codes */
	
		/* Accordion */
	#accordion-container{ width:95.5%; }
	
		/* Separator */
	.separator{ width:93.5%; float:left; margin-left:15px; }
	
		/* Buttons */
	.button{ display:inline-block; margin:5px; }
   }



















	/* ======== Fixes ======== */
	@media screen and (min-width: 0px) and (max-width: 320px) {
	
		/* Bx Slider */
	#slider-2{ width:100%; }
	#slider-2 img{ width:100%; }
	#slider-2 img{ height:100%; }
	}