@media screen and (max-width: 1200px)
{
	#header-navigation, #navigation-inner, #about-wrapper, #team-wrapper, #parallax-numbers-inner, #services-wrapper, #blog-wrapper, #testimonials-item-holder, .testimonials-item, #learn-more-wrapper, #contact-wrapper, 
	#blog-post-content-wrapper, #portfolio-full-item-inner, #showcase-inner, #buy-theme-wrapper
	{
		width: 960px;
	}
	
	.information-inner
	{
		width: 480px;
	}
	
	.header-slide
	{
		width: 720px;
	}
	
	#contact-info
	{
		padding-left: 15px;
		margin-top: 0px;
	}
	
	#blog-post-wrapper
	{
		padding-left: 15px;
	}
	
	#sidebar-wrapper
	{
		padding-right: 15px;
		margin-top: 0px;
	}
	
	.col-1
	{
		width: 16.66%;
	}
	
	.col-2
	{
		width: 25%;
	}
}

@media screen and (max-width: 992px)
{
	#header-navigation, #navigation-inner, #about-wrapper, #team-wrapper, #parallax-numbers-inner, #services-wrapper, #blog-wrapper, #testimonials-item-holder, .testimonials-item, #learn-more-wrapper, #contact-wrapper, 
	#blog-post-content-wrapper, #portfolio-full-item-inner, #showcase-inner, #buy-theme-wrapper
	{
		width: 750px;
	}
	
	.information-inner
	{
		width: 100%;
	}
	
	.header-slide
	{
		width: 563px;
	}
	
	#sidebar-wrapper, #contact-info
	{
		margin-top: 100px;
	}
	
	#showcase-wrapper
	{
		height:0; /*1200px;*/
	}
	
	.showcase-column
	{
		padding-top: 20px;
		padding-bottom: 20px;
		box-sizing: border-box;
	}
	
	.col-1
	{
		width: 25%;
	}
	
	.col-2, .col-3, .col-4
	{
		width: 50%;
	}
	
	.col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12
	{
		width: 100%;
	}
	
	.mobile-menu-icon
	{
		display: block;
		position: relative;
		float: right;
	}
	
	#header-menu, #navigation-menu
	{
		display: none;
	}
	
	#header-logo, #navigation-logo, .mobile-menu-icon
	{
		padding: 0 15px;
		box-sizing: border-box;
	}
	
	#header-menu, #navigation-menu, #header-menu ul, #navigation-menu ul
	{
		position: absolute;
		top: 100%;
		width: 100%;
	}
	
	#header-menu ul, #navigation-menu ul, #header-menu > li > ul, #navigation-menu > li > ul
	{
		padding: 0px;
		height: 0px;
		position: relative;
		box-sizing: border-box;
		top: 1px;
		display: block;
		padding-top: 0px;
	}
	
	#header-menu li, #navigation-menu li
	{
		float: none;
		display: block;
		padding: 0px;
		border: 1px solid #1f1f1f;
		background-color: #161616;
		text-align: left;
	}
	
	#header-menu li:hover > a, #navigation-menu li:hover > a
	{
		background-color: #000000;
	}
		
	#header-menu li a, #navigation-menu li a
	{
		padding: 15px;
		color: #ffffff;
	}
	
	#header-menu-wrapper, #navigation-menu-wrapper
	{
		width: 100%;
	}
	
	#portfolio-full-item-image
	{
		margin-top: 30px;
	}
}

@media screen and (max-width: 768px)
{
	#header-navigation, #navigation-inner, #about-wrapper, #team-wrapper, #parallax-numbers-inner, #services-wrapper, #blog-wrapper, #testimonials-item-holder, #learn-more-wrapper, #contact-wrapper, 
	#blog-post-content-wrapper, #portfolio-full-item-inner, #showcase-inner, #buy-theme-wrapper, .information-inner
	{
		width: 100%;
	}
	
	.header-slide
	{
		width: 50%;
	}
	
	.header-title
	{
		font-size: 45px;
	}
	
	#sidebar-wrapper, #contact-info
	{
		margin-top: 100px;
	}
	
	.col-1, .col-2, .col-3, .col-4
	{
		width: 50%;
	}
	
	.col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12
	{
		width: 100%;
	}
}

@media screen and (max-width: 480px)
{
	#sidebar-wrapper, #contact-info
	{
		margin-top: 100px;
	}
	
	.header-title
	{
		font-size: 30px;
	}
	
	.filter-button
	{
		display: block;
		float: none;
		margin: 15px 0px;
	}
	
	.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9
	{
		width: 100%;
	}
	
	#portfolio-full-item-text
	{
		margin-top: 30px;
	}
}