@media only screen and (min-width: 1921px) {
    .category .all-news .image > a > img, .category .all-news .shortstory > a > img {
        max-height: none;
    }
}

@media only screen and (max-width: 1800px) {}
@media only screen and (max-width: 1650px) {
    bidy .last-sec-blocks .cik h2 {
        font-size: 22px;
        line-height: 26px;
        text-align: center;
        min-height: 65px;
    }
}

@media only screen and (max-width: 1500px) {
    .blog_news > .shortstory {
        flex-basis: 25%;
    }
}

@media only screen and (max-width: 1440px) {
    .show-1440 {
        display: block;
    }
    .hide-1440 {
        display: none;
    }
    .last-b {
        justify-content: center;
    }
    #about-us .val {
        flex-direction: column;
        gap: 20px;
    }
    #about-us .num-im {
        gap: 40px;
        width: 100%;
    }
    #about-us .txt{
        max-width: unset;
    }
    #about-us .al-ho-bloc img {
        order: 2;
        max-width: 900px;
        width: 100%;
    }
    #about-us .al-ho-bloc {
        gap: 40px;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    #about-us .ab-us-tx-bl {
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    #about-us .about_text {
        max-width: unset;
    }

    #service .company_info {
        display: flex;
        align-items: center;
        min-height: 400px;
    }
    #about-us .head_in {
        background-color: rgb(0 0 0 / 50%);
    }
    .last-sec-blocks .cik p {
        font-size: 16px;
    }

}

@media only screen and (max-width: 1360px) {
    .quote-1,
    .quote-2,
    .quote-3,
    .quote-4,
    .quote-5 {
        max-width: none;
        margin: 0 0 30px 0;
    }
    .last-sec {
        max-width: 700px;
        margin: 0 auto;
    }
    .last-sec-blocks {
        flex-wrap: wrap;
        margin: 0 auto;
    }
}

@media only screen and (max-width: 1200px) {
    .service-main .main-bg-text {
        font-size: 20px;
        line-height: 26px;
    }
    .service-main-bg {
        margin-top: 0;
    }
    .wrp {
        padding: 0 20px;
    }
    .previous_page {
        padding: 0 30px;
    }
    .conteiner {
        padding-top: 80px;
    }
    .in-cat .conteiner {
        padding-top: 110px;
    }
    .about-us .conteiner {
        padding-top: 0;
    }
    #header #menu-btn {
        display: block;
    }
    #header .headmenu {
        position: fixed;
        top: 0;
        right: -360px;
        bottom: 0;
        height: 100vh;
        padding: 80px 0 30px 0;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        align-items: flex-start;
        overflow-y: auto;
        overflow-x: hidden;
        width: 300px;
        max-width: 100%;
        background: #fff;
        opacity: 0;
        visibility: hidden;
        box-shadow: -2px 0 8px rgb(0 0 0 / 20%);
        transition: all .5s cubic-bezier(.7,0,.2,1);
        z-index: 1;
    }
    .menu_opened #header .headmenu {
        right: 0;
        opacity: 1;
        visibility: visible;
        margin: 0;
    }
    .header .headmenu ul {
        width: 100%;
        justify-content: flex-start;
        align-items: flex-start;
        flex-direction: column;
    }
    .header .headmenu ul li {
        width: 100%;
        margin-right: 0;
        padding: 10px 20px;
        border-top: 1px solid #e3e3e3;
    }
    .header .headmenu ul li:last-child {
        border-bottom: 1px solid #e3e3e3;
    }
    .header .headmenu ul li a.contact_us {
        display: inline-block;
        padding: 0;
        color: #000;
        border: none;
    }
    .header .headmenu ul li a.active::after,
    .header .headmenu ul li a:hover::after {
        display: none;
    }
    .header .headmenu .langbar {
        padding: 0 20px;
    }
    .header .langbar .otherlangs {
        width: 100%;
        top: -40px;
        left: 0;
        right: 0;
        margin-left: 20px;
        background: transparent;
    }
    .header .langbar.open .otherlangs {
        top: -90px;
    }
    .header .langbar .otherlangs a {
        text-align: center;
        background: #CED7E1;
    }
    #our_works .work_title {
        letter-spacing: inherit;
        margin-right: 0;
    }
    .footer > .wrp > div:last-child {
        padding-left: 5%;
    }
    .head_pad {
        padding-top: 20px;
    }
    .team {
        grid-template-columns: repeat(3, 1fr);
    }
    .ru .team {
        grid-template-columns: repeat(3, 32%);
    }
    .name {
        font-size: calc(var(--index) * 2);
        line-height: calc(var(--index) * 2);
    }
    .image_text {
        padding-right: 10px;
        padding-bottom: 10px;
    }
    .new-member > .join_us {
        font-size: calc(var(--index) * 2.5);
        line-height: calc(var(--index) * 2.1);
        margin-bottom: 0;
    }
    .new-member {
        background-size: 100px auto;
        padding: 10px;
    }
    .quote .title-wrapper > h2 {
        font-size: calc(var(--index) * 2);
        line-height: calc(var(--index) * 2);
    }
    #portfolio .previous_page {
        padding-top: 20px;
    }
    #portfolio .pictures {
        margin-top: 40px;
    }
    .in-projects .rate_link > div {
        flex-direction: column;
    }
    .in-projects .rate_link .review {
        margin-left: 0 !important;
        margin-top: 30px;
    }
}

