Можете добавить класс для самого блока слайдера, и через него меня стили точек.
Например
class="slider red-dots"
class="slider"
.slider .dots { стили обычных точек }
.slider.red-dots .dots { стили красных точек }
Проблема в z-index блоков .menu-body
Они имеют одинаковый в z-index, но фактически следующий в потоке будет имеет его выше...
Подробнее протестируйте наследование z-index элементов, "там не все так однозначно")))
Странно, что Вы пишите в запросе до 480px, а форме написали 800px, по итогу у Вас горизонтальный скролл получится. Если делаете для мобилы, вытягивавайте на 100 процентов форму, чтоб она тянулась. На любом экране до ваших 480px
Божечки!!! Это неведомая плавающая "штука", называется - floating label. Что нужно сделать.
1. Заходим на Кодпен
2. Вбиваем в поиск "floating label"
3. Выбираем что Вам угодно, на чистом js, jquery, react, vue, angular, без скриптов...
Проблема в том что для .col-md-6 у вас флоат прописан.
И третий коммент перекидуется вправо, т.к. левый больший по высоте.
Судя по классам вы используете бутстрап, если более поздняя версия у которого используются флексы, то тогда флоат не нужен и ширина соответственно тоже.
Или тогда каждые два комента оборачивайте в .row и очищайте поток с clearfix. На самом деле странно, что у вас до сих пор флоаты...
Да, а почему нет?
Это общий стиль, который по факту не является юлоком элементом или модификатором.
Аналогично если если вам нужно, чтоб тег b везде был не 900-й, а 700-й, вы для него будете класс создавать?