body {
    background: black; /* Цвет фона веб-страницы */
}

.maxwidth {
    position: absolute;
    background: rgb(100, 100, 100);
    border: 0px solid rgb(100, 100, 100);
    left: 0%;    top: 0px;
    width: 100%; height: 100%;
    padding-top: 0%;
    margin: 0%;
}

/* =============== HOME ====================== */


.tytle-kss {                           /* mobile */
        display: none;
 }
.image-kss {                           /* mobile */
        display: none;
 }

.tytle-page {                          /* mobile */
        display: none;
 }

/* =============== RIGHTSIDE ====================== */

 .right-tytle-top {                         /* mobile */
     display: none;
 }

 .right-image-top {                         /* mobile */
     display: none;
 }

 .right-nome-top {                          /* mobile */
     display: none;
 }
 .right-text {                              /* mobile */
    display: none;
}
 .right-list {                              /* mobile */
    display: none;
 }


<!--   =================  End MEDIA Mobile ======================  -->

<!--   =================== MEDIA COMPUTER ======================  -->

body {  }

@media (min-width: 400px) {                  /* для экранов шире 400 пикселей */

.maxwidth {                                  /* computer */
    position: absolute;
    background: gray;
    border: 0px solid rgb(50, 50, 50);
    left:0px;    top:0.5%;
                 height: auto;
                 padding-top: 50%;          /* пропорция 2 (ширина) : 1 (высота) */
    width: 100%; max-width: 1500px;         /* максимальная ширина 1500 пикселей */
    margin: 0;
}

.tytle-page {                               /* computer */
    background: none;
    position: absolute;
    left: 3%;       top: 1%;
    width: 93.0%;   height: 10.0%;
    border: opx solid red;
    padding-left: 0;
    font-family: "Ruslan Display", sans-serif;
    font-weight: 400;      font-style: normal;
    font-size: 1.5vw;
    color: black;
}

.tytle-kss {                                /* computer */
    display: block;  background: none;
    border: 0px solid red;
    position: absolute;
    left: 8%;       top: 1.0%;
    width: 90.0%;   height: 4.0%;
    padding-left: 0;
    font-family: "Ruslan Display", sans-serif;
    font-size: 2.2vw; font-weight: 400;
    font-style: normal;
    transform: scale(1, 2);
    color: black;
}

 .text-elenco {                            /* computer */
    display: block;
    position: absolute;
    border: 1px solid green;
    left: 60%;      top:2.0%;
    width: 38.0%;   height: 3.5%;
    text-align: right;
    font-size: 1.0vw;  color: blue;
    overflow: none;
}

.image-kss {                               /* computer */
    display: block;
    background: none;
    border: opx solid red;
    position: absolute;
    left: 0.5%;        top: 0%;
    width: 6.5%;   height: 16.0%;
    padding-left: 0;
    margin-bottom: 0px;  margin-top: 0px;
}

.right-tytle-top {                          /* computer */
    display: block;
    background: none;
    position: absolute;
    border: 0px solid white;
    left: 2.0%;       top: 2.5%;
    width: 93.0%;   height: 2.0%;
    color: blue;
    text-align: left; padding-left: 10px;
    font-family: Ruslan Display, sans-serif;
    font-size: 0.8vw; transform: scale(1, 2.0);
    margin-bottom: 0px;  margin-top: 0px;

}

.right-image-top {                          /* computer */
    display: block;
    border: 0px solid white;
    background: none;
    position: absolute;
    left:2.0%;     top:9.0%;
    width: 98.0%;  height: 27.0%;
    padding-left: 0px;
    text-align: center;
}

.right-text {                               /* computer */
    display: block;
    background: none;
    border: 0px solid red;
    font-family: Arial;
    font-family: Arial; font-size: 1.2vw;
    color: DimGray;
    text-align: left;
    padding-right: 10px;

}
.right-list {                               /* computer */
    display: block;
    background: none;
    position: absolute;
    border: 0px solid white;
    left: 2%;     top: 36.0%;
    width: 96%;   height: 63%;
    font-family: Arial;
    font-size: 1.0vw;   line-height: 1.1;
    margin-top: 5.0px; margin-bottom: 0.0;
    color: black;
    text-align: left; padding-left: 10px;
    overflow-y: scroll;
}
.right-list::-webkit-scrollbar {             /* computer */
    width: 5px;    height: 5px;
}
.right-list::-webkit-scrollbar-thumb {
    background: linear-gradient(to top, blue, rgb(230, 230, 230));
    border-radius: 5px;
}
.tytle-home {                                /* computer */
    font-family: Anton;
    font-size: 30px;
    color: rgb(150, 150, 150);
}


}  /* @media */
<!--   =================== END of MEDIA COMPUTER ======================  -->