@media (min-width:370px) and (max-width:576px) {
	.top-bar.v1 .top-display-info li:nth-child(2) {
		display: -ms-flexbox;
		display: flex;
		-ms-flex-align: center;
		align-items: center
	}
}

@media (min-width:576px) {
	.top-bar.v1 .top-display-info li:nth-child(2) {
		display: -ms-flexbox;
		display: flex;
		-ms-flex-align: center;
		align-items: center
	}

	.info-footer.v2 .row>div:first-child .footer__widget,
	.info-footer.v2 .row>div:nth-child(2) .footer__widget {
		margin-top: 0
	}
}

@media (min-width:767px) {
	section {
		padding: 30px 0
	}

	.top-bar.v1 .top-display-info li:nth-child(3) {
		display: -ms-flexbox;
		display: flex;
		-ms-flex-align: center;
		align-items: center
	}

	.banner.v1 .banner-content {
		padding: 80px 0
	}

	.about-us.v1 .about-us-img {
		width: 90%
	}

	.about-us.v1 .about-us-img img {
		width: 100%;
		margin-top: -150px
	}

	.about-us.v1 .about-us-img .count-shap {
		width: 65%
	}

	.about-us.v1 .about-us-img .about-profile .img-shap-left {
		width: 120px;
		height: 90px;
		left: calc(5% + 8px);
		bottom: 10%
	}

	.about-us.v1 .about-us-img .about-profile .img-shap-right {
		width: 84px;
		height: 100px;
		top: -140px;
		right: 0
	}

	.projects-gallery.v1 .row>div:nth-last-child(2) .gallery-card,
	.projects-gallery.v2 .row>div:nth-last-child(2) .gallery-card,
	.services.v1 .row>div:nth-last-child(2) .provide-card,
	.services.v2 .row>div:nth-last-child(2) .provide-card,
	.work-process.v1 .row>div:nth-last-child(2) .work-card {
		margin-bottom: 0
	}

	.counting-items.v1,
	.counting-items.v2 {
		padding-bottom: 80px
	}

	.our-blogs.v1 .row>div:nth-last-child(2) .blog-card,
	.our-blogs.v2 .row>div:nth-last-child(2) .blog-card,
	.our-team.v1 .row>div:nth-last-child(2) .team-card,
	.our-team.v2 .row>div:nth-last-child(2) .team-card {
		margin-bottom: 0
	}

	.info-footer.v2 .logo-subscriber .sent-email {
		display: -ms-flexbox;
		display: flex;
		-ms-flex-align: center;
		align-items: center;
		height: 60px;
		width: calc(100% - 290px)
	}

	.info-footer.v2 .logo-subscriber .sent-email input {
		width: calc(100% - 200px);
		height: 100%
	}

	.info-footer.v2 .logo-subscriber .sent-email input~button {
		margin-top: 0
	}

	.info-footer.v2 .logo-subscriber .sent-email button {
		width: 200px;
		height: 100%;
		border-radius: 0
	}
}