@media only screen and (max-width: 1024px) {
    .footer > .wrp {
        flex-direction: column;
    }
    .footer > .wrp > div:first-child {
        text-align: center;
    }
    .footer > .wrp > div:first-child p {
        max-width: 500px;
        margin: 0 auto 40px auto;
    }
    .footer > .wrp > div:last-child {
        padding-left: 0;
    }
    #service .our_approach .approach-title {
        font-size: calc(var(--index) * 5);
    }
    #service .our_approach .approach {
        font-size: calc(var(--index) * 1.6);
    }
    .people {
        flex-direction: column;
    }
    .people > img {
        width: 100%;
        display: block;
        margin-bottom: 30px;
    }
    .review {
        padding-left: 0;
    }

    .in-projects .conteiner .mrg,
    .in-projects .conteiner .little {
        margin-top: 30px !important;
    }
    .in-projects .midside_2 {
        width: auto !important;
        margin: 30px 0 30px 0 !important;
        padding: 0 20px;
        flex-direction: column;
    }
    .in-projects .midside > p:last-child,
    .in-projects .midside_2 > p:last-child {
        margin-bottom: 0;
    }
    .in-projects .sketch_row {
        flex-direction: column;
    }
    .in-projects .sketch_row > div {
        padding: 0 !important;
        padding-bottom: 30px !important;
    }
    .in-projects .sketch_row > div:last-child {
        padding-bottom: 0;
    }
    .in-projects .sketch_row > div img {
        width: 100%;
        display: block;
    }
    .in-projects .sketch_row > div > div {
        padding: 0;
        padding-bottom: 30px;
    }
    .in-projects .video {
        margin-top: 30px !important;
    }
    .in-projects .rate_link {
        margin: 30px auto 0 0;
    }
    .in-projects .guests {
        flex-direction: column;
        flex-wrap: nowrap !important;
    }
    .in-projects .guests > div {
        margin-bottom: 30px;
    }
    .in-projects .guests > div:last-child {
        margin-bottom: 0;
    }
    .in-projects .guests img {
        width: 100%;
    }
    .in-projects .spacing {
        font-size: 22px !important;
        line-height: 29px;
        letter-spacing: initial !important;
        margin-right: 0 !important;
    }
    .in-projects .four-percent {
        padding-right: 0 !important;
    }
    .in-projects .column {
        padding-left: 0 !important;
    }
    .in-projects .sketch_row_process {
        flex-direction: column;
        flex-wrap: nowrap !important;
    }
    .in-projects .sketch_row_process > div {
        margin-bottom: 20px;
    }
    .in-projects .sketch_row_process img {
        display: block;
        width: 100%;
    }
    .in-projects .branding {
        flex-wrap: nowrap !important;
        flex-direction: column;
    }
    .in-projects .branding > div {
        margin-bottom: 20px;
    }
    .in-projects .branding > div:last-child {
        margin-bottom: 0;
    }
    .in-projects .branding img {
        width: 100%;
    }
    .in-projects .process {
        flex-wrap: nowrap !important;
        flex-direction: column;
    }
    .in-projects .process > div {
        margin-bottom: 20px;
    }
    .in-projects .process > div > img {
        width: 100%;
    }
    .in-projects .gallery {
        flex-direction: column;
    }
    .in-projects .gallery div {
        padding: 0 !important;
    }
    .in-projects .gallery .gallery_left {
        flex-basis: 100% !important;
        margin-bottom: 20px;
    }
    .in-projects .gallery .gallery_right {
        flex-basis: 100% !important;
        flex-direction: column;
    }
    .in-projects .gallery .gallery_right > div {
        margin-bottom: 20px;
    }
}

