@media only screen and (max-width:767px) {
	body {
		font-size: 14px
	}

	h1 {
		font-size: 35px
	}

	h2 {
		font-size: 28px
	}

	h3 {
		font-size: 22px
	}

	h4 {
		font-size: 18px
	}

	.ptb-50 {
		padding-top: 25px;
		padding-bottom: 25px
	}

	.ptb-100 {
		padding-top: 50px;
		padding-bottom: 50px
	}

	.pt-100 {
		padding-top: 50px
	}

	.pb-100 {
		padding-bottom: 50px
	}

	.ptb-70 {
		padding-top: 20px;
		padding-bottom: 20px
	}

	.pt-70 {
		padding-top: 20px
	}

	.pb-70 {
		padding-bottom: 20px
	}

	.no-wrap {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap
	}

	p {
		font-size: 14px
	}

	.primary-btn {
		padding: 10px 20px;
		font-size: 14px
	}

	.section-title {
		max-width: 100%;
		text-align: center;
		margin-bottom: 40px
	}

	.section-title::before {
		content: unset
	}

	.section-title h2 {
		font-size: 28px;
		padding: unset;
		margin-top: -7px
	}

	.section-title p {
		font-size: 14px
	}

	.section-title.style-two h2 {
		margin-top: -5px !important
	}

	.header-area,
	.header-area.header-two,
	.header-area.header-three {
		position: unset
	}

	.header-area {
		position: unset
	}

	.header-area .top-header-area {
		display: none
	}

	.header-area .side-option-responsive {
		right: 40px
	}

	.header-area .side-option-responsive .item {
		margin-right: 12px
	}

	.header-area .constik-responsive-nav .logo {
		position: relative;
		width: 50%;
		z-index: 999
	}

	.home-banner-area {
		padding-top: 0
	}

	.banner-content {
		text-align: center;
		padding-top: 60px;
		padding-bottom: 30px
	}

	.banner-content h1 {
		font-size: 30px;
		margin-top: -7px;
		margin-bottom: 15px
	}

	.banner-content p {
		font-size: 14px;
		margin-bottom: 20px
	}

	.banner-content .cta-btn {
		margin-bottom: 20px
	}

	.banner-two .banner-content {
		padding-top: 60px;
		padding-bottom: 60px
	}

	.banner-img img {
		max-width: 80%;
		margin: auto;
		display: block
	}

	.banner-three .banner-content {
		padding-top: 60px;
		padding-bottom: 120px
	}

	.banner-three .owl-carousel .owl-dots .owl-dot {
		height: 16px
	}

	.banner-three .owl-carousel .owl-dots .owl-dot.active {
		height: 30px
	}

	.about-section .about-content {
		margin-bottom: 30px
	}

	.about-section .about-content h2 {
		margin-bottom: 20px;
		margin-top: -7px
	}

	.about-section .about-content .about-item-list {
		margin-bottom: 20px
	}

	.about-section .about-image img {
		width: 100%
	}

	.about-section .left::before {
		right: 0;
		bottom: 0
	}

	.about-section .right {
		margin-top: unset
	}

	.about-section .right::before {
		left: 0;
		bottom: 0
	}

	.about-section .about-fact {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		text-align: center;
		padding: 25px 20px
	}

	.about-section .about-fact i {
		margin-bottom: 20px
	}

	.about-section .about-fact .content {
		padding: 0
	}

	.about-section .about-fact .content h4 {
		margin-bottom: 5px
	}

	.about-section.about-style-two .about-img-content .overlay-img {
		position: unset
	}

	.about-section.about-style-two .about-img-content .overlay-img img {
		width: 100%
	}

	.about-section.about-style-two .about-img-content .about-fact {
		max-width: 100%;
		margin-bottom: 15px
	}

	.about-section.about-style-three .about-img-content [class*=col-]:first-child {
		padding-right: 5px
	}

	.about-section.about-style-three .about-img-content [class*=col-]:last-child {
		padding-left: 5px
	}

	.strong-service-section .slider-item {
		max-width: 100%;
		margin-bottom: 30px;
		text-align: center;
		padding-left: 20px;
		padding-right: 20px
	}

	.strong-service-section .slider-item>i {
		margin-left: auto;
		margin-right: auto
	}

	.strong-service-section .pr-0 {
		padding-right: 15px !important
	}

	.strong-service-section .service-content {
		padding: 0;
		text-align: center;
		margin-bottom: 40px
	}

	.strong-service-section .service-content::after {
		content: unset
	}

	.strong-service-section .service-content h2 {
		margin-top: -7px
	}

	.strong-service-section .service-content p,
	.strong-service-section .service-content .cta-btn {
		margin-bottom: 20px
	}

	.strong-service-section .service-content .custom-owl-nav {
		position: unset
	}

	.best-service-section .service-item-single {
		text-align: center;
		padding-left: 20px;
		padding-right: 20px
	}

	.best-service-section .service-item-single>i {
		margin-left: auto;
		margin-right: auto
	}

	.our-works-section::after {
		content: unset
	}

	.our-works-section .works-content {
		margin-bottom: 30px;
		text-align: center
	}

	.our-works-section .works-content h2 {
		margin-top: -7px;
		margin-bottom: 15px
	}

	.our-works-section .works-content p {
		margin-bottom: 40px
	}

	.our-works-section .works-content .works-item .works-item-single {
		max-width: 100%;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		text-align: center;
		padding: 25px 20px
	}

	.our-works-section .works-content .works-item .works-item-single::before {
		bottom: -25px;
		border-left: 15px solid transparent;
		border-right: 15px solid transparent;
		border-top: 25px solid #ffbc13
	}

	.our-works-section .works-content .works-item .works-item-single i {
		margin-bottom: 20px
	}

	.our-works-section .works-content .works-item .works-item-single .content {
		padding: 0
	}

	.our-works-section .works-content .works-item .works-item-single .content h4 {
		margin-bottom: -2px
	}

	.our-works-section .works-content .works-item .works-item-single .content h4 br {
		display: none
	}

	.our-works-section .works-image {
		height: 100%;
		overflow: hidden
	}

	.our-works-section .works-image::before {
		border-bottom: 140px solid rgba(255, 188, 19, .8);
		border-right: 140px solid transparent
	}

	.finished-projects-section .owl-carousel .owl-nav {
		margin-top: 30px
	}

	.finished-projects-section .finished-projects-slider {
		margin-bottom: 30px
	}

	.finished-projects-section.style-two {
		padding-bottom: 0
	}

	.team-section .slider-item {
		max-width: 100%;
		margin-bottom: 30px
	}

	.team-section .pr-0 {
		padding-right: 15px !important
	}

	.team-section .team-content {
		padding: 0;
		text-align: center;
		margin-bottom: 30px
	}

	.team-section .team-content::after {
		content: unset
	}

	.team-section .team-content h2 {
		margin-top: -7px
	}

	.team-section .team-content p,
	.team-section .team-content .cta-btn {
		margin-bottom: 20px
	}

	.team-section .team-content .custom-owl-nav {
		position: unset
	}

	.amazing-projects-section {
		background: #fff3cf !important
	}

	.amazing-projects-section .slider-item {
		max-width: 100%
	}

	.amazing-projects-section .pr-0 {
		padding-right: 15px !important
	}

	.amazing-projects-section .projects-content {
		padding: 0;
		text-align: center;
		margin-bottom: 40px
	}

	.amazing-projects-section .projects-content::after {
		content: unset
	}

	.amazing-projects-section .projects-content h2 {
		margin-top: -7px
	}

	.amazing-projects-section .projects-content p,
	.amazing-projects-section .projects-content .cta-btn {
		margin-bottom: 20px
	}

	.amazing-projects-section .projects-content .custom-owl-nav {
		position: unset
	}

	.testimonial-section .testimonial-image {
		display: none
	}

	.testimonial-section .team-content {
		margin-bottom: 30px;
		text-align: center
	}

	.testimonial-section .testimonial-slider {
		background: unset;
		padding: 0
	}

	.testimonial-section .testimonial-slider .slider-item {
		background: #fff3cf;
		padding: 25px 15px
	}

	.testimonial-section .testimonial-slider .slider-item .client-img {
		margin-bottom: 15px
	}

	.testimonial-section .testimonial-slider .slider-item p {
		font-size: 18px !important
	}

	.testimonial-section .owl-carousel .owl-nav {
		margin-top: 30px
	}

	.testimonial-section.testimonial-three .owl-carousel .owl-nav button,
	.testimonial-section.testimonial-two .owl-carousel .owl-nav button {
		-webkit-transform: unset;
		transform: unset;
		position: unset
	}

	.testimonial-section.testimonial-three .testimonial-slider::before,
	.testimonial-section.testimonial-two .testimonial-slider::before {
		bottom: 80px;
		border-bottom: 60px solid #ffbc13;
		border-left: 60px solid transparent
	}

	.testimonial-section.testimonial-three .testimonial-slider::after,
	.testimonial-section.testimonial-two .testimonial-slider::after {
		border-top: 60px solid #ffbc13;
		border-right: 60px solid transparent
	}

	.blog-section .owl-carousel .owl-nav {
		top: unset;
		margin-top: 0;
		margin-bottom: 30px
	}

	.blog-item-single .blog-item-img img {
		width: 100%
	}

	.newsletter-section .newsletter-content,
	.newsletter-three .newsletter-content {
		text-align: center;
		padding-left: 0
	}

	.newsletter-section::before {
		width: 100%;
		background: rgba(26, 26, 26, .5)
	}

	.owl-carousel .owl-nav {
		text-align: center;
		position: unset !important
	}

	.video-btn {
		width: 70px !important;
		height: 70px !important;
		line-height: 70px !important
	}

	.footer-area .footer-news .content {
		-webkit-box-align: start;
		-ms-flex-align: start;
		align-items: flex-start
	}

	.instrument-section .container-fluid {
		max-width: 540px
	}

	.instrument-section .video-content {
		min-height: unset
	}

	.instrument-section .video-content .video-image {
		position: relative;
		width: 100%
	}

	.instrument-section .video-content .video-image img {
		max-width: 100%
	}

	.instrument-section .video-content .video-btn {
		position: absolute;
		left: 50%;
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%);
		line-height: 70px
	}

	.instrument-section .instrument-content {
		max-width: 100%;
		text-align: center;
		padding-right: 0
	}

	.instrument-section .instrument-content h2 {
		margin-bottom: 15px;
		margin-top: -7px
	}

	.comingsoon-section .comingsoon-box .newsletter-form .input-group {
		width: 100%
	}

	.map-section .map-content .map-pin {
		width: 25px
	}

	.map-section .map-content .map-pin .pin-content {
		right: -100px;
		padding: 8px 5px;
		font-size: 12px
	}

	.map-section .map-content .active .pin-content {
		opacity: 0;
		visibility: hidden
	}

	.map-section .map-content .map-pin:hover {
		width: 30px
	}

	.map-section .map-content .pin-6 .pin-content {
		left: -100px;
		right: unset
	}

	.map-section .map-content .pin-2 .pin-content {
		top: unset;
		bottom: -50px;
		left: -100px;
		right: unset
	}

	.map-section .map-content .pin-1 .pin-content {
		top: unset;
		bottom: -50px
	}

	.newsletter-section.newsletter-two .newsletter-content h2 {
		margin-top: -7px
	}

	.newsletter-section.newsletter-two .newsletter-content {
		padding-left: 15px;
		padding-right: 15px
	}

	.build-section {
		padding-top: 0
	}

	.build-section .content h2 {
		margin-top: -7px
	}

	.renovate-section .content {
		margin-bottom: 25px
	}

	.renovate-section.renovate-two {
		padding-top: 0
	}

	.amazing-projects-section.projects-two {
		padding-top: 50px
	}

	.renovate-section::after,
	.build-section::after {
		content: unset
	}

	.quote-section .contact-form {
		padding: 40px 20px
	}

	.quote-section .contact-form::after {
		border-top: 50px solid #ffbc13;
		border-right: 50px solid transparent
	}

	.faq-section .panel-group .panel-title a {
		padding-right: 45px
	}

	.best-service-section .section-title h2 {
		margin-top: -7px
	}

	.page-title-area .page-title-content {
		text-align: center
	}

	.page-title-area .page-title-content h1 {
		font-size: 30px;
		margin-bottom: 10px;
		margin-top: -7px
	}

	.page-title-area .shape span {
		display: none
	}

	.contact-area .contact-info .info-item {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center
	}

	.contact-area .contact-info .info-item .info-content {
		padding-left: 0;
		text-align: center
	}

	.contact-area .contact-info .info-item i {
		margin-bottom: 15px
	}

	.authentication-section .authentication-form {
		padding: 40px 16px
	}

	.authentication-section .authentication-form .checkbox label,
	.authentication-section .authentication-form .link a {
		font-size: 12px
	}

	.authentication-section .authentication-form .content h3 {
		font-size: 22px;
		margin-top: 0;
		margin-bottom: 5px
	}

	.cost-section .content-inner {
		padding-left: 15px;
		padding-right: 15px
	}

	.cost-section .content-inner .section-title h2 {
		margin-top: -7px
	}

	.team-members-section .team-item .image img {
		width: 100%
	}

	.comingsoon-section .comingsoon-box {
		padding: 45px 10px 35px
	}

	.comingsoon-section .comingsoon-box .cta-btn .primary-btn {
		padding: 15px
	}

	.error-area .error-box::after {
		border-top: 50px solid #ffbc13;
		border-right: 50px solid transparent
	}

	.member-details-section .content {
		padding: 40px 15px
	}

	.member-details-section .image {
		margin-bottom: 30px
	}

	.member-details-section .image img {
		width: 100%
	}

	.newsletter-section .newsletter-content h2 {
		margin-top: -7px
	}

	.testimonial-section .team-content h2 {
		margin-top: -7px
	}

	.bio-area {
		text-align: center
	}

	.bio-area .section-title h2 {
		padding: 0;
		margin-bottom: 15px
	}

	.cost-section .cost-form .form-group .input-btn {
		margin-bottom: 5px
	}

	.service-details-area .project-info {
		margin-bottom: 30px !important
	}

	.service-details-area .widget-area .contact-form,
	.terms-area .widget-area .contact-form,
	.privacy-area .widget-area .contact-form {
		padding: 25px 15px !important
	}

	.service-details-area .service-details-desc,
	.terms-area .service-details-desc,
	.privacy-area .service-details-desc {
		padding-left: unset
	}

	.terms-area .details-desc,
	.privacy-area .details-desc {
		padding-left: unset
	}

	.terms-area .details-desc .content h2,
	.privacy-area .details-desc .content h2 {
		font-size: 25px
	}

	.service-details-area .image,
	.terms-area .image,
	.privacy-area .image {
		margin-bottom: 30px
	}

	.team-members-section .team-item .content::after {
		border-top: 100px solid #ffbc13;
		border-right: 60px solid transparent
	}

	.team-members-section .team-item .content::before {
		border-bottom: 100px solid #ffbc13;
		border-left: 60px solid transparent
	}

	.blog-details-area .widget-area .widget-article .article-item {
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center
	}

	.blog-details-area .gallery-item {
		padding-right: 15px
	}

	.blog-details-area .gallery-item img {
		margin-bottom: 20px;
		width: 100%
	}

	.blog-details-area .gallery-item .pt-3 {
		padding-top: 0 !important
	}

	.blog-details-area .blog-details-desc {
		padding-left: unset
	}

	.blog-details-area .blog-details-desc .post-meta li:first-child {
		margin-bottom: 8px
	}

	.blog-details-area .blog-details-desc .post-meta li {
		font-size: 12px
	}

	.blog-details-area .content h2 {
		font-size: 30px !important
	}

	.blog-details-area .widget-area .widget-article .article-item .title {
		font-size: 16px
	}

	.blog-details-area .widget-area .contact-form {
		padding: 25px 15px
	}

	.blog-details-area .blog-details-desc .blog-details-slider .owl-nav {
		margin-top: 30px
	}

	.blog-details-area .article-share {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap
	}

	.blog-details-area .article-share .tags {
		margin-bottom: 0
	}

	.blog-details-area .article-share .tags a {
		margin-bottom: 10px
	}

	.blog-details-area .article-share .social-link {
		margin-top: 20px
	}

	.blog-details-area .blog-item-img img {
		width: 100%
	}

	.blog-details-area .widget-area .widget-categories .category-list li i {
		vertical-align: -1px
	}

	.blog-details-area .tags a {
		font-size: 12px
	}

	.quote-section .image img {
		margin: auto;
		display: block
	}

	.service-details-area .widget-area .download-item .download-item-single,
	.terms-area .widget-area .download-item .download-item-single,
	.privacy-area .widget-area .download-item .download-item-single {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		padding: 25px 40px
	}

	.service-details-area .widget-area .download-item .download-item-single br,
	.terms-area .widget-area .download-item .download-item-single br,
	.privacy-area .widget-area .download-item .download-item-single br {
		display: none
	}

	.service-details-area .widget-area .download-item .download-item-single i,
	.terms-area .widget-area .download-item .download-item-single i,
	.privacy-area .widget-area .download-item .download-item-single i {
		margin-bottom: 15px
	}

	.service-details-area .widget-area .download-item .download-item-single .item-content,
	.terms-area .widget-area .download-item .download-item-single .item-content,
	.privacy-area .widget-area .download-item .download-item-single .item-content {
		padding-left: 0
	}

	.blog-details-area .widget-area .widget-article .article-item img {
		max-width: 100px
	}

	.team-slider .slider-item .content::before {
		border-left: 50px solid transparent
	}

	.team-slider .slider-item .content::after {
		border-right: 50px solid transparent
	}

	.pagination {
		margin-top: 20px
	}

	.contact-area .contact-form {
		padding: 40px 15px
	}

	.pricing-section .mt-30 {
		margin-top: 0 !important
	}

	.pricing-section .m-0 {
		margin-bottom: 30px !important
	}

	.cost-section .cost-form .form-group .slider-value {
		top: -15px;
		font-size: 12px
	}

	.cost-section .cost-form .form-group .input-btn {
		margin-bottom: 8px
	}

	.cost-section .cost-form .form-group .input-btn {
		font-size: 12px
	}

	.service-details-area .service-details-desc .content h2 {
		font-size: 25px;
		margin-top: -5px;
		margin-bottom: 15px
	}

	.service-details-area .content h2.title,
	.terms-area .content h2.title,
	.privacy-area .content h2.title {
		font-size: 25px;
		margin-top: -5px;
		margin-bottom: 15px
	}

	.service-details-area .content {
		margin-bottom: 30px !important
	}

	.service-details-area .projects-area .content h2 {
		margin-top: -5px;
		font-size: 25px;
		margin-bottom: 15px
	}

	.finished-projects-section {
		background: unset
	}

	.finished-projects-section::after {
		min-height: unset;
		height: 100%
	}

	.footer-area {
		border-top: 1px solid #e4e4e4
	}
}

