@media(max-width:1024px) {
}

@media(max-width:992px) {
	.sm-padding { padding: 15px }
	.header-section .navbar-brand { height: 80px; padding: 0; display: flex; align-items: center }
	.menu-btn, .js #mainmenu { display: none }
	.about-promo { padding-left: 0 }
	.project-2 .project-item, .js .slicknav_menu { display: block }
	.error-content .error-info { padding-left: 10px }
	.counter-content { text-align: left; padding-left: 70px }
	.counter-wrap .col-lg-4:last-child { margin-top: 50px }
	.projects-carousel .owl-nav div, .service-carousel .owl-nav div { left: 0 }
	.projects-carousel .owl-nav div.owl-next, .service-carousel .owl-nav div.owl-next { right: 0 }
	.work-pro-item .number-line { display: none }
	.section-heading h2 { font-size: 22px; line-height: 26px }
	.cta-content h2 { font-size: 36px }
}

@media all and (min-width:480px) and (max-width:768px) {
}

@media all and (max-width:767px) {
	body, p { font-size: 16px; line-height: 22px }
	h1 { font-size: 30px;line-height: 46px }
	h2 { font-size: 22px }
	h3 { font-size: 16px }
	p br { display: none }
	.padding { padding: 60px 0 }
	.xs-padding { padding: 15px }
	.page-header { height: 250px }
	.page-content h2 { font-size: 30px; margin: 0 }
	.about-content h2 { font-size: 24px; line-height: 36px }
	.cta-content h2 { font-size: 28px; line-height: 1.2 }
	.error-content { display: block }
	.error-content .error-info h2 { font-size: 120px; line-height: 120px; margin-bottom: 30px }
	.error-content .error-info a { display: block }
	.contact-form .form-group .col-sm-6:first-child { margin-bottom: 15px }
	.contact-info h2 { line-height: 28px }
	.sidebar-wrap { padding-left: 0 }
	.blog-single-content h2 a { font-size: 22px; line-height: 28px }
	.blog-single-content h2 { line-height: 28px }
	blockquote p { line-height: 32px }
	.work-pro-item { padding: 0 30px }
	.service-content h2 { line-height: 28px }
	.service-section.section-2 { padding-bottom: 60px }
	.services-list .offset-top { transform: translateY(0) }
	#scroll-to-top { width: 35px; height: 35px; line-height: 35px; bottom: 20px; right: 20px }
	.projects-section .col-lg-4.text-right { text-align: left !important }
	.projects-carousel { margin-top: 40px }
	.project-single-carousel { margin-bottom: 40px }
	.project-single-content { padding-left: 0 }
}

@media all and (max-width:580px) {
	.subscribe-form { width: 100% }
	.counter-wrap .col-lg-4:first-child { margin-bottom: 50px }
	.counter-content { text-align: center; padding-left: 0 }
	.testi-item .fa-quote-right { display: none }
}

@media all and (max-width:420px) {
}

@media all and (max-width:380px) {
}