@media screen and (max-width: 1440px) {
    nav.main-menu ul li a {
        font-size: 80px;
    }

    nav.main-menu ul {
        column-gap: 50px;
    }

    .site-title {
        font-size: 80px;
    }

    .section-title {
        font-size: 76px;
    }
}

@media screen and (max-width: 1360px) {
    .uberuns-right {
        width: 50%;
    }

    .uberuns-photo_front {
        width: 60%;
    }

    .uberuns-photo_back {
        width: 80%;
    }
}

@media screen and (max-width: 1280px) {
    header {
        max-width: 100%;
        height: 80px;
        transition: all .12s linear;
        animation: fadeInDown;
        animation-duration: 1s;
    }

    section {
        padding-left: 0;
    }

    [class*="__container"] {
        padding: 0 16px;
    }
    
    .section-title {
        font-size: 50px;
        line-height: 60px;
    }

    section.textcontent {
        padding: 0;
    }

    .header__inner {
        padding: 15px 16px;
        flex-direction: row;
        align-items: center;
    }

    .sitelogo {
        writing-mode: initial;
        transform: none;
    }

    .header-social {
        display: none;
    }

    .main-menubox {
        width: 100vw;
    }

    .main-menubox.opened {
        left: 0;
    }

    nav.main-menu ul li a {
        font-size: 60px;
    }

    nav.main-menu ul li:not(:last-child) {
        margin-bottom: 30px;
    }

    nav.main-menu ul {
        column-gap: 0;
        columns: 1;
    }

    body.logged-in nav.main-menu {
        padding-top: 100px;
    }

    .services {
        padding-top: 80px;
        padding-bottom: 80px;
    }

    .services-list {
        margin-top: 50px;
        padding-left: 0;
    }

    .service-card {
        padding: 30px 0 20px 0;
    }


    .service-card:last-child {
        padding-bottom: 0;
    }

    .service-card:first-child {
        padding-top: 0;
    }

    .service-card__base {
        align-items: flex-start;
        padding: 0;
        gap: 30px;
    }

    .service-card__int {
        display: none;
    }
    .service-card:hover .service-card__int {
       display: none;
    }

    .service-card__main {
        flex: 0 1 100%;
        flex-direction: column;
        align-items: flex-start;
        gap: 10px;
    }

    .service-card__desc {
        max-width: initial;
        font-size: 18px;
    }

    .service-card__mbopt {
        display: block;
        margin-top: 20px;
        /* padding-left: 56px; */
    }

    .service-card__name {
        font-size: 30px;
        line-height: 130%;
        /* margin-bottom: 16px; */
    }

    .service-card__num {
        font-size: 30px;
        line-height: 130%;
    }

    .credentials {
        padding-top: 80px;
        padding-bottom: 56px;
    }

    .credentials-head {
        padding-right: 16px;
        margin-bottom: 20px;
    }

    .credentials__wrapper {
        padding-left: 16px;
    }

    .credentials-arrow {
        width: 60px;
        height: 60px;
    }

    .tech {
        padding-top: 80px;
        padding-bottom: 40px;
    }

    .tech-tabs {
        margin-top: 20px;
    }

    /* .tech-box, .tech-single {
        padding: 50px 30px 16px 30px;
    } */

    .tech-box {
        padding: 50px 30px 16px 30px;
    }

    .tech-box--single {
        padding-top: 70px;
        padding-bottom: 160px;

        &::after {
            right: 0;
            top: -50%;
            width: 100%;
        }
    }

    /* .tech-item {
        width: 80px;
        height: 80px;
    } */

    .uberuns {
        padding-top: 40px;
        padding-bottom: 126px;
    }

    .uberuns::after {
        left: 0;
        top: 0;
        height: 100%;
        background-size: cover;
        background-position: right 60px;
    }

    .faq {
        padding-top: 60px;
        padding-bottom: 60px;
    }

    .faq-list {
        margin-top: 40px;
    }

    .faq-list__col {
        flex: 0 1 48%;
    }

    .callback {
        padding-top: 80px;
        padding-bottom: 80px;
    }


    .propose {
        padding-top: 40px;
        padding-bottom: 40px;
    }

    .propose-title {
        font-size: 42px;
        line-height: 50px;
    }

    footer {
        padding: 50px 0 25px 0px;
    }

    .footer-top {
        padding-bottom: 50px;
    }

    .footer-middle .footer-block:first-child {
        margin-right: 140px;
    }

    .footer-bottom {
        padding-top: 40px;
    }

    .tech-item__logo {
        /* padding: 17px; */
    }

    .tech-item__logo img {
        height: 100%;
    }

    .founder-photobox {
        width: 40%;
    }

    .callback::before {
        background-position: top right;
    }

    .callback-formbox {
        flex: 0 1 100%;
        padding: 30px;
    }

    .callback-message {
        padding: 30px;
    }
}