@media only screen and (max-width:575px) {
	.footer-area h5 {
		margin-top: 0
	}

	.member-details-section .content .member-list .list-content .info {
		margin-left: 22px
	}
}

@media only screen and (max-width:375px) {
	.header-area .constik-responsive-nav .logo {
		width: 40%
	}

	.constik-responsive-nav .mean-container a.meanmenu-reveal {
		padding-top: 7px
	}

	.header-area .side-option-responsive {
		right: 33px
	}
}

@media only screen and (max-width:767px) and (min-width:576px) {
	.blog-section .blog-item-single .blog-item-img img {
		width: 100%
	}

	.blog-details-area .gallery-item .pt-3 {
		padding-top: 0 !important
	}

	.blog-details-area .gallery-item .pr-0 {
		padding-right: 15px !important
	}

	.footer-area .footer-news .content {
		-webkit-box-align: start;
		-ms-flex-align: start;
		align-items: flex-start
	}

	.blog-details-area .widget-area .widget-article .article-item img {
		max-width: 100px
	}

	.blog-details-area .gallery-item .pr-0 {
		padding-right: 0 !important
	}

	.finished-projects-section::after {
		min-height: 546px
	}
}

@media only screen and (min-width:768px) and (max-width:991px) {
	body {
		font-size: 15px
	}

	h2 {
		font-size: 35px
	}

	.ptb-50 {
		padding-top: 40px;
		padding-bottom: 40px
	}

	.ptb-100 {
		padding-top: 90px;
		padding-bottom: 90px
	}

	.pt-100 {
		padding-top: 90px
	}

	.pb-100 {
		padding-bottom: 90px
	}

	.ptb-70 {
		padding-top: 60px;
		padding-bottom: 60px
	}

	.pt-70 {
		padding-top: 60px
	}

	.pb-70 {
		padding-bottom: 60px
	}

	.no-wrap {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap
	}

	p {
		font-size: 15px
	}

	.primary-btn {
		font-size: 16px
	}

	.cta-btn {
		line-height: unset
	}

	.section-title {
		text-align: center;
		max-width: 610px;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 40px
	}

	.section-title::before {
		content: unset
	}

	.section-title h2 {
		font-size: 35px;
		padding: unset;
		margin-top: -8px
	}

	.section-title p {
		max-width: 545px;
		margin-left: auto;
		margin-right: auto;
		font-size: 14px
	}

	.section-title.style-two h2 {
		margin-top: -8px !important
	}

	.banner-content {
		max-width: 640px;
		margin-left: auto;
		margin-right: auto;
		text-align: center;
		padding-top: 110px;
		padding-bottom: 50px
	}

	.banner-content h1 {
		font-size: 45px;
		margin-top: -8px;
		margin-bottom: 15px
	}

	.banner-content p {
		max-width: 600px;
		margin-left: auto;
		margin-right: auto;
		font-size: 16px;
		margin-bottom: 20px
	}

	.banner-content .cta-btn {
		margin-bottom: 20px
	}

	.banner-img img {
		max-width: 80%;
		margin: auto;
		display: block
	}

	.banner-two {
		padding: 0
	}

	.banner-two .banner-content {
		padding-top: 100px;
		padding-bottom: 100px
	}

	.banner-three .banner-content {
		padding-top: 90px;
		padding-bottom: 160px
	}

	.banner-three .owl-carousel .owl-dots .owl-dot {
		height: 16px
	}

	.banner-three .owl-carousel .owl-dots .owl-dot.active {
		height: 30px
	}

	.about-section .about-content h2 {
		margin-bottom: 20px;
		margin-top: -8px
	}

	.about-section.about-style-two .about-img-content .about-fact {
		max-width: calc(100% - 30px)
	}

	.about-section.about-style-three .about-img-content {
		margin-bottom: 15px
	}

	.about-section.about-style-three .about-img-content .about-image {
		margin-bottom: 15px
	}

	.strong-service-section .slider-item {
		max-width: 100%;
		margin-bottom: 30px
	}

	.strong-service-section .pr-0 {
		padding-right: 15px !important
	}

	.strong-service-section .service-content {
		max-width: 610px;
		margin-left: auto;
		margin-right: auto;
		padding: 0;
		text-align: center;
		margin-bottom: 40px
	}

	.strong-service-section .service-content::after {
		content: unset
	}

	.strong-service-section .service-content h2 {
		margin-top: -8px
	}

	.strong-service-section .service-content p {
		margin-left: auto;
		margin-right: auto;
		max-width: 545px
	}

	.strong-service-section .service-content p,
	.strong-service-section .service-content .cta-btn {
		margin-bottom: 20px
	}

	.strong-service-section .service-content .custom-owl-nav {
		position: unset
	}

	.team-slider .slider-item .content::after {
		border-right: 60px solid transparent
	}

	.team-slider .slider-item .content::before {
		border-left: 60px solid transparent
	}

	.team-members-section .team-item .content::before {
		border-left: 55px solid transparent
	}

	.team-members-section .team-item .content::after {
		border-right: 55px solid transparent
	}

	.bio-area .section-title h2 {
		padding-left: 0;
		margin-bottom: 30px
	}

	.our-works-section::after {
		content: unset
	}

	.our-works-section .works-content {
		margin-bottom: 30px;
		text-align: center
	}

	.our-works-section .works-content h2 {
		max-width: 610px;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 15px;
		margin-top: -8px
	}

	.our-works-section .works-content p {
		max-width: 545px;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 40px
	}

	.our-works-section .works-content .works-item .works-item-single {
		max-width: 100%;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		text-align: center;
		padding: 25px 20px
	}

	.our-works-section .works-content .works-item .works-item-single::before {
		bottom: -25px;
		border-left: 15px solid transparent;
		border-right: 15px solid transparent;
		border-top: 25px solid #ffbc13
	}

	.our-works-section .works-content .works-item .works-item-single i {
		margin-bottom: 20px
	}

	.our-works-section .works-content .works-item .works-item-single .content {
		padding: 0
	}

	.our-works-section .works-content .works-item .works-item-single .content h4 {
		margin-bottom: -2px
	}

	.our-works-section .works-content .works-item .works-item-single .content h4 br {
		display: none
	}

	.our-works-section .works-image {
		height: 100%;
		overflow: hidden
	}

	.our-works-section .works-image::before {
		border-bottom: 140px solid rgba(255, 188, 19, .8);
		border-right: 140px solid transparent
	}

	.finished-projects-section .owl-carousel .owl-nav {
		margin-top: 40px;
		text-align: center;
		position: unset !important
	}

	.amazing-projects-section.projects-two {
		background: #fff9e9
	}

	.amazing-projects-slider {
		margin-bottom: 0
	}

	.team-section .slider-item {
		max-width: 100%;
		margin-bottom: 30px
	}

	.team-section .pr-0 {
		padding-right: 15px !important
	}

	.team-section .team-content {
		max-width: 610px;
		margin-left: auto;
		margin-right: auto;
		padding: 0;
		text-align: center;
		margin-bottom: 40px
	}

	.team-section .team-content::after {
		content: unset
	}

	.team-section .team-content h2 {
		margin-top: -8px
	}

	.team-section .team-content p {
		max-width: 545px;
		margin-left: auto;
		margin-right: auto
	}

	.team-section .team-content p,
	.team-section .team-content .cta-btn {
		margin-bottom: 30px
	}

	.team-section .team-content .custom-owl-nav {
		position: unset
	}

	.testimonial-section .testimonial-image {
		display: none
	}

	.testimonial-section .team-content {
		max-width: 610px;
		margin-left: auto;
		margin-right: auto;
		text-align: center;
		margin-bottom: 40px
	}

	.testimonial-section .team-content h2 {
		margin-top: -8px
	}

	.testimonial-section .testimonial-slider {
		background: unset;
		padding: 0
	}

	.testimonial-section .testimonial-slider .slider-item {
		background: #fff3cf;
		padding: 25px 15px
	}

	.testimonial-section .testimonial-slider .slider-item .client-img {
		margin-bottom: 15px
	}

	.testimonial-section .testimonial-slider .slider-item p {
		font-size: 18px !important
	}

	.testimonial-section .owl-carousel .owl-nav {
		margin-top: 30px
	}

	.blog-section .owl-carousel .owl-nav {
		top: unset;
		margin-top: 0;
		margin-bottom: 30px
	}

	.amazing-projects-section .slider-item {
		max-width: 100%;
		margin-bottom: 30px
	}

	.amazing-projects-section .pr-0 {
		padding-right: 15px !important
	}

	.amazing-projects-section .projects-content {
		max-width: 610px;
		margin-left: auto;
		margin-right: auto;
		padding: 0;
		text-align: center;
		margin-bottom: 40px
	}

	.amazing-projects-section .projects-content::after {
		content: unset
	}

	.amazing-projects-section .projects-content h2 {
		margin-top: -8px
	}

	.amazing-projects-section .projects-content p {
		max-width: 545px;
		margin-left: auto;
		margin-right: auto
	}

	.amazing-projects-section .projects-content p,
	.amazing-projects-section .projects-content .cta-btn {
		margin-bottom: 20px
	}

	.amazing-projects-section .projects-content .custom-owl-nav {
		position: unset
	}

	.blog-details-area .gallery-item img {
		width: 100%
	}

	.newsletter-section .newsletter-content,
	.newsletter-three .newsletter-content {
		max-width: 610px;
		margin-left: auto;
		margin-right: auto;
		text-align: center;
		padding-left: 0
	}

	.newsletter-section .newsletter-content h2,
	.newsletter-three .newsletter-content h2 {
		margin-top: -8px
	}

	.newsletter-section .newsletter-content p,
	.newsletter-three .newsletter-content p {
		max-width: 545px;
		margin-left: auto;
		margin-right: auto
	}

	.newsletter-section::before {
		width: 100%;
		background: rgba(26, 26, 26, .5)
	}

	.owl-carousel .owl-nav {
		text-align: center;
		position: unset !important
	}

	.video-btn {
		width: 80px !important;
		height: 80px !important
	}

	.finished-projects-section.style-two {
		padding-bottom: 0
	}

	.instrument-section .container-fluid {
		max-width: 720px
	}

	.instrument-section .video-content {
		min-height: unset
	}

	.instrument-section .video-content .video-image {
		position: relative;
		width: 100%
	}

	.instrument-section .video-content .video-image img {
		max-width: 100%
	}

	.instrument-section .video-content .video-btn {
		position: absolute;
		left: 50%;
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%);
		line-height: 70px
	}

	.instrument-section .instrument-content {
		max-width: 100%;
		text-align: center;
		padding-right: 0
	}

	.instrument-section .instrument-content h2 {
		margin-bottom: 15px;
		margin-top: -7px
	}

	.map-section .map-content .map-pin {
		width: 40px
	}

	.map-section .map-content .map-pin .pin-content {
		right: -100px;
		top: -100px
	}

	.map-section .map-content .active .pin-content {
		opacity: 0;
		visibility: hidden
	}

	.map-section .map-content .map-pin:hover {
		width: 45px
	}

	.map-section .map-content .pin-6 .pin-content {
		left: -100px;
		right: unset
	}

	.map-section .map-content .pin-2 .pin-content {
		top: unset;
		bottom: -50px;
		left: -100px;
		right: unset
	}

	.map-section .map-content .pin-1 .pin-content {
		top: unset;
		bottom: -50px
	}

	.renovate-section::after,
	.build-section::after {
		content: unset
	}

	.build-section {
		background: #fff9e9 !important
	}

	.quote-section .image img {
		margin: auto;
		display: block
	}

	.testimonial-section.testimonial-three .owl-carousel .owl-nav button,
	.testimonial-section.testimonial-two .owl-carousel .owl-nav button {
		-webkit-transform: unset;
		transform: unset;
		position: unset
	}

	.testimonial-section.testimonial-three .testimonial-slider::before,
	.testimonial-section.testimonial-two .testimonial-slider::before {
		bottom: 80px;
		border-bottom: 60px solid #ffbc13;
		border-left: 60px solid transparent
	}

	.testimonial-section.testimonial-three .testimonial-slider::after,
	.testimonial-section.testimonial-two .testimonial-slider::after {
		border-top: 60px solid #ffbc13;
		border-right: 60px solid transparent
	}

	.comingsoon-section .comingsoon-box {
		padding: 45px 10px 35px
	}

	.renovate-section {
		padding-top: 0
	}

	.comingsoon-section .comingsoon-box .cta-btn .primary-btn {
		padding: 15px
	}

	.blog-details-area .widget-area .widget-article .article-item img {
		max-width: 100px
	}

	.member-details-section .content {
		margin-top: 30px
	}

	.service-details-area .service-details-desc,
	.terms-area .service-details-desc,
	.privacy-area .service-details-desc {
		padding-left: 0
	}

	.service-details-area .image img,
	.terms-area .image img,
	.privacy-area .image img {
		width: 100%;
		max-width: unset
	}

	.service-details-area .content h2.title,
	.terms-area .content h2.title,
	.privacy-area .content h2.title {
		font-size: 35px
	}

	.finished-projects-section::after {
		min-height: 427px
	}
}

