+
+ @media screen and (max-width: 500px) {
+ .video-name-views {
+ font-size: 16px !important;
+ }
+
+ // Keep the same hierarchy than max-width: 800px
+ .video-small-blocks {
+ a, .video-small-block-text {
+ font-size: 10px !important;
+ }
+
+ .video-small-block-account {
+ padding-left: 5px;
+ padding-right: 5px;
+ }
+ }
+
+ .video-details {
+ .video-details-date-description {
+ margin-bottom: 30px;
+ width: 100%;
+
+ .video-details-date {
+ margin-bottom: 15px;
+ }
+ }
+
+ .video-details-attributes {
+ padding-left: 10px;
+ padding-right: 10px;
+ }
+ }
+ }