.hidden-desctop {
    display: none;
}

.btns-modals .btn {
    display: none;
}



@media only screen and (max-width: 1440px),
only screen and (max-device-width: 1440px) {
    .idio-block .image-item-oval:nth-child(1)::before {
        width: 118%;
        height: 300%;
        top: 50%;
        right: -124%;
    }

    .idio-block .image-item-oval:nth-child(2)::before {
        width: 137%;
        height: 323%;
        top: 50%;
        right: -97%;
    }
}

@media only screen and (max-width: 1360px),
only screen and (max-device-width: 1360px) {
    .idio-block .image-item-oval:nth-child(1)::before {
        width: 111%;
        height: 300%;
        top: 50%;
        right: -116%;
    }

    .idio-block .image-item-oval:nth-child(2)::before {
        width: 137%;
        height: 323%;
        top: 50%;
        right: -97%;
    }
}

@media only screen and (max-width: 1280px),
only screen and (max-device-width: 1280px) {
    .idio-block .image-item-oval:nth-child(1)::before {
        width: 105%;
        height: 300%;
        top: 50%;
        right: -110%;
    }

    .idio-block .image-item-oval:nth-child(2)::before {
        width: 133%;
        height: 296%;
        top: 50%;
        right: -97%;
    }
}

@media only screen and (max-width: 1200px),
only screen and (max-device-width: 1200px) {}

@media only screen and (max-width: 1024px),
only screen and (max-device-width: 1024px) {
    .idio-block .image-item-oval:nth-child(1)::before {
        width: 86%;
        height: 158%;
        top: 50%;
        right: -89%;
    }

    .idio-block .image-item-oval:nth-child(2)::before {
        width: 121%;
        height: 268%;
        top: 50%;
        right: -86%;
    }

    .idio-block-wrap .zvezda-min {
        top: 4%;
        left: 9%;
    }

    .card-command-flex .command-item {
        width: calc(100% / 3 - 25px);
    }

    .card-command-flex .command-item:hover .no-lico .title {
        font-size: 28px;
    }

    .footer .contacts-wrap .item-contacts {
        width: calc(100% / 2 - 20px);
    }

    .scroll-block-gorizontal .margin-block {
        display: none;
    }

    .scroll-block-wrap.jHorizon_wrapper {
        width: 100vw;
        overflow-x: auto;
    }
}

@media only screen and (max-width: 1030px),
only screen and (max-device-width: 1030px) {
    .idio-block {
        height: 300px;
    }

    .idio-block .image-item-oval:nth-child(1) {
        top: -7%;
        left: 7%;
    }

    .idio-block .image-item-oval:nth-child(2) {
        top: 22%;
        left: 47%;
    }

    .idio-block .image-item-oval:nth-child(3) {
        top: 82%;
        left: 52%;
    }
}

