/home/bdqbpbxa/demo-subdomains/homesearch.goodface.com.ua/frontend/css/adaptive.css
@media screen and (max-width: 1400px) {
/* Page name | .block-class-name */
}
@media screen and (max-width: 1260px) {
/* Careers | careers-main-section */
.careers-main-content__img {
max-width: 50%;
min-width: 50%;
margin: 0 0 0 80px;
}
.careers-main-content__content {
max-width: calc(50% - 80px);
}
/* ROI-calculator | calculator-section */
.calculator-section .calculator-content__right {
margin-left: 80px;
}
}
@media screen and (max-width: 1024px) {
/* Home page | main-section */
main .main-section {
padding: 100px 0 24px 0;
}
.main-section__text {
margin-top: 12px;
}
.main-section__buttons-container {
margin-top: 29px;
}
.main-section__buttons-container .default-button {
margin: 0 0 27px 0;
}
.main-section__img {
margin: 23px auto 0 auto;
}
/* Home page | .counter-section */
.counter-section {
padding: var(--margin-beetwen-content) 0;
}
.counter-section__inner {
flex-direction: column;
}
.counter-section__inner .texts {
width: 100%;
max-width: 100%;
margin-top: 0;
}
.counter-section__inner .counters {
max-width: 100%;
width: 100%;
margin-top: 14px;
}
.counter-section__inner .counter-item {
margin-bottom: 22px;
}
/* Home page | solution-preview-section */
.solution-block {
width: auto;
margin: 0 -20px 0 -20px;
padding: 0 20px;
overflow: auto;
}
.solution-block__inner {
width: fit-content;
flex-wrap: nowrap;
padding: 17px 0;
}
.solution-block__inner .solution-preview {
min-width: 284px;
margin: 0;
}
.solution-block__inner .solution-preview:nth-child(3n + 2) {
margin: 0 20px;
}
/* Home page | .testimonials-section */
.testimonials-section {
padding: var(--margin-beetwen-content) 0 0 0;
}
/* single-solution | solutions-main */
.solutions-main {
padding: var(--margin-beetwen-content) 0 0 0;
}
.solutions-main__inner {
flex-direction: column;
gap: 40px;
}
.solutions-main__right {
display: flex;
justify-content: center;
width: 100%;
margin-right: 0;
}
.solutions-main__right img {
width: 80%;
}
.solutions-main__left {
width: 100%;
padding-top: 0;
}
.solutions-main__left p {
margin-top: 12px;
}
.solutions-main__left p + p {
margin-top: 24px;
}
.solutions-main__left .button {
margin: 28px auto 0 auto;
}
/* Case study | solutions-two-col-section */
.solutions-two-col-section .info-with-img {
margin-top: 30px;
}
.info-with-img {
justify-content: space-between;
}
.info-with-img__img {
display: block;
min-width: auto;
max-width: 38%;
width: 38%;
margin: 22px 0 0 0;
}
.info-with-img__content {
max-width: 58%;
width: 58%;
margin-top: 57px;
}
.info-with-img__content ul li:not(:first-child) {
margin-top: 32px;
}
/* case study | .object-section */
.object-section {
padding: 36px 0 38px 0;
}
.object-section .object-list {
margin-top: 20px;
}
/* Case study | result-section */
.result-section .counters .counter-item__title {
font-size: 35px;
line-height: 43px;
}
.result-section .counters .counter-item__description {
margin-top: 1px;
}
/* Products page | object-section__single-col */
.object-section__single-col .object-list {
margin-top: 40px;
}
/* Single product page */
.guide-section .solving-list {
column-gap: 15px;
row-gap: 30px;
}
.guide-section .solving-list__item {
width: calc(50% - 15px / 2);
}
/* Single product page | key-section */
.check-lists-container {
display: grid;
grid-template-columns: repeat(1, 1fr);
column-gap: 28px;
row-gap: 20px;
margin-top: 22px;
}
.check-lists-container ul {
display: grid;
grid-template-columns: repeat(4, 1fr);
grid-column: span 1;
width: 100%;
max-width: 100%;
column-gap: 28px;
row-gap: 20px;
}
.check-lists-container ul li {
grid-column: span 1;
margin-top: 0;
}
.check-lists-container .check-list.-bigger-check li:not(:first-child) {
margin-top: 0;
}
.check-lists-container ul:nth-child(2) {
margin: 0;
}
/* Single product page | related-products */
.related-products .link {
margin-top: 20px;
}
.related-products .info-card-list {
margin-top: 28px;
}
/* Webinar | upcoming-section */
.upcoming-section .info-card-list {
margin: 20px auto 0 auto;
}
/* Webinar | previous-section */
.previous-section .info-card-list {
margin: 20px auto 0 auto;
}
/* Single-article | .article */
.article:before {
height: 49px;
}
.article .article__container {
margin: 0 auto 0;
}
.article__main-info {
padding: 19px 20px 29px;
}
/* single-article | related-article */
.related-article {
padding: var(--margin-beetwen-content) 0;
}
.related-article .article-list {
margin: 20px auto 0;
}
/* single-product | single-product-main */
.single-product-main__inner {
flex-direction: column;
justify-content: flex-start;
align-items: center;
}
.single-product-main__left {
max-width: 100%;
margin-top: 0;
}
.single-product-main__left .title {
margin-top: 10px;
}
.single-product-main__left .button-container .default-button {
width: 100%;
}
.single-product-main.-bottom-placed-img .single-product-main__left {
padding-bottom: 15px;
}
.single-product-main__right {
margin: 20px 0 0 0;
max-width: 90%;
}
.single-product-main.-bottom-placed-img .single-product-main__right {
margin: 20px 0 0 0;
max-width: 407px;
width: 90%;
}
/* single-product | single-product-guide */
.single-product-guide .solving-list {
margin-top: 28px;
}
/* single-product | single-product-how-work */
.single-product-how-work .solving-list {
margin-top: 28px;
}
.single-product-how-work .solving-list + * {
margin-top: 40px;
}
/* Blog page | blog-section */
.blog-section {
padding: var(--margin-beetwen-content) 0;
}
.blog {
margin: 0 auto;
}
.blog__tabs-menu {
display: flex;
width: auto;
margin: 0 -20px;
padding: 0 20px 18px 20px;
overflow: auto;
}
.blog__tabs-menu-item {
min-width: auto;
margin-bottom: 0;
}
.blog__tabs-menu-item:not(:last-child) {
margin-right: 30px;
}
.blog__tabs-menu-wrapper {
width: fit-content;
justify-content: center;
margin: 0 auto;
}
.blog__tabs-menu-line {
bottom: 9px;
}
.blog__tabs-item {
margin-top: 23px;
}
.blog__tabs-item .article-list {
row-gap: 30px;
}
/* about-us | about-us-main */
.about-us-main__content {
padding: 0;
}
.about-us-main__content h1,
.about-us-main__content h2 {
text-align: left;
}
.about-us-main__content.editor h3,
.about-us-main__content.editor h4,
.about-us-main__content.editor h5,
.about-us-main__content.editor h6 {
font-size: 17px;
line-height: 25px;
}
.about-us-main__content.editor p + h3,
.about-us-main__content.editor p + h4,
.about-us-main__content.editor p + h5,
.about-us-main__content.editor p + h6 {
margin-top: 20px;
}
/* about-us | team-section */
.team-section .editor h2 + p,
.team-section .editor h3 + p,
.team-section .editor h4 + p,
.team-section .editor h5 + p,
.team-section .editor h6 + p {
margin-top: 10px;
}
.team-section .editor *:not(:first-child) {
text-align: left;
}
.team-bigger-list {
grid-template-columns: repeat(2, 1fr);
gap: 40px;
}
.team-item {
grid-column: span 1;
flex-direction: column;
}
.team-item__img {
width: 100%;
display: flex;
justify-content: flex-start;
align-items: center;
}
.team__mobile-content {
margin-left: 21px;
display: block;
}
.team-item__img .img {
min-width: 101px;
width: 101px;
height: 101px;
}
.team-item__content {
margin: 18px 0 0 0;
}
.team-bigger-list .team-item__content .team-item__title {
display: none;
}
.team-bigger-list .team-item__content .team-item__subtitle {
display: none;
}
.team-item__text {
margin-top: 0;
}
.team-smaller-list {
/*gap: 40px 67px;*/
margin: 40px auto -40px auto;
}
.team-smaller-list .team-item {
width: calc(25% - 63px);
margin: 0 83px 40px 0;
}
.team-smaller-list .team-item__img {
width: 70px;
height: 70px;
}
.team-smaller-list .team-item__content {
margin: 10px 0 0 0;
}
/* About us | clients-section */
.clients-list {
display: flex;
justify-content: flex-start;
align-items: center;
flex-wrap: wrap;
}
.clients-list .client-item {
width: calc(25% - 52px);
min-width: 100px;
margin-bottom: 30px;
margin-right: 69px;
}
.clients-list .client-item:nth-child(4n + 4) {
margin-right: 0;
}
/* about-us | awards-section */
.awards-section .info-card-list {
margin: 20px auto 0 auto;
}
/* about-us | news-section */
.news-section .info-card-list {
margin-top: 20px;
}
/* about-us | careers-small-content */
.careers-small-content .title {
margin-top: 12px;
}
.careers-small-content .text {
margin-top: 10px;
}
.careers-small-content .link {
margin-top: 17px;
}
/* FAQ page | faq-section */
.faq-section .faq-theme-item:not(:first-child) {
margin-top: 30px;
}
.faq-theme-item > div:first-of-type {
margin-top: 10px;
}
/* What agents say | what-agent-main-section */
.what-agent-main-section {
padding: 0 0 var(--margin-beetwen-content) 0;
}
.what-agent-main-content {
flex-direction: column;
gap: var(--margin-beetwen-content);
}
.what-agent-main-content__img {
margin: 0 -20px 0 -20px;
max-width: none;
min-width: auto;
width: auto;
}
.what-agent-main-content__content {
max-width: 100%;
}
.what-agent-main-content__content p + p {
margin-top: 24px;
}
.what-agent-main-content__content .article__author-info {
margin-top: 30px;
}
/* contact-us | contact-us-section */
.contact-us-section:before {
top: 0;
height: 31px;
}
.contact-us-wrapper {
margin: -11px auto 0 auto;
padding: 25px 20px 30px 20px;
}
.contact-us-wrapper__left {
width: calc(50% - 20px);
min-width: auto;
}
.contact-us-wrapper__left .submit {
width: 100%;
}
.contact-us-wrapper__right {
width: 45%;
}
.contact-us-wrapper__right h1,
.contact-us-wrapper__right h2,
.contact-us-wrapper__right h3,
.contact-us-wrapper__right h4,
.contact-us-wrapper__right h5,
.contact-us-wrapper__right h6 {
font-weight: 600;
font-size: 17px;
line-height: 25px;
}
.contact-us-wrapper__right h1:not(:first-child),
.contact-us-wrapper__right h2:not(:first-child),
.contact-us-wrapper__right h3:not(:first-child),
.contact-us-wrapper__right h4:not(:first-child),
.contact-us-wrapper__right h5:not(:first-child),
.contact-us-wrapper__right h6:not(:first-child) {
margin-top: 20px;
}
.contact-us-wrapper__right p:not(:first-child) {
margin-top: 5px;
}
.contact-us-wrapper__right p,
.contact-us-wrapper__right a {
font-weight: 300;
font-size: 15px;
line-height: 24px;
}
.contact-us-wrapper__right p a,
.contact-us-wrapper__right > a {
padding-bottom: 0;
border-bottom: none;
}
.contact-us-wrapper__right .social-links {
margin-top: 5px;
}
/* Careers | careers-main-section */
.careers-main-section {
padding: 0 0 var(--margin-beetwen-content) 0;
}
.careers-main-content {
flex-direction: column;
}
.careers-main-content__img {
max-width: none;
min-width: auto;
width: auto;
margin: 0 -20px;
}
.careers-main-content__content {
max-width: none;
width: 100%;
margin-top: 21px;
}
/* Careers | careers-values */
.careers-values-list {
display: grid;
grid-template-columns: repeat(2, 1fr);
}
/* Vacancy page | vacancy-description */
.vacancy-description__content .editor {
margin-top: 20px;
}
.vacancy-description__content p + h1,
.vacancy-description__content p + h2,
.vacancy-description__content p + h3,
.vacancy-description__content p + h4,
.vacancy-description__content p + h5,
.vacancy-description__content p + h6 {
margin-top: 32px;
}
.vacancy-description__content li,
.vacancy-description__content li a {
font-weight: 300;
font-size: 15px;
line-height: 24px;
}
.vacancy-description__content li:before {
width: 2px;
height: 2px;
}
/* Book a demo | book-a-demo-main__left */
.book-a-demo-main {
margin-bottom: 0;
}
.book-a-demo-main:after {
display: none;
}
.book-a-demo-main__left .article__author-info {
margin: 13px auto 0 auto;
text-align: left;
width: fit-content;
}
.book-a-demo-main__left .author-content .text {
margin-top: 3px;
}
.book-a-demo-main__left {
margin-top: 0;
text-align: center;
}
.book-a-demo-main__content {
flex-direction: column;
gap: 30px;
margin-bottom: 0;
}
.book-a-demo-main__right {
position: relative;
margin: 0 auto;
width: 100%;
}
.book-a-demo-main__right-content {
position: relative;
margin: 0 auto;
padding: 25px 20px 20px 20px;
}
.book-a-demo-main__right:before {
content: "";
position: absolute;
left: -20px;
right: -20px;
background: var(--white);
bottom: 0;
height: 90%;
}
.book-a-demo-main__right .submit {
min-width: 195px;
}
/* Contact | contact-section */
.contact-section {
padding: 20px 0 60px 0;
}
.contact__content {
flex-direction: column;
}
.contact-user {
margin-top: var(--margin-beetwen-title-content);
}
.contact-user .article__author-info {
margin-top: 15px;
}
.contact__content-right {
position: relative;
margin: 30px 0 0 0;
padding-top: 30px;
min-width: auto;
width: 100%;
}
.contact__content-right:before {
content: "";
display: block;
position: absolute;
left: -20px;
right: -20px;
top: 0;
border: 1px solid #e5e5e5;
}
.contact__content-right form .title {
display: block;
margin-bottom: 20px;
}
/* ROI-calculator | calculator-section */
.calculator-section {
overflow: visible;
}
.calculator-section .calculator-content {
flex-direction: column;
}
.calculator-section .calculator-content__left {
width: 100%;
padding: 25px 0 0 0;
}
.calculator-section .calculator-content__right {
position: sticky;
bottom: 0;
left: 0;
margin: 54px -20px 0 -20px;
padding: 0 20px 0 20px;
width: calc(100% + 40px);
min-width: auto;
background: var(--grey-bg);
border-top: 1px solid #d8d8d8;
max-height: calc(var(--window-inner-height) - 120px);
overflow: hidden;
}
.calculator-content__right.-open {
overflow-y: auto;
}
.calculator-content__right .calculator-content__opener {
pointer-events: auto;
}
.calculator-content__right .calculator-top-result {
pointer-events: none;
}
.calculator-content__right.-open .calculator-top-result {
pointer-events: auto;
}
.calculator-content__right-content {
padding: 0 0 40px 0;
}
.calculator-section .calculator-content__right:before {
display: none;
}
.calculator-content__opener {
position: relative;
display: flex;
justify-content: center;
align-items: center;
margin: 0 -20px 0 -20px;
padding: 12px 0 11px 0;
}
.calculator-content__opener:before {
content: "";
width: 33px;
height: 3px;
border-radius: 2px;
background: #d9d9d9;
}
.calculator-question-box .input-box {
margin-top: 15px;
width: 100%;
max-width: 500px;
}
.calculator-question-box + .calculator-question-box {
margin-top: 40px;
}
.calculator-hidden-result {
padding: 40px 12px 30px 12px;
}
.calculator-item-result__accordion .--accordion__content-container {
margin: 0 -12px;
}
.calculator-hidden-result:before {
left: 0;
right: 0;
top: 20px;
bottom: 10px;
}
.calculator-top-result {
border: none;
padding: 0 0 15px 0;
}
.calculator-top-result__dropdown {
align-items: flex-end;
}
.calculator-top-result__dropdown .calculator-result__global {
padding-bottom: 5px;
}
.calculator-top-result .default-dropdown__button {
font-weight: 300;
font-size: 15px;
line-height: 24px;
padding: 0 30px 0 11px;
}
.calculator-top-result .input-box {
width: 114px;
margin-left: 17px;
}
.default-dropdown__button:after {
right: 10px;
width: 9px;
height: 5px;
}
.calculator-bottom-result {
padding: 0;
}
}
@media screen and (max-width: 759px) {
/* Home page | main-section */
.main-section__buttons-container {
flex-direction: column;
}
.main-section__img {
width: auto;
margin: 23px -20px 0 -20px;
}
/*Home page | .text-section */
.text-section p {
width: 99%;
}
/* Home page | .conveyor-section */
.conveyor-section .conveyor-belt__belt {
margin: 21px 0 21px 0;
}
/* Home page | .solving-section */
.solving-section .solving-list {
margin-top: 23px;
}
/* Home page | .counter-section */
.counter-section__inner .counters {
justify-content: flex-start;
}
.counter-section__inner .counter-item {
width: calc(50% - 15px);
margin-bottom: 0;
margin-top: 22px;
}
.counter-section__inner .counter-item:nth-child(odd) {
margin-right: 30px;
}
.counter-section__inner .counter-item:nth-child(2),
.counter-section__inner .counter-item:first-child {
margin-top: 0;
}
/* Home page | equip-section */
.equip-section .title {
text-align: left;
margin-left: 0;
}
.equip-section .text {
margin-top: var(--margin-beetwen-title-text);
text-align: left;
margin-left: 0;
}
.equip-section .container > .link {
margin-top: 23px;
}
/* single-solution | recommended-section */
.recommended-section {
padding: var(--margin-beetwen-content) 0;
}
.recommended-section .conveyor-belt__belt {
margin-top: 30px;
}
.recommended-section .link {
margin-top: 25px;
}
/* single-solution | solutions-main */
.solutions-main__right img {
width: 90%;
}
/* Case study | solutions-two-col-section */
.info-with-img {
flex-direction: column;
align-items: center;
justify-content: flex-start;
}
.info-with-img__img {
width: 100%;
max-width: 100%;
padding: 0 26px;
margin-top: 22px;
}
.info-with-img__content {
max-width: 100%;
width: 100%;
margin-top: 0;
}
/* Case study | result-section */
.result-section {
padding: var(--margin-beetwen-content) 0;
}
.result-section .counters {
gap: 40px;
}
.result-section .counters .counter-item {
width: 100%;
grid-column: span 3;
}
/* Products page | object-section__single-col */
.object-section__single-col .editor {
text-align: left;
}
/* Single product page */
.guide-section .solving-list {
column-gap: 0;
row-gap: 17px;
margin-top: 10px;
}
.guide-section .solving-list__item {
width: 100%;
padding-left: 22px;
padding-right: 22px;
}
/* Single product page | key-section */
.check-lists-container {
display: grid;
}
.check-lists-container ul {
grid-template-columns: repeat(2, 1fr);
}
/* Single product page | single-faq-section */
.single-faq-section .faq-list {
margin: 0 auto;
}
/* Single-article | .article */
.article__main-img {
width: 100%;
height: 176px;
}
.article__main-info {
padding: 19px 20px 29px;
}
.article__content img {
margin: 28px auto 50px auto;
}
.article__content h1,
.article__content h2,
.article__content h3,
.article__content h4,
.article__content h5,
.article__content h6 {
font-weight: 600;
font-size: 20px;
line-height: 28px;
}
.article__content p + h1,
.article__content p + h2,
.article__content p + h3,
.article__content p + h4,
.article__content p + h5,
.article__content p + h6 {
margin-top: 29px;
}
.article__content h1 + p,
.article__content h2 + p,
.article__content h3 + p,
.article__content h4 + p,
.article__content h5 + p,
.article__content h6 + p {
margin-top: 11px;
}
.article__content p + p {
margin-top: 25px;
}
.article__content blockquote {
padding-left: 0;
font-weight: 600;
font-size: 22px;
line-height: 30px;
margin: 61px 0 31px 0;
}
.article__content blockquote:before {
left: 1px;
top: -34px;
width: 35px;
height: 21px;
}
.article__content p + blockquote {
margin-top: 61px;
}
.article__author-info {
margin-top: 43px;
}
.article__author-info .text {
margin-top: 0;
}
/* about-us | team-section */
.team-bigger-list {
grid-template-columns: repeat(1, 1fr);
}
/* contact-us | contact-us-section */
.contact-us-wrapper {
flex-direction: column;
padding: 0;
}
.contact-us-wrapper form .default-button {
margin-top: 24px;
}
.contact-us-wrapper__left {
width: 100%;
min-width: auto;
padding: 25px 20px 30px 20px;
}
.contact-us-wrapper__right {
padding: 36px 20px 30px 20px;
width: 100%;
border-top: 1px solid #ededed;
}
/* Careers | careers-values */
.careers-values-list {
grid-template-columns: repeat(1, 1fr);
gap: 20px;
}
.careers-values__item {
display: flex;
flex-direction: row;
align-items: flex-start;
}
.careers-value__content {
margin-left: 15px;
}
.careers-values__img {
width: 60px;
min-width: 60px;
height: 60px;
}
.careers-values__title {
margin-top: 0;
text-align: left;
}
.careers-values__text {
text-align: left;
}
.careers-values__item:not(:first-child) {
padding-top: 20px;
border-top: 1px solid rgba(0, 0, 0, 0.1);
}
/* Careers | careers-vacancies */
.careers-vacancies .vacancies-list {
margin: 20px 0 0 0;
}
.vacancies-list > .text {
margin-top: 7px;
}
.vacancies-list:not(:last-child) {
padding-bottom: 42px;
margin-bottom: 40px;
}
.vacancies-list:not(:last-child):after {
left: -20px;
right: -20px;
bottom: 0;
width: auto;
}
.vacancies-list__list {
margin-top: 30px;
width: 100%;
}
.vacancies-list__item {
position: relative;
flex-direction: column;
justify-content: center;
align-items: flex-start;
padding: 20px 35px 20px 0;
}
.vacancies-list__item .text {
margin-top: 3px;
}
.vacancies-list__item:first-child {
padding-top: 0;
}
.vacancies-list__item:last-child {
padding-bottom: 0;
}
.vacancies-list__item:before {
right: 0;
}
.vacancies-list__item:not(:first-child) {
border: none;
}
.vacancies-list__item:not(:first-child):after {
content: "";
position: absolute;
left: -20px;
right: -20px;
top: 0;
border-top: 1px solid #e5e5e5;
}
/* Vacancy | vacancy-form-section */
.vacancy-form-section__content .form {
width: 100%;
}
.vacancy-form-section__content .form form {
margin-top: 22px;
}
.vacancy-form-section__content .form form > input:last-child {
margin-top: 6px;
}
form .submit {
min-width: auto;
width: 100%;
}
/* Book a demo | book-a-demo-main__left */
.book-a-demo-main {
margin-bottom: 0;
}
.book-a-demo-main__left .article__author-info {
margin: 13px auto 0 auto;
text-align: left;
width: fit-content;
}
.book-a-demo-main__left .author-content .text {
margin-top: 3px;
}
.book-a-demo-main__left {
margin-top: 0;
text-align: center;
}
.book-a-demo-main__content {
flex-direction: column;
gap: 30px;
margin-bottom: 0;
}
.book-a-demo-main__right {
position: relative;
margin: 0 auto;
width: 100%;
}
.book-a-demo-main__right-content {
width: 100%;
min-width: auto;
position: relative;
margin: 0 auto;
padding: 25px 20px 20px 20px;
}
.book-a-demo-main__right:before {
content: "";
position: absolute;
left: -20px;
right: -20px;
background: var(--white);
bottom: 0;
height: 90%;
}
.book-a-demo-main__right .submit {
min-width: auto;
width: 100%;
margin-top: 10px;
}
form .privacy-policy {
margin-top: 17px;
}
/* About us */
.team-smaller-list {
margin: 40px auto -40px auto;
justify-content: center;
}
.team-smaller-list .team-item {
width: calc(50% - 54px);
max-width: 150px;
margin: 0 27px 40px 27px !important;
}
.team-smaller-list .team-item:nth-child(4n + 4) {
margin-right: 0;
}
.clients-list {
justify-content: center;
}
.clients-list .client-item {
width: 100px;
min-width: 100px;
margin: 0 30px 30px 30px !important;
}
/* single-product | single-product-main */
.single-product-main__left .button-container {
flex-direction: column;
}
.single-product-main__left .button-container > a:not(:last-child) {
margin: 0 0 20px 0;
}
.single-product-main__right {
max-width: 100%;
}
.single-product-main.-bottom-placed-img .single-product-main__right {
min-width: auto;
width: 100%;
}
}