/*
|----------------------------------------------------------------------------
	HighLine Template Responsive CSS
	Primary color: #fb9902
|----------------------------------------------------------------------------
*/
@media screen and (max-width: 1199px) {
	nav.navbar.bootsnav ul.nav > li > a {
		padding: 30px 12px;
	}
	.nav.navbar-nav.navbar-right > li > a {
		padding-left: 11px;
		padding-right: 11px;
	}
	#post-content ul.list-inline.list-social.pull-right.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;
	}
	#blog.blog-style2 .blog-item .post-content {
		margin: 0 0 40px;
	}
	.counter-wrap {
		margin: 0 0 60px;
	}
	.footer-top > div {
		min-height: 225px;
	}	
	.comment-wrap {
		padding: 30px;
	}
	.service-box-wrap .btn {
		float: left;
	}
}
@media screen and (max-width: 767px) {
	#header nav.navbar.bootsnav {
		background-color: transparent;
		border: none;
	}
	#header nav.navbar.bootsnav .navbar-header {
		padding-left: 0;
		padding-right: 0;
	}
	#header nav.navbar.bootsnav .navbar-toggle {
		background-color: transparent !important;
		font-size: 32px;
		top: -4px;
		color: #FFE81E;
	}
	.navbar-brand .logo {
		height: 60px;
		margin-top: 10px;
	}
	.fixed-nav .navbar-brand .logo {
		height: 40px;
	}
	nav.navbar.bootsnav .navbar-toggle {
		margin-top: 20px;
	}
	.navbar-fixed-top .navbar-collapse {
		max-height: 310px;
	}
	.navbar-collapse ul.nav.navbar-nav {	
		margin-bottom: 0;
	}
	nav.navbar.bootsnav ul.nav > li > a {
		padding: 15px;
	}
	nav.navbar.bootsnav ul.nav > li > a, nav.navbar.bootsnav .dropdown .megamenu-content .col-menu ul > li > a {
		color: #222;
	}
	.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;;
	}
	.navbar-toggle {
		margin: 25px 0 0;
	}
	.fixed-nav .navbar-toggle {
		margin: 14px 0 0;
	}
	.breadcrumb, #single-page-banner.page-title h2 {
		text-align: center;
	}
	#pfolio-single-content aside {
		margin: 50px 0;
	}
	#pfolio-single-content aside .btn.btn-project {
		margin: 0 0 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.blog-page .pagination {
		margin: 20px 0 50px;
	}
	#blog.blog-style2.single-collumn.blog-page .pagination {
		margin: 20px 0 0;
	}
	#blog.blog-style2.blog-page aside#sidebar {
		margin-top: 30px;
		margin-bottom: 50px;
	}
	#blog.blog-style2.blog-page aside#sidebar .widget {
		margin: 50px 0;
	}	
	#quoteFormholder {
		margin-bottom: 90px;
	}
	#commentform .form-group .col-sm-6 {
		margin: 0 0 30px;
	}
	#commentform .form-group .col-sm-6:last-child {
		margin: 0;
	}
	#blog.blog-style2 .blog-item .post-content {
		margin: 40px 0 40px 15px;
	}	
	.comment-wrap {
		padding: 30px 10% 30px 30px;
	}
	.pagination > li {
		display: inline-block;
		margin: 0 0 2px;
	}
	.footer-top > div.col-xs-6:last-child {
		padding-bottom: 70px;
	}	
	#elements .progressbar-wrap .progressbar {
		margin: 0 0 50px;
	}	
	#elements .progressbar-wrap .col-xs-3:last-child .progressbar {
		margin: 0 0 120px;
	}
}
@media screen and (max-width: 667px) {
	#home-slider .owl-carousel .slider-content h2.banner-title-text, #single-page-banner.page-title h2 {
		font-size: 36px;
	}
	.progressbar-wrap .col-xs-3, #clients .client-box .col-xs-3 {
		width: 50%;
	}
	#blog .post-title > h3 {
		font-size: 18px;
	}
	.testimonial-single .testimonial-item {
		margin: 0;
	}
	.footer-top .col-sm-3,
	.footer-top .col-xs-6 {
		width: 100%;
	}
	.footer-top > div {
		min-height: auto;
	}	
	.comment-wrap {
		padding: 30px;
	}
}
@media screen and (max-width: 568px) {
	#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;
	}
	.service-box-wrap .btn {
		float: none;
	}
	.contact .col-xs-6.col-lg-3 {
		width: 100%;
	}
	.testimonials .author-img {
		margin: 30px auto 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: 28px;
	}
	#home-slider .owl-controls > .owl-nav > div {
		font-size: 30px;
	}
	.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;
	}
	ul.service-list {
		margin: 30px auto 0;
		padding-left: 15px;
		max-width: 250px;
	}
	.service-wrap .col-xs-6,
	.our-team  .col-sm-3,
	.our-team  .col-xs-6,
	.pricing  .col-sm-3,
	.pricing .col-xs-6,
	.blog .col-xs-6,
	.success-story .col-sm-3,
	.success-story .col-xs-6,
	.blog-style2 .col-xs-6,
	.blog-style2 .col-xs-4,
	.blog-style2 .col-xs-8 {
		width: 100%;
	}
	.pfolio-list .col-sm-3,
	.pfolio-list .col-sm-4,
	.pfolio-list .col-xs-6 {
		width: 50%
	}
	.post-navigation .col-xs-6 {
		width: 50%;
	}
	.service-box {
		height: auto;
	}
	.price-wrap {
		height: auto;
	}
	#blog .post-wrap {
		margin: 0 auto;
		max-width: 330px;
	}
	#blog.blog-style2 .blog-item .post-content, #blog.blog-style2.single-collumn .blog-item .post-content {
		margin: 0 0 40px;
	}
	#related-blog .col-xs-4 {
		width: 100%;
	}
	.testimonials .author-img {
		margin: 45px auto 0;
	}
}
@media screen and (max-width: 420px) {	
	#home-slider .owl-carousel .slider-content .sub-title {
		font-size: 18px;
	}
	.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;
	}
	.testimonials .author-img {
		margin: 60px auto 0;
	}
}
@media screen and (max-width: 375px) {
	#accordion .panel-heading, #accordion2 .panel-heading {
		padding: 10px 10px 10px 30px;
	}
}	
@media screen and (max-width: 360px) {
	.title-text::before, .title-text::after {
		background-position: 0 6px;
	}
	.title-text {
		font-size: 26px;
	}
	.title-block h1 {
		font-size: 24px;
	}	
	.post-title h1 {
		font-size: 22px;
	}
	.testimonials .author-img {
		margin: 10px auto 0;
	}
	.post-navigation a {
		font-size: 18px;
	}
	#accordion .panel-heading, #accordion2 .panel-heading {
		padding: 10px 30px;
	}
}
@media screen and (max-width: 320px) {
	#header {
		height: 60px;
	}
	#header nav.navbar.bootsnav .navbar-toggle {
		top: -12px;
	}
	#header.fixed-nav nav.navbar.bootsnav .navbar-toggle {
		top: -4px;
	}
	.navbar-brand .logo {
		height: 43px;
	}
	nav.navbar.bootsnav .navbar-toggle {
		margin-top: 20px;
	}
	.title-text {
		font-size: 24px;
	}
	#single-page-banner {
		margin-top: 60px;
	}
	.navbar-toggle {
		margin: 14px 0 0;
	}
	.progressbar-wrap .col-xs-3, 
	.progressbar-wrap .col-xs-6,
	.pfolio-list .col-sm-3,
	.pfolio-list .col-sm-4,
	.pfolio-list .col-xs-6, 
	#clients .client-box .col-xs-3 {
		width: 100%
	}
	.post-navigation a {
		font-size: 16px;
	}
	.banner-content h2.type-animate a.typewrite {
		font-size: 40px;
	}
}
@media screen and (max-width: 300px) {	
	.title-text {
		font-size: 22px;
	}
	.banner-content h2.type-animate a.typewrite {
		font-size: 36px;
	}
}
@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;
	}
}