@media only screen and (max-width:991px) {

	.header-area.header-two .top-header-area .social-link,
	.header-area.header-three .top-header-area .social-link {
		text-align: center;
		margin-bottom: 10px
	}

	.page-title-area .page-title-content {
		text-align: center
	}

	.page-title-area .shape span {
		display: none
	}

	.contact-area .contact-info .info-item {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center
	}

	.contact-area .contact-info .info-item .info-content {
		padding-left: 0;
		text-align: center
	}

	.contact-area .contact-info .info-item i {
		margin-bottom: 15px
	}

	.terms-area .details-desc,
	.privacy-area .details-desc {
		padding-left: unset
	}

	.terms-area .details-desc .service-details-slider .owl-nav,
	.service-details-area .service-details-desc .service-details-slider .owl-nav,
	.privacy-area .details-desc .service-details-slider .owl-nav {
		margin-top: 30px
	}

	.projects-section .projects-item img {
		width: 100%
	}

	.pagination .next {
		margin-top: 5px
	}

	.team-two.team-section .overlay-content {
		top: 20px
	}

	.service-details-area .pl-0 {
		padding-left: 15px !important
	}

	.blog-details-area .blog-details-desc {
		padding-left: unset
	}

	.blog-details-area .blog-details-desc .blog-details-slider .owl-nav {
		margin-top: 30px
	}

	.contact-area .contact-form {
		margin-top: 25px
	}
}