@media (min-width:992px) {

	.section-title-center-white h6,
	.section-title-center h6 {
		max-width: 25%
	}

	.section-title-center-white h2,
	.section-title-center h2 {
		max-width: 42%
	}

	.section-title-center-white p,
	.section-title-center p {
		max-width: 75%
	}

	section.pt-lg-spach {
		padding-top: 200px
	}

	section.pb-lg-spach {
		padding-bottom: 200px
	}

	section.mt-lg-spach {
		margin-top: -100px
	}

	section.mb-lg-spach {
		margin-bottom: -100px
	}

	.title-left-right .left-content {
		width: 45%
	}

	.breadcum.v1 .breadcum-content {
		padding: 50px 0;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-align: center;
		align-items: center;
		-ms-flex-pack: justify;
		justify-content: space-between;
		text-align: inherit
	}

	.breadcum.v1 .breadcum-content h2~ul {
		margin-top: 0
	}

	.play-btn.v2 {
		width: 80px;
		height: 80px
	}

	.message-form.v1 .my-select,
	.message-form.v1 input,
	.message-form.v2 .my-select,
	.message-form.v2 input {
		width: calc(50% - 15px)
	}

	.message-form.v3 .my-select,
	.message-form.v3 input {
		width: calc(33.3333333% - 20px)
	}

	.blog-sidebar__wrapper .blog-sidebar__widget:first-child {
		margin-top: 0
	}

	.blog-sidebar__wrapper .blog-sidebar__widget-head {
		padding: 20px 30px;
		border-radius: 5px 20px 0 0
	}

	.blog-sidebar__wrapper .blog-sidebar__widget-head .blog-sidebar__widget-title {
		font-size: 24px;
		line-height: 36px
	}

	.blog-sidebar__wrapper .category-list li {
		gap: 10px
	}

	.blog-sidebar__wrapper .category-list h6 {
		font-size: 18px;
		line-height: 28px
	}

	.banner.v1 .banner-content,
	.banner.v2 .banner-content {
		padding: 100px 50px 100px 0
	}

	.banner.v1 .banner-content h2,
	.banner.v2 .banner-content h2 {
		font-size: 65px;
		line-height: 85px
	}

	.banner.v1 .banner-content h2~p,
	.banner.v1 .banner-content h6~h2,
	.banner.v2 .banner-content h2~p,
	.banner.v2 .banner-content h6~h2 {
		margin-top: 8px
	}

	.banner.v1 .banner-content p~ul,
	.banner.v2 .banner-content p~ul {
		margin-top: 35px
	}

	.banner.v1 .banner-content ul,
	.banner.v2 .banner-content ul {
		gap: 40px
	}

	.banner.v1:before {
		opacity: 1;
		background: linear-gradient(90deg, #24231d, transparent)
	}

	.banner.v1 .circle-dot-shap,
	.banner.v1 .circle-shap,
	.banner.v1 .line-shap,
	.banner.v1 .lip-shap,
	.banner.v1 .right-bottom-shap {
		display: block
	}

	.banner.v1 .banner-content {
		padding: 100px 0
	}

	.about-us.v2 {
		position: relative;
		padding: 0;
		background: var(--color-tr)
	}

	.about-us.v2 .about-us-box {
		padding: 60px 45px;
		border-radius: 5px;
		background: var(--color-white2);
		display: -ms-flexbox;
		display: flex;
		gap: 45px
	}

	.about-us.v2 .about-us-img {
		width: 50%
	}

	.about-us.v2 .about-us-img .count-shap {
		width: 26%
	}

	.about-us.v2 .about-us-img~.about-us-content {
		margin-top: 0
	}

	.about-us.v2 .about-us-content {
		width: 50%
	}

	.about-us.v2 .about-us-content .box-img-list {
		display: -ms-flexbox;
		display: flex;
		-ms-flex-align: center;
		align-items: center;
		-ms-flex-pack: justify;
		justify-content: space-between;
		gap: 30px
	}

	.about-us.v2 .about-us-content .box-img-list .left-img {
		width: 50%
	}

	.about-us.v2 .about-us-content .box-img-list .left-img~.check-mark-list {
		margin-top: 0
	}

	.about-us.v2 .about-us-content .box-img-list ul {
		width: 50%
	}

	.projects-gallery.v1 .row>div:nth-last-child(3) .gallery-card,
	.projects-gallery.v2 .row>div:nth-last-child(3) .gallery-card,
	.services.v1 .row>div:nth-last-child(3) .provide-card,
	.services.v2 .row>div:nth-last-child(3) .provide-card {
		margin-bottom: 0
	}

	.faq.v1 {
		position: relative;
		padding: 90px 0 0;
		z-index: 1
	}

	.faq.v1 .faq-img {
		display: -ms-flexbox;
		display: flex;
		-ms-flex-align: end;
		align-items: flex-end;
		-ms-flex-pack: end;
		justify-content: flex-end;
		position: absolute;
		top: 0;
		left: -5vw;
		width: 63vw;
		height: 100%;
		background-repeat: no-repeat;
		background-position: -4vw 0;
		background-size: cover;
		border-radius: 0;
		z-index: -1;
		margin-bottom: 0
	}

	.faq.v1 .faq-img .small-box {
		position: relative;
		padding: 20px;
		width: 35%;
		right: calc(8vw + 23px);
		bottom: 30px
	}

	.faq.v1 .faq-img .small-box:before {
		opacity: .8;
		border-radius: 5px
	}

	.faq.v1 .faq-content {
		padding: 60px 40px
	}

	.faq.v2 .faq-img {
		margin: 0 0 -140px
	}

	.work-process.v1 .row>div:nth-last-child(3) .work-card,
	.work-process.v1 .row>div:nth-last-child(4) .work-card,
	.work-process.v2 .row>div:nth-last-child(3) .work-card,
	.work-process.v2 .row>div:nth-last-child(4) .work-card {
		margin-bottom: 0
	}

	.counting-items.v1 .counting-item-list li {
		width: calc(33.3333333% - 20px)
	}

	.counting-items.v2 .counting-item-list {
		padding: 50px 100px
	}

	.counting-items.v2 .counting-item-list li {
		width: calc(25% - 30px)
	}

	.our-blogs.v1 .row>div:nth-last-child(3) .blog-card,
	.our-blogs.v2 .row>div:nth-last-child(3) .blog-card,
	.our-team.v1 .row>div:nth-last-child(3) .team-card,
	.our-team.v1 .row>div:nth-last-child(4) .team-card,
	.our-team.v2 .row>div:nth-last-child(3) .team-card {
		margin-bottom: 0
	}

	.service-details.v1 .service-links-list h5 {
		padding: 20px 40px
	}

	.service-details.v1 .service-links-list ul {
		padding: 4px 20px;
		border-radius: 0 0 5px 5px
	}

	.service-details.v1 .service-links-list li a {
		font-size: 18px
	}

	.service-details.v1 .service-content {
		margin-top: 0
	}

	.service-details.v1 .serv-box-img-text .box-img,
	.service-details.v1 .serv-box-img-text .box-text {
		width: calc(50% - 15px)
	}

	.service-details.v1 .our-features ul {
		gap: 40px 30px
	}

	.service-details.v1 .our-features ul li {
		width: calc(50% - 30px)
	}

	.projects-details.v1 .projects-social {
		-ms-flex-pack: end;
		justify-content: flex-end
	}

	.projects-details.v1 .main-content .projects-info .info-list {
		margin: -65px 60px 0
	}

	.projects-details.v1 .main-content .projects-info .info-list li {
		padding-left: 40px;
		width: 25%
	}

	.projects-details.v1 .main-content .projects-info .info-list li~li {
		border-left: 1px solid var(--color-border)
	}

	.projects-details.v1 .main-content .prev-next-btns {
		margin-top: 100px
	}

	.contact-us.v1 .contact-info {
		margin-top: 0
	}

	.contact-us.v1 .contact-info .contact-list li {
		width: calc(50% - 15px)
	}

	.contact-us.v1 .contact-info .contact-list .my-icon {
		font-size: 40px
	}

	.faq-info.v1 .accordion li {
		width: calc(50% - 15px)
	}

	.map-info.v1 .contact-info {
		margin-top: -70px
	}

	.map-info.v1 .contact-info li {
		width: calc(30% - 30px)
	}

	.blog-post.v1 .blog-post-card .post-body {
		padding: 50px 30px 0
	}

	.blog-post.v1 .blog-post-card .post-body .day-box {
		position: absolute;
		right: 30px;
		top: calc(-20% - 18px);
		padding: 20px;
		width: 100px;
		height: 100px;
		text-align: center;
		font-size: 24px;
		line-height: 30px;
		color: var(--color-white);
		border-radius: 5px;
		background: var(--color-green);
		z-index: 1
	}

	.blog-post.v1 .blog-post-card .post-body .day-box~.post-title {
		margin-top: 0
	}

	.blog-details.v1 .main-text h2 {
		font-size: 48px;
		line-height: 60px
	}

	.blog-details.v1 .main-text .article-text {
		padding: 110px 30px 35px
	}

	.blog-details.v1 .main-text .article-text:before {
		top: 35px;
		left: 30px;
		font-size: 65px
	}

	.blog-details.v1 .next-preve-post {
		-ms-flex-pack: justify;
		justify-content: space-between
	}

	.blog-details.v1 .next-preve-post a {
		width: calc(50% - 20px)
	}

	.blog-details.v1 .next-preve-post a.next-post {
		-ms-flex-pack: end;
		justify-content: flex-end;
		border-left: 1px solid var(--color-green)
	}

	.info-footer.v1 .footer__widget {
		margin-top: 0
	}
}

@media (min-width:1200px) {
	section {
		padding: 50px 0
	}

	section.pt-xl-spach {
		padding-top: 200px
	}

	section.pb-xl-spach {
		padding-bottom: 200px
	}

	section.mt-xl-spach {
		margin-top: -100px
	}

	section.mb-xl-spach {
		margin-bottom: -100px
	}

	.top-bar.v1 {
		position: relative;
		padding-bottom: 20px;
		background: #fff;
	}

	.top-bar.v1:before {
		position: absolute;
		content: "";
		width: 100%;
		height: 20px;
		bottom: 0;
		left: 0;
		background: var(--color-green)
	}

	.top-bar.v1 .top-info {
		padding: 20px 25px
	}

	.top-bar.v1 .top-display-info {
		position: relative;
		gap: 20px;
		-ms-flex-pack: justify;
		justify-content: center;
		padding: 30px 25px;
		border-radius: 5px;
		background: var(--color-white);
		margin-bottom: -20px
	}

	.top-bar.v1 .top-display-info li~li {
		
		padding-left: 20px
	}

	.top-bar.v1 .top-display-info .info-icon .my-icon {
		font-size: 30px
	}

	.top-bar.v1 .top-display-info .info-text p {
		display: block
	}

	.top-bar.v1 .top-display-info .info-text p~h6 {
		margin-top: 0
	}

	.top-bar.v1 .top-display-info .info-text h6 {
		font-size: 16px
	}

	.top-bar.v1 .top-display-info .top-bar-search .search-close {
		top: 120px;
		right: 80px
	}

	.top-bar.v1 .top-display-info .top-bar-search form {
		width: 50%;
		height: 70px
	}

	.top-bar.v1 .top-display-info .top-bar-search form button,
	.top-bar.v1 .top-display-info .top-bar-search form input {
		font-size: 24px
	}

	.menu-bar.v1 {
		background: var(--color-green)
	}

	.menu-bar.v1 .menu-bar-content {
		display: -ms-flexbox;
		display: flex;
		-ms-flex-align: center;
		align-items: center;
		-ms-flex-pack: justify;
		justify-content: space-between;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		gap: 20
	}

	.menu-bar.v1 .mobile-header {
		display: none
	}

	.banner.v2 .profile-img .main-img {
		text-align: right
	}

	.banner.v2 .profile-img .main-img:before {
		width: calc(100% - 90px);
		height: calc(100% - 50px);
		left: 40px;
		border-radius: 40% 0 0 40%
	}

	.banner.v2 .profile-img .main-img img {
		width: calc(100% - 130px)
	}

	.banner.v2 .profile-img .plan-p {
		margin-top: 0
	}

	.banner.v2 .profile-img .plan-p li {
		position: absolute;
		z-index: 2;
		width: 115px;
		height: 115px
	}

	.banner.v2 .profile-img .plan-p li:first-child {
		top: calc(10% + 22px);
		left: 30px
	}

	.banner.v2 .profile-img .plan-p li:nth-child(2) {
		top: calc(50% + 35px);
		transform: translateY(-50%);
		left: 0
	}

	.banner.v2 .profile-img .plan-p li:nth-child(3) {
		bottom: 0;
		left: 30px
	}

	.banner.v2 .profile-img .plan-p li:nth-child(3)~li {
		display: none
	}

	.counting-items.v1,
	.counting-items.v2 {
		padding-bottom: 0
	}

	.massage-form.v1 {
		position: relative;
		padding: 0;
		z-index: 1;
		overflow: hidden
	}

	.massage-form.v1 .right-bottom-shap,
	.massage-form.v1:before {
		position: absolute;
		content: "";
		width: calc(50vw + 30px);
		height: 100%;
		top: 0;
		right: 0;
		z-index: -1
	}

	.massage-form.v1:before {
		background: var(--color-white2)
	}

	.massage-form.v1 .main-form-massage {
		margin-top: 0
	}

	.info-footer.v1,
	.info-footer.v2 {
		padding-top: 85px
	}

	.info-footer.v1 .main-footer,
	.info-footer.v2 .main-footer {
		margin-top: 85px
	}

	.info-footer.v1 .footer__widget .subscriber form {
		padding: 10px 10px 10px 0;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-align: center;
		align-items: center;
		-ms-flex-pack: justify;
		justify-content: space-between;
		border: 1px solid var(--color-green);
		border-radius: 5px
	}

	.info-footer.v1 .footer__widget .subscriber form input {
		width: 70%;
		border: none;
		border-radius: 0
	}

	.info-footer.v1 .footer__widget .subscriber form input~button {
		margin-top: 0
	}

	.info-footer.v1 .footer__widget .subscriber~.address-info {
		margin-top: 65px
	}

	.info-footer.v1 .footer__widget .address-info>li {
		width: calc(50% - 15px)
	}

	.info-footer.v2 .footer__widget {
		margin-top: 0
	}

	.info-footer.v2 .logo-subscriber .footer-subscrib {
		width: calc(100% - 330px)
	}
}

@media (min-width:1400px) {
	.banner.v2 .profile-img .plan-p li {
		width: 135px;
		height: 135px
	}

	.top-bar.v1 .top-display-info li,
	.top-bar.v1 .top-display-info ul {
		gap: 17px
	}
}