@media screen and (max-width: 1580px) {
    .container {
        width: 1300px;
    }
    .contactsData {
        margin: 50px 0 -50px;
    }
}

@media screen and (max-width: 1370px) {
    .contactsData {
        margin: 0;
    }
}

@media screen and (max-width: 1280px) {
    .container {
        width: 1100px;
    }
    #helloText {
        font-size: 75px;
        letter-spacing: 0px;
    }
    #helloText span {
        font-size: 170px;
    }
    .contactsData {
        font-size: 16px;
    }
    .contactsData a > span {
        font-size: 20px;
        margin: 3px 0 -3px;
    }
    .blockTitle {
        font-size: 42px;
    }
    .content p {
        font-size: 16px;
    }
    .content article {
        font-size: 24px;
        line-height: 140%;
    }
    .blockContent {
        margin-bottom: 120px;
    }
    .wiTitle h3 {
        font-size: 20px;
    }
    .wiHead > span,
    .wiTitle span {
        font-size: 16px;
    }
}

@media screen and (max-width: 1024px) {
    body {
        background-position: top right !important;
    }
}

@media screen and (max-width: 960px) {
    body {
        background-position: left top !important;
    }
    #helloText {
        font-size: 45px;
    }
    #helloText span {
        font-size: 100px;
    }
    .playlistWrap {
        transform: scale(0.75) translate(-15.75%, -20%);
    }
    .bottomMenu a {
        font-size: 0;
        width: 55px;
    }
    .bottomMenu .menuWalker {
        width: 55px;
    }
    .bottomMenu[data-current="1"] .menuWalker {
        left: 64px;
    }
    .bottomMenu[data-current="2"] .menuWalker {
        left: 124px;
    }
    .bottomMenu[data-current="3"] .menuWalker {
        left: 184px;
    }
    .bottomMenu[data-current="4"] .menuWalker {
        left: 244px;
    }
    .bottomMenu a > span {
        margin: 2px -11px -2px 0;
    }
}

@media screen and (max-width: 768px) {
    body {
        background-position: -70px top !important;
    }
    .blockTitle {
        font-size: 34px;
    }
    .content article {
        font-size: 20px;
    }
    .wiTitle h3 {
        font-size: 18px;
    }
    .workItem {
        padding-left: 25px;
        padding-bottom: 45px;
    }
    .wiHead {
        margin-bottom: 25px;
    }
}

@media screen and (max-width: 680px) {
    body {
        background-position: -170px top !important;
    }
    .socialContent {
        height: auto;
        margin: -120px 0 250px;
    }
    .playlistWrap {
        width: 135%;
    }
    .inputItem {
        width: 100%;
    }
}

@media screen and (max-width: 480px) {
    .contactsData {
        flex-direction: column;
        align-items: flex-start;
        gap: 10px 0;
    }
    body {
        background-position: -350px top !important;
    }
    #helloText {
        font-size: 35px;
    }
    #helloText span {
        font-size: 80px;
    }
    .bottomMenu {
        bottom: 25px;
    }
}

@media screen and (max-width: 420px) {
    .wiTitle h3 {
        font-size: 16px;
    }
    .wiHead > span,
    .wiTitle span {
        font-size: 14px;
    }
    .wiHead > span {
        margin-left: 40px;
    }
    .playlistWrap {
        transform: scale(0.55) translate(-37%, -42%);
        width: 185%;
    }
    .blockContent {
        margin-bottom: 70px;
    }
    .toHomePage {
        margin: 50px 0 30px;
        font-size: 16px;
        gap: 0 10px;
    }
}

@media screen and (max-width: 370px) {
    body {
        background-position: -340px top !important;
    }
    #helloText {
        font-size: 30px;
    }
    #helloText span {
        font-size: 70px;
    }
}

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