@media (min-width: 992px) {
    .step-item--pin-section {
        min-height: 100vh;
    }
    .header__nav-sub-menu {
        position: absolute;
        top: 100%;
        left: 0;
        padding: 28px;
        border-radius: 12px;
        background: rgba(255, 255, 255, 0.90);
        -webkit-box-shadow: 4px -5px 16px -4px rgba(116, 110, 183, 0.10) inset, 0 0 9px 0 rgba(78, 134, 159, 0.10);
        box-shadow: 4px -5px 16px -4px rgba(116, 110, 183, 0.10) inset, 0 0 9px 0 rgba(78, 134, 159, 0.10);
        -webkit-backdrop-filter: blur(8px);
        backdrop-filter: blur(8px);
        opacity: 0;
        visibility: hidden;
        -webkit-transition: var(--animation-primary);
        -o-transition: var(--animation-primary);
        transition: var(--animation-primary);
    }
    .header__nav-main-item:hover .header__nav-sub-menu {
        opacity: 1;
        visibility: visible;
    }
    .header__col-2,
    .header__nav-sub-menu {
        display: block !important;
    }
    .header__nav-sub-menu--1 .header__nav-sub-menu-item:nth-last-child(2),
    .header__nav-sub-menu--2 .header__nav-sub-menu-item:nth-last-child(2) {
        margin-bottom: 0 !important;
    }
    .header__nav-sub-menu--3.header__nav-sub-menu {
        font-size: 18px;
        width: auto;
        padding: 20px 30px;
    }
    .header__nav-sub-menu--1.header__nav-sub-menu {
        width: 421px;
        padding: 31px 15px 26px 26px;
    }
    .header__nav-sub-menu--2.header__nav-sub-menu {
        padding: 22px 15px 26px 22px;
        width: 330px;
    }

	.header__nav-sub-menu--2.header__nav-sub-menu.has-description{
		width: 800px;
	}
    .header__nav-sub-menu--1 .header__nav-sub-menu-item:nth-child(odd) {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 60%;
        flex: 0 0 60%;
    }
    .header__nav-sub-menu--1 .header__nav-sub-menu-item:nth-child(even) {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 40%;
        flex: 0 0 40%;
    }
    .header__nav-sub-menu--2 .header__nav-sub-menu-item {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%
    }
    .header__nav-sub-menu--3 .header__nav-sub-menu-nav {
        display: block;
    }
    .header__nav-sub-menu--3 .header__nav-sub-menu-item:not(:last-child) {
        margin-bottom: 12px !important;
    }
    /*    -----------------------------------------------------   */
    .s-steps__mob-item__heading {
        padding: 5px 18px;
    }
    .s-steps__mob-item__body {
        padding: 22px 10px 18px 10px;
    }
    .s-steps__container-border {
        top: 90px;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
        max-width: 1214px;
        width: auto;
    }
    .s-steps__container-4 {
        position: relative;
        max-width: 1102px;
        padding-bottom: 60px;
    }
    .s-steps__mob-items {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin: 0 -10px;
    }
    .s-steps__mob-item-wrap {
        padding: 0 10px;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
    }
    .s-steps__mob-item-wrap--1 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        margin-bottom: 100px !important;
    }
    .s-steps__mob-item-wrap--1 .s-steps__mob-item {
        max-width: 418px;
        margin: auto;
    }
    .s-steps__mob-item-wrap:not(.s-steps__mob-item-wrap--1) .s-steps__mob-item__body {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .s-steps__mob-item-wrap:not(.s-steps__mob-item-wrap--1) .s-steps__mob-item__icon-wrap {
        margin-right: 0;
        margin-bottom: 10px;
    }
    .s-steps__mob-item-wrap--1 .s-steps__mob-item__title {
        font-size: 40px;
        letter-spacing: -1.6px;
    }
    .s-steps__mob-item-wrap--1 .s-steps__mob-item__body {
        padding: 23px 34px 34px 47px;
    }
    .s-steps__mob-item-wrap--1 .s-steps__mob-item__icon-wrap {
        margin-right: 19px;
    }
    .step-item__pic-wrap--2 {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
    }
    .step-item--1 .step-item__col-2 {
        position: relative;
        text-align: center;
    }
    .step-item__pic-wrap--1 {
        width: 300px;
        height: 575px;
    }
    .step-item__pic-wrap-part {
        left: 0;
    }
    .step-item__pic-wrap-part-1 {
        top: 6px;
        left: 10px;
        width: 200px;
    }
    .step-item__pic-wrap-part-2 {
        top: 64px;
        left: 10px;
        width: auto;
        right: 10px;
    }
    .step-item__pic-wrap-part-3 {
        bottom: 14px;
        width: 279px;
        left: 9px;
        border-radius: 2px;
    }
    .step-item__pic-wrap-part-btn {
        top: 94px;
        right: 2px;
        width: 35px;
    }
    .step-item__pic-wrap-part-pic {
        border-radius: 4px;
    }
    .step-item--1 .step-item__pic-wrap--2 {
        margin-top: 20px;
        opacity: 0;
        visibility: hidden;
        -webkit-transform: scale(.5);
        -ms-transform: scale(.5);
        transform: scale(.5);
    }
    .step-item--0 .step-item__pic-wrap {
        -webkit-perspective: 900px;
        perspective: 900px;
    }
    .step-item--0 .step-item__panel-wrap {
        -webkit-transform-style: preserve-3d;
        transform-style: preserve-3d;
    }
    .step-item--1 {
        padding-top: 120px;
    }
}
@media (min-width: 1200px) {
    .s-steps__mob-item-wrap--1 .s-steps__mob-item__icon-wrap {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 45px;
        flex: 0 0 45px;
        height: 45px;
    }
    .s-steps__mob-items {
        margin: 0 -20px;
    }
    .s-steps__mob-item-wrap {
        padding: 0 20px;
    }
    .header__col-3-btn {
        padding: 12px 15px;
    }
    .step-item__container {
        max-width: 1200px;
    }
    .header__nav-main-item-link {
        padding: 22px 13px;
    }
    .header__col-1 {
        margin-top: 7px;
    }
    .header__col-2 {
        margin-top: -5px;
        margin-left: 20px;
    }
    .is-offset-top .header {
        padding: 18px 0 8px;
    }
    .header:after {
        border-radius: 12px;
    }
}
@media (min-width: 1400px) {
    .step-item--0 .step-item__pic-wrap {
        margin: 0 -33px 0 -51px;
    }
    .step-item--1 .step-item__pic-wrap--2 {
        /*margin: 20px -5px 0 -42px;*/
        margin: 20px -5px 0 -7px;
    }
    .step-item--2 .step-item__pic-wrap {
        margin: 7px -78px 0 -66px;
    }
    .step-item--3 .step-item__pic-wrap {
        margin: 0 -47px 0 -46px;
    }
    .step-item--4 .step-item__pic-wrap {
        margin: 39px -81px 0 -68px;
    }
    .step-item--1 .step-item__col-1,
    .step-item--3 .step-item__col-1 {
        padding-right: 70px;
    }
    .step-item--3 .step-item__col-1 {
        padding-top: 13px;
    }
    .step-item--2 .step-item__col-1,
    .step-item--4 .step-item__col-1 {
        padding-right: 90px;
    }
}
@media (max-width: 1399px) {
    .step-item__col-1 {
        padding-left: 40px;
        padding-right: 70px;
    }
    .step-item__pic-wrap {
        margin-left: -50px;
    }
    .panel-block-1 {
        width: 374px;
        -webkit-transform: scale(0.45) translate(54%, -62%);
        -ms-transform: scale(0.45) translate(54%, -62%);
        transform: scale(0.45) translate(54%, -62%);
    }
    .panel-block-1__dialog-item-txt-wrap {
        padding-right: 13px;
    }
    .panel-block-2 {
        top: 8.3%;
        -webkit-transform: translateX(36%) translateY(7%) scale(0.94);
        -ms-transform: translateX(36%) translateY(7%) scale(0.94);
        transform: translateX(36%) translateY(7%) scale(0.94);
    }
    .step-item__panel-line-1 {
        top: 115px;
    }
    .step-item__panel-line-2 {
        top: 157px;
    }
    .step-item__panel-line-3 {
        top: 199px;
    }
}
@media (max-width: 1199px) {
    .header__nav-sub-menu {
        width: 300px;
        padding: 20px 24px;
    }
    .header__nav-sub-menu-item {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
    }
    .footer__col-secondary {
        padding: 0 15px;
    }
    .footer__col-2 .footer__col-title,
    .footer__col-2 .footer__col-list {
        width: 100%;
    }
    .footer__row-2-links a:not(:last-child) {
        margin-right: 30px;
        margin-bottom: 5px;
    }
    .footer__row {
        margin-bottom: 50px;
    }
    /*-----------------------------------*/
    .step-item__title {
        font-size: 60px;
    }
    .step-item__label {
        margin-bottom: 20px;
    }
    .s-steps__circle {
        -webkit-transform: translate(-30%, 0%);
        -ms-transform: translate(-30%, 0%);
        transform: translate(-30%, 0%);
    }
    .s-cards {
        padding: 50px 0 50px;
    }
    .card-wrap--long {
        padding-right: 15px;
    }
    .filter-item--secondary .filter-item__content,
    .filter-item__content {
        padding: 28px 20px 28px 20px;
    }
    .filter-item__label {
        margin-bottom: 40px;
    }
    .s-filter {
        padding: 87px 0 60px;
    }
    .hero__pic-circle {
        right: 0;
    }
    .panel-block-1 {
        width: 381px;
        top: 19px;
        right: 12px;
        -webkit-transform: scale(0.35);
        -ms-transform: scale(0.35);
        transform: scale(0.35);
        -webkit-transform-origin: top right;
        -ms-transform-origin: top right;
        transform-origin: top right;
    }
    .panel-block-2__body {
        padding-top: 7px;
    }
    .panel-block-2 {
        top: 8.3%;
        font-size: 6px;
        height: 314px;
        -webkit-transform: translateX(19%) translateY(-2.5%) scale(0.75);
        -ms-transform: translateX(19%) translateY(-2.5%) scale(0.75);
        transform: translateX(19%) translateY(-2.5%) scale(0.75);
    }
    .panel-block-3__input {
        width: 465px;
    }
    .step-item__panel-line-1 {
        top: 93px;
    }
    .step-item__panel-line-2 {
        top: 127px;
    }
    .step-item__panel-line-3 {
        top: 161px;
    }
    .step-item__panel-line {
        left: 34px;
        width: calc(100% - 34px);
    }
}
@media (max-width: 991px) {
    .bg-wrap {
        width: 1900px;
    }
    .s-steps__circle {
        -webkit-transform: translate(-25%, -30%);
        -ms-transform: translate(-25%, -30%);
        transform: translate(-25%, -30%);
        height: 900px;
    }
    .header__col-2 {
        width: 100%;
        margin: 0;
        padding: 29px 15px 0 10px;
        overflow: auto;
        max-height: calc(var(--window-height) - 80px);
        -ms-overflow-style: none;
        scrollbar-width: none;
        border-radius: 0 0 24px 24px;
        display: none;
    }
    .header__col-2::-webkit-scrollbar {
        display: none;
    }
    .is-offset-top .header,
    .header {
        padding: 18px 0 0;
    }
    .header__col-1 {
        padding-bottom: 18px;
    }
    .header__nav-main-item-link {
        font-size: 22px;
        display: inline-block;
        font-family: 'DM Sans', sans-serif;
    }
    .header__nav {
        display: block;
        margin-bottom: 20px;
    }
    .header__nav-main-item {
        margin-bottom: 7px !important;
    }
    .header__nav-main-item:last-child {
        margin-bottom: 0 !important;
    }
    .header__nav-main-item-arrow-wrap svg {
        width: 15px;
        -webkit-transition: var(--animation-fast);
        -o-transition: var(--animation-fast);
        transition: var(--animation-fast);
        margin-top: -6px;
    }
    .active .header__nav-main-item-arrow-wrap svg {
        -webkit-transform: rotate(180deg) translateY(-4px);
        -ms-transform: rotate(180deg) translateY(-4px);
        transform: rotate(180deg) translateY(-4px);
    }
    .header__nav-main-item-arrow-wrap {
        margin-left: 3px;
    }
    .header__nav-sub-menu {
        display: none;
        width: 100%;
        padding: 0;
    }
    .header__nav-main-item-arrow-wrap path {
        fill: currentColor;
    }
    .header__nav-sub-menu-nav {
        padding: 10px 0 20px 15px;
    }
    .header__nav-sub-menu-item-txt {
        padding-right: 0;
    }
    .open-header:after {
        opacity: 1;
    }
    .footer__col-1 {
        padding-bottom: 46px;
    }
    .footer__col-title.gradient-txt {
        --gradient-txt-color-1-pos: 5.48%;
        --gradient-txt-color-2-pos: 15%;
    }
    .footer__col-5 {
        margin-top: 50px;
    }
    .footer__col-title {
        margin-bottom: 24px;
    }
    .footer__row-2-col-3 {
        text-align: left !important;
    }
    .footer__row-2-col-1 {
        margin-bottom: 18px;
    }
    .footer__row-2-col-2 {
        margin-bottom: 10px;
    }
    .footer__row-2:before {
        content: none;
    }
    .footer__row-2 {
        padding-top: 0;
    }
    .footer__row {
        margin-bottom: 16px;
    }
    .footer {
        padding-bottom: 30px;
    }
    /*-----------------------------------*/
    h1, .h1 {
        font-size: 58px;
    }
    .hero {
        padding-top: 130px;
    }
    .s-steps-2 {
        padding-top: 50px;
    }
    .s-steps {
        /*min-height: 0;*/
        padding: 0 0 80px;
    }
    .step-item__label:before {
        background: #e9edff;
    }
    .s-steps__bar-container,
    .step-item .step-item__label {
        display: none !important;
    }
    .step-item__col-1 {
        padding: 0;
        margin-bottom: 23px;
    }
    .step-item__col-2,
    .step-item {
        padding: 0;
    }
    .step-item__pic-wrap {
        margin-left: 0;
    }
    .s-steps .swiper-slide {
        opacity: .5;
        -webkit-transition: var(--animation-fast);
        -o-transition: var(--animation-fast);
        transition: var(--animation-fast);
        height: auto;
    }
    .s-steps .swiper-slide-active {
        opacity: 1;
    }
    .step-item {
        height: 100%;
        -webkit-box-align: stretch !important;
        -ms-flex-align: stretch !important;
        align-items: stretch !important;
    }
    .step-item__row {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        height: 100%;
    }
    .step-item__col-2 {
        margin: auto;
    }
    /*    ---------------------------------  */
    .s-steps__mob-item-wrap {
        padding-left: 24px;
        padding-right: 24px;
        position: relative;
        margin-bottom: 13px;
    }
    .s-steps__mob-items {
        margin-bottom: 74px;
    }
    .s-steps__mob-item-wrap:last-child {
        margin-bottom: 0;
    }
    .s-steps__mob-item-wrap--1:after {
        top: 59% !important;
        height: 145px !important;
        min-height: 95% !important;
    }
    .s-steps__mob-item-wrap:not(:last-child):after {
        content: "";
        position: absolute;
        top: 51%;
        left: 0;
        width: 100%;
        min-height: 110%;
        height: 127px;
        border: 1px solid #ffffff;
        border-radius: 10px;
        z-index: -1;
    }
    .s-2-cols__col-1 {
        margin-bottom: 50px;
    }
    .s-2-cols__col-video-block-wrapper {
        margin-left: 0;
    }
    .card-2 {
        width: 335px;
    }
    .card-2__heading {
        margin-bottom: 39px;
    }
    .s-cards-2 {
        padding-top: 56px;
    }
    .s-cards-2__container {
        margin-bottom: 50px;
    }
    .embed-player-local-js .plyr__controls .plyr__controls__item:nth-child(3) {
        margin-left: 3px;
    }
    .embed-player-local-js .plyr__controls .plyr__controls__item:nth-child(1) {
        width: 16px;
        height: 16px;
    }
    .video-block-wrapper__video-waveform {
        height: 90px;
    }
    .filter-item--secondary {
        display: block;
    }
    .filter-item--secondary .filter-item__pic-wrap {
        height: 244px;
        border-radius: 24px 24px 0 0;
        margin: -1px -1px 0 -1px;
    }
    .hero__pic-circle {
        top: -200px;
    }
    .header__nav-main-item-link.active {
        color: #b26cf3;
    }
    .s-steps__mob-item-wrap--1 .s-steps__mob-item__body {
        padding-top: 40px;
        padding-bottom: 40px;
    }
    .s-steps__mob-item-wrap--1 {
        margin-bottom: 25px !important;
    }
}
@media (max-width: 767px) {
    .bg-wrap {
        width: 1200px;
    }
    .footer__col-list {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .footer__col-list li {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
    }
    .footer__col-list li[style="order:2"],
    .footer__col-list li[style="order:4"],
    .footer__col-list li[style="order:6"],
    .footer__col-list li[style="order:8"] {
        padding-left: 34px;
    }
    .footer__col-5 {
        margin-top: 63px;
    }
    .footer__col-2,
    .footer__col-3 {
        position: relative;
        padding-bottom: 36px;
        margin-bottom: 23px;
    }
    .footer__col-2:after,
    .footer__col-3:after {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        height: 16px;
        z-index: 1;
        background: var(--background-points);
    }
    /*-----------------------------------*/
    h1, .h1 {
        font-size: 48px;
    }
    h4, .h4 {
        font-size: 28px;
    }
    h5, .h5 {
        font-size: 22px;
    }
    h6, .h6 {
        font-size: 16px;
    }
    .hero {
        padding-top: 110px;
        padding-bottom: 50px;
    }
    .modal-content__col-1 {
        display: none;
    }
    .modal-content__col-2-logo {
        margin-bottom: 28px;
    }
    .modal-content__col-2 {
        padding: 0 15px;
    }
    .modal-content__col-2--primary {
        position: relative;
        padding-bottom: 52px;
    }
    .modal-content__col-title {
        margin-bottom: 13px;
    }
    .modal-content__col-wrap-txt {
        max-width: 250px;
        margin: 0 auto 30px;
    }
    .modal-content__col-2--primary:after {
        content: "";
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        height: 16px;
        z-index: 1;
        background: var(--background-points);
    }
    .card-wrapper--reverse {
        margin-top: 24px;
    }
    .s-cards__btn-wrap {
        margin-top: 25px;
    }
    .grid-item {
        width: 100%;
    }
}
@media (max-width: 575px) {
    .s-steps__circle {
        height: 700px;
        -webkit-transform: translate(-30%, -23%);
        -ms-transform: translate(-30%, -23%);
        transform: translate(-30%, -23%);
    }
    .s-steps-2 {
        padding-top: 14px;
    }
    .is-offset-top .header, .header {
        padding: 14px 0 0;
    }
    .header__logo-link {
        width: 88px;
        display: block;
    }
    .header__col-2 {
        max-height: calc(var(--window-height) - 73px);
    }
    .header__col-2-inner {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        height: 100%;
    }
    .header__col-2-btn-wrap {
        margin-top: auto;
    }
    .footer__col-list {
        font-size: 16px;
        letter-spacing: -0.32px;
        line-height: 1.3;
    }
    .footer {
        padding-top: 45px;
    }
    .footer__col-list li {
        margin-bottom: 16px;
    }
    .footer__col-title {
        margin-bottom: 32px;
    }
    /*-----------------------------------*/
    h1, .h1 {
        font-size: 40px;
        letter-spacing: -1.6px;
    }
    h2, .h2
    {
        font-size: 36px;
        letter-spacing: -1.6px;
    }
    .md-fz {
        font-size: 16px;
    }
    .hero__title, .hero__txt-wrap {
        margin-bottom: 20px;
    }
    .hero__pic-wrap {
        border-radius: 9px;
    }
    .step-item__label {
        font-size: 14px;
        margin-bottom: 22px;
    }
    .step-item__title {
        margin-bottom: 23px;
    }
    .video-block-wrapper .plyr--full-ui.plyr--video .plyr__control--overlaid {
        width: 54px;
        height: 54px;
    }
    .s-2-cols__col-title {
        margin-bottom: 32px;
    }
    .s-cards {
        padding: 33px 0 40px;
    }
    .s-cards-2__container {
        margin-bottom: 39px;
    }
    .s-cards-2 {
        padding-bottom: 40px;
    }
    .face__video-block-wrapper .plyr__controls .plyr__controls__item.plyr__time {
        padding-right: 5px !important;
        display: block;
    }
    .face__video-block-wrapper .plyr__time--current:after {
        display: none;
    }
    .s-filter__heading {
        margin-bottom: 24px;
    }
    .filter-item__pic-wrap {
        height: 189px;
    }
    .filter-item--secondary .filter-item__pic-wrap {
        height: 192px;
    }
    .filter-item--secondary .filter-item__content,
    .filter-item__content {
        padding: 15px 20px 28px 31px;
    }
    .filter-item--secondary .filter-item__title {
        margin-bottom: 26px;
    }
    .filter-item__title {
        font-size: 20px;
        line-height: 1.25;
    }
    .filter-item__txt-wrap {
        line-height: 1.35;
        margin-bottom: 30px;
    }
    .grid-item {
        margin-bottom: 22px;
    }
    .filter-item--third .filter-item__content {
        padding: 28px 30px 27px 33px;
    }
    .filter-item--third .filter-item__title {
        margin-bottom: 24px;
    }
    .s-filter {
        padding-bottom: 85px;
    }
    .s-banner__txt-wrap {
        line-height: 1.3;
    }
    .hero__pic-circle {
        top: -150px;
        width: 800px;
    }
}
@media (max-width: 575px) and (max-height: 760px) {
    .header__col-2 {
        height: calc(var(--window-height) - 73px);
    }
    /*-----------------------------------*/
}
@media (max-width: 390px) {
    .step-item__col-1,
    .step-item__col-2,
    .swiper__pag-btns {
        max-width: 330px;
    }
}
@media (max-width: 370px) {
    .s-steps__mob-item-wrap--1 .s-steps__mob-item__body {
        padding: 33px 20px 40px 20px;
        min-height: 116px;
    }
    .s-steps__mob-item-wrap--1 .s-steps__mob-item__title {
        font-size: 26px;
    }
    .footer__col-list li[style="order:2"],
    .footer__col-list li[style="order:4"],
    .footer__col-list li[style="order:6"],
    .footer__col-list li[style="order:8"] {
        padding-left: 20px;
    }
}