@media only screen and (max-width: 900px),
only screen and (max-device-width: 900px) {
    .hidden-mob {
        display: none;
    }

    .hidden-desctop {
        display: block;
    }

    .btn-mobile {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        flex-direction: column;
        width: 28px;
        height: 28px;
        border: 2px solid #fff;
        padding: 5px;
    }

    .btn-mobile span {
        display: block;
        height: 2px;
        background: #fff;
    }

    .header-wrap {
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .top-slider img {
        aspect-ratio: 1 / .8;
        object-fit: cover;
    }

    .block-info-container {
        width: 100%;
        padding: 2rem;
    }

    .w-50 {
        width: 100%;
    }

    .idio-block {
        overflow: hidden;
    }

    .idio-block .image-item-oval {
        width: 290px;
    }

    .idio-block-wrap .line {

        height: 84%;

    }

    .idio-block .image-item-oval:nth-child(2) {
        top: 53%;
        left: 30%;
    }

    .idio-block .image-item-oval:nth-child(1)::before {
        background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTA4IiBoZWlnaHQ9IjE0NiIgdmlld0JveD0iMCAwIDEwOCAxNDYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+IDxwYXRoIGQ9Ik0xMDggMTM4QzEwOCAxNDIuNDE4IDEwNC40MTggMTQ2IDEwMCAxNDZIMC40OTk5OThDMC4yMjM4NTYgMTQ2IDAgMTQ1Ljc3NiAwIDE0NS41QzAgMTQ1LjIyNCAwLjIyMzg1OCAxNDUgMC41IDE0NUg5OUMxMDMuNDE4IDE0NSAxMDcgMTQxLjQxOCAxMDcgMTM3VjlDMTA3IDQuNTgxNzMgMTAzLjQxOCAxIDk5IDFINzEuNUM3MS4yMjM5IDEgNzEgMC43NzYxNDIgNzEgMC41QzcxIDAuMjIzODU4IDcxLjIyMzkgMCA3MS41IDBIMTAwQzEwNC40MTggMCAxMDggMy41ODE3MiAxMDggOFYxMzhaIiBmaWxsPSJibGFjayIvPiA8L3N2Zz4=");
        width: 104%;
        height: 222%;
        top: 50%;
        right: -82%;
    }

    .idio-block .image-item-oval:nth-child(2) {}

    .idio-block .image-item-oval:nth-child(2)::before {
        background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgyIiBoZWlnaHQ9Ijg4IiB2aWV3Qm94PSIwIDAgMTgyIDg4IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPiA8cGF0aCBkPSJNMjAuNSAwQzIwLjc3NjEgMCAyMSAwLjIyMzg1OCAyMSAwLjVDMjEgMC43NzYxNDIgMjAuNzc2MSAxIDIwLjUgMUg5QzQuNTgxNzIgMSAxIDQuNTgxNzIgMSA5Vjc5QzEgODMuNDE4MyA0LjU4MTcyIDg3IDkgODdIMTgxLjVDMTgxLjc3NiA4NyAxODIgODcuMjIzOSAxODIgODcuNUMxODIgODcuNzc2MSAxODEuNzc2IDg4IDE4MS41IDg4SDhDMy41ODE3MiA4OCAwIDg0LjQxODMgMCA4MFY4QzAgMy41ODE3MiAzLjU4MTcyIDAgOCAwSDIwLjVaIiBmaWxsPSJibGFjayIvPiA8L3N2Zz4=");
        width: 88%;
        height: 150%;
        top: 50%;
        right: 24%;
    }

    .idio-block .image-item-oval:nth-child(3) {
        left: 51%;
        top: 83%;
    }

    .idio-block .image-item-oval:nth-child(3) {
        height: 80px;
    }

    .idio-block .image-item-oval:nth-child(3) img {
        border: 5px solid var(--white);
    }

    .scroll-x-mobile {
        overflow-x: auto;
        width: 100%;
    }

    .scroll-x-mobile::-webkit-scrollbar {
        width: 0px;
        /* Ширина всего элемента навигации */
    }


    .scroll-x-mobile::-webkit-scrollbar-track {
        background: none;
        /* Цвет дорожки */
    }

    .scroll-x-mobile::-webkit-scrollbar-thumb {
        background: none;
    }

    .command-card .card-command-flex.flex-wrap.gap-20 {

        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;

    }

    .card-command-flex .command-item {
        width: 320px;
        flex-shrink: 0;
    }

    .idio-block-wrap .zvezda-max {
        width: 68%;
        top: -10%;
        left: 2%;
    }

    .idio-block-wrap .line {

        background: url(../images/linem.svg) no-repeat center / contain;

        top: 8%;
    }

    .idio-block {
        height: 460px;
    }

    body {

        line-height: 1;
    }

    .idio-block .image-item-oval:nth-child(1) {
        top: 1%;
        left: 42%;
    }

    .slider-container .slider-item .absolute .info-content {

        width: 60%;

    }

    .container.container-mobile-no-padding {
        padding: 0;

        width: 100%;
    }

    .container.container-mobile-no-padding .content-block {
        width: 90%;
        margin: auto;
    }

    .container.container-mobile-no-padding .scroll-x-mobile {
        padding-left: 20px;
    }

    .body-menu {
        min-height: 80vh;
    }

    .body-menu .body-menu-wrap {
        min-height: 70vh;
    }

    .body-menu .body-menu-wrap .max-icon::before,
    .body-menu .body-menu-wrap .youtube-icon::before,
    .body-menu .body-menu-wrap .rutube-icon::before,
    .body-menu .body-menu-wrap .max-icon,
    .body-menu .body-menu-wrap .youtube-icon,
    .body-menu .body-menu-wrap .rutube-icon {
        display: block;
        width: 48px;
        height: 48px;
        opacity: .8;
    }

    .body-menu .soc-block {
        margin-left: 0;
        padding-left: 0;
    }
}

@media only screen and (max-width: 600px),
only screen and (max-device-width: 600px) {
    .info-block-wrap .title {
        font-size: 30px;
        line-height: 30px;
    }

    .body-menu .soc-block {
        margin-left: 0;
        padding-left: 0;
    }

    .slider-item .text {
        line-height: 14px;
    }

    .idio-block .image-item-oval {
        position: relative;
        z-index: 8;
        height: 80px;

    }

    .idio-block .image-item-oval img {
        border: 5px solid var(--white);
    }

    .idio-block .image-item-oval:nth-child(1)::before {
        width: 99%;
        height: 140%;
        top: 50%;
        right: -82%;
    }

    .idio-block .image-item-oval:nth-child(2)::before {
        width: 88%;
        height: 130%;
        top: 50%;
        right: 24%;
    }

    .footer .contacts-wrap .item-contacts {
        padding: 30px 20px;
    }

    .block-4-wrap .big-zvezda {
        width: 500px;
        height: 500px;
    }

    .top-slider img {
        aspect-ratio: 1 / 1.3;
        object-fit: cover;
    }

    .slider-item .text {
        line-height: 20px;
    }

    .idio-block .image-item-oval:nth-child(2) {
        top: 34%;
        left: 30%;
    }

    .idio-block .image-item-oval:nth-child(3) {
        left: 39%;
        top: 48%;
    }

    .slider-item .text {
        line-height: 20px;
    }

    .slider-container .slider-item .absolute .info-content {
        width: 100%;
    }

    .btn-opacity {
        background: rgb(255 255 255 / 12%);
    }

    .idio-block-wrap.relative {
        overflow: hidden;
    }
}

@media only screen and (max-width: 460px),
only screen and (max-device-width: 460px) {
    .top-slider img {
        aspect-ratio: 1 / 2;

    }

    .block-info-container {

        margin-left: 0%;
    }

    .container.container-mobile-no-padding .content-block {
        margin-top: 30%;
    }

    .overflow .modal-container-card {
        width: 100%;
    }

    .footer .contacts-wrap .item-contacts {
        width: 100%;
    }

    .slider-container .slider-item .absolute .info-content {
        padding-right: 20px;
        width: 100%;
    }

    .idio-block .image-item-oval:nth-child(1) {
        top: 17vw;
        left: 42%;
    }

    .idio-block .image-item-oval:nth-child(3) {
        left: 39%;
        top: 46vw;
    }
}

@media only screen and (max-width: 414px),
only screen and (max-device-width: 414px) {
    .idio-block-wrap .zvezda-max {
        width: 124%;
        top: -10%;
        left: -24%;
    }

    .idio-block-wrap .zvezda-min {
        top: 19%;
        left: 9%;
        z-index: 3;
    }

    .idio-block .image-item-oval {
        position: relative;
        z-index: 8;
        height: 70px;
        width: 200px;
    }

    .idio-block .image-item-oval:nth-child(3) {
        height: 70px;
    }

    .idio-block .image-item-oval:nth-child(1) {
        top: 17vw;
        left: 33%;
    }

    .info-block-wrap {
        padding: 0rem;
    }
}



@media only screen and (max-width: 400px),
only screen and (max-device-width: 400px) {
    .idio-block .image-item-oval {
        width: 200px;
        position: relative;
        z-index: 8;
        height: 70px;
    }

    .idio-block .image-item-oval:nth-child(3) {
        height: 70px;
    }

    .idio-block .image-item-oval:nth-child(1)::before {
        width: 114%;
        height: 108%;
        top: 50%;
        right: -102%;
        object-fit: contain;
    }

    .footer .contacts-wrap .item-contacts {
        width: 100%;
    }

    .idio-block-wrap .zvezda-min {
        top: 4%;
        left: 0%;
    }

    .overflow .modal-container-card {

        width: 90%;
    }

    .mob-menu>li>a {
        display: block;
        text-align: center;
        color: #fff;
        padding-top: 4rem;
        padding-bottom: 4rem;
    }
}

@media only screen and (max-width: 390px),
only screen and (max-device-width: 390px) {
    .idio-block-wrap .zvezda-min {
        top: 17%;
        left: 0%;
    }
}

@media only screen and (max-width: 375px),
only screen and (max-device-width: 375px) {
    .card-command-flex .command-item {
        width: 330px;
        flex-shrink: 0;
    }

    .idio-block .image-item-oval:nth-child(1) {
        top: 20vw;
        left: 29%;
    }

    .idio-block-wrap .zvezda-max {
        width: 100%;
        top: 4%;
        left: 2%;
    }

    .idio-block-wrap .zvezda-min {
        top: 18%;
        left: 0%;
    }

    .idio-block {
        height: 360px;
    }

    .idio-block .image-item-oval:nth-child(1) {
        top: 7vw;
        left: 29%;
    }

    .idio-block .image-item-oval:nth-child(2) {
        top: 28vw;
        left: 30%;
    }

    .idio-block .image-item-oval:nth-child(3) {
        left: 39%;
        top: 34vw;
    }

    .idio-block-wrap .zvezda-min {
        top: 10%;
        left: 0%;
    }

    .info-block-wrap {
        padding: 0rem;
    }

    .slider-item .text {
        line-height: 25px;
    }

    .idio-block .image-item-oval:nth-child(1) {
        top: 7vw;
        left: 29%;
    }
}

@media only screen and (max-width: 360px),
only screen and (max-device-width: 360px) {
    .idio-block .image-item-oval:nth-child(1) {
        top: 9vw;
        left: 29%;
    }

    .idio-block .image-item-oval:nth-child(3) {
        left: 33%;
        top: 32vw;
    }

    .idio-block-wrap.relative {
        overflow: hidden;
    }
}

@media only screen and (max-width: 320px),
only screen and (max-device-width: 320px) {
    .idio-block .image-item-oval {
        width: 160px;
        position: relative;
        z-index: 8;
        height: 50px;
    }

    .idio-block .image-item-oval:nth-child(1) {
        top: 16vw;
        left: 29%;
    }

    .idio-block .image-item-oval:nth-child(3) {
        left: 33%;
        top: 45vw;
    }

    .idio-block .image-item-oval:nth-child(3) {
        height: 50px;
    }

    .idio-block .image-item-oval:nth-child(2) {
        top: 41vw;
        left: 30%;
    }
}