/*
|----------------------------------------------------------------------------
	Acutip - Responsive Multipurpose Portfolio HTML5 Template Responsive CSS
	Author: MGScoder
	Author URL: https://themeforest.net/user/mgscoder
	primary color: #f5b904	rgba(245, 185, 4, 0.99)
	secondary color: #0347ab rgba(3, 71, 171, 0.8)
|----------------------------------------------------------------------------
*/
@media screen and (max-width: 1199px) {
	#singlesectionbanner .banner-content h1, #singlesectionbanner .banner-content h2 {
		font-size: 44px;
	}
	.footer .portfolio-link a {
		margin: 2px;
		padding: 3px 5px;
	}
}	
@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;
	}	
	
	.banner-content h1, .banner-content h2 {
		font-size: 48px;
		line-height: 1.3;
	}
	#singlesectionbanner .banner-content h1, #singlesectionbanner .banner-content h2 {
		font-size: 34px;
		line-height: 1.3;
	}
	.banner-content h4 {
		font-size: 20px;
	}
	
	#maintopbanner, #singlesectionbanner, #single-page-banner.single-page-banner, .parallax, .home-top-banner  {
		background-attachment: scroll;
	}		
	.home-top-banner::after {
		background-color: rgba(0, 0, 0, .8);
	}
	.maintopbannercontent .countoverlay-bg {
		display: none;
	}
	
	.trendingblog .blog-item-block {
		margin: 60px 0 0;
	}
	.trendingblog .intro-text, #team .intro-text {
		margin-bottom: 0;
	}
	.trendingblog .intro-text::before, .trendingblog .intro-text:hover::after,
	#team .intro-text::before, #team .intro-text:hover::after {
		height: 100%;
	}		
	.team-row-mt-30 {
		margin-top: 0;
	}
	.trendingblog .intro-text:hover::before, #team .intro-text:hover::before {
		height: 30px;
	}
	nav.navbar.mgsb4navbar .navbar-nav a.nav-link::after {
		background-color: transparent;
	}
	
	#team .team-wrap {
		margin-top: 60px;
	}
	#contactForm span.sub-text {
		bottom: 80px;
	}
		
	/*************************** Post meta floating ***************************/
	.blog-text-block.floatingmeta {
		margin-bottom: 0;
	}
	.blog-text-block.floatingmeta .post-meta {
		background-color: #0347ab;
		position: relative;
		bottom: inherit;
		width: auto;
		text-align: left;
	}
	
	.footer-widget-area {
		padding: 100px 0 40px;
	}
	.footer .footerwidget-wrap {
		margin-bottom: 50px;
	}
	.footer .footerwidget-wrap .widget-area, .footer .footerwidget-wrap .mc-form-holder, .footer .footerwidget-wrap .list-social li {
		padding-bottom: 10px;
	}
	.footer .footerwidget-wrap .portfolio-wrapper {
		margin-bottom: 10px;
	}
	.footer .portfolio-link a {
		margin: 5px;
		padding: 6px 10px;
	}
		
}
@media screen and (max-width: 767px) {
	#about .about-text-block {
		padding-left: 0;
	}
	#aboutvision .about-text-block {
		padding-right: 0;
	}
		
	#service-single-content .service-list-menu {
		margin: 60px 0;
	}
	aside#sidebar {
		margin: 60px 0 0;
	}
	
	.portfolio-wrapper {
		margin: 0 auto 30px;
	}
	.no-space .portfolio-wrapper {
		margin: 0 auto;
	}
	#contactForm span.sub-text {
		bottom: 45px;
	}
	.trendingproject-wrap {
		padding: 30px 20px;
	}
	
}
@media screen and (max-width: 575px) {
	section:hover .section-title-block .section-title {
		letter-spacing: 1px;
	}
	.section-title-block .section-title {
		font-size: 36px;
	}
	.about-text-block {
		margin: 30px 0 0;
	}
	#aboutvision .about-text-block {
		margin: 0;
	}
	#aboutvision .button-holder {
		margin: 40px 0;
	}
	.service-text-block .button-holder {
		text-align: center;
	}
	.service-icon-box {
		margin: 0 0 20px;
	}
	a.carousel-hash-nav-image {
		display: none;
	}
	
	.blog-item-block .blog-wrapper {
		border-radius: 10px 10px 0 0;
	}
	.post-wrap, .post-wrap:hover {
		border-radius: 0 0 10px 10px;
	}
	#commentform label {
		margin-top: 30px;
	}
	#commentform .form-group, #commentform .comment-notes {
		margin-bottom: 0;
	}
	#commentform .btn-shutter-out-horizontal {
		margin-top: 30px;
	}
	
	.service-content .inner-title-box {
		margin: 30px 0 40px;
	}
	
	.trendingproject-wrap {
		padding: 30px;
	}
	.trendingproject-item-block .portfolio-wrapper {
		margin-bottom: 30px;
	}
	
	.footer .footerwidget-wrap .portfolio-wrapper {
		margin: 0 auto 10px;
	}
	
	#pfolio-single-content #sidebar .project-gallery .col-sm-6, .footer .footerwidget-wrap .latest-pfolio .col-sm-6 {
		-ms-flex: 0 0 50%;
		flex: 0 0 50%;
		max-width: 50%;
	}
	
}
@media screen and (max-width: 480px) {	
	section:hover .section-title-block .section-title {
		letter-spacing: normal;
	}
	.banner-content h1, .banner-content h2, #singlesectionbanner .banner-content h1, #singlesectionbanner .banner-content h2 {
		font-size: 34px;
	}
}
@media screen and (max-width: 420px) {
	.section-title-block .section-title {
		font-size: 32px;
	}
}
@media screen and (max-width: 375px) {
	.banner-content h1, .banner-content h2, #singlesectionbanner .banner-content h1, #singlesectionbanner .banner-content h2 {
		font-size: 32px;
	}
	#single-page-banner.single-page-banner h3 {
		font-size: 32px;
	}
	#home-slider .owl-carousel .slider-content h2.banner-title-text, #single-page-banner.page-title h2 {
		font-size: 36px;
	}
	.post-navigation .post-navbtn a.btn-transparent span {
		display: none;
	}
}
@media screen and (max-width: 360px) {
	.section-title-block .section-title {
		font-size: 28px;
		padding: 10px;
	}
	.footer .portfolio-link a {
		margin: 2px;
		padding: 5px 7px;
	}
}

@media screen and (min-height: 1440px) and (min-width: 1080px) {
	.maintopbannercontent .countoverlay-bg {
		width: calc((100% + 768px)/2);
	}
}
@media screen and (max-height: 533px) {
	.home-top-banner  {
		height: auto;
	}
}