/*
|----------------------------------------------------------------------------
	HighLine Template Responsive CSS
	Primary color: 0a5cf0
|----------------------------------------------------------------------------
*/
@media screen and (max-width: 1199px) {
	.nav.navbar-nav.navbar-right > li > a {
		padding-left: 11px;
		padding-right: 11px;
	}
	.service-box {
		height: 445px;
	}
	#post-content ul.list-inline.list-social.float-end.social-icon-colored {
		float: left;
	}
	.footer .newsletter-subscribe input {
		padding-left: 7px;
	}
	.footer .newsletter-subscribe .btn {
		font-size: 14px;
	}
}
@media screen and (max-width: 991px) {
	.nav.navbar-nav.navbar-right > li > a {
		font-size: 14px;
		padding-left: 5.5px;
		padding-right: 5.5px;
	}
	.title-block h1 {
		font-size: 42px;
	}
	.service-menu a i {
		padding: 0 10px 0 0;
	}
	.service-box {
		height: 355px;
	}
	.counter-wrap {
		margin: 0 0 60px;
	}
	.counter {
		font-size: 48px;
		font-weight: 600;
	}
	
	
	.navbar-collapse {	
		background-color: #f0f0f0;
	}
	.navbar-fixed-top .navbar-collapse {
		max-height: 310px;
	}
	.navbar-collapse ul.nav.navbar-nav {	
		margin-bottom: 0;
	}
	.navbar-collapse ul li:hover {	
		background-color: 0a5cf0;
	}
	.navbar-collapse ul li {	
		border-bottom: 1px solid #c5c5c5;
	}
	.navbar-collapse ul.nav.navbar-nav li:hover a, .navbar-collapse ul.nav.navbar-nav li a:hover {
		color: #fff;
	}
	.fixed-nav .navbar-collapse {	
		margin-top: 6px;
	}
	.navbar-nav {
		margin-top: 0;
	}
	.nav.navbar-nav.navbar-right > li > a, .fixed-nav .nav.navbar-nav.navbar-right > li > a {
		color: #000;
		padding-bottom: 7px;
		padding-left: 15px;
		padding-top: 10px;;
	}
	.nav.navbar-nav > li > a::before {
		background-color: #fff;
		height: 1px;
		width: 100%;
	}
	.navbar-toggle {
		margin: 25px 0 0;
	}
	.fixed-nav .navbar-toggle {
		margin: 14px 0 0;
	}
	
	nav.navbar.mgsbsnavbar .navbar-nav a.nav-link {
		padding: 18px 15px;
		color: #222;
	}
	nav.navbar.mgsbsnavbar .navbar-nav > li {
		padding: 0;
	}
	nav.navbar.mgsbsnavbar .navbar-nav li.dropdown .dropdown-menu {
		border-top: 1px solid 0a5cf0;
		padding-left: 30px;
	}
	#header nav.navbar.mgsbsnavbar .dropdown > .dropdown-menu {
	  margin-top: 0;
	}
	#header nav.navbar.mgsbsnavbar .dropdown:hover > .dropdown-menu {
		margin: 0;
	}
	
}
@media screen and (max-width: 767px) {
	.title-block h1 {
		font-size: 32px;
	}
	.intro-text {
		margin: 0 15% 60px;
	}
	.breadcrumb, #single-page-banner.page-title h2 {
		text-align: center;
	}
	.service-menu a i {
		padding: 0 10px;
	}
	aside#pfolio-single-content {
		margin-top: 30px;
	}
	.parallax {
		background-attachment: scroll;
	}
	aside#sidebar {
		margin-top: 0;
		margin-bottom: 90px;
	}
	#pfolio-single-content aside {
		margin: 60px 0;
	}
		
	#quoteFormholder {
		margin-bottom: 90px;
	}
	
	.team-details{
		padding: 80px 15px 0;
	}
	#pfolio-single-content .post-image {
		margin: 0 0 60px;
	}
	#pfolio-single-content aside {
		margin: 30px 0;
	}

}
@media screen and (max-width: 667px) {
	
	.service-box {
		height: 410px;
	}
	.testimonial-single .testimonial-item {
		margin: 0;
	}
}
@media screen and (max-width: 575px) {
	#home-slider .owl-carousel .slider-content h2.banner-title-text, #single-page-banner.page-title h2 {
		font-size: 28px;
	}
	.post-title h1 {
		font-size: 26px;
	}
	.intro-text {
		margin: 0 10% 60px;
	}
	
	#blog .post-title > h3 {
		font-size: 17px;
	}
	.testimonials .author-img {
		margin: 30px auto 0;
	}
	.service-box {
		height: auto;
	}	
	.service-box-wrap.border-left {
		border-left: 0 none;
		padding-left: 0;
	}
	ul.service-list {
		margin: 30px auto 0;
		padding-left: 30px;
		max-width: 240px;
	}
	
	.progressbar-wrap .col-sm-6, .pfolio-list.isotopeContainer .col-sm-6,
	.portfolio-style2 .isotopeContainer .col-sm-6.no-space, #related-portfolio .col-sm-6 {
		width: 50%;
	}
	
	#commentform .form-group .col-sm-6 {
		margin: 0 0 30px;
	}
	#commentform .form-group .col-sm-6:last-child {
		margin: 0;
	}
	
}
@media screen and (max-width: 479px) {
	#home-slider .owl-carousel .slider-content h2.banner-title-text, #single-page-banner.page-title h2 {
		font-size: 24px;
	}
	#home-slider .owl-controls > .owl-nav > div {
		font-size: 30px;
	}
	
	.price-wrap {
		height: auto;
	}
	#blog .post-wrap {
		max-width: 300px;
	}
	
	.testimonials .author-img {
		margin: 45px auto 0;
	}
}
@media screen and (max-width: 420px) {	
	#home-slider .owl-carousel .slider-content .sub-title {
		font-size: 18px;
	}
	.testimonials .author-img {
		margin: 60px auto 0;
	}
}
@media screen and (max-width: 360px) {	
	.post-title h1 {
		font-size: 22px;
	}
	.testimonials .author-img {
		margin: 10px auto 0;
	}
	.post-navigation a {
		font-size: 18px;
	}
}
@media screen and (max-width: 320px) {
	#header {
		height: 60px;
	}
	.navbar-brand .logo {
		height: 60px;
	}
	.title-block h1 {
		font-size: 28px;
	}
	#single-page-banner {
		margin-top: 60px;
	}
	.navbar-toggle {
		margin: 14px 0 0;
	}
	
	.post-navigation a {
		font-size: 16px;
	}
}
@media screen and (max-height: 420px) {
	.navbar-fixed-top .navbar-collapse {
		max-height: 270px;
	}
}
@media screen and (max-height: 360px) {
	.navbar-fixed-top .navbar-collapse {
		max-height: 240px;
	}
}
@media screen and (max-height: 320px) {
	.navbar-fixed-top .navbar-collapse {
		max-height: 200px;
	}
	.pfolio-link a, .pfolio-caption a {
		font-size: 16px;
	}
}