@media screen and (max-width: 1040px) {
    header {
        height: 48px;
    }

    nav.main-menu ul li {
        margin-bottom: 30px;
    }

    .burger {
        width: 20px;
        height: 12px;
    }

    .burger::after,
    .burger::before,
    .burger span {
        height: 2px;
    }

    .fastconnect {
        bottom: 60px;
        right: 16px;
        padding: 15px 7px;
    }

    .fastc-lnk {
        width: 45px;
        height: 45px;
    }

    .fastc-lnk i {
        color: #6C12FF;
        font-size: 18px;
    }

    .fastconnect__inner {
        gap: 15px;
    }

    .sitelogo {
        font-size: 16px;
        line-height: normal;
    }


    .site-title {
        font-size: 40px;
        line-height: normal;
    }

    .section-title {
        font-size: 30px;
        line-height: normal;
    }

    .section-desc {
        font-size: 14px;
        line-height: 160%;
    }

    .button {
        font-size: 12px;
        padding-top: 12px;
        padding-bottom: 8px;
        padding-left: 15px;
    }

    .button-icon {
        margin-left: 10px;
    }

    .button::before {
        width: 40px;
        height: 40px;
    }

    .button-icon svg {
        width: 20px;
    }

    .home {
        align-items: center;
        padding-bottom: 0;
    }

    .home__wrapper {
        gap: 20px;
    }

    .site-desc {
        font-size: 14px;
        line-height: 160%;
        margin-bottom: 10px;
    }

    video.bg-video {
        object-position: left;
    }

    .main-menubox {
        width: 100vw;
        justify-content: flex-start;
        /* padding-left: 16px; */
    }

    /* .main-menubox {
        width: 100vw;
        justify-content: flex-start;
        padding-left: 16px;
    } */

    /* .main-menubox {
        width: 100vw;
        justify-content: flex-start;
        padding-left: 16px;
        padding-top: 100px;
        padding-right: 16px;
        padding-bottom: 10px;
        align-items: initial;
    } */

    .main-menubox {
        width: 100%;
        justify-content: flex-start;
        align-items: initial;
    }

    nav.main-menu {
        padding-top: 70px;
        padding-left: 16px;
        overflow-x: auto;
        padding-right: 30px;
        scrollbar-width: thin;
        scrollbar-color: #6C12FF;
        padding-bottom: 100px;
        width: 100%;
    }


    /* nav.main-menu {
        overflow-x: scroll;
        padding-right: 30px;
        scrollbar-width: thin;
        scrollbar-color: #6C12FF;
        padding-bottom: 90px;
    } */

    nav.main-menu::-webkit-scrollbar {
        height: 4px;
        width: 4px;
    }

    nav.main-menu::-webkit-scrollbar-track {
        background: #f1f1f1;
        border-radius: 4px;
    }
    

    nav.main-menu ul li a {
        font-size: 50px;
        line-height: 1;
    }

    .service-card__num {
        font-size: 26px;
        line-height: normal;
    }

    .service-card__name {
        font-size: 26px;
        line-height: normal;
    }

    .service-card__desc {
        font-size: 14px;
    }

    .credentials-arrow {
        width: 40px;
        height: 40px;
    }

    .credentials-arrow {
        width: 40px;
        height: 40px;
        padding-top: 5px;
    }

    .credentials-arrow svg {
        width: 22px;
    }

    .credentials .section-title {
        margin-bottom: 0;
    }

    .credentials-head {
        padding-right: 0;
    }

    .credentials__wrapper {
        padding-left: 16px;
        padding-right: 16px;
    }

    .tabs-point {
        min-width: 74px;
    }

    .tabs-nav__item {
        padding: 8px 22px;
        font-size: 12px;
        line-height: normal;
    }

    .tabs__nav {
        padding-top: 1px;
    }

    .tab-title {
        font-size: 20px;
        line-height: normal;
        margin-bottom: 40px;
    }

    .tab-desc {
        font-size: 16px;
        line-height: 18px;
    }

    .tech-list__name {
        font-size: 20px;
        line-height: normal;
        margin-bottom: 20px;
    }

    .tech-box--single {
        padding-bottom: 100px;
    }

    .uberuns-left p {
        margin: 20px 0 30px 0;
        font-size: 14px;
    }

    .uberuns-photo_front {
        display: none;
    }

    .uberuns-photo_back {
        width: 100%;
    }



    .uberuns__container {
      /* flex-wrap: wrap; */
    }

    .faq-list__col {
        flex: 0 1 100%;
    }

    .faq-item__title {
        font-size: 14px;
        line-height: normal;     
        padding-left: 37px;
    }

    .faq-item {
        padding-bottom: 20px;
    }

    .faq-item:not(:last-child) {
        margin-bottom: 20px;
    }

    .faq-item__content {
        padding-left: 37px;
        padding-top: 20px;      
        font-size: 12px;
        line-height: 150%;
    }

    .faq-item__title::before {
        top: 8px;
        width: 22px;
        height: 6px;
       background-size: cover;
    }

    .callback__container {
        flex-direction: column;
        gap: 40px;
        align-items: initial;
    }

    .callback-info p {
        font-size: 14px;
        line-height: 150%;
    }

    .callback-info {
        gap: 20px;
    }

    .callback-vars {
        margin-top: 20px;
        flex-wrap: wrap;
        gap: 20px;
    }

    .callitem span {
        font-size: 16px;
        line-height: normal;
    }

  

    .form-input label {
        font-size: 14px;
        line-height: 20px;
    }

    .form-input:not(:last-child) {
        margin-bottom: 30px;
    }

    .button-smb {
        font-size: 14px;
        line-height: normal; 
        padding: 17px;   
    }

    .soc {
        font-size: 18px;
    }

    .propose__wrapper {
        gap: 20px;
    }

    .propose-title {
        font-size: 20px;
        line-height: normal;
        font-weight: 300;
    }

    footer {
        padding: 30px 0 25px 0px;
    }

    .footer-top {
        flex-direction: column;
        gap: 40px;
    }

    .langbox {
        padding: 12px 20px;
        margin-top: 20px;
    }

    .lang-title {
        font-size: 14px;
    }

    .footer-sitelogo {
        font-size: 20px;
        line-height: normal;
        margin-bottom: 10px;
    }

    .footer-desc {
        font-size: 14px;
        line-height: normal;
    }

    .footer-block > span {
        font-size: 14px;
        line-height: normal;
        margin-bottom: 20px;
    }

    .fcontact-item {
        gap: 10px;
    }

    .fcontact-item span {
        font-size: 14px;
        line-height: normal;
    }

    footer ul li a {
        font-size: 14px;
        line-height: normal;
    }

    .finfo {
        font-size: 14px;
        line-height: 36px;
    }

    .moveup {
        top: 0;
        right: 16px;
    }

    footer > .footer__container {
        position: relative;
    }

    .footer-bottom {
        position: static;
        padding-top: 40px;
        gap: 20px;
        justify-content: space-between;
    }

    .advantages-list {
        margin-top: 40px;
    }

    .advantage-card__title {
        display: flex;
        flex-direction: row-reverse;
        justify-content: flex-end;
        align-items: center;

        gap: 24px;
        margin-bottom: 10px;
    }

    .advantage-card__icon {
        display: none;
    }

    i.advantage-card__iconmobile {
        display: inline-flex;
        width: 41px;
        height: 38px;
        background-size: contain;
        background-position: center center;
    }
    

    .advantages {
        padding: 80px 0 50px 0;
    }

    .advantage-card p {
        font-size: 14px;
    }

    .advantage-card__title > span {
        font-size: 16px;
    }

    .advantage-card {
        padding: 0 0 20px 0;
    }

    .inner-page .tech {
        padding-top: 50px;
        padding-bottom: 80px;
    }

    .tech-single {
        margin-top: 40px;
    }

    .refer {
        padding-top: 80px;
        padding-bottom: 57px;
    }

    .refer-list {
        margin-top: 24px;
        /* gap: 10px 0; */
    }

    .refer-opts {
        justify-content: center;
    }

    .tech-single .tab-head {
        margin-bottom: 40px;
    }

    .founder {
        padding-top: 80px;
        padding-bottom: 80px;
    }

    .founder-photobox {
        width: 30%;
    }

    .founder-info {
        font-size: 14px;
    }

    .founder-photo__name {
        font-size: 16px;
    }

    .founder-photo__stat {
        font-size: 14px;
    }

    .founder-row:not(:last-child) {
        margin-bottom: 40px;
    }

    .founder-row {
        align-items: flex-start;
    }

    .referenzen-page .home {
        padding-bottom: 0;
    }

    .referenzen-box {
        padding-top: 50px;
        padding-bottom: 60px;
    }

    .referenzen-tabs .tabs__nav {
        margin-bottom: 20px;
    }

    
    .refer-card__infobutton {
        font-size: 20px;
    }

    .refer-card__info .refer-card__infobutton svg {
        width: 33px;
    }

    .project {
        padding-top: 80px;
        padding-bottom: 60px;
    }

    .project .section-desc {
        margin-top: 20px;
        margin-bottom: 40px;
    }



    /* tech's */
    /* .tech-list_row {
        grid-template-columns: repeat(auto-fill, minmax(80px, 1fr));
        gap: 10px;
    } */

    .tech-list_row {
        gap: 10px;
    }


    /* .tech-item__logo {
        width: 80px;
        height: 80px;
    } */

    /* .tech-item {
        padding: 3px 0;
        gap: 10px;
    } */


  

}

