+ @media screen and (max-width: $mobile-view) {
+ max-height: initial;
+ overflow: initial;
+
+ .section-title {
+ font-size: 17px;
+ margin-left: 10px;
+ }
+ }
+}
+
+// Use margin by default, or padding if $margin is false
+@mixin fluid-videos-miniature-margins ($margin: true, $min-margin: 0) {
+ --fluidVideosMiniatureMargins: #{pvar(--horizontalMarginContent)};
+
+ @if $margin {
+ margin-left: var(--fluidVideosMiniatureMargins) !important;
+ margin-right: var(--fluidVideosMiniatureMargins) !important;
+ } @else {
+ padding-left: var(--fluidVideosMiniatureMargins) !important;
+ padding-right: var(--fluidVideosMiniatureMargins) !important;
+ }
+
+ @media screen and (max-width: $mobile-view) {
+ --fluidVideosMiniatureMargins: $min-margin;
+
+ width: auto;
+ }
+}
+
+@mixin fluid-videos-miniature-layout {
+ @include fluid-videos-miniature-margins;
+
+ @media screen and (max-width: $mobile-view) {
+ .videos {
+ text-align: center;
+
+ ::ng-deep .video-miniature {
+ padding-right: 0;
+ height: auto;