@media only screen and (min-width: 767px) { .team h1 { font-size: 50px } .team .employees { flex-wrap: wrap; gap: 16px } .team .employees .employee { display: flex; flex-direction: column; flex: 0 1 calc(50% - 8px) } } @media only screen and (min-width: 1024px) { .team .content-wrap { padding: 0 0 80px 0 } } @media only screen and (min-width: 1280px) { .team .content-wrap .employees { gap: 32px } .team .content-wrap .employees .employee { flex: 0 1 calc(33.3333% - 22px) } .team .content-wrap .employees .employee .text-wrap { padding: 18px 20px; gap: 16px } } @media only screen and (min-width: 1439px) { .team h1 { font-size: 80px; line-height: 110%; margin-bottom: 60px } } @media only screen and (min-width: 1024px) { .info { padding-bottom: 64px } .info h3, section.partners h3 { margin-bottom: 48px } .info .content-wrap.bg-or { display: flex; align-items: stretch; justify-content: space-between; gap: 50px; padding: 75px 32px } .info .content-wrap .half { max-width: 510px } .info .content-wrap .half h3 { font-size: 32px; line-height: 120%; margin-bottom: 16px } } @media only screen and (min-width: 767px) { section.partners h3 { padding: 0 } section.partners .partners-slider { flex-wrap: wrap; gap: 12px } section.partners .partners-slider .p-slide { width: calc(25% - 12px); margin: 0; } } @media only screen and (min-width: 1023px) { section.partners, .content-wrap { padding: 30px } section.partners { padding: 80px 0 60px 0; max-width: 1320px; margin: auto } section.partners h3 { margin-bottom: 40px } section.partners .partners-slider { gap: 24px } section.partners .partners-slider .p-slide { width: calc(25% - 24px) } section.partners.bg-bl h3, section.partners.bg-bl .partners-slider { max-width: 1320px; margin-left: auto; margin-right: auto; } }