Максим

https://jsfiddle.net/qfgc9wnt/ вот так , но причём здесь php?

вы ни весь код показали - где есть это border или background или box-shadow или х.з что , выложите весь код или покажите ссылку на сайт

@media screen and (max-width: 800px) {
  /* specific CSS */
}

@media screen and (min-width:480px) and (max-width:800px) {
  /* Target landscape smartphones, portrait tablets, narrow desktops

  */
}

@media screen and (max-width:479px) {
  /* Target portrait smartphones */
}

Обратите внимание как написан Запрос
Источник

даже если заблочить ПКМ зайти и скопипастить можно всё абсолютно , не грузите лишним хламом

https://jsfiddle.net/Geyan/L6zvdtbv/

конкретно решает задачу : ❝❞

источник

любой плеер это просто замаскированный обычный плеер html5 , добавлено куча слоёв и каждый слой выполняет свою роль , если присмотреться с youbube плееру то у них правый клик на плеере подменён и в нём исполняется функция подмены меню на своё , на javascript можно отловить как левый так правый клик и даже нажатие на клавиши

там со стилями такая каша , всё на абсолютах - кошмар

на youtube

в смысле вы сжимаете экран а потом ваши блоки начинают выпадать ?

https://geyanpeaple.github.io/hoverJqueryMenu/ вот меню нажми на статьи там увидишь этот эффект

Вместо того что бы заниматься ерундой лучше развивайтесь , js и php вам в "Руки"

max-width не вариант ?

вообще ещё бы и сам шрифт менять в размере по мере уменьшения размера окна

пример на jsfiddle - симпатично

htmlmapgenerator.ru/index.php?option=com_htmlmapge... вот вариант