@media only screen and (max-width: 900px) {
    .head > img {
        object-fit: cover;
        min-height: 400px;
    }
    .in-home .head > img {
        height: 100vh;
    }
    .in-home #main-video {
        height: 100vh;
    }
    .our_team .our-team-flex {
        flex-direction: column;
        align-items: flex-start;
    }
    .our_team .team-text {
        padding-left: 0;
        font-size: 16px;
    }
    .our-team-1 {
        display: flex;
        padding-left: 0;
    }
    .our-team-2 {
        flex-wrap: wrap;
    }
    .our-team-2 > .see-more {
        justify-content: flex-end;
        width: 100%;
        margin-top: 10px;
        padding-right: 30px;
    }
    .partners .partner {
        height: 150px;
    }
    .all-news {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-gap: 20px;
    }
    .all-news .shortstory .info > h2, 
    .all-news .image > .image_text > h2 {
        font-size: calc(var(--index) * 1.7);
        line-height: calc(var(--index) * 1.7);
    }
    .blog_news > .shortstory {
        flex-basis: 33.333%;
    }
    .blog_news > .shortstory .info > h2 {
        margin-bottom: 0;
        font-size: calc(var(--index) * 1.6);
        line-height: calc(var(--index) * 1.6);
    }
    .fullstory .blog-video {
        margin-top: 0;
    }
    
    .fullstory .mb-35,
    .fullstory .mb-75 {
        margin-bottom: 30px;
    }
    .fullstory .blog-collection {
        flex-direction: column;
        flex-wrap: nowrap;
    }
    .blog-collection div:nth-child(3n-1) {
        margin-right: 0;
        margin-left: 0;
    }
    .blog-collection.two-row div:nth-child(4n) {
        margin-left: 0;
    }
    .blog-collection div {
        margin-right: 0;
        margin-left: 0;
        margin-bottom: 30px;
    }
    .blog-collection div:last-child {
        margin-bottom: 0;
    }
}

@media only screen and (max-width: 769px) {
    #about-us .row-paddings {
        padding: 10px;
    }
    #about-us .s-bloc {
        padding: 10px;
    }
    #about-us .img-bloc {
        gap: 10px;
        flex-direction: column;
        justify-content: center;
    }
    .designer-sec .title-block span {
        font-size: 16px;
    }
    .service-main .designer-sec h2 {
        font-size: 22px !important;
        line-height: 26px;
    }
    body .service-main .mob-font {
        font-size: 26px !important;
    }
    .title-an h2,.cik h2 {
        margin-bottom: 0 !important;
    }
    .designer-sec .vals {
        gap: 22px;
    }
    body .service-main p {
        font-size: 16px !important;
    }
    .designer-sec .title-block {
        margin: 0 auto 30px auto;
    }
    .val-block .def .op {
        padding: 0;
    }
    .service-main .designer-sec h2 {
        font-size: 40px;
    }
    .service-main .designer-sec {
        padding: 50px 35px 0 35px;
    }
    .service-main .full-sec-bg {
        margin: 50px auto 0 auto;
    }
    .service-main .full-sec-bg-last {
        margin: 50px auto 0 auto;
    }
    .designer-sec .vals .title-an h2 {
        font-size: 32px;
    }
    .title-an {
        gap: 50px;
    }
    body .last-sec-blocks .cik {
        min-width: 300px;
    }
    body .last-sec-blocks .cik h2 {
        font-size: 32px;
        min-height: 90px;
    }
    #our_works .row {
        flex-direction: column;
    }
    #our_works .row-alter {
        display: none;
    }
    #our_works .row .works-left {
        padding-bottom: 20px;
    }
    #our_works .row .works-right {
        flex-basis: 100%;
        padding-left: 0;
    }
    .partners .partner .in {
        padding: 0;
    }
    .partners .partner .in img {
        max-width: 60%;
    }
    .ru .team,
    .team {
        grid-template-columns: repeat(2, 1fr);
    }
    #orderProject .options {
        justify-content: flex-start;
        flex-direction: column;
    }
    .in-projects .conteiner .company_info {
        padding: 0;
    }
    .in-projects .conteiner .company_info > h1 {
        font-size: calc(var(--index) * 3.5);
        line-height: calc(var(--index) * 3.5);
    }
    .in-projects .conteiner .company_info > .info {
        font-size: 14px !important;
        line-height: 25px !important;
        letter-spacing: 1px !important;
        font-weight: 400 !important;
    }
    .in-projects #project_nav ul.arrows > li {
        font-size: 16px;
    }
    .in-home .mb-100,
    .in-home .mb-55 {
        margin-bottom: 50px;
    }
}

