@media (max-width: 767px) {
    .container {
        max-width: 100%;
        padding-left: 15px;
        padding-right: 15px;
    }
    
    .full-container {
        max-width: 100%;
        padding-left: 15px;
        padding-right: 15px;
    }

    body {
        padding-top: 60px;
    }

    .mobile {
        display: flex !important;
    }

    p {
        font-size: 14px;
    }

    .header-top {
        display: none;
    }

    .menu-but {
        width: 40px;
        height: 40px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        gap: 8px;
        padding: 0 5px;
        cursor: pointer;
        position: relative;
    }

    .menu-but span {
        width: 100%;
        height: 3px;
        border-radius: 2px;
        background: var(--accent);
        transition: var(--all-out);
    }

    .menu-but span:nth-child(2) {
        max-width: 20px;
    }

    .menu-but.open span:nth-child(2) {
        transition: var(--all-in);
        opacity: 0;
    }

    .menu-but.open span:nth-child(1) {
        transition: var(--all-in);
        rotate: 45deg;
        translate: 0px 11px;
    }

    .menu-but.open span:nth-child(3) {
        transition: var(--all-in);
        rotate: -45deg;
        translate: 0px -10px;
    }

    .header-box .but {
        display: none;
    }

    .header-box .container > .tg {
        width: 40px;
        height: 40px;
    }

    header .header-box .container .logo img {
        max-height: 40px;
    }

    header .header-box, header .header-box .container {
        height: 60px;
    }

    #menu {
        position: fixed;
        width: 100%;
        height: calc(100vh - 60px);
        left: 0;
        top: 60px;
        background: var(--white);
        padding: 24px 0;
        border-top: 1px solid var(--accent-10);
        translate: -100% 0;
        transition: var(--all-out);
        opacity: 0;
    }

    #menu.open {
        translate: 0% 0;
        transition: var(--all-in);
        opacity: 1;
    }

    header .header-box #menu #header-menu {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
    }

    header .header-box #menu #header-menu > li > a {
        line-height: 24px;
    }

    header .header-box #menu #header-menu > li.mega {
        order: 1;
    }

    header .header-box #menu #header-menu > li:not(.mega) {
        order: 2;
    }

    header .header-box #menu #header-menu > li {
        width: 100%;
        padding: 0 24px;
    }

    header .header-box #menu #header-menu {
        gap: 24px;
    }

    header .header-box #menu #header-menu > li.mega > a {
        display: none;
    }

    header .header-box #menu #header-menu > li.mega > .sub-menu {
        overflow: initial;
        translate: 0 0;
        position: relative;
        top: 0;
        opacity: 1;
        max-height: 150000px;
        height: auto;
        width: 100%;
        padding: 0;
    }

    header .header-box #menu #header-menu > li.mega > .sub-menu > li:first-child {
        padding-top: 12px;
    }

    header .header-box #menu #header-menu > li.mega > .sub-menu > li:last-child {
        padding-bottom: 0px;
    }

    header .header-box #menu #header-menu > li.about {
        border-top: 1px solid var(--accent-10);
        padding-top: 24px;
    }

    header .header-box .menu-wr {
        height: calc(100% - 60px);
        overflow-y: auto;
    }

    header #header-menu > li.mega > .sub-menu > li:not(:first-child) {
        border-top: 1px solid var(--accent-10);
    }

    header .header-box #menu #header-menu > li.menu-item-has-children > a::after {
        display: none;
    }

    header .header-box #header-menu > li.menu-item-has-children, header .header-box #header-menu > li.menu-item-has-children > .sub-menu > li {
        position: relative;
    }

    header .header-box #header-menu > li.menu-item-has-children > button, header .header-box #header-menu .mega > .sub-menu > li > button {
        width: 24px;
        height: 24px;
        padding: 0;
        margin: 0;
        background: transparent; 
        position: absolute;
        border: 0;
        top: 12px;
        right: 0;
        z-index: 2;
        background: url('../images/menu-arrow.svg') center center / 16px auto no-repeat;
        rotate: 0deg;
        transition: var(--all-out);
    }

    header .header-box #header-menu > li.menu-item-has-children > button {
        right: 24px;
        top: 24px;
    }

    header .header-box #header-menu > li.menu-item-has-children > button.open, header .header-box #header-menu .mega > .sub-menu > li > button.open {
        rotate: 180deg;
        transition: var(--all-in);
    }

    header .header-box #menu li.mega > .sub-menu .sub-menu, header #header-menu > li > .sub-menu {
        position: relative;
        left: initial;
        top: initial;
        opacity: 1;
        visibility: visible;
        translate: 0px 0;
        height: auto;
        width: 100%;
        gap: 0;
        max-height: 0;
        padding: 0 22px;
    }

    header #header-menu > li > .sub-menu .sub-menu li, header #header-menu > li.about > .sub-menu li {
        padding: 6px 0;
    }

    header .header-box #menu li.mega > .sub-menu .sub-menu li:first-child, header .header-box #menu li.about > .sub-menu li:first-child {
        padding-top: 16px;
    }

    header .header-box #menu li.mega > .sub-menu .sub-menu li:last-child, header .header-box #menu li.about > .sub-menu li:last-child {
        padding-bottom: 16px;
    }

    header #header-menu > li.about > .sub-menu li a {
        padding-left: 11px;
        color: var(--text);
        opacity: 0.8;
        line-height: normal;
        font-size: 12px;
        position: relative;
    }

    header #header-menu > li.about > .sub-menu li a:hover {
        opacity: 1;
        color: var(--accent);
    }

    header #header-menu > li.about > .sub-menu li a::before {
        width: 3px;
        height: 100%;
        content: "";
        background: var(--accent);
        border-radius: 3px;
        position: absolute;
        left: 0;
        top: 0;
    }

    header .header-box #menu .contacts-but-block {
        display: flex;
        gap: 16px;
        align-items: center;
        padding: 0 24px;
        padding-top: 24px;
        border-top: 1px solid var(--accent-10);
    }
    
    header .header-box #menu .contacts-but-block .but {
        display: flex;
    }
    
    header .header-box #menu .contacts-but-block .but a {
        padding: 0 20px;
        color: var(--white);
        border-radius: 8px;
    }
    
    header .header-box #menu .contacts-but-block .tg a {
        display: flex;
        align-items: center;
        gap: 4px;
        text-decoration: none;
        color: var(--accent);
        font-size: 11px;
    }
    
    header .header-box .contacts-but-block .tg a:hover {
        color: var(--title);
    }
    
    header .header-box .contacts-but-block .tg a::before {
        width: 36px;
        height: 36px;
        display: flex;
        content: "";
        background: url('../images/telegram-icon.svg') center center / 36px auto no-repeat;
        flex-shrink: 0;
    }
    
    header .header-box .contacts-but-block .tg a > span {
        display: flex;
        flex-direction: column;
        gap: 6px;
        line-height: 1;
    }
    
    header .header-box .contacts-but-block .tg a span > span {
        display: block;
        font-family: var(--font-num);
        font-weight: 700;
        line-height: 1.5;
    }

    header .header-box > .container > .lang {
        display: none;
    }

    header .header-box > .container .menu-wr .lang {
        padding: 0 24px;
        margin-top: 24px;
    }

    .first-block {
        padding: 75px 0 40px;
    }

    .first-block .box {
        flex-direction: column;
        gap: 48px;
    }

    .first-block .box .img {
        order: 1;
    }

    .first-block .box .text {
        order: 2;
        max-width: 100%;
        gap: 24px;
    }

    .first-block .box .img .additional .item.item-1 {
        top: -30px;
        left: 110px;
        width: 264px;
        padding: 2px 12px 2px 2px;
        gap: 12px;
    }

    .first-block .box .img .additional .item.item-2 {
        top: 145px;
        left: 130px;
        padding: 4px 12px;
        width: 230px;
    }

    .first-block .box .img .additional .item.item-3 {
        top: 220px;
        padding: 6px 12px;
        width: 245px;
    }

    h1, .h1, h2, .h2 {
        font-size: 20px;
        line-height: 1.2;
    }

    .first-block .box .text h1, .first-block .box .text .h1 {
        text-align: center;
    }

    .first-block .box .text h1 b, .first-block .box .text .h1 b {
        display: block;
    }

    .first-block .box .text p, .first-block .box .text ul, .first-block .box .text ol {
        font-size: 14px;
    }

    .contacts-but-block .tg {
        flex-shrink: 0;
    } 

    .contacts-but-block .but {
        width: 100%;
    }

    .contacts-but-block .but a {
        padding: 0 28px;
        height: 36px;
        border-radius: 8px;
    }

    .contacts-but-block {
        gap: 18px;
        justify-content: center;
    }

    .contacts-but-block .tg a::before {
        width: 36px;
        height: 36px;
        background: url('../images/telegram-icon.svg') center center / 36px auto no-repeat;
    }

    .contacts-but-block .tg a {
        gap: 4px;
        font-size: 11px;
    }

    .contacts-but-block .tg a > span {
        gap: 4px;
        line-height: 12px;
    }

    .home-services {
        padding: 40px 0;
    }

    section .container > * + .box, section .full-container > * + .box {
        margin-top: 32px;
    }

    .home-services .box {
        gap: 24px;
        grid-template-columns: 1fr;
        max-width: 100%;
        margin-left: auto;
        margin-right: auto;
    }

    .home-services .box .item {
        border-radius: 16px;
        height: auto;
    }

    .home-services .box .item .icon {
        height: auto;
    }

    .home-services .box .item .icon a {
        rotate: 90deg;
        translate: 0% 0;
        width: 32px;
        height: 32px;
        transition: var(--all-out);
    }

    .home-services .box .item.open .icon a {
        rotate: 0deg;
        transition: var(--all-in);
    }

    .home-services .box .item .icon img {
        max-height: 40px;
    }

    .home-services .box .item .title {
        font-size: 18px;
    }

    .home-services .box .item .list a {
        padding-left: 11px;
        color: var(--text);
        font-size: 14px;
    }

    .home-services .box .item .list {
        margin-top: -24px;
    }

    .home-services .box .item.open .list {
		transition: var(--all-in);
		border-top: 1px solid var(--grey-20);
		padding-top: 24px;
		max-height: 800px;
        margin-top: 0px;
	}

    .portfolio-widget {
        padding: 40px 0;
    }

    .portfolio-widget .container {
        padding: 0;
    }

    .portfolio-widget .box {
        display: block;
        margin-top: 22px;
    }

    .portfolio-widget .box.slick-slider .slick-list {
        padding: 0 15% 0 0;
    }

    .portfolio-widget .box .item {
        margin: 10px 10px 20px 10px;
    }

    .portfolio-widget .box .item .content {
        padding: 24px;
    }

    .portfolio-widget .box .item .content .name a::after {
        width: 24px;
        height: 24px;
        background: url('../images/arrow-right-icon.svg') center center / 16px auto no-repeat;
    }

    .portfolio-widget .box .item .content .name a {
        min-height: 24px;
        padding-right: 36px;
        font-size: 18px;
    }

    .slick-dots {
        margin-top: 24px;
    }

    .portfolio-widget .but {
        margin-top: 40px;
    }

    .but a, .but button, input[type="submit"] {
        padding: 0 24px;
        border-radius: 8px;
        height: 46px;
    }

    .portfolio-widget .but a {
        padding: 0 24px;
    }

    .advantages-home {
        padding: 0 0 40px;
    }

    .advantages-home .box {
        border-radius: 16px;
        background: var(--white);
        padding: 32px 24px;
        display: flex;
        flex-direction: column;
        gap: 32px;
        max-width: 100%;
        margin-left: auto;
        margin-right: auto;
    }

    .advantages-home .box .item:not(:first-child) {
        padding-top: 32px;
        border-top: 1px solid var(--accent-10);
    }

    .advantages-home .box .item {
        display: flex;
        gap: 24px;
    }

    .advantages-home .box .item .icon {
        width: 40px;
        height: 40px;
        flex-shrink: 0;
    }

    .advantages-home .box .item .text {
        display: flex;
        flex-direction: column;
        gap: 16px;
    }

    .advantages-home .box .item .text .title {
        font-size: 18px;
        font-weight: 600;
        line-height: 120%;
        letter-spacing: 0.36px;
        text-transform: uppercase;
    }

    .advantages-home .box .item .text .title span {
        color: var(--accent);
    }

    .advantages-home .box .item .text p {
        font-size: 14px;
        font-weight: 400;
        line-height: 120%;
        letter-spacing: 0.28px;
        color: var(--text);
        opacity: 0.6;
    }

    .page-form-block {
        margin-top: 0px;
        padding: 60px 0;
    }

    .page-form-block .box > h2 {
        order: 1;
    }

    .page-form-block .box > p {
        order: 3;
        font-size: 14px;
        line-height: 1.5;
    }

    .page-form-block .box .form {
        order: 2;
        margin-top: 0px;
        max-width: 100%;
    }

    .page-form-block .box .form form {
        gap: 8px;
    }

    .page-form-block .box .form .form-group {
        background: none;
        border-radius: 0px;
    }

    .page-form-block .box .form .form-group input[type="text"], .page-form-block .box .form .form-group input[type="tel"] {
        height: 48px;
        font-size: 14px;
        background: var(--white);
        border-radius: 8px;
    }

    .page-form-block .box .form .form-group.field-but, .page-form-block .box .form .form-group.field-but p {
        flex-direction: column;
        gap: 16px;
        background: none;
        border-radius: 0px;
    }

    .page-form-block .box .form .form-group input[type="submit"] {
        height: 48px;
        flex-shrink: 0;
        margin-right: 0px;
        max-width: 100%;
        width: 100%;
    }

    .why-we {
        padding: 80px 0 40px;
    }

    section .container > p, section .full-container > p {
        font-size: 14px;
    }

    .why-we .box {
        gap: 12px;
        flex-direction: column;
    }

    .why-we .box .item {
        max-width: 315px;
        padding: 116px 24px 40px 24px;
        margin-left: auto;
        margin-right: auto;
    }

    .why-we .box .item:last-child {
        padding: 40px 24px 116px 24px;
    }

    .why-we .box .item .title {
        width: 100%;
        max-width: 220px;
        height: 60px;
        border-radius: 12px;
        top: 24px;
        left: -14px;
        font-size: 18px;
    }

    .why-we .box .item:last-child .title {
        top: initial;
        left: initial;
        bottom: 24px;
        right: -14px;
    }

    .why-we .box .item .title img {
        max-height: 43px;
    }

    .why-we .box .item ul li {
        padding-left: 22px;
        font-size: 13px;
    }

    .why-we .box .item ul li::before {
        width: 18px;
        background: url('../images/why-ok-icon.svg') center center / 18px auto no-repeat;
    }

    .why-we .box .item ul {
        gap: 12px;
    }

    .why-we .box.after {
        margin-top: 40px;
        max-width: 315px;
        border-radius: 12px;
        padding: 24px 16px;
        height: auto;
    }

    .why-we .box.after p {
        font-size: 18px;
    }

    .partners-block {
        padding: 40px 0;
    }

    .about-us-block {
        padding: 40px 0 80px;
    }

    .about-us-block .box {
        flex-direction: column;
        gap: 40px;
    }

    .about-us-block .box .img {
        order: 1;
    }

    .about-us-block .box .text {
        order: 2;
        max-width: 100%;
    }

    .about-us-block .box .img .h5 {
        margin-bottom: 0px;
        font-size: 14px;
        text-align: center;
    }

    .about-us-block .box .img .image > div {
        width: 170px;
        height: 40px;
        gap: 8px;
        border-radius: 8px;
        top: -25px;
        right: 0px;
    }

    .about-us-block .box .img .image > div p {
        font-size: 12px;
    }

    .about-us-block .box .img .image > div .icon {
        width: 38px;
        height: 36px;
        border-radius: 6px;
        font-size: 18px;
    }

    .about-us-block .box .img > p {
        font-size: 14px;
    }

    .about-us-block .box .img .but {
        margin-top: 12px;
    }

    .about-us-block .box .text p, .about-us-block .box .text ul, .about-us-block .box .text ol {
        font-size: 14px;
    }

    .about-us-block .box .text .blocks .item > div {
        padding-right: 36px;
        font-size: 12px;
        max-width: 120px;
        flex-shrink: 0;
    }

    .about-us-block .box .text .blocks .item > div::after {
        width: 24px;
        height: 24px;
        background: url('../images/arrow-right-icon.svg') center center / 16px auto no-repeat;
    }

    .our-culture {
        padding: 50px 0;
        overflow: hidden;
    }

    .our-culture .box {
        flex-direction: column;
        gap: 32px;
    }

    .our-culture::before {
        rotate: 90deg;
    }

    .our-culture .box .item .title {
        gap: 24px;
    }

    .our-culture .box .item .title .icon {
        width: 56px;
        height: 56px;
    }

    .our-culture .box .item .title .icon img {
        max-width: 32px;
        max-height: 32px;
    }

    .our-culture .box .item .title p {
        font-size: 18px;
    }

    .our-culture .box .item {
        max-width: 100%;
        gap: 24px;
    }

    .learn-block {
        padding: 80px 0;
    }

    .learn-block .box {
        gap: 24px;
    }

    .learn-block .box .item:not(:first-child) {
        padding-top: 24px;
    }

    .learn-block .box .item {
        gap: 32px;
        max-width: 100%;
        flex-direction: column;
        position: relative;
    }

    .learn-block .box .item .img {
        width: 180px;
        height: 180px;
        position: absolute;
        left: 0;
        top: 0;
    }

    .learn-block .box .item:not(:first-child) .img {
        top: 24px;
    }
    
    .learn-block .box .item .text {
        padding-left: 0px;
        max-width: 100%;
    }

    .learn-block .box .item .text .h5 {
        font-weight: 600;
        padding-left: 212px;
        height: 180px;
    }

    .learn-block .box .item .text::before {
        display: none;
    }

    .learn-block .box .item .text .h5 {
        display: flex;
        flex-direction: column;
        justify-content: center;
        gap: 24px;
        font-size: 18px;
        line-height: 24px;
    }

    .learn-block .box .item .text .h5::before {
        counter-increment: learn;
        content: "0"counter(learn);
        font-weight: 300;
        font-family: var(--font-num);
        font-size: 24px;
        font-weight: 300;
        letter-spacing: 0.48px;
        text-transform: uppercase;
        line-height: 17px;
    }

    .learn-block .box .item .text .h5::after {
        content: "";
        width: 32px;
        height: 32px;
        display: flex;
        border-radius: 50%;
        border: 2px solid var(--accent);
        background: url('../images/arrow-right.svg') center center / 16px auto no-repeat;
        rotate: 90deg;
    }

    .learn-block .box .item .more {
        display: none;
    }

    .expert-block-form .box {
        flex-direction: column;
        gap: 40px;
    }

    .expert-block-form .box .img .title {
        gap: 24px;
    }

    .expert-block-form .box .img .image {
        width: 100px;
        position: absolute;
        top: 0;
    }

    .expert-block-form .box .img .title .h2 {
        height: 90px;
        padding-left: 115px;
        display: flex;
        align-items: center;
    }

    .light.big.but a, .light.big.but button, .light.big.but input[type="submit"] {
        height: 36px;
        border-radius: 8px;
        font-size: 14px;
    }

    .expert-block-form .box .info {
        max-width: 100%;
        padding-left: 0px;
        gap: 20px;
        padding-top: 40px;
    }

    .expert-block-form::before {
        height: calc(100% - 230px);
        width: 100%;
        top: initial;
        right: initial;
        left: 0;
        bottom: 0;
    }

    .articles-widget {
        padding: 80px 0 40px;
    }

    .articles-widget .container {
        padding: 0;
    }

    .articles-widget .box {
        display: block;
    }

    .articles-widget .box .item {
        margin: 12px;
    }

    .articles-widget .box.slick-slider .slick-list {
        padding: 0 15% 0 0;
    }

    footer {
        padding: 50px 0;
    }

    footer .container {
        flex-direction: column;
        gap: 50px;
    }

    footer .container .item.info {
        max-width: 100%;
        gap: 24px;
        flex-direction: row;
    }

    footer .container .item.info img {
        max-width: 105px;
    }

    footer .container .item.info > div {
        display: flex;
        flex-direction: column;
        gap: 8px;
    }

    footer .container .item.info div > p {
        font-size: 10px;
        line-height: 15px;
    }

    footer .container .item .policy a {
        font-size: 10px;
    }

    footer .container .item.menu ul {
        gap: 16px;
    }

    p a, ul a, ol a {
        font-size: 14px;
    }

    footer .container .item.menu .policy {
        display: none;
    }

    footer .container .item.contacts {
        max-width: 100%;
        gap: 16px;
        flex-direction: row;
    }

    footer .container .item.contacts .but a {
        height: 36px;
    }

    footer .container .item.contacts .tg a {
        gap: 4px;
        font-size: 11px;
    }

    footer .container .item.contacts .tg a::before {
        width: 36px;
        height: 36px;
        background: url('../images/telegram-icon.svg') center center / 36px auto no-repeat;
    }

    footer .container .item.contacts .tg a > span {
        gap: 4px;
        line-height: 11px;
    }

    .articles-widget .box .item .img {
        height: 210px;
    }

    .articles-widget .box .item .content {
        padding: 24px;
    }

    .articles-widget .box .item .content .name a {
        min-height: 42px;
        padding-right: 36px;
        font-size: 18px;
        line-height: 1.2;
    }

    .articles-widget .box .item .content .name a::after {
        width: 24px;
        height: 24px;
        background: url('../images/arrow-right-icon.svg') center center / 16px auto no-repeat;
        top: 50%;
        translate: 0 -50%;
    }

    .articles-widget .box .item .content p {
        font-size: 14px;
    }

    .first-block.inner {
        padding: 20px 0 40px;
    }

    .first-block.inner .box {
        gap: 24px;
    }

    .first-block.inner .box h1 {
        text-align: left;
    }

    .service-help-block {
        padding: 40px 0;
        display: none;
    }

    .service-help-block .box {
        gap: 24px;
        grid-template-columns: 1fr;
    }

    .service-help-block .box .item .text {
        gap: 12px;
    }

    .service-help-block .box .item .text .title {
        padding-left: 32px;
    }

    .service-help-block .box .item .text .title p {
        font-size: 20px;
    }

    .service-help-block .box .item .text .title .icon {
        height: 30px;
        top: 0px;
        display: flex;
        align-items: center;
    }

    .service-result {
        padding: 40px 0;
    }

    .service-result .box .item .text {
        padding-left: 64px;
        max-width: 100%;
        gap: 16px;
    }

    .service-result .box .item .text .title {
        font-size: 18px;
    }

    .service-result .box .item::before {
        font-size: 24px;
        line-height: 27px;
        width: 32px;
    }

    .service-result .box .item .icon {
        width: 32px;
        height: 32px;
        margin-right: 0px;
        position: absolute;
        top: 49px;
        left: 0;
    }

    .service-result .box .item:not(:first-child) .icon {
        top: 82px;
    }

    .service-result .box .item .icon img {
        max-width: 32px;
    }

    .motivation-block {
        padding: 0px 0 40px;
    }

    .motivation-block::before {
        background: url('../images/motivation-bg1.svg') top center / 100% auto no-repeat;
    }

    .motivation-block .box {
        flex-direction: column;
        gap: 0px;
    }

    .motivation-block .box img {
        order: 1;
        max-width: 100%;
    }

    .motivation-block .box .text {
        max-width: 100%;
        order: 2;
        margin-top: 24px;
        flex-direction: column;
        gap: 16px;
    }

    .motivation-block .box .text .h2 {
        line-height: 1.4;
        font-weight: 700;
    }

    .motivation-block .box .text p {
        font-size: 14px;
        max-width: 100%;
    }

    .motivation-block .box .text .but a {
        height: 36px;
    }

    .motivation-block .box .text .contacts-but-block .tg a::before {
        background: url('../images/telegram-icon-white.svg') center center / 36px auto no-repeat;
    }

    .motivation-block .box .text .contacts-but-block.pc {
        display: none;
    }

    .motivation-block .after .contacts-but-block {
        display: flex;
        margin-top: 32px;
    }

    .motivation-block .after .contacts-but-block .tg a {
        color: var(--white);
    }

    .motivation-block .after .contacts-but-block .tg a::before {
        background: url('../images/telegram-icon-white.svg') center center / 36px auto no-repeat;
    }

    .motivation-block .after {
        margin-top: 60px;
    }

    .how-we-work {
        padding: 40px 0 70px;
    }

    .how-we-work .box {
        gap: 50px;
    }

    .how-we-work .box .row {
        max-width: 100%;
        gap: 16px;
        flex-direction: column;
    }

    .how-we-work .box .row .text-block .title {
        font-size: 18px;
    }

    .how-we-work .box .row .text-block .text {
        margin-top: 0px;
        gap: 12px;
    }

    .how-we-work .box .row:nth-child(2n) .img {
        order: 2;
    }

    .how-we-work .box .row:nth-child(2n) .text-block {
        order: 1;
    }

    .about-content {
        padding: 80px 0 40px;
    }

    .about-content .box {
        gap: 32px;
        flex-direction: column;
    }    

    .about-content .box .img {
        max-width: 100%;
        order: 2;
        display: none;
    }

    .about-content .box .text {
        order: 1;
        gap: 16px;
    }

    .about-content .box .text h2 {
        text-align: center;
        margin-bottom: 16px;
    }

    .about-content .box .text ul {
        gap: 16px 60px;
    }

    .about-content .box .text p, .about-content .box .text ol, .about-content .box .text ul {
        font-size: 14px;
    }

    .about-content .box .text ol, .about-content .box .text ul {
        padding: 0 20px;
    }

    .about-content .box .text img {
        margin: 16px 0;
    }

    .rules-slider-block {
        padding: 40px 0 60px;
    }

    .rules-slider-block .box .slider.slick-slider .slick-list {
        padding: 0 0% 0 0;
    }

    .rules-slider-block .box .item {
        width: 100%;
        padding: 24px;
        border-radius: 24px;
        margin: 20px 0;
    }

    .rules-slider-block .box .item .title {
        font-size: 18px;
    }

    .rules-slider-block .box .item .text {
        gap: 16px;
    }

    .rules-slider-block .box .item .text p {
        font-size: 12px;
    }

    .rules-slider-block .box .item .text ul, .rules-slider-block .box .item .text ol {
        gap: 16px;
    }

    .rules-slider-block .box .item .text ul li, .rules-slider-block .box .item .text ol li {
        line-height: 18px;
        font-size: 12px;
        padding-left: 32px;
    }

    .rules-slider-block .box .item .text ul li::before {
        width: 18px;
        height: 18px;
        background: url('../images/why-ok-icon.svg') center center / 18px auto no-repeat;
    }

    .rules-slider-block .box .item .icon {
        right: 25px;
        bottom: 32px;
        width: 44px;
        height: 44px;
        font-size: 100px;
        line-height: 80px;
    }

    .faq-block {
        padding: 40px 0;
    }

    .faq-block .box .item .title {
        height: auto;
        border-radius: 6px;
        padding: 11px 32px 11px 16px;
        font-size: 14px;
        font-weight: 500;
    }

    .faq-block .box .item .title::after {
        width: 24px;
        height: 24px;
        right: 16px;
    }

    .faq-block .box .item .content.open {
        padding: 24px 16px 8px 16px;
    }

    .our-cases-block {
        padding: 40px 0 45px;
    }

    .our-cases-block h1 {
        font-size: 20px;    
    }

    .our-cases-block .filter-box {
        margin-top: 40px;
        padding: 16px 0;
    }

    .our-cases-block .filter-box ul {
        flex-wrap: wrap;
        gap: 16px 24px;
    }

    .our-cases-block .filter-box ul button {
        height: 46px;
        padding: 0 12px;
        gap: 6px;
        font-size: 14px;
    }

    .our-cases-block .box {
        grid-template-columns: 1fr;
        gap: 24px;
    }

    .achievements-block .box {
        border-top: 0px solid var(--accent-10);
        border-bottom: 0px solid var(--accent-10);
        padding: 20px 0 0;
        gap: 60px;
        flex-direction: column;
    }

    .about-content2 {
        padding: 80px 0;
    }

    .about-content2 .box {
        flex-direction: column;
    }

    .about-content2 .box .img {
        order: 1;
        max-width: 100%;
    }

    .our-cases-block .filter-box ul button img {
        max-width: 14px;
        max-height: 14px;
    }

    .about-content2 .box .text {
        order: 2;
    }

    .contacts-form-block {
        padding: 40px 0;
    }

    .contacts-form-block h1 {
        font-size: 20px;
    }

    .contacts-form-block .box {
        grid-template-columns: 1fr;
        gap: 0px;
    }

    .contacts-form-block .box .contacts-form-box {
        padding: 32px 8px;
    }

    .contacts-form-block .box .expert-block-box {
        display: none;
    }

    .contacts-form-box .form-group.types {
        margin-bottom: 16px;
        margin-top: 16px;
        padding: 16px 0;
        border-top: 1px solid var(--accent-10);
        border-bottom: 1px solid var(--accent-10);
    }

    .contacts-form-box .form-group.types label .wpcf7-list-item-label {
        padding: 9px 12px;
        gap: 6px;
        font-size: 14px;
    }

    .contacts-form-box .cols:not(.buts) {
        grid-template-columns: 1fr;
        gap: 24px;
    }

    .contacts-form-box .cols.buts {
        margin-top: 36px;
        gap: 4px;
    }

    .contacts-form-box .cols.buts input[type="submit"] {
        padding: 0px 20px;
        height: 36px;
    }

    .contacts-form-box .cols.buts .tg a::before {
        width: 36px;
        height: 36px;
        background: url('../images/telegram-icon.svg') center center / 36px auto no-repeat;
    }

    .contacts-form-box .cols.buts .tg a {
        gap: 6px;
        font-size: 11px;
    }

    .contacts-form-box .cols.buts .tg a > span {
        line-height: 8px;
    }

    .contacts-us-types-block {
        padding: 20px 0 40px;
    }

    .contacts-us-types-block .box {
        padding: 32px;
        gap: 40px;
        flex-direction: column;
        width: 100%;
    }

    .wpcf7-form-control-wrap {
        width: 100%;
    }

    .why-we .box:not(.after)::before {
        display: none;
    }

    .why-we .box:not(.after) .item:first-child::before {
        content: "vs";
        width: 80px;
        height: 80px;
        position: absolute;
        z-index: 2;
        left: 50%;
        top: 100%;
        translate: -50% -50%;
        border-radius: 50%;
        background: var(--liner, linear-gradient(180deg, #153F75 0%, #307BD2 100%));
        font-size: 36px;
        font-weight: 700;
        line-height: 150%;
        text-transform: uppercase;
        color: var(--white);
        display: flex;
        align-items: center;
        justify-content: center;
        text-align: center;
    }

    .article-page {
        padding: 40px 0;
    }

    .article-page .box {
        display: grid;
        grid-template-columns: 1fr;
        gap: 24px;
    }

    .article-page .box .sidebar {
        order: 1;
    }

    .article-page .box .text.text-content {
        order: 2;
    }

    .article-page .box .sidebar .sidebar-content ul {
        padding: 0 10px;
        width: 100%;
    }

    .article-page .box .text.text-content h3 {
        font-size: 19px;
        line-height: 1.2;
    }

    .article-page .box .text.text-content h4 {
        font-size: 18px;
        line-height: 1.2;
    }

    .article-page .box .text.text-content h5 {
        font-size: 17px;
        line-height: 1.2;
    }

    .article-page .box .text.text-content h6 {
        font-size: 16px;
        line-height: 1.2;
    }

    .article-page .box .text.text-content ul li {
        font-size: 14px;
    }
        
    .fancybox__content {
        padding: 24px;
    }

    .modal-box {
        width: 100%;
        padding: 0;
    }

    .article-page .title-box {
        height: auto;
        padding: 24px;
    }

    .article-page .title-box h1 {
        font-size: 28px;
    }

    .whom-we-help-block .box {
        display: grid;
        grid-template-columns: 100%;
        gap: 24px;
    }

    .whom-we-help-block .box .item {
        min-height: 10px;
    }

    .whom-we-help-block .box .item .title {
        font-size: 18px;
    }

    /*case*/

    .case-wrapper {
        padding: 40px 0;
    }

    .case-wrapper .container.box {
        grid-template-columns: 100%;
        gap: 32px;
    }

    .case-wrapper .container.box .case-sidebar {
        order: 1;
    }

    .case-wrapper .container.box .case-sidebar .case-sidebar-inner {
        position: relative;
        top: 0;
    }

    .case-wrapper .container.box .case-sidebar .case-sidebar-inner .website-info {
        display: none;
    }

    .case-wrapper .case-content {
        order: 2;
        gap: 80px;
    }

    .case-wrapper .container.box .case-sidebar .case-sidebar-inner .website-logo {
        height: 190px;
        padding: 16px;
    }

    .case-item-box.item.title .box {
        padding: 60px 24px;
        gap: 24px;
        border-radius: 16px;
    }

    .case-item-box.item.title .box h1 {
        max-width: 270px;
        gap: 8px;
        font-size: 14px;
    }

    .case-item-box.item.title .box h1 b, .case-item-box.item.title .box h1 strong {
        font-size: 24px;
        font-weight: 600;
    }

    .case-item-box.item.title .image {
        max-width: 175px;
    }

    .case-item-box.item.title .box p {
        font-size: 12px;
    }

    .case-item-box.item.title .box .website-info {
        display: flex !important;
        gap: 40px;
        flex-direction: column;
        margin-top: 24px;
        padding-top: 24px;
        border-top: 1px solid var(--grey-20);
    }

    .case-item-box.item.title .box .website-info .item {
        gap: 4px;
    }

    .case-item-box.item.title .box .website-info > div p {
        font-weight: 500;
    }

    .case-item-box.item.title .box .services {
        margin-top: 0px;
        padding-top: 24px;
    }

    .case-item-box.item.title .box .services-inner a {
        padding: 10px 12px;
        gap: 6px;
        font-size: 14px;
    }

    .case-item-box.item.title .box .services-inner {
        max-width: 100%;
        gap: 16px 12px;
    }

    .case-item-box.item.conditions .box {
        padding: 40px 16px;
        border-radius: 16px;
    }

    .case-item-box.item.conditions .item-cond > div {
        padding-right: 29px;
        font-size: 12px;
        max-width: 96px;
    }

    .case-item-box.item.conditions .item-cond > div::after {
        width: 24px;
        height: 24px;
        background: url('../images/arrow-right-icon.svg') center center / 14px auto no-repeat;
    }

    .case-item-box.item.conditions .item-cond:not(:first-child) {
        margin-top: 24px;
        padding-top: 24px;
    }

    .case-item-box.item h2 {
        font-size: 20px;
    }

    .case-item-box.item {
        gap: 40px;
    }

    .case-item-box.item.text .box {
        border-radius: 16px;
        padding: 24px 16px;
    }

    .case-item-box.item.text .box .title {
        margin-bottom: 24px;
        padding-bottom: 24px;
        border-bottom: 1px solid var(--grey-20);
    }

    .case-item-box.item.text .box .text {
        gap: 24px;
    }

    .case-item-box.item.text .box .text p {
        font-size: 14px;
        font-weight: 400;
    }
    
    .case-item-box.item.text .box .text img {
        border-radius: 8px;
    }

    .case-item-box.item.text .box .title h3 {
        font-size: 18px;
        display: flex;
        flex-direction: column;
        gap: 8px;
    }

    .case-item-box.item.text .box .text .gallery {
        max-width: 100%;
        margin-top: 0px;
    }

    .case-item-box.item.text .box .text picture {
        height: 220px;
    }

    .case-item-box.item.text .box .text .additional {
        margin-top: 0px;
        gap: 24px;
        flex-direction: column;
    }

    .case-item-box.item.text .box .text .additional .title {
        font-size: 14px;
        padding-bottom: 0;
        margin-bottom: 8px;
        border: 0;
    }

    .case-item-box.item.text .box .text .additional .colors .items {
        gap: 14px;
    }

    .case-item-box.item.text .box .text .additional .colors .items .item > div {
        border-radius: 8px;
        width: 60px;
        height: 60px;
    }

    .case-item-box.item.text .box .text .additional .colors .items .item > p {
        font-size: 12px;
    }

    .case-item-box.item.text .box .text .webview {
        height: 218px;
        border-radius: 20px;
        margin-top: 0px;
    }

    .case-item-box.item.text .box .text .webview .wrapper {
        height: 200px;
        max-width: calc(100% - 13px);
        margin-top: 7px;
        border-radius: 10px;
    }

    .case-item-box.item.text .box .text ul:not(.slick-dots), .case-item-box.item.text .box .text ol {
        gap: 12px;
    }

    .case-item-box.item.text .box .text ul:not(.slick-dots) li, .case-item-box.item.text .box .text ol li {
        line-height: 24px;
        font-size: 14px;
    }

    .case-item-box.item.study .box .text {
        columns: 1;
        display: flex;
    }

    .case-item-box.item.study .box .text > * {
        margin-bottom: 0px;
    }

    .info-page.page-404 .box .code {
        font-size: 125px;
        line-height: 140px;
    }
    
    .info-page.page-404 .box::before {
        display: none;
    }

    .info-page.page-404 .box p {
        font-size: 16px;
    }
	
	.article-page .box .text.text-content .inner {
  		padding: 16px;
	}

    .whom-title {
        padding: 40px 0 40px;
    }

    .whom-title h1 {
        font-size: 18px;
        text-align: center;
    }

    .whom-title h1 span {
        font-size: 40px;
        line-height: 48px;
        text-align: center;
    }

    .whom-title .contacts-but-block {
        margin-top: 32px;
    }

    .whom-title .container > .text {
        margin-top: 32px;
        gap: 12px;
        flex-direction: column;
        align-items: center;
    }

    .whom-title .container > .text p {
        font-size: 16px;
        max-width: 100%;
    }

    .whom-title .after {
        margin-top: 40px;
        padding: 24px;
        flex-direction: column;
    }

    .whom-title .after .items {
        margin-left: 0;
        gap: 32px;
        width: 100%;
    }

    .whom-title .after .items .item {
        max-width: 100%;
    }

    .whom-title .after::after {
        width: 50%;
        height: calc(100% - 100px);
        top: initial;
        right: 50%;
        bottom: 0;
    }

    .whom-title .after::before {
        margin-top: 100px;
    }

    .whom-title .after .title {
        font-size: 20px;
        max-width: 100%;
    }

    .whom-title .after .items .item {
        gap: 16px;
    }

    .whom-title .after .items .item div {
        font-size: 18px;
    }

    .we-help .box {
        padding: 24px 0;
        gap: 24px;
    }

    .we-help .box .item {
        gap: 24px;
        padding: 16px;
        min-height: 10px;
        flex-direction: column;
    }

    .we-help .box .item:nth-child(2n+1) .img {
        order: 2;
    }

    .we-help .box .item:nth-child(2n+1) .text {
        order: 1;
    }

    .we-help .box .item .img {
        order: 2;
    }

    .we-help .box .item .text {
        order: 1;
    }

    .we-help .box .item .text .h5 {
        font-size: 18px;
    }

    .we-help .box .item .text .h5::before {
        font-size: 18px;
    }

    .we-help {
        padding: 40px 0;
    }

    .about-ads .box {
        gap: 32px;
        flex-direction: column;
    }

    .about-ads .box .text {
        gap: 24px;
    }

    .about-ads .box .text p, .about-ads .box .text ul, .about-ads .box .text ol {
        font-size: 16px;
        font-weight: 300;
    }

    .about-ads .box .items .item {
        padding: 12px;
    }

    .about-ads .after .logos {
        display: grid;
        grid-template-columns: 1fr 1fr;
    }

    .about-ads .after .logos .logo {
        font-size: 14px;
    }

    .motivation-block .after .company {
        padding: 12px 16px;
        top: -40px;
    }

    .experience-block {
        padding: 40px 0;
    }

    .experience-block .subtitle {
        margin-top: 24px;
        padding: 24px 0;
    }

    .experience-block .subtitle p {
        font-size: 16px;
    }

    .experience-block .box {
        padding: 0 16px;
        flex-direction: column;
    }

    .experience-block .box .text {
        padding: 24px 0;
    }

    .experience-block .box .text .link {
        margin-top: 40px;
        max-width: 100%;
    }

    .experience-block .box .text .list {
        max-width: 100%;
        gap: 24px;
    }

    .experience-block .box .text .list .item p {
        font-size: 14px;
    }

    .place-rating .title {
        gap: 32px;
        flex-direction: column;
    }

    .place-rating .title .text p {
        font-size: 16px;
    }

    .place-rating .title .logos {
        max-width: 100%;
        grid-template-columns: repeat(2, 1fr);
    }

    .place-rating .box {
        padding: 24px 16px;
    }

    .place-rating .box .examples {
        gap: 12px;
    }

    .place-rating .box .examples > div .info {
        height: 44px;
        font-size: 14px;
        width: 128px;
    }

    .place-rating .box .examples > div .info span {
        font-size: 20px;
    }

    .place-rating .box .text {
        max-width: 100%;
        padding: 16px 16px;
        gap: 16px;
    }

    .place-rating .box .text p {
        font-size: 14px;
    }

    .place-rating .box .examples > div {
        max-width: 100%;
        padding-top: 22px;
    }

    .about-ads {
        padding: 40px 0 20px;
    }

    .place-rating {
        padding: 40px 0 20px;
    }

    .about-content2 {
        padding: 40px 0;
    }

    .articles-widget {
        padding: 40px 0;
    }

    .breadcrumbs-block {
        margin-top: 16px;
    }

    /*body.page-id-1471 .breadcrumbs-block {
        top: 70px;
    }

    .whom-title .box > .contacts-but-block {
        display: none;
    }

    .whom-title .container > .text p {
        font-size: 14px;
    }

    .whom-title .contacts-but-block.whom-contacts-but-block {
        margin-left: 0;
        margin-right: 0;
        margin-top: 32px;
        border-radius: 0;
        background: none;
        box-shadow: none;
        width: 100%;
        padding: 0;
    }

    .whom-title .contacts-but-block.whom-contacts-but-block .but {
        display: flex;
        margin-left: 0;
    }

    .whom-title .contacts-but-block.whom-contacts-but-block .but a {
        padding: 0 36px;
        height: 42px;
    }

    .whom-title .contacts-but-block.whom-contacts-but-block .tg a {
        border-radius: 8px;
        height: 42px;
        background: var(--white);
        padding-left: 16px;
        padding-right: 16px;
    }*/

    .motivation-block.motivation-after-block {
        overflow-x: hidden;
    }

    body.page-id-1471 .breadcrumbs-block {
        top: 60px;
    }

    .whom-title-new {
        padding-top: 145px;
    }

    .whom-title-new h1 {
        font-size: 16px;
    }

    .whom-title-new h1 span {
        font-size: 50px;
        display: block;
        text-align: left;
    }

    .whom-title-new .box .contacts-but-block {
        display: none;
    }

    .whom-title-new .text {
        margin-top: 16px;
    }

    .whom-title-new .text .text-content {
        padding: 8px;
    }

    .whom-title-new .text .text-content > *{
        font-size: 14px;
    }

    .whom-title-new .text .contacts-but-block {
        margin-right: 0;
        margin-top: 32px;
    }

    .whom-title-new .text .contacts-but-block .but {
        display: block;
    }

    .whom-title-new .text .contacts-but-block .tg {
        margin-left: 0;
    }

    .whom-title-new .text .contacts-but-block .tg a {
        padding: 4px 8px;
        margin-left: 0;
    }

    .whom-title-new .text .contacts-but-block .but a {
        height: 44px;
    }

    .whom-title-new .after {
        margin-top: 70px;
        padding: 32px 24px;
    }

    .whom-title-new .after .items {
        flex-direction: column;
        gap: 40px;
    }

    .whom-title-new .after .items .item {
        width: 100%;
    }

    .whom-title-new .after .items .item > p {
        padding: 12px 12px;
        width: 100%;
    }

    .whom-title-new:not(.no-after)::after {
        height: 214px;
    }

    .experience-block .experience-img {
        gap: 24px;
        margin-top: 32px;
    }

    .slick-dots {
        flex-wrap: wrap;
    }

    .slick-dots li.slick-active button {
	    width: 40px;
    }

    .expert-block-form {
	    padding: 100px 0 40px;
    }

    .expert-block-form .box .img {
        position: relative;
    }

     .expert-block-form .box .img .image {
        width: 240px;
        position: absolute;
        top: initial;
        bottom: 0;
        left: -80px;
    }

    .expert-block-form::after {
        height: 45px;
    }

    .expert-block-form .box .img .title {
        padding-top: 0;
        padding-bottom: 40px;
    }

    .expert-block-form .box .img .title .h2 {
        height: 90px;
        padding-left: 145px;
    }

    .expert-block-form::before {
        height: calc(100% - 290px);
    }

    .expert-block-form .box .info {
        padding-top: 0px;
    }

    .services-accordion-block {
        padding: 40px 0;
    }

    .services-accordion-block .box {
        flex-direction: column;
        gap: 32px;
    }

    .services-accordion-block .box .accrodion-list button.accordion {
        font-size: 18px;
        line-height: 1;
        gap: 32px;
    }

    .services-accordion-block .box .accrodion-list button.accordion::before {
        font-size: 24px;
        line-height: 18px;
        width: 30px;
    }

    .services-accordion-block .box .accrodion-list .panel {
        padding-left: 62px;
    }

    .team-widget-block .box .team-widget-ceo {
        grid-template-columns: 100%;
        gap: 12px;
    }

    .team-widget-block .box .team-widget-ceo .team-widget-item {
        height: 460px;
    }

    .team-widget-block .box .team-widget-ceo .ceo-info {
        padding: 24px;
        margin-top: 0px;
        display: grid;
        grid-template-columns: 170px auto;
        gap: 20px;
    }

    .team-widget-block .box .team-widget-ceo .ceo-info .text p,
    .team-widget-block .box .team-widget-ceo .ceo-info .text ol,
    .team-widget-block .box .team-widget-ceo .ceo-info .text ul {
        font-size: 14px;
    }

    .team-widget-block .box .team-widget-ceo .ceo-info .advantages {
        justify-content: flex-start;
        gap: 24px;
        flex-direction: column;
    }

    .team-widget-block .box .team-widget-ceo .ceo-info .advantages .item .number {
        font-size: 24px;
    }

    .team-widget-block .box .team-widget-ceo .ceo-info .advantages .item p {
        font-size: 14px;
    }

    .team-widget-block .box .team-widget-ceo .ceo-info .text {
        gap: 12px;
    }

    .team-widget-slider .team-widget-item .info {
        gap: 4px;
        padding: 12px;
    }

    .team-widget-slider.slick-slider .team-widget-item {
        margin: 0 4px;
    }

    .team-widget-slider.slick-slider .slick-list {
        margin-left: -4px;
        margin-right: -4px;
    }

    .team-widget-slider .team-widget-item {
        border-radius: 12px;
        height: 180px;
    }

    .team-widget-slider .team-widget-item::before {
        height: calc(100% - 12px);
        border-radius: 12px;
    }

    .team-widget-slider .team-widget-item .info .name {
        font-size: 18px;
    }

    .team-widget-slider .team-widget-item .photo svg {
        height: 300px;
    }

    .team-widget-slider .team-widget-item .photo {
        left: 50px;
    }

    .team-widget-block {
        padding: 40px 0;
    }

    .team-widget-slider:not(.slick-slider) {
	    grid-template-columns: repeat(2, 1fr);
	    gap: 8px;
    }

    .research-widget-block {
        padding: 40px 0;
    }

    .research-widget-block .box {
        flex-direction: column;
        gap: 32px;
    }

    .research-widget-block .box .sert .sert-image {
        max-width: 100%;
    }

    








    

























}

@media (min-width: 768px) and (max-width: 1309px) {
    .container {
        max-width: 100%;
        padding-left: 10px;
        padding-right: 10px;
    }
    
    .full-container {
        max-width: 100%;
        padding-left: 10px;
        padding-right: 10px;
    }


}