@media screen and (max-width: 2000px) {
    .insideSlider .slick-list,
    .insideSlider .slick-track,
    .isImage, .insideSlider img {
        max-height: 880px;
    }
    .card {
        height: 850px;
    }
}

@media screen and (max-width: 1700px) {
    .mainRadar {
        transform: scale(0.9);
    }
    .bannerMain h1 {
        font-size: 100px;
        line-height: 84px;
    }
    .blockTitle {
        font-size: 64px;
    }
    .blockDesc {
        font-size: 22px;
    }
    .actionWrapThird .blockDesc {
        font-size: 26px;
    }
    .bfText p {
        font-size: 28px;
        line-height: 36px;
    }
    .phText h1 {
        font-size: 86px;
    }
}

@media screen and (max-width: 1600px) {
    .header > ul {
        gap: 0 40px;
    }
    .header ul li,
    .button, .header ul ul li {
        font-size: 20px;
    }
    .bannerMain {
        padding: 155px 0 95px;
        margin-top: 90px;
    }
    .bannerMain h1 {
        font-size: 86px;
        line-height: 76px;
        margin: 0 0 40px;
        max-width: 900px;
    }
    .bannerMain p {
        font-size: 28px;
        line-height: 36px;
        margin: 0 0 55px;
    }
    .blockTitle {
        font-size: 54px;
    }
    .blockDesc {
        font-size: 20px;
    }
    .actionWrapThird .blockDesc {
        font-size: 24px;
    }
    .projectText h3 {
        font-size: 28px;
        line-height: 36px;
    }
    .projectText p {
        font-size: 18px;
    }
    .jobsText p {
        font-size: 20px;
    }
    .postTextWrap h3 {
        font-size: 28px;
        line-height: 32px;
    }
    .postTextWrap p {
        font-size: 18px;
    }
    .tagsList span,
    .tagsList a {
        font-size: 16px;
    }
    .bfText p {
        font-size: 24px;
        line-height: 30px;
    }
    .bfInput label {
        font-size: 20px;
    }
    .faData p {
        font-size: 20px;
    }
    .footerMenu a {
        font-size: 20px;
    }
    .footerMenu ul ul a {
        font-size: 16px;
    }
    .phText h1 {
        font-size: 80px;
    }
    .phText p {
        font-size: 28px;
        line-height: 34px;
    }
    .bfInput label {
        font-size: 18px;
        margin-bottom: 5px;
    }
    .cwContent {
        width: 36.5%;
    }
    .cwItem > img {
        width: 61%;
    }
    .solutionItem h3 {
        font-size: 28px;
        line-height: 36px;
    }
    .solutionItem p {
        padding-right: 0;
    }
    .pageHeader {
        margin-top: 120px;
        border-radius: 40px;
        padding: 40px;
        height: 670px;
    }
    .bannerBacks,
    .bannerBacks video,
    .bannerBacks:before {
        border-radius: 40px;
    }
    .solutionItem {
        height: 190px;
    }
    .solutionsBack {
        height: 585px;
    }
    .stackItem {
        padding: 35px;
        min-height: 230px;
    }
    .cardContent {
        width: 670px;
        left: 50px;
    }
    .cardText h4 {
        font-size: 42px;
        line-height: 42px;
    }
    .cardText p {
        font-size: 20px;
        line-height: 28px;
    }
    .cardText {
        min-height: 295px;
    }
    .jobTitle h3 {
        font-size: 32px;
    }
    .pageHeader {
        margin-top: 105px;
        border-radius: 35px;
        padding: 30px;
        height: 560px;
    }
    .bannerBacks,
    .bannerBacks video,
    .bannerBacks:before {
        border-radius: 35px;
    }
    .valueText h4 {
        font-size: 28px;
        line-height: 36px;
    }
    .valueImage {
        height: 350px;
        margin-bottom: 85px;
    }
    .eventItem > span {
        font-size: 66px;
    }
    .eventItem {
        height: 420px;
    }
    .actionWrapSecond:before {
        height: 390px;
    }
    .actionWrapSecond {
        padding-bottom: 435px;
    }
    .aboutDirItem > span {
        font-size: 42px;
        line-height: 42px;
    }
    .aboutDirItem {
        min-height: 290px;
    }
    .whyItem h4 {
        font-size: 28px;
        line-height: 36px;
    }
    .bottomFormWrap.withBack:before {
        width: 700px;
    }
    .bottomFormWrap {
        padding: 65px 25px 175px;
    }
    .mainRadar {
        transform: scale(0.87);
    }
    .mainEventsSlider.notSlider .eventItem {
        height: 530px;
    }
    .bfText {
        max-width: 730px;
    }
    .spContent .pageTitle {
        font-size: 66px;
    }
    .spContent .spPreview {
        font-size: 28px;
    }
    #map {
        height: 600px;
        margin: 40px auto 0;
    }
    .valueContent > span {
        margin-top: 5px;
    }
}

