:root {
--color-white: #ffffff;
--color-white2: #f8f7f0;
--color-white3: #f7f7f7;
--color-black: #24231d;
--color-black2: #333f4d;
--color-gBlack: #878680;
--color-border: #e3e3e3;
--color-green: #4baf47;
--color-yellow: #eec044;
--color-tr: transparent;
}
@media (min-width: 370px) and (max-width: 576px) { .top-bar.v1 .top-display-info li:nth-child(2) {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
}
@media (min-width: 576px) { .top-bar.v1 .top-display-info li:nth-child(2) {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
} .info-footer.v2 .row > div:nth-child(1) .footer__widget,
.info-footer.v2 .row > div:nth-child(2) .footer__widget {
margin-top: 0;
}
}
@media (min-width: 767px) { section section,
.blog-post,
.blog-details {
padding: 80px 0px;
} .top-bar.v1 .top-display-info li:nth-child(3) {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
} .banner.v1 .banner-content {
padding: 80px 0px;
} .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;
} .services.v1 .row > div:nth-last-child(2) .provide-card,
.services.v2 .row > div:nth-last-child(2) .provide-card {
margin-bottom: 0px;
} .projects-gallery.v1 .row > div:nth-last-child(2) .gallery-card,
.projects-gallery.v2 .row > div:nth-last-child(2) .gallery-card {
margin-bottom: 0px;
} .work-process.v1 .row > div:nth-last-child(2) .work-card {
margin-bottom: 0px;
} .counting-items.v1,
.counting-items.v2 {
padding-bottom: 80px;
} .our-team.v1 .row > div:nth-last-child(2) .team-card,
.our-team.v2 .row > div:nth-last-child(2) .team-card {
margin-bottom: 0px;
} .our-blogs.v1 .row > div:nth-last-child(2) .blog-card,
.our-blogs.v2 .row > div:nth-last-child(2) .blog-card {
margin-bottom: 0px;
} .info-footer.v2 .logo-subscriber .sent-email {
width: calc(100% - 290px);
}
.info-footer.v2 .logo-subscriber .sent-email form {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
height: 60px;
}
.info-footer.v2 .logo-subscriber .sent-email .wpcf7-form-control-wrap {
width: calc(100% - 200px);
}
.info-footer.v2 .logo-subscriber .sent-email .wpcf7-form-control-wrap,
.info-footer.v2 .logo-subscriber .sent-email .wpcf7-form-control-wrap input {
height: 100%;
}
.info-footer.v2 .logo-subscriber .sent-email .wpcf7-response-output {
display: none;
}
.info-footer.v2
.logo-subscriber
.sent-email
.wpcf7-form-control-wrap
~ button {
margin-top: 0;
}
.info-footer.v2 .logo-subscriber .sent-email button {
width: 200px;
height: 100%;
border-radius: 0px;
}
}
@media (min-width: 992px) { .section-title-center h6,
.section-title-center-white h6 {
max-width: 25%;
}
.section-title-center h2,
.section-title-center-white h2 {
max-width: 42%;
}
.section-title-center p,
.section-title-center-white 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: 150px 0px;
}
.play-btn.v2 {
width: 80px;
height: 80px;
}
.message-form.v1 input,
.message-form.v1 .my-select,
.message-form.v2 input,
.message-form.v2 .my-select {
width: calc(50% - 15px);
}
.message-form.v3 .wpcf7-form label,
.message-form.v3 .my-select {
width: calc(33.3333333% - 20px);
}
.blog-sidebar__wrapper .blog-sidebar__widget:first-child {
margin-top: 0px;
}
.blog-sidebar__wrapper .blog-sidebar__widget-head,
.blog-sidebar__widget .wp-block-heading,
.blog-sidebar__widget .wp-block-search__label {
padding: 20px 30px;
border-radius: 5px 20px 0px 0px;
}
.blog-sidebar__wrapper .blog-sidebar__widget-head .blog-sidebar__widget-title,
.blog-sidebar__widget .wp-block-heading,
.blog-sidebar__widget .wp-block-search__label {
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 0px;
}
.banner.v1 .banner-content h2,
.banner.v2 .banner-content h2 {
font-size: 65px;
line-height: 85px;
}
.banner.v1 .banner-content h6 ~ h2,
.banner.v1 .banner-content h2 ~ p,
.banner.v2 .banner-content h6 ~ h2,
.banner.v2 .banner-content h2 ~ p {
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: -webkit-gradient(
linear,
left top,
right top,
from(#24231d),
to(rgba(0, 0, 0, 0))
);
background: linear-gradient(90deg, #24231d 0%, rgba(0, 0, 0, 0) 100%);
}
.banner.v1 .line-shap,
.banner.v1 .lip-shap,
.banner.v1 .right-bottom-shap,
.banner.v1 .circle-shap,
.banner.v1 .circle-dot-shap {
display: block;
}
.banner.v1 .banner-content {
padding: 100px 0px;
} .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: -webkit-box;
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: 0px;
}
.about-us.v2 .about-us-content {
width: 50%;
}
.about-us.v2 .about-us-content .box-img-list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-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: 0px;
}
.about-us.v2 .about-us-content .box-img-list ul {
width: 50%;
} .services.v1 .row > div:nth-last-child(3) .provide-card,
.services.v2 .row > div:nth-last-child(3) .provide-card {
margin-bottom: 0px;
} .projects-gallery.v1 .row > div:nth-last-child(3) .gallery-card,
.projects-gallery.v2 .row > div:nth-last-child(3) .gallery-card {
margin-bottom: 0px;
} .faq.v1 {
position: relative;
padding: 90px 0px 0px 0px;
z-index: 1;
}
.faq.v1 .faq-img {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
-webkit-box-pack: 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 0px;
background-size: cover;
border-radius: 0px;
z-index: -1;
margin-bottom: 0px;
}
.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: 0.8;
border-radius: 5px;
}
.faq.v1 .faq-content {
padding: 60px 40px;
}
.faq.v2 .faq-img {
margin: 0px 0px -140px 0px;
} .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: 0px;
} .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-team.v1 .row > div:nth-last-child(3) .team-card,
.our-team.v2 .row > div:nth-last-child(3) .team-card,
.our-team.v1 .row > div:nth-last-child(4) .team-card {
margin-bottom: 0px;
} .our-blogs.v1 .row > div:nth-last-child(3) .blog-card,
.our-blogs.v2 .row > div:nth-last-child(3) .blog-card {
margin-bottom: 0px;
} .service-details.v1 .service-links-list h5 {
padding: 20px 40px;
}
.service-details.v1 .service-links-list ul {
padding: 4px 20px;
border-radius: 0px 0px 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 {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.projects-details.v1 .main-content .projects-info .info-list {
margin: -65px 60px 0px 60px;
}
.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 0px 30px;
}
.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: 0px;
} .blog-details.v1 .main-text h2 {
font-size: 48px;
line-height: 60px;
}
.blog-details.v1 .main-text .article-text {
padding: 110px 30px 35px 30px;
}
.blog-details.v1 .main-text .article-text::before {
top: 35px;
left: 30px;
font-size: 65px;
}
.blog-details.v1 .next-preve-post {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.blog-details.v1 .next-preve-post .prev-post,
.blog-details.v1 .next-preve-post .next-post {
width: calc(50% - 20px);
}
.blog-details.v1 .next-preve-post .prev-post .text-icon > a,
.blog-details.v1 .next-preve-post .next-post .text-icon > a {
display: inline-block;
width: calc(100% - 80px);
}
.blog-details.v1 .next-preve-post .next-post {
-webkit-box-pack: end;
-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 section,
.blog-post,
.blog-details {
padding: 100px 0px;
}
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: var(--color-white2);
}
.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;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
padding: 30px 25px;
border-radius: 5px;
background: var(--color-white);
margin-bottom: -20px;
}
.top-bar.v1 .top-display-info li ~ li {
border-left: 1px solid var(--color-border);
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 input {
font-size: 24px;
}
.top-bar.v1 .top-display-info .top-bar-search form button {
font-size: 24px;
} .menu-bar.v1 {
background: var(--color-green);
}
.menu-bar.v1 .menu-bar-content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-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:nth-child(1) {
top: calc(10% + 22px);
left: 30px;
}
.banner.v2 .profile-img .plan-p li:nth-child(2) {
top: calc(50% + 35px);
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
left: 0px;
}
.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::before,
.massage-form.v1 .right-bottom-shap {
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 0px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
flex-wrap: wrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
border: 1px solid var(--color-green);
border-radius: 5px;
}
.info-footer.v1 .footer__widget .subscriber form .wpcf7-form-control-wrap {
width: calc(84% - 100px);
}
.subscriber span.wpcf7-not-valid-tip {
display: none;
}
.subscriber .wpcf7-response-output {
width: 100%;
border-radius: 5px;
background: var(--color-white);
}
.info-footer.v1 .footer__widget .subscriber form input {
border: none;
border-radius: 0px;
}
.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;
}
}