.videoPost.videoPost--single-related { display: flex; flex-direction: column; position: relative; width: 100%; margin: 0; padding: 0; background: #222; border: none; border-radius: 0; box-shadow: none; overflow: hidden; cursor: pointer; transform: none; transition: none; } .videoPost.videoPost--single-related:hover { transform: none; box-shadow: none; border-color: transparent; } .videoPost.videoPost--single-related .thlink { display: block; position: relative; flex: 0 0 auto; line-height: 0; } .videoPost.videoPost--single-related .image-wrapper { overflow: hidden; position: relative; width: 100%; border-radius: 0; } .videoPost.videoPost--single-related img.thumb_small { display: block; width: 100%; height: auto; aspect-ratio: 2 / 3; object-fit: cover; border-radius: 0; transform: none; transition: none; } .videoPost.videoPost--single-related:hover img.thumb_small { transform: none; } .videoPost.videoPost--single-related div.thumbDuration { top: 8px; right: 8px; left: auto; border-radius: 4px; } .videoPost.videoPost--single-related .uncensored-over { z-index: 4; } .videoPost.videoPost--single-related .title-fix { position: static; flex: 1 1 auto; width: 100%; padding: 10px 8px 12px; margin: 0; background: #222; text-align: center; box-sizing: border-box; z-index: auto; } .videoPost.videoPost--single-related a.videoLink { color: #fff; text-align: center; font-weight: 500; font-size: 13px; line-height: 1.35; text-shadow: none; text-decoration: none; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; max-height: none; height: auto; margin: 0 0 8px; width: 100%; } .videoPost.videoPost--single-related:hover a.videoLink { color: #fff; } .videoPost.videoPost--single-related .title-2 { display: flex; justify-content: center; align-items: center; margin: 0; } .videoPost.videoPost--single-related .thumbViews { color: #c4c4c4; font-size: 13px; text-align: center; justify-content: center; opacity: 1; gap: 6px; } .videoPost.videoPost--single-related .thumbViews svg, .videoPost.videoPost--single-related .thumbViews i { width: 14px; height: 14px; flex-shrink: 0; } #episode_slider .videoPost.videoPost--single-related { flex: 0 0 168px; width: 168px; min-width: 168px; } #episode_slider .videoPost.videoPost--single-related a.videoLink { font-size: 12px; } .related-videos-wrap .videoPost.videoPost--single-related { width: 100%; } .video-posts-grid.tdx-behavior-related .videoPost.videoPost--single-related { width: 100%; } @media (max-width: 984px) { .sidebar-videos .related-videos-wrap { grid-template-columns: repeat(auto-fill, minmax(140px, 1fr)); gap: 12px; } } @media (max-width: 768px) { .sidebar-videos .related-videos-wrap, .sidebar-videos .tdx-because-watched-grid { width: 100%; max-width: 100%; min-width: 0; box-sizing: border-box; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; } .sidebar-videos .videoPost.videoPost--single-related { min-width: 0; max-width: 100%; } .sidebar-videos .videoPost.videoPost--single-related img.thumb_small { max-width: 100%; } }