@media screen and (max-width: 1600px) { /* 1540 */
    .stackAbout h3 {
        font-size: 36px;
    }
    .stackAbout p {
        font-size: 18px;
        margin: 15px 0 0;
    }
    .stackImage {
        width: 190px;
        height: 190px;
    }
    .stackAbout {
        max-width: calc(100% - 205px);
    }
    .phText h1 {
        font-size: 74px;
    }
    .cardStack .cardList .card {
        height: 610px;
    }
    .card:first-child {
        top: 105px;
    }
    .card:nth-child(2) {
        top: 130px;
    }
    .card:nth-child(3) {
        top: 155px;
    }
    .card:nth-child(4) {
        top: 180px;
    }
    .card:nth-child(5) {
        top: 205px;
    }
    .card:nth-child(6) {
        top: 230px;
    }
    .card:nth-child(7) {
        top: 255px;
    }
    .card:nth-child(8) {
        top: 280px;
    }
    .bfText {
        max-width: 46%;
    }
    footer .container > .button {
        padding-left: 10px;
        padding-right: 10px;
        width: calc(14.5% - 20px);
        justify-content: center;
    }
    .stackSlider .stackItem .stackAbout {
        max-width: 100%;
    }
    .rowItem > div > span {
        width: 60px;
        height: 60px;
        font-size: 36px;
        line-height: 64px;
        margin-right: 5%;
    }
    .rowItem > div > h4 {
        font-size: 28px;
        line-height: 32px;
    }
    .rowItem > div > p {
        font-size: 18px;
    }
    .mainRadar {
        transform: scale(0.8);
        margin: 0;
    }
    .atImage > span {
        left: 30px;
        top: 30px;
    }
    .projectMedia {
        height: 370px;
    }
    .pageTitle {
        font-size: 70px;
        line-height: 75px;
        margin: 0 0 35px;
    }
    .pageDesc {
        font-size: 26px;
        line-height: 36px;
        margin: 0 0 48px;
    }
    .stackWrap {
        padding-bottom: 180px;
    }
    .valueImage {
        height: 305px;
        margin-bottom: 65px;
    }
    .eventItem > span {
        font-size: 52px;
    }
    .eventItem {
        height: 415px;
    }
    .actionWrapSecond {
        padding-bottom: 410px;
    }
    .actionWrapSecond:before {
        height: 380px;
    }
    .whyItem h4 {
        font-size: 26px;
        line-height: 32px;
    }
    .bottomFormWrap.withBack:before {
        width: 680px;
    }
    .actionWrapThird .blockDesc {
        margin-top: 30px;
    }
    .actionWrapThird .actionLinks {
        margin: 35px auto 30px;
    }
    .mrColumn {
        width: 24%;
    }
    .singleItem h3 {
        font-size: 36px;
        line-height: 42px;
    }
    .singleItem > p {
        font-size: 22px;
        line-height: 28px;
    }
    .singleItem > div {
        width: 385px;
    }
    .doubleBlock {
        margin: 40px 0 0;
    }
    .singleItem {
        height: 425px;
    }
    .mainEventsSlider.notSlider .eventItem {
        height: 490px;
    }
    .actionLinks {
        margin: 80px 0 0;
    }
    .postItem img {
        height: 325px;
    }
    .spContent .pageTitle {
        font-size: 64px;
    }
    .spContent .spPreview {
        margin: 30px 0 50px;
        font-size: 28px;
    }
    .spContent p,
    .spContent li {
        font-size: 20px;
        line-height: 28px;
    }
    .spImage text {
        font-size: 20px;
        line-height: 28px;
    }
    .spContent h2 {
        font-size: 44px;
        margin: 84px 0 35px;
    }
    .saText h3 {
        font-size: 42px;
    }
    .mapWrap .blockTitle {
        font-size: 48px;
    }
    #map {
        height: 480px;
        margin: 35px auto 0;
    }
    .bottomFormWrap {
        padding: 50px 25px 175px;
    }
    .bfText p {
        font-size: 18px;
        line-height: 22px;
    }
    .contactsData h3 {
        font-size: 20px;
        line-height: 28px;
    }
    .bfText .footerAddress {
        margin: 40px 0;
        padding: 20px 0 5px;
    }
    .bfInput input,
    .bfInput textarea {
        font-size: 18px;
    }
    .aboutDirText p {
        font-size: 20px;
        line-height: 26px;
    }
    .aboutDirItem > span {
        font-size: 34px;
        line-height: 34px;
    }
    .aboutDirItem {
        min-height: 210px;
    }
    .aboutTO {
        padding-bottom: 160px;
    }
    .blockTitleImage {
        height: 390px;
    }
    .insideSlider .slick-list,
    .insideSlider .slick-track,
    .isImage, .insideSlider img {
        max-height: 620px;
    }
    .shareInner {
        padding: 25px;
        width: 310px;
    }
    .pageHeader {
        height: 540px;
    }
    .postTextWrap {
        height: calc(100% - 405px);
    }
    .cardText h4 {
        font-size: 38px;
        line-height: 38px;
    }
    .cardText {
        min-height: 265px;
    }
    .cardContent .tagsList {
        padding: 30px 30px 15px;
    }
    .cardText {
        padding: 25px 30px 35px;
    }
    .aboutList {
        background-size: 125% !important;
    }
    .container {
        width: calc(100% - 148px);
    }
    .logo {
        width: 105px;
    }
    .header {
        padding: 8px 0;
    }
    .button {
        padding: 13px 38px 12px;
        border-radius: 16px;
    }
    .header ul li,
    .button, .header ul ul li {
        font-size: 18px;
    }
    .bannerMain {
        margin-top: 67px;
        padding: 200px 0 70px;
    }
    .bannerMain h1 {
        margin-bottom: 30px;
    }
    .bannerMain p {
        font-size: 24px;
        line-height: 32px;
        max-width: 510px;
    }
    .solutionsWrap {
        margin-top: 98px;
    }
    .solutionItem {
        position: relative;
        padding: 13px 0 25px 43px;
        height: 170px;
    }
    .solutionItem > span {
        left: -6px;
        top: 15px;
        font-size: 14px;
    }
    .solutionItem h3 {
        font-size: 24px;
        line-height: 32px;
    }
    .solutionItem p {
        padding-right: 0;
        font-size: 12px;
    }
    .stackWrap {
        margin: 60px 0 0;
        padding-top: 60px;
    }
    .stackList {
        margin-top: 47px;
    }
    .stackItem {
        border-radius: 30px;
        padding: 30px;
        min-height: 248px;
    }
    .stackAbout h3 {
        font-size: 31px;
    }
    .stackAbout p {
        font-size: 15px;
        margin: 15px 0 0;
    }
    .stackItem {
        padding: 30px;
        min-height: 190px;
    }
    .tagsList span,
    .tagsList a {
        font-size: 12px;
        padding: 6px 17px;
    }
    .stackList {
        gap: 15px 25px;
    }
    .contentWrap {
        padding-top: 55px;
        border-radius: 50px 50px 0 0;
    }
    .blockTitleWrap .buttonType {
        margin-top: -20px;
        font-size: 16px;
        padding: 13px 28px 12px;
    }
    .buttonType:after {
        background: url(../images/arrowType.svg);
        width: 24px;
        height: 24px;
    }
    .tabsWrap {
        gap: 0 12px;
        margin: 30px 0 20px;
    }
    .tabsWrap span, .tabsWrap a {
        padding: 11px 20px 11px;
        border-radius: 18px;
        font-size: 14px;
    }
    .faqItem > span {
        font-size: 25px;
        width: 40px;
        margin-right: 20px;
    }
    .faqText {
        width: calc(100% - 60px);
    }
    .faqText h3 {
        font-size: 24px;
        margin: 0 0 10px;
    }
    .faqText p {
        font-size: 14px;
    }
    .faqList {
        margin-top: 55px;
    }
    .faqText h3 span {
        width: 22px;
        height: 22px;
    }
    .faqItem {
        padding-bottom: 10px;
        margin-bottom: 15px;
    }
    .faqItem.open {
        padding-bottom: 20px;
    }
    .projectTextWrap > span, .jobTitle > span,
    .aboutItem > span, .cardType .cardContent > span,
    .aboutDirText > span, .cwContent > div > span,
    .radarContent > span, .whyItem > span,
    .spComment > span, .pwItem > div > span,
    .atImage > span {
        width: 50px;
        height: 50px;
        background-size: 30px !important;
        margin-right: 19px;
    }
    .projectsWrap {
        margin-top: 115px;
    }
    .blockDesc {
        margin: 0 85px 0 40px;
        font-size: 18px;
    }
    .projectMedia {
        height: 355px;
        border-radius: 35px;
    }
    .projectTextWrap {
        margin: 22px 0 0;
    }
    .projectText {
        width: calc(100% - 70px);
    }
    .projectText h3 {
        font-size: 24px;
        line-height: 32px;
        margin-bottom: 10px;
    }
    .projectText p {
        font-size: 15px;
    }
    .projectText p {
        max-width: 590px;
    }
    .projectsList {
        gap: 20px 25px;
    }
    .projectsWrap {
        padding-bottom: 155px;
    }
    .actionWrap {
        padding-top: 50px;
        padding-left: 10px;
        padding-bottom: 173px;
    }
    .actionWrap .container > .button {
        margin-top: 33px;
    }
    .actionLinks a {
        width: 93px;
        height: 93px;
        border-radius: 16px;
    }
    .actionLinks {
        margin: 95px 0 0;
    }
    .actionLinks a:before {
        width: 44px;
        height: 44px;
    }
    .cardStack {
        margin: 55px auto 0;
    }
    .cardContent {
        width: 585px;
        left: 40px;
    }
    .cardText h4 span {
        width: 54px;
        height: 54px;
        margin-right: 24px;
        font-size: 32px;
        line-height: 57px;
    }
    .cardText h4 {
        font-size: 35px;
        line-height: 35px;
    }
    .sliderWrap + .jobsWrap {
        padding-top: 50px;
    }
    .jobsList {
        max-width: 690px;
        width: 100%;
    }
    .jobsText {
        max-width: 450px;
    }
    .jobsText p {
        font-size: 18px;
        margin-bottom: 35px;
    }
    .jobItem {
        padding: 30px 30px;
        gap: 10px;
        border-radius: 35px;
        width: calc(100% - 62px);
        margin-bottom: 16px;
    }
    .jobItem:before {
        top: 30px;
        right: 30px;
        width: 44px;
        height: 44px;
        background-size: 20px!important;
    }
    .jobData {
        margin: 0 0 22px;
        padding: 0;
        max-width: calc(100% - 100px);
    }
    .jobData li {
        font-size: 14px;
    }
    .jobPreview {
        max-width: calc(100% - 100px);
        min-height: 155px;
    }
    .jobTitle h3 {
        font-size: 30px;
        line-height: 120%;
    }
    .jobData li:after {
        margin: 0 5px;
    }
    .blogWrap {
        padding: 100px 0 0;
    }
    .blogList {
        margin: 25px 0 0;
    }
    .postItem img {
        height: 270px;
        border-radius: 30px;
    }
    .postTextWrap {
        height: calc(100% - 340px);
        padding: 0 20px 25px;
    }
    .postData {
        font-size: 14px;
    }
    .postTextWrap h3 {
        font-size: 24px;
        line-height: 28px;
    }
    .bottomFormWrap {
        padding-left: 0;
        padding-right: 0;
    }
    footer .actionLinks {
        margin-top: 35px;
    }
    .actionLinks a {
        width: 84px;
        height: 84px;
    }
    .pageHeader {
        height: 550px;
        padding: 40px;
        margin-bottom: 60px;
    }
    .phText p {
        font-size: 24px;
        line-height: 30px;
        max-width: 550px;
        margin-top: 30px;
    }
    .phText h1 {
        font-size: 72px;
    }
    .phSliderWrap {
        padding: 20px;
        border-radius: 30px;
        width: calc(26% - 40px);
    }
    .phItem span {
        font-size: 55px;
    }
    .phItem text {
        font-size: 18px;
        line-height: 26px;
        margin: 10px 0 0;
        max-width: 215px;
    }
    .phSliderCount {
        top: 57px;
        right: 30px;
        font-size: 18px;
    }
    .subTitle {
        font-size: 24px;
        line-height: 32px;
        margin-bottom: 22px;
    }
    .blockTitleWrapSecond .blockDesc {
        margin: 10px 0 0;
        max-width: 650px;
    }
    .aboutList {
        margin: 30px 0 40px;
        padding: 55px 0 370px;
    }
    .aboutItem {
        padding: 30px;
        border-radius: 35px;
        width: 390px;
    }
    .aboutItem h3 {
        margin: 25px 0 0;
        font-size: 30px;
        line-height: 38px;
    }
    .aboutItem p {
        margin: 8px 0 0;
        font-size: 15px;
    }
    .aboutItem + .aboutItem {
        margin-bottom: -130px;
        margin-top: 130px;
    }
    .aboutList {
        background-size: 102% !important;
        padding: 55px 0 290px;
    }
    .valuesWrap .blockTitleWrap .blockDesc {
        margin-left: 0;
    }
    .slick-arrow {
        width: 42px;
        height: 42px;
    }
    .slickFakeX {
        width: 42px;
    }
    .valuesSlider:not(.notSlider) {
        margin: 67px -55px -15px -25px;
    }
    .valuesSlider:not(.notSlider) .valueItem {
        /* width: 276px; */
        flex-shrink: 0;
        border-radius: 25px;
    }
    .valueImage {
        height: 220px;
        margin-bottom: 40px;
    }
    .valueContent > span {
        font-size: 16px;
        width: 25px;
        margin-right: 15px;
        margin-top: 7px;
    }
    .valueText h4 {
        font-size: 24px;
        line-height: 32px;
    }
    .valueText p {
        font-size: 14px;
    }
    .eventItem {
        height: 340px;
    }
    .mainEventsSlider.scSlider .eventItem {
/*         width: 280px; */
    }
    .eventItem > text {
        font-size: 14px;
    }
    .rulerWrap {
        height: 50px;
    }
    .mainEventsWrap + .actionWrap {
        margin-top: 120px;
    }
    .mainEventsWrap + .actionWrap {
        margin-top: 120px;
        padding-bottom: 355px;
    }
    .postTextWrap {
        margin: 10px 0 0;
    }
    .sliderWrapSecond {
        padding-bottom: 60px;
    }
    .cardStack .cardList .card.cardType {
        height: 480px;
    }
    .cardType .cardContent {
        height: calc(100% - 130px);
    }
    .stepItem h4 span {
        width: 54px;
        height: 54px;
        margin-right: 24px;
        font-size: 32px;
        line-height: 56px;
    }
    .stepItem h4 {
        font-size: 24px;
        line-height: 30px;
    }
    .stepItem p {
        font-size: 16px;
    }
    .howWorkWrap {
        margin-bottom: -30px;
    }
    .vacSearch {
        margin: 38px 0 0;
        height: 48px;
        max-width: 600px;
    }
    .vacSearch span {
        width: 45px;
        background-size: 32px;
    }
    .vacSearch input {
        font-size: 18px;
        padding: 0 11px;
        width: 295px;
    }
    .vacSearch a {
        font-size: 20px;
        padding: 10px 10px 10px;
        width: 145px;
        border-radius: 0 16px 16px 0;
    }
    .vacSearch i {
        width: 28px;
        height: 28px;
        line-height: 30px;
        font-size: 20px;
        left: 420px;
    }
    .vacSearchResult .blockTitle {
        font-size: 36px;
    }
    .sidebar {
        /*padding: 23px;*/
        /*width: calc(25% - 49px);*/
        width: 22%;
        /*margin-right: 4%;*/
        border-radius: 30px;
    }
    .filterWrap {
        padding: 23px;
    }
    .filterName {
        font-size: 18px;
        line-height: 24px;
        margin-bottom: 22px;
    }
    .filterItem text {
        font-size: 16px;
        line-height: 20px;
    }
    .filterToggle {
        font-size: 16px;
    }
    .sidebar > a,
    .sidebar > div > a {
        font-size: 17px;
        margin-bottom: 13px;
        border-radius: 16px;
    }
    .vacContent .jobsList {
        margin-top: 40px;
    }
    .vacContent .jobsList .jobItem {
        margin-bottom: 10px;
    }
    .checkboxWrap {
        width: 15px;
        height: 15px;
    }
    .checkboxWrap input:checked + span:before {
        top: 2px;
        left: 2px;
        width: 11px;
        height: 11px;
    }
    .filterItem {
        margin-bottom: 10px;
    }
    .radioWrap input:checked + span:before {
        width: 8px;
        height: 8px;
        top: 4px;
        left: 4px;
    }
    .vacSearch span {
        /*width: 55px;*/
        height: 48px;
        /*border-radius: 16px 0 0 16px;*/
    }
    .radarBack {
        width: 60%;
        height: 495px;
    }
    .radarWrap .container {
        background: #fff;
        border-radius: 40px;
        padding: 45px 0 0 40px;
        width: calc(100% - 145px);
    }
    .radarContent {
        max-width: 430px;
    }
    .radarContent .tagsList {
        margin: 34px 0 0;
    }
    .radarContent .blockTitle {
        margin: 47px 0 0;
    }
    .radarContent > p {
        font-size: 15px;
        margin: 20px 0 0;
    }
    .radarContent .button {
        margin: 80px 0 40px;
    }
    .whyList {
        margin: 50px 0 0;
    }
    .whyItem {
        padding: 25px;
        height: 195px;
        width: calc(23.5% - 50px);
    }
    .whyItem h4 {
        font-size: 23px;
        line-height: 27px;
    }
    .whyAyaWrap + .bottomFormWrap {
        margin-top: 120px;
    }
    .bottomFormWrap.withBack:before {
        width: 600px;
    }
    .noBanner {
        margin-top: 100px;
    }
    .noBanner .breadCrumbs {
        margin-bottom: 40px;
    }
    .page-template-contacts .actionWrap {
        padding-bottom: 505px;
    }
    .actionWrapSecond:before {
        height: 380px;
        bottom: 155px;
    }
    .pageDesc {
        font-size: 24px;
        line-height: 32px;
    }
    .singleItem {
        padding: 30px;
        width: calc(49% - 60px);
    }
    .singleItem h3 {
        font-size: 30px;
        line-height: 36px;
    }
    .singleItem > p {
        font-size: 18px;
        line-height: 24px;
        max-width: 420px;
    }
    .singleItem:before {
        width: 44px;
        height: 45px;
        top: 30px;
        right: 30px;
    }
    .rowList {
        margin-top: 54px;
    }
    .rowItem {
        padding: 27px;
        width: calc(100% - 56px);
        border-radius: 25px;
        margin-bottom: 20px;
    }
    .rowItem > div > h4 {
        font-size: 24px;
        line-height: 28px;
    }
    .rowItem > div > p {
        font-size: 16px;
    }
    .rowItem > text {
        font-size: 14px;
        border-radius: 50px;
        padding: 4px 15px 5px;
    }
    .stackWrap + .blueWrap {
        padding-bottom: 180px;
    }
    .cwContent h3 {
        font-size: 36px;
        line-height: 36px;
    }
    .cwContent p {
        font-size: 15px;
        margin: 30px 0 0;
    }
    .phText {
        width: 62%;
    }
    .mainEventsSlider.notSlider .eventItem {
        height: 440px;
    }
    .pathWayWrap .blockTitle {
        margin-bottom: 50px;
    }
    .faqListWrap {
        padding: 10px 30px 30px;
        border-radius: 35px;
        margin-bottom: 25px;
    }
    .faqListData h3 {
        font-size: 36px;
        margin: 25px 0 25px;
    }
    .faqList {
        margin-top: 30px;
    }
    .faqText li {
        font-size: 16px;
    }
    .notSlider .valueImage {
        height: 280px;
    }
    .abText h3 {
        margin: 0 0 25px;
        font-size: 30px;
    }
    .abText p {
        font-size: 16px;
    }
    .pwItem h3 {
        font-size: 24px;
        line-height: 32px;
    }
    .pwItem {
        padding: 23px;
        border-radius: 35px;
        width: calc(32% - 46px);
        min-height: 325px;
    }
    .pwItem p {
        font-size: 16px;
    }
    .spContent .pageTitle {
        font-size: 54px;
    }
    .spContent .spPreview {
        margin: 26px 0 35px;
        font-size: 24px;
    }
    .saText h3 {
        font-size: 34px;
    }
    .spContent p, .spContent li {
        font-size: 16px;
        line-height: 24px;
    }
    .achievementsWrap .mainEventsSlider.notSlider .eventItem {
        height: 235px;
    }
    .spContent h2 {
        font-size: 36px;
        margin: 74px 0 27px;
    }
    .spContent {
        width: 70.3%;
        margin-right: 4.4%;
    }
    .spBar {
        width: 25.3%;
    }
    .shareMinBlock.menuContent {
        padding: 20px;
        border-radius: 30px;
    }
    .shareMinBlock .share {
        width: 52px;
        height: 52px;
    }
    .aboutDirItem {
        padding: 30px;
        width: calc(49% - 60px);
        border-radius: 35px;
    }
    .stackSlider .stackImage {
        width: 160px;
        height: 160px;
    }
    .stackSlider .stackItem {
        min-height: 470px;
    }
    .single .actionWrapThird {
        padding-bottom: 430px;
    }
    .page-template-about .actionWrapSecond:before {
        bottom: -5px;
    }
    .solutionsList {
        max-height: 624px;
    }
    .solutionsWrap[data-count="5"] .solutionHover {
        height: calc(208px * 5);
    }
    .solImg {
        width: 300px;
        height: 300px;
    }
    .solutionsBack {
        background-size: 620px !important;
    }
    .solImg.si1 {
        width: 340px;
        height: 340px;
    }
    .pathWayWrap .faqListWrap .faqText {
        max-width: 570px;
    }
    .wpcf7-form-control-wrap.error + .thisInput {
        font-size: 14px;
    }
}