/* @media screen and (max-width: 1023px) {
    .background-media {
        picture {
            display: block;
            width: 100%;
            position: relative;
            z-index: -2;
            height: 100%;
            object-fit: cover;
            object-position: left;

            img {
                width: 100%;
                height: 100%;
                object-fit: cover;
                object-position: left;
            }
        }

        video {
            display: none;
        }
    }
} */

@media screen and (max-width: 650px) {
    .refer-list {
        grid-template-columns: repeat(1, minmax(300px, 1fr));
    }
}
 

@media screen and (max-width: 560px) {
    .uberuns__container {
        flex-direction: column;
    }

    .uberuns-right {
        display: none;
    }

    .uberuns-photo_backmobile {
        display: block;
        margin: 20px 0;
        border-radius: 14px;
        overflow: hidden;
        max-height: 355px;
    }

    .uberuns-photo_backmobile img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    /* .tech-single {
        padding: 0;
    } */

    .tech-box {
        padding: 30px 15px 20px 15px;
    }
/* 
    .tech.tech-box {
        padding-top: 50px;
        padding-bottom: 50px;
    } */

    .tech-box--single {
        padding-top: 70px;
        padding-bottom: 50px;
    }

    .tech-list {
        flex-direction: column;
        gap: 54px;
    }

    .tech-list_row {
        gap: 20px 10px;
        width: 100%;
    }

    .tech-name {
        font-size: 14px;
    }


    .footer-middle .footer-block:nth-child(2) {
        margin-right: 85px;
    }

    .finfo:last-of-type {
       display: none;
    }


    /* .refer-card {
        flex: 0 1 100%;
        max-height: 260px;
    } */

    .refer-card img {
        object-fit: cover;
    }

    .founder-photobox {
        width: 100%;
    }

    .founder-row {
        flex-direction: column-reverse;
    }

    .founder-photo__name {
        font-size: 16px;
        text-align: left;
    }

    .founder-photo__stat {
        font-size: 14px;
        text-align: left;
    }
     
}


/* min width */

@media screen and (min-width: 1280px) {
    /* .service-card:hover .service-card__name,
    .service-card:hover .service-card__num,
    .service-card:hover .service-card__desc {
        color: #6C12FF;
        transition: color .12s linear;
    } */

    nav.main-menu ul li:not(:last-child) {
        margin-bottom: 60px;
    }


    .service-card:hover .service-card__desc {
        max-width: 710px;
        padding-right: 104px;
        transition: all .5s ease;
    }

    .service-card:hover .single-more-btn {
        opacity: 1;
        visibility: visible;
        transform: translate(0);
        transition: transform .5s ease, opacity .8s ease, visibility .8s ease;

    }
}