/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved by My WordPress Agent */
/* Chapters on phones and small tablets (up to 768px). Order: video, chapter list, then the note field if there is one. The note template hides the list at this width; the template without a note keeps the 65/30 columns side by side. Both get one full-width column and a scrolling list box. At 769px and above the existing layout stays. */
@media(max-width:768px){
.vivo_videoplayer_wrapper:has(>.mesu_one-third>.vivo-chapter-wrapper){display:flex;flex-direction:column}
.vivo_videoplayer_wrapper:has(>.mesu_one-third>.vivo-chapter-wrapper)>.mesu_two-third,.vivo_videoplayer_wrapper:has(>.mesu_one-third>.vivo-chapter-wrapper)>.mesu_one-third{width:100%!important;float:none!important;margin-right:0!important;margin-left:0!important}
.vivo_videoplayer_wrapper>.mesu_one-third:has(>.vivo-chapter-wrapper){display:block!important;position:static!important;margin:12px 0 16px!important;max-height:260px;overflow-y:auto;box-sizing:border-box;padding:6px 10px;border:1px solid #e6e6e6;border-radius:6px}
.vivo_parts-video-chapters-note .vivo_video_chapters{display:block!important}
}