@media screen and (max-width: 1440px) {
    .bannerMain {
        padding: 150px 0 95px;
    }
    .bannerMain h1 {
        font-size: 76px;
        max-width: 870px;
        line-height: 72px;
        margin: 0 0 30px;
    }
    .bannerMain p {
        font-size: 20px;
        line-height: 24px;
    }
    .blockTitle {
        font-size: 50px;
    }
    .stackImage {
        width: 180px;
        height: 180px;
    }
    .stackAbout {
        max-width: calc(100% - 210px);
    }
    .stackAbout h3 {
        font-size: 32px;
    }
    .faqText h3 {
        font-size: 26px;
        line-height: 120%;
    }
    .faqItem > span {
        font-size: 24px;
        margin-top: -2px;
    }
    .cardText h4 {
        font-size: 38px;
        line-height: 38px;
    }
    .cardText p {
        font-size: 20px;
        line-height: 28px;
    }
    .jobsList {
        max-width: calc(100% - 600px);
    }
    .jobItem {
        padding: 25px;
        border-radius: 30px;
        width: calc(100% - 52px);
    }
    .jobData {
        max-width: calc(100% - 115px);
    }
    .jobData li {
        font-size: 16px;
    }
    .jobPreview {
        max-width: calc(100% - 115px);
        min-height: 180px;
    }
    .jobTitle h3 {
        width: calc(100% - 90px);
        margin: 10px 0 0;
        font-size: 30px;
        line-height: 110%;
    }
    .bfText p {
        font-size: 22px;
        line-height: 28px;
    }
    .bfText {
        max-width: 44%;
    }
    .bottomForm {
        width: 53.5%;
    }
    .bfInput label {
        font-size: 18px;
    }
    footer .logo {
        width: 14%;
        margin-right: 4%;
    }
    .faData p {
        font-size: 16px;
    }
    .faData text {
        margin: 0 0 8px;
        font-size: 16px;
    }
    .header ul li, .button,
    .header ul ul li {
        font-size: 18px;
    }
    .postItem img {
        height: 260px;
        border-radius: 30px;
    }
    .pageHeader {
        height: 550px;
        margin-top: 110px;
    }
    .phText h1 {
        font-size: 68px;
    }
    .phText p {
        font-size: 24px;
        line-height: 30px;
    }
    .subTitle {
        font-size: 28px;
        line-height: 32px;
    }
    .vacSearchResult .blockTitle {
        font-size: 40px;
    }
    .sidebar {
        /*padding: 20px;*/
        /*width: calc(28% - 43px);*/
        width: 28%;
        /*margin-right: 4%;*/
        border-radius: 30px;
    }
    .filterWrap {
        padding: 20px;
    }
    .vacContent {
        width: 68%;
    }
    .whyItem h4 {
        font-size: 20px;
        line-height: 24px;
    }
    .whyItem h4 br {
        display: none;
    }
    .whyItem {
        padding: 20px;
        border-radius: 30px;
        width: calc(23.5% - 40px);
    }
    .mrBlock {
        padding: 15px 15px 10px;
    }
    .mrColumn {
        width: 25%;
    }
    .mrList li {
        font-size: 14px;
    }
    .mrName {
        font-size: 16px;
    }
    .projectText h3 {
        font-size: 26px;
        line-height: 32px;
    }
    .blogSlider .slick-arrow {
        width: 50px;
        height: 50px;
    }
    .blogSlider .slick-arrow {
        top: 260px;
        margin-top: 0;
        transform: none;
    }
    .cardStack .cardList .card {
        height: 635px;
    }
    .cardText {
        padding: 25px 30px 35px;
        min-height: 235px;
    }
    .cardContent {
        width: 580px;
        left: 40px;
    }
    .cardContent .tagsList {
        padding: 25px 25px 15px;
    }
    .cardText h4 span {
        width: 56px;
        height: 56px;
        margin-right: 20px;
        font-size: 32px;
        line-height: 60px;
    }
    .cardText h4 {
        font-size: 28px;
        line-height: 28px;
    }
    .cardText p {
        font-size: 18px;
        line-height: 22px;
    }
    .cardContent .tagsList span {
        padding: 6px 14px;
    }
    .cardStack .cardList .card {
        border-radius: 40px;
    }
    .jobItem:before {
        top: 25px;
        right: 25px;
        width: 50px;
        height: 50px;
    }
    .phItem span {
        font-size: 60px;
    }
    .phItem text {
        font-size: 20px;
        line-height: 24px;
        max-width: 210px;
    }
    .aboutItem h3 {
        margin: 30px 0 0;
        font-size: 32px;
        line-height: 36px;
    }
    .aboutItem p {
        font-size: 18px;
    }
    .eventItem > span {
        font-size: 56px;
    }
    .eventItem > text {
        font-size: 16px;
    }
    .eventItem {
        height: 380px;
    }
    .stepItem h4 {
        font-size: 28px;
        line-height: 30px;
    }
    .stepItem h4 span {
        width: 50px;
        height: 50px;
        margin-right: 20px;
        font-size: 30px;
        line-height: 52px;
    }
    .stepItem p {
        font-size: 18px;
    }
    .postTextWrap {
        height: calc(100% - 340px);
    }
}

@media screen and (max-width: 1370px) {
    .blogSlider .slick-arrow {
        top: 240px;
        transform: none;
    }
    .postTextWrap {
        margin: 25px 0 0;
        padding: 0 20px 25px;
    }
    .postItem {
        border-radius: 30px;
    }
    .aboutDirText p {
        font-size: 20px;
        line-height: 24px;
    }
    .aboutDirItem {
        min-height: 260px;
    }
    .aboutDirItem > span {
        font-size: 30px;
        line-height: 100%;
    }
    .stackSlider .stackItem {
        min-height: 440px;
    }
    .cwContent p {
        font-size: 16px;
        margin: 25px 0 0;
    }
    .jobsWrap {
        padding: 120px 0 0;
    }
    .phItem span {
        font-size: 56px;
    }
    .mainEventsSlider.notSlider .eventItem {
        width: 100%;
        height: 470px;
    }
    .blockDesc {
        max-width: 605px;
    }
    .eventItem > span {
        font-size: 56px;
    }
    .pwItem h3 {
        font-size: 28px;
        line-height: 30px;
    }
    .pwItem p {
        font-size: 18px;
    }
    .pwItem {
        padding: 20px;
        border-radius: 30px;
        width: calc(32% - 40px);
        min-height: 380px;
    }
    .pwItem:nth-child(3n) {
        margin-right: 0;
    }
    .pageTitle {
        font-size: 62px;
        line-height: 64px;
        margin: 0 0 25px;
    }
    .pageDesc {
        font-size: 20px;
        line-height: 28px;
        margin: 0 0 50px;
    }
    .spContent .pageTitle {
        font-size: 56px;
    }
    .spContent .spPreview {
        font-size: 24px;
    }
    .spContent p,
    .spContent li,
    .spContent h4 {
        font-size: 20px;
        line-height: 26px;
    }
    .spImage text {
        font-size: 20px;
        line-height: 26px;
    }
    .spContent h2 {
        font-size: 42px;
        margin: 80px 0 35px;
    }
    .saText h3 {
        font-size: 40px;
    }
    .menuContent h3 {
        font-size: 26px;
        line-height: 30px;
    }
    .menuContent li {
        margin-bottom: 10px;
    }
    .menuContent li a {
        font-size: 20px;
        line-height: 24px;
    }
    .menuContent li a:before {
        margin-top: 8px;
    }
    .filterName {
        font-size: 20px;
        line-height: 26px;
        margin-bottom: 20px;
    }
    .filterItem text {
        font-size: 16px;
        line-height: 20px;
    }
    .checkboxWrap {
        margin-top: -2px;
    }
    .filterToggle,
    .filterLetter {
        font-size: 16px;
    }
    .sidebar > a,
    .sidebar > div > a {
        font-size: 18px;
    }
    .bottomFormWrap.withBack:before {
        left: 0;
        width: 45%;
    }
    .mainRadar {
        transform: scale(0.7);
    }
    .mrListWrap {
        margin: 20px 0 0;
    }
    .mrList span {
        font-size: 16px;
    }
    .bannerMain h1 {
        font-size: 72px;
        max-width: 840px;
        line-height: 66px;
    }
    .stackItem {
        border-radius: 35px;
        padding: 32px;
        min-height: 215px;
    }
    .stackImage {
        width: 160px;
        height: 160px;
        right: 32px;
        bottom: 32px;
    }
    .stackAbout p {
        font-size: 16px;
        margin: 15px 0 0;
    }
    .stackAbout {
        max-width: calc(100% - 170px);
    }
    .blockDesc {
        font-size: 18px;
    }
    .projectMedia {
        height: 325px;
    }
    .projectText h3 {
        font-size: 24px;
        line-height: 28px;
    }
    .projectText p {
        font-size: 17px;
    }
    .actionLinks {
        margin: 75px 0 0;
    }
    .bottomFormWrap {
        padding-bottom: 165px;
    }
    .actionLinks a {
        width: 100px;
        height: 100px;
    }
    .bfText p {
        font-size: 20px;
        line-height: 24px;
    }
    .bfInput input, .bfInput textarea {
        padding: 18px 20px 18px;
        font-size: 18px;
    }
    .phText h1 {
        font-size: 56px;
    }
    .cardStack .cardList .card.cardType {
        height: 490px;
    }
    .cardType .cardContent {
        height: 360px;
    }
    .radarWrap .container {
        border-radius: 40px;
        padding: 30px 0 0 30px;
        width: calc(100% - 110px);
    }
    .radarContent .button {
        margin: 80px 0 45px;
    }
    .radarBack {
        height: 565px;
    }
    .singleItem h3 {
        font-size: 34px;
        line-height: 36px;
    }
    .singleItem > p {
        font-size: 20px;
        line-height: 26px;
    }
    .singleItem {
        height: 460px;
    }
    .singleItem > div {
        width: 440px;
        height: 100%;
    }
    .rowItem > div > span {
        width: 48px;
        height: 48px;
        font-size: 28px;
        line-height: 52px;
        margin-right: 3%;
    }
    .rowItem > div > h4 {
        font-size: 22px;
        line-height: 26px;
    }
    .rowItem > div > p {
        font-size: 16px;
    }
    .cwContent h3 {
        font-size: 42px;
        line-height: 46px;
    }
    .cwContent .tagsList span,
    .cwContent .tagsList a {
        padding: 6px 14px;
    }
    .faqListData h3 {
        font-size: 34px;
    }
    .blockTitleWrapSecond .blockDesc {
        max-width: 650px;
    }
    .vacSearch span {
        /*width: 65px;
        height: 58px;*/
    }
    .vacSearch input {
        font-size: 20px;
        width: 320px;
    }
    .vacSearch a {
        font-size: 20px;
        width: 155px;
    }
    .stackSlider .stackImage {
        width: 160px;
        height: 160px;
    }
    .stackSlider .stackItem {
        min-height: 375px;
    }
    .actionWrapThird .blockDesc {
        margin-top: 30px;
    }
    .actionWrapThird .actionLinks {
        margin: 35px auto 20px;
    }
    .actionWrapThird:before {
        height: 300px;
    }
    .actionWrapThird {
        padding-bottom: 370px;
    }
    .mapWrap .blockTitle {
        font-size: 40px;
    }
    #map {
        height: 560px;
    }
    .aboutTO {
        padding-bottom: 140px;
    }
    .blockTitleImage {
        height: 440px;
    }
    .postTextWrap h3 {
        font-size: 24px;
        line-height: 28px;
    }
    .postTextWrap {
        height: calc(100% - 315px);
    }
    .vacSearch i {
        width: 30px;
        height: 30px;
        line-height: 32px;
        left: 410px;
    }
    .aboutList {
        background-size: 135% !important;
    }
    .single .actionWrapThird {
        padding-bottom: 370px;
    }
}

@media screen and (max-width: 1280px) {
    .header ul li, .button,
    .header ul ul li {
        font-size: 16px;
    }
    .button {
        padding-left: 25px;
        padding-right: 25px;
        padding-top: 14px;
    }
    .button:after {
        width: 18px;
        height: 18px;
    }
    .bannerMain {
        padding: 100px 0 70px;
    }
    .bannerMain h1 {
        font-size: 60px;
        max-width: 600px;
        line-height: 100%;
        margin: 0 0 30px;
    }
    .bannerMain p {
        font-size: 18px;
        line-height: 100%;
        margin-bottom: 35px;
    }
    .blockTitle {
        font-size: 46px;
    }
    .solutionsText {
        width: 45%;
        margin-right: 5%;
    }
    .solutionsList {
        width: calc(50% - 25px);
    }
    .stackImage {
        width: 140px;
        height: 140px;
    }
    .stackItem {
        border-radius: 30px;
        padding: 25px;
        min-height: 225px;
    }
    .stackAbout {
        max-width: calc(100% - 180px);
    }
    .stackAbout h3 {
        font-size: 28px;
    }
    .stackAbout p {
        font-size: 16px;
    }
    .contentWrap {
        padding-top: 60px;
        border-radius: 40px 40px 0 0;
    }
    .faqText h3 {
        font-size: 20px;
        line-height: 120%;
    }
    .faqItem > span {
        font-size: 22px;
        width: 30px;
        margin-right: 25px;
    }
    .faqText p {
        font-size: 16px;
    }
    .blockDesc {
        font-size: 18px;
    }
    .projectMedia {
        height: 310px;
        border-radius: 30px;
    }
    .projectText h3 {
        font-size: 24px;
        line-height: 28px;
    }
    .projectText p {
        font-size: 16px;
    }
    .jobTitle h3 {
        font-size: 24px;
    }
    .buttonType {
        padding-top: 10px;
    }
    .bfText {
        max-width: 38%;
    }
    .bfText p {
        font-size: 18px;
        line-height: 24px;
    }
    .bottomForm {
        width: 58.5%;
    }
    .bfInput label {
        font-size: 16px;
    }
    .bfInput input,
    .bfInput textarea {
        padding: 18px 20px 18px;
        font-size: 16px;
        border-radius: 20px;
    }
    .pageHeader {
        border-radius: 30px;
        padding: 30px;
    }
    .bannerBacks,
    .bannerBacks video,
    .bannerBacks:before {
        border-radius: 30px;
    }
    .phText {
        width: 60%;
    }
    .phSliderWrap {
        padding: 20px;
        border-radius: 20px;
        width: calc(32% - 40px);
    }
    .phText h1 {
        font-size: 48px;
    }
    .phText p {
        font-size: 20px;
        line-height: 24px;
        margin-top: 25px;
    }
    .aboutItem {
        padding: 25px;
        border-radius: 30px;
        width: calc(45% - 52px);
    }
    .aboutItem h3 {
        margin: 30px 0 0;
        font-size: 32px;
        line-height: 36px;
    }
    .aboutItem p {
        margin: 15px 0 0;
        font-size: 16px;
    }
    .valueImage {
        height: 325px;
        margin-bottom: 70px;
    }
    .valueItem {
        border-radius: 20px;
        padding: 15px 20px 20px;
        margin: 0 12px;
    }
    .valueText h4 {
        font-size: 26px;
        line-height: 30px;
    }
    .rowItem > div + div {
        width: 355px;
    }
    .cwContent {
        width: 46.5%;
    }
    .cwItem > img {
        width: 53%;
    }
    .faqText li {
        font-size: 16px;
    }
    .valuesSlider.notSlider .valueItem {
        width: calc(32% - 42px);
    }
    .tabsWrap span, .tabsWrap a {
        padding: 12px 27px 12px;
        font-size: 16px;
    }
    .projectTextWrap > span, .jobTitle > span,
    .aboutItem > span, .cardType .cardContent > span,
    .aboutDirText > span, .cwContent > div > span,
    .radarContent > span, .whyItem > span,
    .spComment > span, .pwItem > div > span,
    .atImage > span {
        width: 56px;
        height: 56px;
        margin-right: 20px;
        background-size: 32px !important;
    }
    .projectText {
        width: calc(100% - 76px);
    }
    .bannerMain {
        margin-top: 65px;
    }
    .cwContent h3 {
        font-size: 36px;
        line-height: 42px;
    }
    .abText h3 {
        margin: 0 0 20px;
        font-size: 34px;
    }
    .abText p {
        font-size: 18px;
    }
    .eventItem > span {
        font-size: 48px;
    }
    .pwItem h3 {
        font-size: 24px;
        line-height: 26px;
    }
    .pwItem p {
        font-size: 16px;
    }
    .pwItem {
        min-height: 315px;
    }
    .cardContent {
        width: 525px;
        left: 35px;
    }
    .cardContent .tagsList {
        padding: 20px 20px 15px;
    }
    .cardContent .tagsList span {
        padding: 6px 14px;
        font-size: 14px;
    }
    .cardText {
        padding: 20px 25px 25px;
        min-height: 210px;
    }
    .cardText h4 {
        font-size: 24px;
        line-height: 24px;
    }
    .cardText h4 span {
        width: 46px;
        height: 46px;
        margin-right: 18px;
        font-size: 26px;
        line-height: 48px;
    }
    .cardText p {
        font-size: 16px;
        line-height: 24px;
    }
    .header > ul > li.hasChild > a:after,
    .header > ul > li.menu-item-has-children > a:after {
        margin-top: 2px;
    }
    .stepItem h4 {
        font-size: 24px;
        line-height: 26px;
    }
    .aboutDirItem > span {
        font-size: 28px;
    }
    .aboutDirItem {
        padding: 30px;
        gap: 60px;
        width: calc(49% - 60px);
        background: #fff;
        border-radius: 30px;
        min-height: 240px;
        margin-bottom: 30px;
    }
    .aboutDirText p {
        font-size: 18px;
        line-height: 22px;
    }
    .aboutDirText > span {
        margin-right: 0;
    }
    .aboutTO {
        padding-bottom: 140px;
    }
    .blockTitleImage {
        height: 460px;
    }
    .stackSlider .stackImage {
        width: 140px;
        height: 140px;
    }
    .singleItem > div {
        width: 370px;
    }
    .singleItem {
        height: 415px;
    }
    .singleItem h3 {
        font-size: 28px;
        line-height: 32px;
    }
    .singleItem > p {
        font-size: 18px;
        line-height: 22px;
    }
    .mainRadar {
        margin-top: -50px;
    }
    .mrName {
        font-size: 14px;
    }
    .samePosts {
        padding-top: 120px;
    }
    .shareInner {
        padding: 20px;
        width: 275px;
    }
    .shareTitle {
        font-size: 20px;
        line-height: 28px;
    }
    .shareList a {
        width: 48px;
        height: 48px;
    }
    .valueContent > span {
        margin-top: 2px;
    }
    .vacSearch span {
        /*width: 60px;
        height: 50px;*/
        background-size: 30px;
    }
    .vacSearch a {
        padding: 11px 10px 11px;
    }
    .pathWayWrap .faqListWrap .faqText {
        margin-right: 0;
        max-width: 450px;
    }
    .pathWayWrap .faqListWrap .faqText br {
        display: none;
    }
}