@media only screen and (max-width: 600px) {
    .partners .partner {
        flex-basis: 50%;
    }
    .footer > .wrp > div:last-child {
        grid-template-columns: repeat(2, 1fr);
    }
    .footer .full_icons > a:nth-child(n+2) {
        margin-left: 20px;
    }
    #service .categories > .category > p {
        font-size: 14px;
    }
    #service .arrow_text {
        font-size: 14px;
    }
    #service .company_info {
        min-height: 380px;
    }
    #service .categories.mb-100 {
        margin-bottom: 50px;
    }
    .ru .team,
    .hy .team {
        grid-template-columns: repeat(1, 1fr);
    }
    .ru .new-member,
    .hy .new-member {
        background-size: 100px auto;
        padding: 10px;
        height: 344px;
    }
    #portfolio .pictures {
        flex-direction: column;
    }
    #portfolio .pictures > .interior {
        margin-bottom: 20px;
    }
    #portfolio .pictures > .architecture {
        padding-left: 0;
    }
    #contact-us .options {
        flex-direction: column;
        width: 100%;
    }
    .container {
        margin-right: 0;
        margin-bottom: 12px;
        text-align: left;
    }
    .container:last-child {
        margin-bottom: 0;
    }
    .category .portfolio-titles {
        flex-direction: column;
        align-items: flex-start;
        margin-bottom: 30px;
    }
    .category > h1,
    .category > .portfolio-titles > h1 {
        font-size: calc(var(--index) * 5);
        line-height: calc(var(--index) * 5);
    }
    .category .blog-cat-title {
        font-size: calc(var(--index) * 6);
        line-height: calc(var(--index) * 6);
    }
    .blog_news > .shortstory {
        flex-basis: 50%;
    }
    .blog_news > .shortstory > a:last-child > .arrow_text {
        font-size: 12px;
        padding-right: 30px;
        background-size: 17px auto;
    }
    .head_icons > a > img {
        width: 20px;
        height: 20px;
    }

    .fullstory .blog-title {
        font-size: calc(var(--index) * 3.5);
        line-height: calc(var(--index) * 3.5);
    }
    .fullstory .blog-company_info {
        margin-bottom: 40px;
        padding: 0;
    }
    .fullstory .blog-video-container {
        padding-top: 400px;
    }
    .fullstory .blog-video-container .preview-image {
        height: 100%;
        object-fit: cover;
    }
    .fullstory .blog-info {
        font-size: 14px;
        line-height: 22px;
    }
}

@media only screen and (max-width: 480px) {
    #our_works .our-works-title {
        margin-bottom: 20px;
    }
    .designer-sec .vals .title-an h2 {
        font-size: 20px;
    }
    .service-main .designer-sec .title-block h2 {
        font-size: 28px;
    }
    .arrow_text {
        font-size: 16px;
    }
    .arrow_right:not(.portfolio-titles .arrow_right) {
        margin-top: 20px;
    }
    .partners .partner {
        height: 114px;
    }
    .our_partners {
        margin-top: 0;
    }
    .footer > .wrp > div:last-child {
        grid-template-columns: repeat(1, 1fr);
    }
    .footer .wrp ul {
        padding-left: 0;
    }
    #service .service-title {
        font-size: calc(var(--index) * 5);
    }
    .company_info .about-title {
        margin-bottom: 18px;
    }
    .about_head_text {
        margin-bottom: 20px;
        font-size: 14px;
    }
    .founder_info {

    }
    .names {
        display: none;
    }
    .cofounders {
        display: none;
    }
    #about-us .arrow_text {
        font-size: 14px;
    }
    .en .work_title {
        font-size: 12px;
        line-height: 24px;
    }
    .team .image.new-member img {
        position: initial;
        margin-bottom: 20px;
    }
    #contact-us .contact-title {
        font-size: calc(var(--index) * 4);
        line-height: calc(var(--index) * 4);
    }
    .all-news .shortstory .info > h2,
    .all-news .image > .image_text > h2 {
        font-size: calc(var(--index) * 1.4);
        line-height: calc(var(--index) * 1.4);
    }
    .all-news {
        grid-gap: 10px;
    }
    #project_nav ul.arrows > li {
        display: none;
    }
    #project_nav button.other {
        padding: 10px 25px;
        font-size: 16px;
        width: 100%;
    }
    #project_nav .line {
        margin: 30px 0 0 0;
    }
}

@media only screen and (max-width: 420px) {
    .category .blog_menu li {
        width: 100%;
    }
    .category .blog_menu li a {
        width: 100%;
    }
}

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

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