@media only screen and (min-width:992px) and (max-width:1199px) {
	h2 {
		font-size: 35px !important
	}

	.banner-content h1 {
		font-size: 50px
	}

	.banner-two {
		padding: 0
	}

	.banner-two .banner-content {
		padding-top: 120px;
		padding-bottom: 120px
	}

	.header-area.header-two .contact-info .contact-info-content {
		text-align: center
	}

	.header-area.header-two .contact-info p,
	.header-area.header-two .contact-info a {
		display: block
	}

	.instrument-section .video-content {
		overflow: hidden
	}

	.instrument-section .instrument-slider {
		margin-top: 30px
	}

	.about-section .about-fact {
		padding: 35px 20px
	}

	.about-section.about-style-two .about-img-content .about-fact::before {
		border-left: 40px solid transparent
	}

	.about-section.about-style-two .about-img-content .about-fact::after {
		border-right: 40px solid transparent
	}

	.strong-service-section .service-content {
		padding: 35px 0
	}

	.team-section .team-content {
		padding: 90px 0
	}

	.testimonial-section .testimonial-slider .owl-nav {
		right: -17%
	}

	.footer-area .footer-news .content {
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center
	}

	.best-service-section .service-item-single {
		padding: 50px 16px
	}

	.team-members-section .team-item .content::before {
		border-bottom: 100px solid #ffbc13;
		border-left: 55px solid transparent
	}

	.team-members-section .team-item .content::after {
		border-top: 100px solid #ffbc13;
		border-right: 55px solid transparent
	}

	.renovate-section .image {
		overflow: hidden
	}

	.renovate-section .image img {
		max-width: unset
	}

	.build-section .image {
		overflow: hidden
	}

	.build-section .image img {
		max-width: unset
	}

	.blog-details-area .blog-details-desc {
		padding-left: 10px
	}

	.blog-details-area .tags a {
		font-size: 12px
	}

	.contact-area .contact-info .info-item {
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		text-align: center;
		padding: 30px 35px
	}

	.contact-area .contact-info .info-item i {
		margin-bottom: 15px
	}

	.service-details-area .project-info,
	.terms-area .project-info,
	.privacy-area .project-info {
		padding: 30px 16px
	}

	.finished-projects-section::after {
		min-height: 418px
	}
}

@media only screen and (min-width:992px) and (max-width:1366px) {
	.home-banner-area .align-self-end {
		-ms-flex-item-align: unset !important;
		-ms-grid-row-align: unset !important;
		align-self: unset !important
	}

	.banner-img img {
		position: absolute;
		right: 0;
		bottom: 0;
		max-width: 510px
	}

	.projects .col-lg-8 img {
		height: 100%
	}

	.terms-area .details-desc,
	.privacy-area .details-desc {
		padding-left: 20px
	}
}


@media only screen and (max-width:767px) {
.service-one .content{min-height:initial;}
}