@media screen and (max-width: 1140px) {
    .header > ul {
        gap: 0 20px;
    }
}

@media screen and (max-width: 1080px) {
    .header > ul,
    .headerButtons {
        display: none;
    }
    .bannerMain {
        margin-top: 55px;
    }
    header .menuToggle {
        display: block;
    }
    .bannerMain {
        padding: 75px 0 50px;
    }
    .bannerMain h1 {
        font-size: 48px;
        max-width: 500px;
    }
    .bannerMain p {
        font-size: 18px;
        line-height: 100%;
        max-width: 500px;
    }
    .solutionsWrap {
        margin-top: 70px;
    }
    .blockTitle {
        font-size: 36px;
    }
    .solutionsText {
        width: 100%;
        margin-right: 0;
    }
    .solutionsBack {
        height: 500px;
    }
    .solutionsList {
        width: calc(100% - 25px);
    }
    .solutionItem h3 {
        font-size: 26px;
        line-height: 32px;
    }
    .solutionItem {
        height: auto;
    }
    .stackList {
        margin-top: 40px;
        display: block;
    }
    .contentWrap {
        padding-top: 40px;
    }
    .stackTrack {
        display: flex;
        overflow-x: auto;
        justify-content: flex-start;
    }
    .stackList .slick-list {
        margin-left: -8px;
        margin-right: -100px;
        width: calc(100% + 108px);
    }
    .stackTrack::-webkit-scrollbar {
        height: 0;
        width: 0;
    }
    .stackTrack span {
        padding: 10px 24px;
        flex-shrink: 0;
    }
    .stackImage {
        width: 110px;
        height: 110px;
        right: auto;
        bottom: auto;
        top: 15px;
        left: 15px;
        background-position: left top !important;
    }
    .stackItem {
        margin: 0 8px;
        border-radius: 30px;
        padding: 160px 15px 15px;
        min-height: 225px;
    }
    .stackAbout {
        max-width: 100%;
    }
    .stackWrap {
        padding-bottom: 150px;
    }
    .projectTextWrap > span,
    .jobTitle > span,
    .aboutItem > span,
    .cardType .cardContent > span,
    .aboutDirText > span,
    .cwContent > div > span,
    .radarContent > span,
    .whyItem > span,
    .spComment > span,
    .pwItem > div > span {
        width: 45px;
        height: 45px;
        margin-right: 20px;
        background-size: 30px !important;
    }
    .projectText {
        width: calc(100% - 65px);
    }
    .projectText h3 {
        font-size: 22px;
        line-height: 24px;
    }
    .jobsText {
        max-width: 100%;
        margin-bottom: 40px;
    }
    .jobsList {
        max-width: 100%;
    }
    .bfText {
        margin-bottom: 40px;
        max-width: 100%;
    }
    .bottomForm {
        width: 100%;
    }
    .actionLinks {
        margin: 60px 0 0;
    }
    .phText h1 {
        font-size: 46px;
    }
    .pageHeader {
        height: 500px;
    }
    .phText p {
        font-size: 16px;
        line-height: 19px;
        margin-top: 25px;
    }
    .phItem span {
        font-size: 42px;
    }
    .phItem text {
        font-size: 16px;
        line-height: 20px;
        max-width: 190px;
    }
    .phSliderWrap {
        width: calc(36% - 40px);
    }
    .phSliderCount {
        top: 60px;
        right: 20px;
        font-size: 18px;
    }
    .subTitle {
        font-size: 20px;
        line-height: 24px;
        margin-bottom: 15px;
    }
    .aboutItem h3 {
        font-size: 26px;
        line-height: 30px;
    }
    .valueContent > span {
        font-size: 16px;
        width: 25px;
        margin-right: 15px;
        margin-top: 0px;
    }
    .valueText h4 {
        font-size: 22px;
        line-height: 26px;
    }
    .valueText p {
        font-size: 14px;
        line-height: 18px;
    }
    .valueImage {
        height: 260px;
        margin-bottom: 50px;
    }
    .mainEventsSlider .slick-arrow {
        top: -135px;
    }
    .sliderWrapSecond {
        padding-bottom: 130px;
    }
    .howWorkWrap .stepItem {
        width: 100%;
        margin-right: 0;
    }
    .aboutDirItem {
        width: 100%;
    }
    .stackSlider .stackItem {
        min-height: auto;
        padding-top: 20px;
    }
    .singleItem {
        width: calc(100% - 40px);
        margin-bottom: 15px;
        border-radius: 20px;
        padding: 20px;
    }
    .doubleBlock {
        flex-direction: column;
        margin-top: 40px;
    }
    .rowList {
        margin-top: 40px;
    }
    .rowItem {
        flex-direction: column;
        align-items: flex-start;
        border: none;
        background: hsl(0deg 0% 100% / 15%);
        padding: 20px;
        border-radius: 20px;
        margin-bottom: 20px;
        height: 300px;
        width: calc(100% - 40px);
    }
    .rowItem > div > span {
        width: 40px;
        height: 40px;
        font-size: 24px;
        line-height: 44px;
        margin-right: 20px;
    }
    .rowItem > div {
        flex-wrap: wrap;
        width: 100%;
    }
    .rowItem > div > h4 {
        font-size: 22px;
        line-height: 26px;
        width: calc(100% - 60px);
        margin: 0;
    }
    .rowItem > div > p {
        font-size: 16px;
        width: 100%;
        margin: 15px 0 0;
    }
    .rowItem > div + div {
        opacity: 1;
        right: 0;
        width: 230px;
        height: 180px;
    }
    .stackWrap + .blueWrap {
        padding-bottom: 140px;
    }
    .cwItem {
        flex-direction: column-reverse;
    }
    .cwItem > img {
        width: 100%;
        margin-bottom: 30px;
        border-radius: 20px;
    }
    .cwContent {
        width: 100%;
        margin: 0!important;
    }
    .cwItem:nth-child(2n) {
        flex-direction: column-reverse;
    }
    .spContent,
    .spBar {
        width: 100%;
        margin-right: 0;
    }
    .spBar,
    #innerList li:before {
        display: none;
    }
    #innerList {
        display: block;
    }
    .mainRadar {
        display: none;
    }
    .mrColumn {
        width: 49%;
        order: 1;
    }
    .mainRadarBlock {
        width: 100%;
        order: 2;
    }
    .mrBlock {
        width: calc(49% - 32px);
    }
    .mainRadarBlock {
        position: inherit;
    }
    .cardList {
        margin-bottom: 0;
    }
    .stackList.slick-slider {
        overflow: hidden;
        margin-right: -15px;
    }
    .page-template-radar .bottomFormWrap {
        margin-top: 64px;
    }
    .mainRadarBlock {
        margin-top: 17px;
    }
    .single-vacancy .spBar {
        display: block;
        width: 100%;
    }
    .spBar .shareMinBlock.menuContent {
        width: calc(100% - 32px);
        padding: 14px 16px;
        border-radius: 50px;
        margin-top: 28px;
    }
    .stackList .slick-dots {
        margin-right: 15px;
    }
    .singlePostWrap .shareInner {
        left: auto;
        right: 0;
    }
    #insideSlider:before {
        content: '';
        width: 64px;
        height: 64px;
        background: url(../images/cursor.png);
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
        position: absolute;
        top: 50%;
        left: 50%;
        transition: 0ms cubic-bezier(0.1, 0.57, 0.1, 1);
        pointer-events: none;
        transform: translate(-50%, -50%);
        z-index: 3;
        opacity: 1;
        transition: .3s all;
    }
    #insideSlider.noBefore:before {
        opacity: 0;
    }
    .postData {
        font-size: 16px;
    }
    .postTextWrap h3 {
        font-size: 20px;
        line-height: 24px;
    }
    .vacSearch i {
        left: 330px;
    }
    .aboutList {
        background-size: 170% !important;
    }
    .aboutBenefit {
        width: 46%;
        margin-right: 5%;
    }
    .solutionsText .solutionsBack {
        display: none;
    }
    .solutionsList {
        max-height: none;
        padding-left: 10px;
    }
    .solutionHover {
        display: none;
    }
    .solutionsList .solutionsBack {
        display: block;
    }
    .wpcf7-form-control-wrap.error + .thisInput {
        top: 75px;
        font-size: 12px;
    }
    .wpcf7-form-control-wrap.error + .thisInput:before {
        width: 14px;
        height: 14px;
        margin-right: 7px;
    }
}

