Адаптация под телефон

[TORETTO28]

Всем привет. Столкнулся с такой проблемой.
Есть текст с левой стороны, и видео с правой стороны.
Когда смотрю с ПК версии все нормально. Как только просматриваю с версии планшета или телефона,
получается что видео наложено на текст. А мне нужно чтобы видео было ниже текста когда с планшета, телефона, ПК.
Все перепробовал,видео не сдвигается вообще когда смотришь через планшет или телефон. Помогите пожалуйста.

.watch-video .video {
    margin-top: 5%;
    margin-bottom: 5%;
    position: relative;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.watch-video .video:before {
    position: absolute;
    content: '';
    top: 5px;
    bottom: 5px;
    right: 5px;
    left: 5px;
}


.blocksite {
    padding-top: 5%;
}

.textsite {
    font-size: 35px;
    padding-left: 80px;
    font-family: 'PT Serif', serif;
    color: #696969;
}

.podtext {
    position: absolute;
    padding-left: 6%;
}