.example{margin:30px auto;width:970px;min-height:70vh}.loading{display:inline-block;width:20px;height:20px;margin-left:5px;vertical-align:middle}.pagination{padding:10px 0;text-align:center;display:flex}.pagination div{background-color:#1a73e8;color:#fff;width:100%;height:40px;display:flex;justify-content:center;flex-direction:column;text-align:center;font-family:verdana;cursor:pointer;text-decoration:none;font-size:16px;-webkit-user-select:none;user-select:none}.pagination div.disabled{cursor:default;background:#99c5ff}.pagination div:hover:not(.disabled){color:#fff;background:#174ea6}.example-container{overflow:hidden;margin:0 -5px}.example-container #videoplayer iframe,.example-container img{display:block;width:100%;height:auto}.example-container .video-item{float:left;box-sizing:border-box;padding:5px;cursor:pointer}.thumbnails{overflow:hidden}.media-viewer{float:left}.media-viewer iframe{height:315px;width:560px;display:block}#example5 .thumbnails{overflow:hidden}#example5 .example-container{margin:0}#example5 .video-item{overflow:hidden;width:50%;height:105px;padding:0}#example5 .video-item.active{opacity:.5}.youtubeview{width:970px;height:250px;border:0}@media only screen and (max-width:600px),only screen and (max-device-width:600px){.youtubeview{width:445px}}@media only screen and (max-width:480px),only screen and (max-device-width:480px){.youtubeview{width:100%}}.btnytcta{background:red;padding:10px 10px;text-decoration:none;color:#fff;height:20px;width:320px;text-align:center}@media(max-width:1000px){.example{margin:30px;width:calc(100% - 60px)}.media-viewer{margin:0;width:100%}.thumbnails{width:100%;margin:0}#example5 .video-item{overflow:hidden;width:50%;height:auto;padding:0}}@media(max-width:640px){.example{margin:30px;width:calc(100% - 60px)}.media-viewer #videoplayer{margin:0;width:100%}.media-viewer iframe{height:auto;width:100%;display:block}.thumbnails{width:100%;margin:0}#example5 .video-item{overflow:hidden;width:50%;height:auto;padding:0}}@media(max-width:480px){.example{margin:30px;width:calc(100% - 60px)}.media-viewer #videoplayer{margin:0;width:100%}.media-viewer iframe{height:auto;width:100%;display:block}.thumbnails{width:100%;margin:0;display:block;float:left}#example5 .video-item{overflow:hidden;width:50%;height:auto;padding:0}}