/*
|----------------------------------------------------------------------------
	DoFilter - Bootstrap Multipurpose Filtering and Sorting Main CSS
	Author: MGScoder
	Author URL: https://codecanyon.net/user/mgscoder
|----------------------------------------------------------------------------
*/
@media screen and (max-width: 991px) {
	nav.navbar.mgsb4navbar .navbar-brand {
		padding: 0;
	}
	#header nav.navbar.mgsb4navbar .navbar-collapse {
		background-color: #f8f9fa;
		padding: .5rem 1rem;
		margin-top: 0;
	}
	
	nav.navbar.mgsb4navbar .navbar-nav a.nav-link, .mgsfixed-nav nav.navbar.mgsb4navbar .navbar-nav a.nav-link {
		font-size: 14px;
		padding: .5rem 1rem;
	}	
	.navbar.mgsb4navbar .navbar-brand {
		padding: 0 10px 0 0;
	}
	.mgsfixed-nav nav.navbar.mgsb4navbar .navbar-brand > img.logo, .mgsfixed-nav .navbar-brand .logo {
		height: 56px;
	}
	nav.navbar.mgsb4navbar .navbar-nav a.nav-link::after {
		background-color: transparent;
	}
	nav.navbar.mgsb4navbar .navbar-nav a.nav-link:hover::after, nav.navbar.mgsb4navbar .navbar-nav a.nav-link.active::after {
		width: 12px;
	}
	.navbar-light .navbar-toggler {
		margin-top: 18px;
	}
	.mgsfixed-nav .navbar-light .navbar-toggler {
		margin-top: 5px;
	}
	
	#blog.blog-style2 .blog-item .post-content {
		margin: 0 0 40px;
	}
}
@media screen and (max-width: 767px) {
	.navbar-brand .logo {
		height: 60px;
		margin-top: 10px;
	}
	.mgsfixed-nav .navbar-brand .logo {
		height: 40px;
	}
	
	.breadcrumb, #single-page-banner.page-title h2 {
		text-align: center;
	}
	aside#pfolio-single-content {
		margin-top: 30px;
	}
	.parallax {
		background-attachment: scroll;
	}
	#single-post-content {
		margin: 0 0 20px;
		padding-bottom: 0;
	}
	aside#sidebar {
		margin: 20px 0 120px;
		padding-top: 0;
		padding-bottom: 0;
	}
		
	#blog.blog-style2 .post-thumb > img {
		margin: 0 0 30px;
	}
	#blog.blog-style2.blog-page aside#sidebar {
		margin-top: 30px;
		margin-bottom: 50px;
	}
	#blog.blog-style2.blog-page aside#sidebar .widget {
		margin: 50px 0;
	}
	#blog.blog-style2 .blog-item .post-content {
		margin: 40px 0 40px 15px;
	}
	
	.isotopeContainer .col-sm-4.isotopeSelector,
	.dofilter-style .col-sm-4.isotopeSelector {
		width: 100%;
	}
}
@media screen and (max-width: 667px) {
	#blog .post-title > h3 {
		font-size: 18px;
	}
}
@media screen and (max-width: 575px) {
	.post-title h1 {
		font-size: 26px;
	}
	.service-box-wrap .btn {
		float: none;
	}
}
@media screen and (max-width: 480px) {
	.title-text::before, .title-text::after {
		background-position: 0 10px;
	}
	.title-text {
		font-size: 32px;
	}
	.title-block h1 {
		font-size: 30px;
	}	
	.service-box-wrap.border-left {
		border-left: 0 none;
		padding-left: 0;
	}
	.service-box {
		height: auto;
	}
	.price-wrap {
		height: auto;
	}
	#blog.blog-style2 .blog-item .post-content, #blog.blog-style2.single-collumn .blog-item .post-content {
		margin: 0 0 40px;
	}
}
@media screen and (max-width: 420px) {
	.title-text::before, .title-text::after {
		background-position: 0 8px;
	}
	.title-text {
		font-size: 28px;
	}	
	.post-title h1 {
		font-size: 26px;
	}
	.title-block h1 {
		font-size: 26px;
	}
}	
@media screen and (max-width: 360px) {
	.title-block h1 {
		font-size: 24px;
	}	
	.post-title h1 {
		font-size: 22px;
	}
}
@media screen and (max-width: 320px) {
	#single-page-banner {
		margin-top: 60px;
	}
}
@media screen and (max-height: 420px) {
	nav.navbar.bootsnav.no-full .navbar-collapse {
		max-height: 270px;
	}
}
@media screen and (max-height: 320px) {
	.pfolio-link a, .pfolio-caption a {
		font-size: 16px;
	}
}