@media screen and (max-width: 960px) {
    .tabsWrap {
        display: flex;
        overflow-x: auto;
        justify-content: flex-start;
    }
    .tabsWrap span,
    .tabsWrap a {
        padding: 12px 25px 12px;
        font-size: 16px;
    }
    .tabBlock.active {
        flex-direction: column-reverse;
        align-items: flex-start;
    }
    .faqList {
        width: 100%;
        margin-top: 40px;
    }
    .atImage {
        width: 100%;
    }
    .atImage img {
        border-radius: 30px;
    }
    .faqText h3 span {
        margin-top: -5px;
    }
    .projectsWrap {
        margin-top: 70px;
        padding-bottom: 230px;
    }
    .projectsList {
        display: block;
    }
    .blockDesc {
        font-size: 16px;
        max-width: 400px;
        margin: 0 0 0 40px;
    }
    .blockDesc br,
    .cardText h4 br {
        display: none;
    }
    .projectsList .slick-arrow {
        top: auto;
        bottom: -95px;
        transform: none;
    }
    .cardStack .cardList .card {
        height: 575px;
        background: -moz-linear-gradient(182.16deg, #1469D2 15.08%, #0F5FC2 106.4%) !important;
        background: -webkit-linear-gradient(182.16deg, #1469D2 15.08%, #0F5FC2 106.4%) !important;
        background: linear-gradient(182.16deg, #1469D2 15.08%, #0F5FC2 106.4%) !important;
        border-radius: 25px;
    }
    .card img {
        display: block;
        border-radius: 25px;
        height: 340px;
        width: 100%;
    }
    .cardContent {
        position: initial;
        background: none;
        border-radius: 0;
        width: 100%;
        transform: none;
    }
    .cardContent .tagsList {
        padding: 15px;
    }
    .cardText {
        padding: 25px 15px;
        min-height: auto;
    }
    .cardText h4 {
        font-size: 22px;
        line-height: 26px;
    }
    .cardText h4 span {
        width: 40px;
        height: 40px;
        font-size: 26px;
        line-height: 42px;
        position: absolute;
        top: 15px;
        left: 15px;
    }
    .cardText p {
        font-size: 16px;
        line-height: 20px;
        margin-top: 15px;
        opacity: .6;
    }
    .cardStack .cardList .card {
        opacity: 1!important;
    }
    .blogSlider .slick-dots {
        display: flex;
        margin: 15px 15px 0 0;
        padding: 0;
        border-radius: 5px;
        overflow: hidden;
    }
    .blogSlider .slick-dots li {
        display: block;
        width: 100%;
    }
    .blogSlider .slick-dots button {
        width: 100%;
        height: 4px;
        background: #E6E6EF;
        border: none;
        margin: 0;
        padding: 0;
        font-size: 0;
        transition: .3s all;
    }
    .blogSlider .slick-dots .slick-active button,
    .blogSlider .slick-dots li:hover button {
        background: #1469D2;
    }
    .blogList {
        display: block;
    }
    .blogSlider:not(.slick-slider) {
        display: flex;
        flex-wrap: wrap;
    }
    .blogList:not(.slick-slider) .postItem {
        margin-right: 2%;
        width: calc(49% - 2px);
        margin-left: 0;
        margin-bottom: 15px;
    }
    .blogSlider .postItem {
        margin: 0 8px;
    }
    .blogSlider .slick-list {
        padding-bottom: 10px;
        margin-left: -8px;
        margin-right: -100px;
        width: calc(100% + 108px);
    }
    .postTextWrap h3 {
        font-size: 22px;
        line-height: 26px;
    }
    .postData {
        font-size: 14px;
    }
    .blogWrap {
        position: relative;
    }
    .blogWrap .blockTitleWrap .button {
        position: absolute;
        left: 0;
        bottom: -75px;
    }
    .container {
        width: calc(100% - 30px);
    }
    footer .logo {
        width: 54%;
        margin-right: 4%;
        height: 35px;
        order: 1;
    }
    footer .container > .button {
        width: calc(20.5% - 20px);
        order: 2;
    }
    .footerAddress {
        width: 40%;
        order: 3;
        margin-top: 35px;
    }
    .footerMenu {
        width: 45.5%;
        margin-right: 0;
        order: 4;
        margin-top: 35px;
    }
    footer .actionLinks {
        order: 5;
    }
    footer .container {
        justify-content: space-between;
    }
    .actionLinks a {
        width: 90px;
        height: 90px;
    }
    .projectsList .slick-arrow {
        left: 0;
    }
    .projectsList .slick-next {
        left: auto;
        right: 0;
    }
    .actionLinks a:before {
        width: 40px;
        height: 40px;
    }
    .tabsWrap span,
    .tabsWrap a {
        flex-shrink: 0;
    }
    .tabsWrap::-webkit-scrollbar {
        width: 0;
        height: 0;
    }
    .eventItem > span {
        font-size: 48px;
    }
    .eventItem > text {
        font-size: 16px;
        margin: 10px 25px 0;
    }
    .eventItem {
        height: 370px;
    }
    .blockDescSecond {
        margin-left: 0;
        margin-right: 0;
    }
    .cardStack .cardList .card.cardType {
        background: #fff!important;
        height: 440px;
    }
    .cardStack .cardList .card.cardType.inactive {
        background: #E0E0E0!important;
        border-color: #E0E0E0!important;
    }
    .cardStack .cardList .card.cardType.inactive:last-child {
        background: #fff!important;
        border-color: #fff!important;
    }
    .cardType .cardContent {
        padding: 15px;
        margin: 0 auto;
        padding: 0;
        max-width: calc(100% - 60px);
        width: calc(100% - 60px);
        justify-content: flex-start;
    }
    .cardType .cardText {
        max-width: 100%;
        margin-top: 25px;
    }
    .cardType .cardText p {
        opacity: .65;
        margin: 20px 0 0;
    }
    .cardType .cardBack {
        width: 300px;
        height: 300px;
        top: auto;
        left: 50%;
        bottom: 0;
        transform: translateX(-50%);
    }
    .whyWorkWrap {
        padding-bottom: 150px;
    }
    .howWorkWrap .stepItem {
        padding: 15px;
        border-radius: 20px;
        margin-bottom: 15px;
        gap: 0;
    }
    .stepItem h4 {
        flex-direction: column;
        align-items: flex-start;
        font-size: 22px;
        line-height: 26px;
    }
    .stepItem h4 span {
        width: 40px;
        height: 40px;
        font-size: 26px;
        line-height: 42px;
        margin-bottom: 30px;
    }
    .stepItem h4 br {
        display: none;
    }
    .stepItem p {
        font-size: 16px;
        margin-top: 15px;
    }
    .stackSlider .slick-arrow {
        display: none!important;
    }
    .stackSlider .slick-dots {
        margin-top: 35px;
        border-radius: 5px;
        overflow: hidden;
    }
    .stackSlider .slick-dots li {
        width: 100%;
        margin: 0;
    }
    .stackSlider .slick-dots li button {
        border-radius: 0;
        width: 100%;
    }
    .stackSlider {
        margin: 30px 0 0;
    }
    .stackSlider .stackItem {
        border-radius: 20px;
    }
    .mainEventsSlider.notSlider {
        flex-direction: column;
    }
    .mainEventsSlider.notSlider .eventItem {
        height: 230px !important;
        margin-bottom: 30px;
        text-align: right;
    }
    .mainEventsSlider.notSlider .eventItem span {
        margin-right: 0;
    }
    .mainEventsSlider.notSlider .eventItem > text {
        margin-right: 0;
        margin-left: auto;
    }
    .rulerWrap {
        height: 40px;
    }
    .mainEventsSlider.notSlider .eventItem:nth-child(2) {
        text-align: left;
    }
    .mainEventsSlider.notSlider .eventItem:nth-child(2) span {
        margin-left: 0px;
    }
    .mainEventsSlider.notSlider .eventItem:nth-child(2) > text {
        margin-left: 0px;
        margin-right: 0;
    }
    .mainEventsSlider.notSlider .eventItem:nth-child(2) {
        text-align: left;
        border-right: 1px dashed #A4ADB8;
        border-left: none;
    }
    .mainEventsSlider.notSlider .eventItem:nth-child(2):before {
        left: auto;
        right: -13px;
    }
    .mainEventsSlider.notSlider .eventItem:nth-child(2):after {
        left: auto;
        right: -5px;
    }
    .mainEventsSlider.notSlider .eventItem:nth-child(2) .rulerWrap {
        padding-left: 15px;
        padding-right: 0;
    }
    .mainEventsSlider.notSlider .eventItem:nth-child(2) .rulerWrap span {
        margin-left: 0;
        margin-right: -1px;
    }
    .mainEventsSlider.notSlider .eventItem:nth-child(2) .rulerWrap span:last-child {
        left: auto;
        right: 0;
    }
    .faqListWrap {
        padding: 16px;
        border-radius: 20px;
        flex-direction: column;
    }
    .faqListData h3 {
        margin: 0 0 25px;
        font-size: 30px;
        line-height: 34px;
    }
    .faqListWrap .faqItem:last-child {
        border: none;
        padding-bottom: 0;
        margin-bottom: 5px;
    }
    .faqListData {
        width: 100%;
    }
    .faqWrap .faqList {
        margin: 25px 0 0;
        width: 100%;
    }
    .faqWrap .container {
        flex-direction: column;
    }
    .faqWrap + .bottomFormWrap {
        margin-top: 100px;
    }
    .aboutBenefit {
        margin: 30px 0 0;
        width: 100%;
    }
    .valuesWrap + .sliderWrapSecond {
        margin-top: 50px;
    }
    .placeWhereList {
        margin: 40px 0 0;
        flex-direction: column;
    }
    .pwItem {
        border-radius: 20px;
        padding: 15px;
        min-height: auto;
        width: calc(100% - 30px);
    }
    .pwItem h3 {
        font-size: 24px;
        line-height: 26px;
    }
    .pwItem p {
        font-size: 16px;
    }
    .aboutPlaceWrap {
        padding-bottom: 120px;
    }
    .insideSlider {
        margin-top: 50px;
    }
    .insideSlider img {
        border-radius: 24px;
    }
    .insideSlider .slick-dots {
        margin: -55px 0 -40px;
    }
    .valuesSlider.notSlider {
        display: block;
    }
    .valuesSlider.notSlider .valueItem {
        margin: 0 8px!important;
    }
    .valuesSlider.notSlider .slick-arrow {
        display: none!important;
    }
    .valuesSlider.notSlider .slick-list {
        margin-left: -8px;
        margin-right: -158px;
        width: calc(100% + 166px);
    }
    .pageTitle {
        font-size: 48px;
        line-height: 120%;
        margin: 0 0 40px;
    }
    .pageDesc {
        font-size: 20px;
        line-height: 120%;
        margin: 0 0 45px;
    }
    .blogMoreWrap .blogList {
        display: flex;
        flex-wrap: wrap;
    }
    .blogMoreWrap .blogList .postItem {
        margin-bottom: 15px;
        width: calc(49% - 2px);
        margin-right: 2%!important;
    }
    .blogList:not(.slick-slider) .postItem:nth-child(2n) {
        margin-right: 0!important;
    }
    .postTextWrap p {
        font-size: 16px;
    }
    .spContent .pageTitle {
        font-size: 28px;
        line-height: 32px;
        margin: 30px 0 15px;
    }
    .spContent .spPreview {
        font-size: 18px;
    }
    .spImage img {
        border-radius: 24px;
    }
    .spContent .postData {
        font-size: 14px;
        margin-bottom: 35px;
        margin-top: -10px;
    }
    .spContent p,
    .spContent li {
        font-size: 16px;
        line-height: 22px;
        margin: 15px 0 20px;
    }
    .spImage text {
        font-size: 16px;
        line-height: 22px;
    }
    .menuContent {
        padding: 20px;
        border-radius: 24px;
    }
    .menuContent h3 {
        font-size: 18px;
        line-height: 22px;
        margin-bottom: 20px;
    }
    .spContent h2 {
        font-size: 22px;
        margin: 65px 0 20px;
    }
    .spComment {
        padding: 20px;
        border-radius: 24px;
    }
    .spComment text {
        font-size: 14px;
        line-height: 120%;
        margin: 0;
    }
    .spContent ol li:before {
        margin: -5px 16px 0 0;
    }
    .spActionBlock,
    .singleActionWrap {
        padding: 20px;
        border-radius: 24px;
        margin: 50px 0;
    }
    .singleActionWrap {
        margin: 150px 0 50px;
    }
    .vacSearch input {
        font-size: 18px;
        width: 235px;
    }
    .vacSearch a {
        font-size: 18px;
        width: 100px;
    }
    .vacSearch span {
        /*height: 55px;*/
    }
    .sidebar {
        display: none;
    }
    .vacContent {
        width: 100%;
    }
    .radarWrap .container {
        border-radius: 20px;
        padding: 20px;
        flex-direction: column-reverse;
        align-items: flex-start;
    }
    .radarBack {
        width: 330px;
        max-width: 100%;
        height: 300px;
        background-position: top left !important;
        background: url(../images/radarM.jpg) !important;
        background-size: contain !important;
        background-repeat: no-repeat !important;
    }
    .radarContent {
        max-width: 100%;
        margin-top: 30px;
        flex-direction: row;
        flex-wrap: wrap;
        align-items: center;
    }
    .radarContent .blockTitle {
        width: calc(100% - 65px);
        margin: 0;
    }
    .radarContent .button {
        margin: 20px 0 0;
        width: calc(100% - 50px);
        justify-content: center;
    }
    .radarWrap {
        padding-bottom: 150px;
    }
    .whyList {
        margin-top: 40px;
        flex-direction: column;
    }
    .whyItem {
        background: none;
        border: 1px solid #EFF3F8;
        padding: 20px;
        border-radius: 20px;
        width: calc(100% - 42px);
        margin-right: 0;
        margin-bottom: 16px;
        height: 146px;
    }
    .whyAyaWrap + .bottomFormWrap {
        margin-top: 80px;
    }
    .bottomFormWrap.withBack:before {
        display: none;
    }
    .radarWrap .container {
        width: calc(100% - 64px);
    }
    .sidebar {
        position: fixed;
        top: 0;
        left: 0;
        background: #fff;
        z-index: 20;
        display: block;
        border: none;
        border-radius: 0;
        width: 100%;
        height: 100vh;
        overflow-y: auto;
        padding: 0;
        opacity: 0;
        pointer-events: none;
        transition: .3s all;
    }
    .sidebar.open {
        opacity: 1;
        pointer-events: auto;
    }
    .sidebar::-webkit-scrollbar {
        width: 0;
        height: 0;
    }
    .sidebarHeader {
        display: flex;
        align-items: center;
        font-size: 22px;
        font-weight: 500;
        justify-content: space-between;
        padding: 15px;
        border-bottom: 1px solid #E6E6EF;
    }
    .sidebarHeader .filtersToggle {
        font-size: 30px;
        height: 30px;
        line-height: 30px;
    }
    .filterWrap {
        margin: 25px 15px 0;
    }
    .sidebar > a,
    .sidebar > div > a {
        font-size: 16px;
        margin: 25px 15px 0;
        padding: 13px 0;
    }
    .sidebar > a + a,
    .sidebar > div > a + a {
        margin: 10px 15px 75px;
    }
    .vacSearchResult .filtersToggle {
        display: block;
    }
    .vacSearchResult .filtersToggle {
        border: 1px solid #1469D2;
        display: flex;
        padding: 10px;
        color: #1469D2;
        margin-bottom: 48px;
        border-radius: 30px;
        justify-content: center;
        font-weight: 500;
    }
    .eventsScroll.one {
        margin: 0 15px;
    }
    .blogSlider.slick-slider {
        overflow-x: hidden;
        margin-right: -15px;
    }
    .fakeScrollWrap {
        display: none;
    }
    .mainEventsSlider.scSlider {
        margin: 40px -55px -15px -15px;
    }
    .slickFake {
        position: absolute;
        left: 0;
        bottom: -110px;
        width: 100%;
        justify-content: space-between;
    }
    .mainEventsSlider.scSlider .eventItem {
        width: 340px;
        height: 310px;
    }
    .eventsScroll.two {
        margin-right: -15px;
    }
    .menuContent li a {
        font-size: 16px;
        line-height: 22px;
    }
    .menuContent li a:before {
        margin-right: 16px;
    }
    .cardListNT .cardText h4 span {
        position: initial;
        margin-bottom: 24px;
    }
    .cardListNT .cardText h4 {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
    }
    .valuesSlider {
        overflow-x: hidden;
        margin-right: -15px;
    }
    .valuesSlider .slick-dots {
        margin-right: 15px;
    }
    .slickFakeX {
        display: none;
    }
    .valuesSlider:not(.notSlider) .valueItem {
        width: 277px;
        flex-shrink: 0;
        margin: 0 8px;
    }
    .valuesSlider:not(.notSlider) {
        margin: 40px 0 0 0;
    }
    .valuesWrap .blockTitleWrap .blockTitle {
        margin-bottom: 24px;
    }
    .valuesSlider:not(.notSlider) {
        padding: 0 0 32px;
    }
    .vacSearch .vacSearchResetButtonContainer,
    .vacSearch i {
        display: none!important;
    }
    .aboutList {
        background-size: 200% !important;
    }
    .spContent h4 {
        font-size: 18px;
        line-height: 24px;
        margin: 15px 0 20px;
    }
    .pathWayWrap .faqListWrap .faqText {
        width: 100%;
        margin: 24px 0 0;
        max-width: 100%;
    }
    .bfText p br {
    	display: none;
    }
}

@media screen and (max-width: 780px) {
    .bannerMain h1 {
        font-size: 36px;
        max-width: 390px;
    }
    .bannerMain p {
        font-size: 16px;
        max-width: 390px;
        margin-bottom: 35px;
    }
    .blockTitle {
        font-size: 28px;
    }
    .pageHeader {
        height: 420px;
        margin: 90px 0 64px;
    }
    .phContent {
        margin-top: 30px;
    }
    .phText {
        width: 100%;
    }
    .phText h1 {
        font-size: 28px;
        line-height: 120%;
    }
    .phText p {
        font-size: 18px;
        line-height: 22px;
        margin-top: 15px;
    }
    .phSliderWrap {
        width: calc(100% - 40px);
        margin-top: 20px;
    }
    .aboutList {
        padding: 0 0 320px;
        background: none!important;
        flex-direction: column;
        justify-content: initial;
        align-items: initial;
    }
    .aboutItem {
        padding: 15px;
        border-radius: 20px;
        width: calc(100% - 32px);
        margin-top: 20px !important;
        margin-left: 0;
        margin-right: 0;
    }
    .blockTitleWrapSecond {
        text-align: left;
        align-items: flex-start;
    }
    .blockTitleWrapSecond .blockDesc {
        margin: 0;
    }
    .valuesSlider .slick-arrow {
        top: -150px;
    }
    .subTitle {
        font-size: 16px;
        line-height: 24px;
        margin-bottom: 15px;
    }
    .solutionsList {
        width: 100%;
        padding: 0;
    }
    .solutionHover {
        display: none;
    }
    .solutionItem {
        padding: 20px 0 20px 40px;
    }
    .solutionItem h3 {
        font-size: 22px;
        line-height: 26px;
    }
    .solutionItem h3:after {
        width: 9px;
        height: 13px;
    }
    .solutionItem > span {
        left: 0;
        top: 20px;
        font-size: 16px;
    }
    .solutionItem p {
        padding-right: 0;
    }
    .solutionsText .solutionsBack {
        display: none;
    }
    .solutionsList .solutionsBack {
        display: block;
    }
    .solutionsBack {
        height: 400px;
    }
    .aboutWrapSecond.aboutTO {
        padding-bottom: 100px;
    }
    .shareMinBlock {
        margin-top: 25px;
    }
    .shareMinBlock .share {
        width: 40px;
        height: 40px;
        background-size: 20px !important;
    }
    .mrColumn:not(.mrMobile) {
        display: none;
    }
    .mrMobile {
        display: block;
        width: 100%;
    }
    .mrBlock {
        margin-bottom: 16px;
    }
    .mrColumns {
        display: none;
    }
    .mrBlock {
        width: calc(100% - 42px);
        padding: 20px 20px 0;
    }
    .shareInner {
        bottom: 55px;
    }
    .shareInner.toBottom {
        top: 55px;
        bottom: auto;
    }
    .shareTitle {
        margin-bottom: 20px;
    }
    .shareLink {
        margin-top: 35px;
    }
    .shareLink text {
        font-size: 16px;
    }
    .shareCopy {
        padding: 16px;
    }
  
    .noHH .shareInner {
        left: 0;
        right: auto;
    }
    .solutionsBack {
        background-size: 480px !important;
    }
    .solImg {
        width: 250px;
        height: 250px;
    }
    .solImg.si1 {
        width: 260px;
        height: 260px;
    }
    .fsBlock {
        width: calc(100% - 32px);
        border-radius: 24px;
        height: 240px;
    }
    .fsClose {
        top: 16px;
        right: 16px;
        width: 32px;
        height: 32px;
        line-height: 36px;
    }
    .fsBlock img {
        width: 115px;
    }
    .fsBlock p {
        font-size: 18px;
        line-height: 24px;
    }
    .fsBlock text {
        font-size: 16px;
        line-height: 20px;
    }
}

@media screen and (max-width: 680px) {
	  .bbDesk {
        display: none;
    }
    .bbMob {
        display: block;
    }
    .bannerMain {
        /* background: var(--mobile); */
        background: none;
        padding: 0;
    }
    .bannerBackM {
        /*height: 495px;*/
		height: 104vw;
        display: block;
        background-position: center !important;
        background-size: cover !important;
        background-repeat: no-repeat !important;
    }
    .bannerMain .container {
        background: #fff;
        border-radius: 25px 25px 0 0;
        padding: 40px 15px;
        margin-top: -40px;
        border-bottom: 1px solid #E6E6EF;
    }
    .contentWrap {
        border-radius: 25px 25px 0 0;
    }
    .tabsWrap {
        margin: 30px 0 20px;
    }
    .stackAbout h3 {
        font-size: 22px;
    }
    .stackAbout p {
        font-size: 14px;
    }
    .blockTitleWrap {
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
    }
    .blockDesc {
        margin: 0;
        max-width: 100%;
    }
    .blockTitleWrap .buttonType {
        margin: 0;
    }
    .solutionItem {
        border-bottom: 1px solid #E6E6EF;
    }
    .solutionItem:last-of-type {
        border-bottom: none;
    }
    .actionWrap:before {
        display: none;
    }
    .actionWrap .container {
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .actionWrap {
        padding-left: 15px;
        padding-right: 15px;
        padding-bottom: 130px;
    }
    .actionWrap .blockTitle {
        order: 1;
    }
    .actionWrap .actionLinks {
        order: 2;
        width: 100%;
        max-width: 340px;
        margin: 5px auto 0;
    }
    .actionWrap .container > .button {
        order: 4;
    }
    .actionWrap .container:after {
        content: '';
        height: 300px;
        width: 100%;
        background-size: contain !important;
        background-position: center !important;
        background-repeat: no-repeat !important;
        order: 3;
        margin-top: 48px;
    }
    .actionLinks a {
        height: 70px;
        width: 100%;
        border-radius: 15px;
    }
    .sliderWrap .blockTitleWrap {
        align-items: flex-start;
        text-align: left;
    }
    .cardStack {
        margin-top: 35px;
    }
    .blogSlider .slick-list {
        padding-bottom: 10px;
        margin-left: -8px;
        margin-right: -150px;
        width: calc(100% + 158px);
    }
    .blogList {
        margin-top: 15px;
    }
    .bottomFormWrap {
        padding-left: 0;
        padding-right: 0;
        padding-bottom: 140px;
    }
    footer .container > .button {
        width: calc(30.5% - 20px);
    }
    .valuesSlider .slick-arrow {
        display: none!important;
    }
    .valuesSlider {
        margin: 35px -15px 0 -4px;
        padding-left: 4px;
    }
    .valueItem {
        margin: 0 8px;
    }
    .valuesSlider .slick-list {
        margin: 0 -12px;
        margin-right: -150px;
        width: calc(100% + 158px);
    }
    .sliderWrapSecond {
        margin: 50px 0 0;
    }
    .mainEventsWrap {
        margin-top: -120px;
    }
    .mainEventsSlider .slick-arrow {
        top: auto;
        bottom: -95px;
        left: 0;
        right: auto;
    }
    .mainEventsSlider .slick-next {
        left: auto;
        right: 0;
    }
    .mainEventsSlider .slick-dots {
        display: none!important;
    }
    .mainEventsSlider {
        margin-top: 40px;
    }
    .eventItem > span {
        font-size: 40px;
    }
    .eventItem {
        height: 280px;
    }
    .rulerWrap {
        height: 45px;
    }
    .actionWrapSecond {
        padding-left: 0;
        padding-right: 0;
        padding-bottom: 350px;
    }
    .actionDouble {
        flex-direction: column;
        align-items: center;
        text-align: center;
    }
    .actionDouble > div {
        width: 100% !important;
    }
    .actionDouble > .actionRight .button {
        margin-left: auto;
        margin-right: auto;
        width: calc(100% - 50px);
        justify-content: center;
    }
    .actionWrapSecond .container:after {
        display: none;
    }
    .actionWrapSecond:before {
        display: block;
        width: 340px;
    }
    .aboutTO .blockTitleWrap .buttonType {
        margin-top: 40px;
    }
    .share {
        width: 40px;
        height: 40px;
        background-size: 20px !important;
    }
    .menuContent li a {
        font-size: 16px;
        line-height: 20px;
    }
    .menuContent li {
        margin: 8px 0;
    }
    .singleActionWrap {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
    }
    .singleActionWrap .actionLinks {
        width: 100%;
    }
    .singlePostWrap {
        margin-bottom: 50px;
    }
    .blogWrap + .bottomFormWrap {
        margin-top: 130px;
    }
    .formText {
        font-size: 16px;
    }
    .saText h3 {
        font-size: 22px;
        margin-bottom: 20px;
    }
    .spContent .spPreview {
        margin-bottom: 0;
    }
    .actionWrapThird .blockDesc {
        font-size: 16px;
        line-height: 120%;
        order: 2;
        margin: 0 0 20px;
    }
    .vacSearch a {
        display: none;
    }
    .vacSearch span {
        /*width: 50px;
        height: 50px;*/
    }
    .vacSearch input {
        font-size: 16px;
        width: calc(100% - 75px);
        border-radius: 0 50px 50px 0;
        padding: 14px 15px 14px 10px;
        height: 22px;
    }
    .vacSearchResult .blockTitle {
        font-size: 28px;
    }
    .jobsList .inCat {
        font-size: 20px;
        line-height: 24px;
        margin-bottom: 20px;
    }
    .valuesWrap {
        overflow-x: hidden;
    }
    .projectsList {
        margin-top: 40px;
    }
    .postTextWrap p {
        margin: 15px 0 20px;
    }
    .postItem .tagsList {
        /* padding-bottom: 25px; */
    }
    .sliderWrapSecond {
        margin: 50px 0 -70px;
    }
    .slickFake {
        bottom: -123px;
    }
    .mapWrap .blockTitle {
        font-size: 28px;
    }
    .mrName {
        font-size: 14px;
        padding: 3px 14px;
    }
    #innerList {
        margin: 64px 0;
    }
    .menuContent ul ul {
        margin-left: 16px !important;
    }
    .page-template-about .mainEventsWrap .blockTitleWrap {
        align-items: flex-start;
    }
    .page-template-contacts .bfText .fakeTitle {
        margin: 0;
        font-size: 28px;
        line-height: 36px;
        margin-bottom: 32px;
    }
    .page-template-contacts .bfText {
        display: flex;
        flex-direction: column;
    }
    .page-template-contacts .bfText .fakeTitle {
        margin-bottom: 32px;
        order: 1;
    }
    .page-template-contacts .contactsData {
        order: 3;
    }
    .page-template-contacts .bfText .footerAddress {
        order: 2;
        margin: 0 0 32px 0;
        padding: 24px 0 0;
    }
}

@media screen and (max-width: 580px) {
    .button {
        border-radius: 50px;
    }
    .solutionItem {
        padding-top: 0;
    }
    .solutionItem > span {
        top: 2px;
    }
    .tabsWrap span,
    .tabsWrap a {
        padding: 8px 22px 8px;
        font-size: 16px;
    }
    .stackList {
        margin-top: 25px;
        overflow-x: hidden;
        margin-right: -15px;
    }
    .stackItem {
        border-radius: 20px;
    }
    .stackList .slick-list {
        margin-right: -300px;
        width: calc(100% + 308px);
    }
    .bannerMain .button,
    .blockTitleWrap .buttonType,
    .jobsText .button,
    form .button {
        width: calc(100% - 50px);
        justify-content: center;
    }
    .atImage img {
        border-radius: 20px;
        height: 320px;
    }
    .faqItem > span {
        font-size: 16px;
        width: 30px;
        margin-right: 10px;
        margin-top: 0;
    }
    .faqText {
        width: calc(100% - 40px);
    }
    .faqItem {
        padding-bottom: 5px;
    }
    .faqItem.open {
        padding-bottom: 20px;
    }
    .projectMedia {
        height: 280px;
        border-radius: 20px;
    }
    .cardStack .cardList .card {
        height: auto;
        border-radius: 20px;
    }
    .jobsText p {
        font-size: 16px;
        margin: 15px 0 20px;
    }
    .jobItem {
        padding: 16px;
        border-radius: 20px;
        width: calc(100% - 34px);
    }
    .tagsList span, .tagsList a {
        font-size: 14px;
        padding: 5px 12px;
    }
    .jobItem:before {
        top: 15px;
        right: 15px;
        width: 40px;
        height: 40px;
        background-size: 16px;
    }
    .jobData {
        display: none;
    }
    .jobTitle {
        flex-direction: column;
    }
    .jobTitle h3 {
        font-size: 22px;
        margin-top: 24px;
        width: 100%;
    }
    .jobPreview {
        max-width: 100%;
        min-height: 220px;
        height: 100%;
    }
    .jobTitle .jobData {
        display: flex;
        width: 100%;
        margin-top: 15px;
        max-width: 100%;
    }
    .jobData li {
        font-size: 14px;
    }
    .tagsList {
        gap: 8px;
    }
    .postTextWrap p {
        font-size: 16px;
    }
    .blogSlider .slick-list {
        margin-right: -250px;
        width: calc(100% + 258px);
    }
    .postItem {
        border-radius: 20px;
    }
    .postItem img {
        height: 240px;
        border-radius: 20px;
    }
    .bfInput {
        width: 100%;
        margin-bottom: 24px;
    }
    .bfInput label {
        margin-bottom: 5px;
    }
    .logo,
    .logo img {
        width: 95px;
    }
    .card img {
        border-radius: 17px;
    }
    footer .container > .button {
        width: calc(100% - 20px);
        margin-top: 25px;
    }
    .footerAddress {
        width: 100%;
        margin-right: 0;
    }
    .footerMenu {
        width: 100%;
        margin-top: 48px;
        flex-direction: column;
    }
    .footerMenu ul {
        max-width: 100%;
        width: 100%;
    }
    .faItem > span {
        width: 48px;
        height: 48px;
        background-size: 24px !important;
        margin-right: 15px;
        border-radius: 10px;
    }
    .faData p {
        font-size: 18px;
    }
    .footerMenu a {
        font-size: 18px;
    }
    .footerMenu li {
        margin-bottom: 15px;
    }
    .footerMenu ul ul li {
        margin-top: 5px;
    }
    .footerMenu ul ul a {
        font-size: 18px;
    }
    footer .actionLinks {
        margin-top: 35px;
    }
    footer > p {
        font-size: 14px;
    }
    .mainEventsWrap {
        margin-top: 0;
    }
    .blockTitle br {
        display: none;
    }
    .projectText p {
        margin-left: -65px;
        width: calc(100% + 65px);
    }
    .aboutDirItem {
        padding: 15px;
        border-radius: 20px;
        margin-bottom: 15px;
    }
    .aboutDirText {
        flex-direction: column-reverse;
        align-items: flex-start;
    }
    .aboutDirText > span {
        margin: 0 0 30px 0;
    }
    .aboutDirText p {
        max-width: 100%;
        font-size: 16px;
        line-height: 22px;
    }
    .aboutDirItem > span {
        font-size: 22px;
        line-height: 26px;
        margin-top: 65px;
    }
    .aboutDirItem {
        min-height: auto;
        gap: 0;
    }
    .blockTitleImage {
        height: 300px;
    }
    .singleItem h3 {
        font-size: 22px;
        line-height: 26px;
    }
    .singleItem:before {
        width: 40px;
        height: 40px;
        top: 20px;
        right: 20px;
        background-size: 15px;
    }
    .singleItem > p {
        font-size: 16px;
        line-height: 22px;
    }
    .singleItem > div {
        width: 220px;
        height: 340px;
        background-position: right bottom !important;
    }
    .singleItem {
        height: 350px;
    }
    .doubleBlock {
        padding-bottom: 125px;
    }
    .cwContent > div {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
    }
    .cwContent > div > span {
        margin: 0 20px 0 0;
    }
    .cwContent h3 {
        width: calc(100% - 65px);
        font-size: 22px;
        line-height: 26px;
    }
    .jobsWrap + .bottomFormWrap {
        margin-top: 48px;
    }
    .breadCrumbs li:not(:first-child):not(:last-child) span,
    .breadCrumbs li:not(:first-child):not(:last-child) a {
        font-size: 0;
        display: flex;
        align-items: center;
        justify-content: center;
        text-align: center;
    }
    .breadCrumbs li:not(:first-child):not(:last-child) span:before,
    .breadCrumbs li:not(:first-child):not(:last-child) a:before {
        content: '...';
        font-size: 14px;
    }
    .abText h3 {
        font-size: 32px;
    }
    .abText p {
        font-size: 16px;
    }
    .achievImage {
        margin: 40px 0;
    }
    .insideSlider .slick-dots li button {
        width: 45px;
        height: 6px;
    }
    .insideSlider .slick-dots {
        margin: -40px 0 -65px;
    }
    .noBanner {
        margin-top: 100px;
    }
    .noBanner .breadCrumbs {
        margin-bottom: 35px;
    }
    .pageTitle {
        font-size: 28px;
        line-height: 120%;
        margin: 0 0 32px;
    }
    .pageDesc {
        font-size: 18px;
        line-height: 120%;
        margin: 0 0 40px;
    }
    .blogMoreWrap .blogList .postItem {
        width: 100%;
    }
    .pagination {
        margin: 40px auto 0;
        gap: 4px;
    }
    .pagination li span,
    .pagination li a {
        width: 45px;
        height: 45px;
        font-size: 16px;
        line-height: 46px;
    }
    .blogMoreWrap + .bottomFormWrap {
        margin-top: -100px;
    }
    .spActionBlock {
        background: -moz-linear-gradient(188.74deg, #1469D2 26.15%, #9BC4F6 208.19%);
        background: -webkit-linear-gradient(188.74deg, #1469D2 26.15%, #9BC4F6 208.19%);
        background: linear-gradient(188.74deg, #1469D2 26.15%, #9BC4F6 208.19%);
        display: flex;
        flex-direction: column;
        align-items: center;
        text-align: center;
    }
    .spActionBlock:before {
        background: url(../images/spActionM.png);
        position: initial;
        max-width: 300px;
        width: 100%;
        height: 300px;
        background-size: contain;
        background-repeat: no-repeat;
        order: 2;
    }
    .spActionBlock .button {
        order: 3;
    }
    .spActionBlock h3 {
        max-width: 100%;
    }
    .toBlog {
        font-size: 20px;
    }
    .spContent h3 {
        font-size: 22px;
        line-height: 26px;
    }
    #map {
        height: 400px;
        border-radius: 20px;
        margin: 30px 0 -55px;
    }
    .jobsWrap + .radarWrap {
        margin-top: 50px;
    }
    .atImage > span {
        left: 20px;
        top: 20px;
        width: 40px;
        height: 40px;
        border-radius: 8px;
        background-size: 25px !important;
    }
    .prSliderCount,
    .evSliderCount {
        bottom: -80px;
    }
    .blogMoreWrap .blogList .postItem {
        margin-right: 0!important;
    }
    .spImage img {
        height: 320px;
    }
    .aboutWrap .blockTitleWrap .button {
        margin: 10px 0 10px;
    }
    .bfInput input,
    .bfInput textarea {
        border-radius: 30px;
    }
    .aboutWrapSecond .blockTitleWrap .buttonType:after {
        background: url(../images/arrow.svg);
        margin-left: 12px;
    }
    .howWorkWrap .blockDesc {
        margin-top: -5px;
    }
    .stepsList {
        margin-top: 50px;
    }
    .howWorkWrap + .bottomFormWrap {
        margin-top: 55px;
    }
    .aboutDirList {
        margin-top: 40px;
    }
    .achievImage img {
        height: 320px;
        border-radius: 20px;
        object-fit: cover;
        object-position: center;
    }
    .spContent .spPreview {
        margin-top: 16px;
    }
    .singlePostWrap {
        margin-bottom: 40px;
    }
    .spImage {
        margin: 0 0 16px;
    }
    .postTextWrap {
        margin: 24px 0 0;
        padding: 0 16px 24px;
    }
    .blogMoreWrap {
        margin-bottom: 170px;
    }
    .blogList:not(.slick-slider) .postItem {
        width: 100%;
        margin-right: 0;
    }
    .rowList {
        margin-top: 32px;
    }
    .rowItem > div + div {
        width: 230px;
        height: 170px;
        background-size: cover !important;
    }
    .rowItem > text {
        font-size: 14px;
        padding: 3px 13px 4px;
    }
    .stackWrap + .blueWrap {
        padding-bottom: 105px;
    }
    .cwItem > img {
        height: 320px;
        margin-bottom: 25px;
    }
    .cwContent p {
        margin: 15px 0 0;
    }
    .cwContent .tagsList span,
    .cwContent .tagsList a {
        padding: 5px 12px;
    }
    .cwContent .button {
        width: calc(100% - 50px);
        justify-content: center;
    }
    .cwContent .button:after,
    .radarContent .button:after,
    .blogWrap .blockTitleWrap .button:after {
        background: url(../images/arrow.svg);
        margin-left: 12px;
    }
    .cwItem {
        margin-bottom: 24px;
        padding-bottom: 24px;
    }
    .cwContent .tagsList {
        margin: 24px 0 0;
    }
    .jobItem {
        margin-bottom: 16px;
    }
    .mainEventsWrap.notSliderWrap {
        margin-top: -76px;
    }
    .mainEventsSlider.notSlider .eventItem > text {
        max-width: 265px;
    }
    .mainEventsSlider.notSlider .rulerWrap,
    .mainEventsSlider.notSlider .eventItem:nth-child(2) .rulerWrap {
        padding: 0;
        padding-left: 0;
        width: 100%;
    }
    .mainEventsWrap.notSliderWrap {
        padding-bottom: 34px;
    }
    .blueWrap + .stackWrap {
        margin-top: -176px;
    }
    .actionWrap .container > .button {
        width: calc(100% - 50px);
        justify-content: center;
    }
    .actionWrap {
        background: -moz-linear-gradient(182.16deg, #1469D2 15.08%, #0F5FC2 106.4%);
        background: -webkit-linear-gradient(182.16deg, #1469D2 15.08%, #0F5FC2 106.4%);
        background: linear-gradient(182.16deg, #1469D2 15.08%, #0F5FC2 106.4%);
    }
    .actionWrap .container > .button {
        margin-top: 24px;
    }
    .actionWrap {
        padding-bottom: 124px;
    }
    .faqText h3 {
        font-size: 18px;
        margin-bottom: 0px;
        transition: .3s all;
    }
    .faqItem.open .faqText h3 {
        margin-bottom: 8px;
    }
    .faqText h3 span {
        margin-top: -6px;
    }
    .faqText p br {
        display: none;
    }
    .faqItem {
        padding-bottom: 16px;
    }
    .faqItem {
        margin-bottom: 22px;
    }
    .faqItem.open {
        padding-bottom: 14px;
    }
    .pathWayWrap {
        padding-bottom: 100px;
    }
    .faqWrap .faqText h3 {
        font-size: 18px;
    }
    .faqWrap + .bottomFormWrap {
        margin-top: 44px;
    }
    .bfText .footerAddress {
        margin: 32px 0;
        padding: 24px 0;
    }
    .faItem {
        margin-bottom: 24px;
    }
    .faItem:last-child,
    .bfText .faData p {
        margin-bottom: 0;
    }
    .contactsData h3 {
        margin: 0 0 16px;
        font-size: 18px;
    }
    .bfText .contactsData p {
        margin-top: 8px;
        margin-bottom: 0;
    }
    .bfInput input, .bfInput textarea {
        padding: 14px 16px 14px;
        width: calc(100% - 32px);
    }
    .mapWrap {
        margin-top: -236px;
        /* z-index: 3; */
    }
    #map {
        height: 420px;
        border-radius: 24px;
        margin: 40px 0 -94px;
    }
    .actionWrap.actionWrapSecond.actionWrapThird {
        padding-bottom: 450px;
    }
    .actionWrapSecond:before {
        width: 270px;
        bottom: 185px;
    }
    .actionWrap.actionWrapSecond.actionWrapThird .blockTitle {
        margin-bottom: 24px;
    }
    .actionWrapThird .blockDesc {
        margin-bottom: 43px;
    }
    .mainRadarBlock .button {
        width: calc(100% - 50px);
        justify-content: center;
    }
    .mainRadarBlock .button:after {
        width: 24px;
        height: 24px;
        margin-left: 12px;
    }
    .page-template-radar .blockTitle {
        margin-bottom: 0;
    }
    .page-template-radar .blockTitle br {
        display: initial;
    }
    .vacSearch {
        margin-top: 24px;
    }
    .jobItem {
        height: 248px;
    }
    .vacPage {
        padding-bottom: 48px;
    }
    .radarBack {
        height: 280px;
    }
    .radarWrap .container {
        width: calc(100% - 62px);
        padding: 16px;
    }
    .radarWrap {
        padding-bottom: 124px;
    }
    .whyItem h4 {
        font-size: 22px;
        line-height: 26px;
    }
    .whyAyaWrap + .bottomFormWrap {
        margin-top: 50px;
    }
    .whyAyaWrap + .bottomFormWrap .blockTitle {
        margin-bottom: 0;
    }
    .phContent .tagsList {
        margin-top: 25px;
    }
    .button {
        padding-top: 13px;
        padding-bottom: 12px;
    }
    .shareMinBlock .share {
        width: 48px;
        height: 48px;
        margin-right: 8px;
        flex-shrink: 0;
    }
    .pageHeader .shareMinBlock {
        width: 100%;
        margin-top: 32px;
    }
    .shareMinBlock .button {
        width: 100%;
        justify-content: center;
    }
    .single-vacancy .achievementsWrap {
        margin-top: -24px;
    }
    .singleVac {
        margin-top: 34px;
    }
    .single-vacancy .spContent li {
        margin: 8px 0;
    }
    .single-vacancy .spContent ol li {
        margin: 12px 0;
    }
    .spContent li:before {
        margin: 7px 8px 0 0;
    }
    .spContent h2 {
        margin: 48px 0 20px;
    }
    .atImage > span {
        width: 48px;
        height: 48px;
        background-size: 32px !important;
    }
    .aboutBenefit {
        margin: 40px 0 0;
    }
    .abText h3 {
        margin: 0 0 16px;
    }
    .abText p {
        margin-bottom: 40px;
    }
    .single-vacancy .actionWrap.actionWrapSecond.actionWrapThird {
        margin-top: 64px;
    }
    .single-vacancy .actionWrap.actionWrapSecond.actionWrapThird {
        padding-bottom: 315px;
    }
    .single-vacancy .actionWrapSecond:before {
        bottom: 50px;
    }
    .menuContent {
        padding: 16px;
    }
    .menuContent h3 {
        margin-bottom: 16px;
    }
    .menuContent li a:before {
        margin-right: 8px;
        margin-top: 6px;
    }
    .spActionBlock .button {
        width: calc(100% - 50px);
        justify-content: center;
        margin-top: 64px;
    }
    .spContent .insideSlider {
        margin-top: 32px;
    }
    .insideSlider + .singleActionWrap {
        margin-top: 147px !important;
    }
    .singleActionWrap {
        padding: 16px;
    }
    .spContent .saText h3 + p {
        margin-top: -4px;
        margin-bottom: 40px;
    }
    .actionLinks a:before {
        width: 34px;
        height: 34px;
    }
    .singleActionWrap {
        margin-bottom: 32px;
    }
    .bfText .blockTitle {
        line-height: 120%;
    }
    .single .bfText p {
        margin-bottom: 0;
    }
    .formText {
        margin-top: 16px;
        font-weight: 300;
        margin-bottom: 24px;
    }
    .bottomFormWrap {
        padding-bottom: 114px;
    }
    .card img {
        height: 275px;
    }
    .actionWrap.actionWrapSecond {
        padding-bottom: 260px;
    }
    .actionWrap.actionWrapSecond:before {
        bottom: 30px;
    }
    .achievImage video {
        height: 320px;
        border-radius: 24px;
    }
    .page-template-main .projectsWrap {
        margin-top: 32px;
    }
    .sliderWrap + .jobsWrap {
        padding-top: 80px;
    }
    .jobsText {
        margin-bottom: 0;
    }
    .page-template-main .blogWrap {
        margin-top: 24px;
    }
    .postTextWrap {
        height: calc(100% - 295px);
    }
    .blogSlider .slick-dots {
        height: 4px;
        border-radius: 5px;
        overflow: hidden;
        background: #E6E6EF;
        margin-top: 22px;
    }
    .blogSlider .slick-dots li {
        margin-top: -14px;
        border-radius: 5px;
    }
    .blogSlider .slick-dots li button {
        border-radius: 5px;
    }
    .blogWrap .blockTitleWrap .button {
        bottom: -108px;
    }
    .page-template-main .bottomFormWrap {
        margin-top: 151px;
    }
    .aboutList {
        margin-top: 20px;
        padding: 0 0 234px;
    }
    .page-template-career .blueWrap {
        padding-bottom: 100px;
    }
    .page-template-advantages .stackWrap {
        margin-top: 64px;
    }
    .page-template-advantages .bottomFormWrap {
        margin-top: 147px;
    }
    .page-template-advantages .actionWrap .container:after {
        margin-bottom: -50px;
    }
    .shareInner {
        border-radius: 24px;
    }
    .page-template-blog .pageTitle {
        margin-bottom: 16px;
    }
    .page-template-contacts .actionWrap.actionWrapSecond:before {
        bottom: 190px;
    }
    .spContent .pageTitle[style] {
        margin-bottom: 0 !important;
    }
    footer > p {
        margin: 33px 0 0;
    }
    .page-template-contacts .bfText .footerAddress {
        padding: 24px 0 20px;
    }
    .page-template-contacts .bfText .fakeTitle {
        font-size: 20px;
        line-height: 28px;
    }
    .single-vacancy .actionWrap.actionWrapSecond:before {
        bottom: 55px;
    }
    .single-vacancy .actionWrap.actionWrapSecond.actionWrapThird {
        padding-bottom: 280px;
    }
}

@media screen and (max-width: 480px) {
    .solutionsBack {
        height: 300px;
    }
    .pageHeader {
        border-radius: 24px;
        padding: 20px;
        margin: 83px 0 64px;
        min-height: 440px;
        margin-left: -7px;
        margin-right: -7px;
    }
    .bannerBacks,
    .bannerBacks video,
    .bannerBacks:before {
        border-radius: 24px;
    }
    .valuesSlider .slick-list {
        margin-right: -250px;
        width: calc(100% + 258px);
    }
    .faqText p {
        margin-right: 50px;
    }
    .mainEventsSlider .slick-list {
        margin-right: -250px;
        width: calc(100% + 265px);
    }
    .faqText h3 span {
        margin-left: 20px;
    }
    .breadCrumbs {
        padding: 10px 15px;
        border-radius: 18px;
    }
    .breadCrumbs li:after {
        margin: 0 10px;
    }
    .breadCrumbs li span {
        padding: 3px 8px;
        border-radius: 5px;
        font-size: 14px;
    }
    .stackList .slick-dots {
        margin-top: 0;
    }
    .faqListData h3 {
        margin: 0 0 15px;
        font-size: 22px;
        line-height: 26px;
    }
    .pathWayWrap .blockTitle {
        margin-bottom: 40px;
    }
    .actionWrap {
        padding-left: 0;
        padding-right: 0;
        text-align: center;
    }
    .mainEventsSlider.notSlider .eventItem .rulerWrap span:nth-child(1),
    .mainEventsSlider.notSlider .eventItem .rulerWrap span:nth-child(2),
    .mainEventsSlider.notSlider .eventItem .rulerWrap span:nth-child(3),
    .mainEventsSlider.notSlider .eventItem .rulerWrap span:nth-child(4),
    .mainEventsSlider.notSlider .eventItem .rulerWrap span:nth-child(5),
    .mainEventsSlider.notSlider .eventItem .rulerWrap span:nth-child(6),
    .mainEventsSlider.notSlider .eventItem .rulerWrap span:nth-child(7),
    .mainEventsSlider.notSlider .eventItem .rulerWrap span:nth-child(8) {
        display: none;
    }
    .valuesSlider.notSlider .slick-list {
        margin-left: -8px;
        margin-right: -258px;
        width: calc(100% + 266px);
    }
    .tabsWrap {
        margin: 20px 0 24px;
    }
    .abText h3 {
        font-size: 22px;
    }
    .abText p {
        font-size: 14px;
    }
    .insideSlider {
        margin-top: 40px;
    }
    .pagination li span,
    .pagination li a {
        width: 38px;
        height: 38px;
        font-size: 14px;
        line-height: 40px;
    }
    .jobsList .inCat {
        display: flex;
        flex-wrap: wrap;
    }
    .vacSearchResult .blockTitle {
        font-size: 22px;
        margin-bottom: 16px;
    }
    .phContent .tagsList span {
        padding: 6px 12px;
    }
    .aboutWrap .blockTitleWrap .button {
        margin: 10px 0 25px;
    }
    .bfText p {
        font-size: 16px;
        line-height: 22px;
        margin-top: -4px;
        margin-bottom: 25px;
    }
    .bfText .actionLinks {
        margin-top: 0;
    }
    .bottomFormWrap {
        background: -moz-linear-gradient(182.16deg, #1469D2 15.08%, #0F5FC2 106.4%);
        background: -webkit-linear-gradient(182.16deg, #1469D2 15.08%, #0F5FC2 106.4%);
        background: linear-gradient(182.16deg, #1469D2 15.08%, #0F5FC2 106.4%);
    }
    .aboutItem h3 {
        font-size: 22px;
        line-height: 26px;
        margin-top: 25px;
    }
    .valuesSlider .slick-dots {
        background: #E6E6EF;
        margin: 32px 15px 0 0;
        height: 4px;
        border-radius: 5px;
        overflow: hidden;
    }
    .valuesSlider .slick-dots li {
        margin-top: -14px;
    }
    .valuesSlider .slick-dots li button {
        border-radius: 5px;
    }
    .aboutWrapThird {
        padding-top: 40px;
    }
    .slick-arrow {
        width: 48px !important;
        height: 48px !important;
    }
    .slickFake {
        bottom: -115px;
    }
    .subTitle {
        font-size: 14px;
        line-height: 16px;
        margin-bottom: 16px;
        font-weight: 300;
    }
    .tagsList span,
    .tagsList a {
        font-size: 14px;
        padding: 4px 11px;
    }
    .blockTitleWrapSecond .tagsList + .blockDesc {
        margin-top: 20px;
        margin-bottom: 20px;
    }
    .aboutWrapSecond.aboutTO {
        padding-bottom: 114px;
    }
    .stackSlider .slick-dots li button,
    .insideSlider .slick-dots li button {
        height: 5px;
        border-radius: 5px !important;
    }
    .stackSlider .slick-dots {
        margin-top: 20px;
    }
    .stackWrapSecond + .bottomFormWrap {
        margin-top: 65px;
    }
    .breadCrumbs li span,
    .breadCrumbs li:nth-child(n+2) a {
        border-radius: 8px;
    }
    .breadCrumbs li span {
        border-radius: 8px;
        font-size: 12px;
    }
    .breadCrumbs li:not(:first-child):not(:last-child) span:before,
    .breadCrumbs li:not(:first-child):not(:last-child) a:before {
        font-size: 12px;
    }
    .cardStack .cardList .card {
        height: auto;
    }
    .eventItem > span {
        font-size: 36px;
    }
    .aboutPlaceWrap {
        padding-bottom: 105px;
    }
    .insideSlider img {
        height: 320px;
    }
    .noBanner .breadCrumbs {
        margin-bottom: 32px;
    }
    .share {
        width: 32px;
        height: 32px;
        background-size: 18px !important;
    }
    .spContent .pageTitle {
        margin: 24px 0 15px;
    }
    .blogMoreWrap .blogList {
        margin-top: 25px;
    }
    .vacSearchResult.result0 {
        margin-bottom: -34px;
    }
    .jobTitle > span,
    .radarContent > span,
    .whyItem > span {
        width: 48px;
        height: 48px;
    }
    .radarContent .blockTitle {
        width: calc(100% - 68px);
        margin: 0;
        font-size: 22px;
    }
    .radarContent > span {
        margin-right: 16px;
    }
    .radarContent > p {
        font-size: 16px;
        line-height: 120%;
        opacity: .65;
        margin: 16px 0 0;
    }
    .radarContent .tagsList {
        margin: 24px 0 0;
    }
    .radarContent .button {
        margin: 32px 0 0;
        width: calc(100% - 50px);
        justify-content: center;
        padding-top: 13px;
        padding-bottom: 13px;
    }
    .spContent ol li:before {
        font-size: 14px;
        width: 24px;
        height: 24px;
        margin: -1px 12px 0 0;
        text-align: center;
        font-weight: 300;
        line-height: 27px;
    }
    .spContent ol li {
        margin-bottom: 12px;
    }
    .single .jobsWrap {
        padding-top: 24px;
    }
    .jobsText .button {
        margin-top: 32px;
        margin-bottom: 40px;
        width: calc(100% - 50px);
        justify-content: center;
    }
    .jobsText {
        width: 100%;
    }
    .filterItem {
        margin-bottom: 15px;
    }
    .filterWrap {
        margin: 24px 16px 0;
    }
    .filterName {
        font-size: 18px;
        line-height: 24px;
        margin-bottom: 16px;
    }
    .filterToggle {
        font-size: 14px;
        margin-top: 16px;
        font-weight: 300;
    }
    .filterWrap + .filterWrap {
        margin-top: 26px;
    }
    .filterLetter {
        font-size: 20px;
        font-weight: 300;
        margin: 16px 0 12px;
        line-height: 24px;
    }
    .filterList > span:first-of-type {
        margin-top: 0;
    }
    .filterWrap.open:before {
        bottom: 35px;
        opacity: 0;
    }
    .tagsSearch span {
        padding: 3px 16px 3px 12px;
        font-weight: 300;
    }
    .tagsSearch span:after {
        width: 10px;
        height: 10px;
        margin-left: 10px;
    }
    .vacContent .jobsList {
        margin-top: 32px;
    }
    .spContent .postData {
        margin-bottom: 32px;
        margin-top: -4px;
    }
    .spContent p {
        margin: 16px 0 16px;
    }
    .spComment {
        margin: 24px 0 32px;
    }
    .spComment > span {
        width: 64px;
        height: 64px;
        background-size: 32px !important;
    }
    .spComment {
        padding: 16px;
    }
    .spComment p {
        margin: 32px 0 12px;
    }
    .spContent > ul > li {
        margin: 12px 0;
    }
    .spContent h2 {
        margin: 64px 0 24px;
    }
    .spContent > h3 {
        margin: 32px 0;
    }
    .spContent > h3 + p {
        margin-top: 0;
    }
    .spContent p + .spImage {
        margin-top: 32px;
    }
    .spImage text {
        font-size: 14px;
        line-height: 18px;
        margin-top: 6px;
    }
    .spImage + .spImage {
        margin-top: 32px;
    }
    .spContent .spImage + p {
        margin-top: 26px;
    }
    .spContent h3 + ol {
        margin-top: -14px;
    }
    .spActionBlock {
        margin: 64px 0;
        padding: 16px;
    }
    .card img {
        height: 240px;
    }
    .stackList .slick-dots {
        justify-content: center;
        height: 4px;
        border-radius: 15px;
        overflow: hidden;
        margin-top: 28px;
        background: #E6E6EF;
    }
    .stackList .slick-dots li {
        margin-top: -14px;
    }
    .stackList .slick-dots li button {
        border-radius: 5px;
    }
    .page-template-main .stackWrap {
        padding-bottom: 124px;
    }
    .page-template-about .aboutWrapThird {
        margin-top: 24px;
    }
    .page-template-about .sliderWrapSecond .blockTitle {
        margin-bottom: 0;
    }
    .page-template-about .mainEventsSlider.scSlider {
        margin-top: 0;
        padding-top: 20px;
    }
    .page-template-about .mainEventsSlider.scSlider .eventItem {
        height: 215px;
        width: 300px;
    }
    .page-template-about .actionWrap.actionWrapSecond {
        padding-bottom: 300px;
    }
    .page-template-directions .stackWrap {
        margin-top: 44px;
        padding-bottom: 114px;
    }
    .tabsWrap.stackTrack {
        margin: 32px 0 24px;
    }
    .single-directions .stackSlider .slick-dots {
        margin-top: 18px;
        margin-bottom: -4px;
    }
    .stackList .slick-dots {
        height: 4px;
        border-radius: 5px;
        overflow: hidden;
        background: #E6E6EF;
        margin-top: 32px;
    }
    .stackList .slick-dots li {
        margin-top: -14px;
        border-radius: 5px;
    }
    .stackList .slick-dots li button {
        border-radius: 5px;
    }
    .page-template-career .blueWrap + .stackWrap {
        padding-bottom: 124px;
    }
    .page-template-career .jobsWrap {
        padding-top: 85px;
    }
    .page-template-advantages .pageHeader {
        margin-bottom: 24px;
    }
    .valuesWrap + .sliderWrapSecond {
        margin-top: 64px;
        margin-bottom: -66px;
    }
    .page-template-advantages .sliderWrapSecond .blockTitle {
        margin-bottom: 5px;
    }
    .page-template-advantages .mainEventsSlider.notSlider {
        margin-bottom: -116px;
    }
    .blogWrap + .bottomFormWrap {
        margin-top: 172px;
    }
    .single .bottomFormWrap {
        margin-top: 64px;
    }
    p + .singleActionWrap {
        margin-top: 48px;
    }
    .page-template-vacancies .pageHeader {
        margin-bottom: 48px;
    }
    .achievementsWrap + .container + .radarWrap {
        margin-top: 64px;
    }
    .mainEventsSlider.notSlider .eventItem {
        height: 215px !important;
        margin-bottom: 40px;
    }
    .singleVac {
        margin-top: 24px;
    }
    .solutionsBack {
        background-size: 350px !important;
    }
    .solImg {
        width: 180px;
        height: 180px;
    }
    .solImg.si1 {
        width: 200px;
        height: 200px;
    }
    .wpcf7-form-control-wrap.error + .thisInput {
        top: 65px;
    }
}

@media screen and (max-width: 420px) {
    .jobsList .inCat {
        font-size: 18px;
        line-height: 20px;
        margin-bottom: 18px;
    }
}

@media screen and (max-width: 380px) {
    .jobsList .inCat span {
        margin-left: 0;
        margin-right: 5px;
    }
}

@media screen and (max-width: 1600px) {}