iframe {
  border: 1px solid gray;
}
#block-youtubegallery h2 {
  font-size: 17px;
}
#block-youtubegallery a {
  font-size: 15px;
  text-decoration: none;
}

#block-youtubegallery img {
  border: 1px solid lightgray;
  border-radius: 5px;
}
.youtube-page-header {
  display: block;
  padding: 5px;
  border-radius: 5px;
  background-color: lightgray;
}
.currentvideodesc {
  font-size: 16px;
}
.currentvideotitile {
  font-size: 18px;
}
.seemore {
  display: block;
  border: 1px solid lightgray;
  border-radius: 5px;
  padding: 5px;
  font-weight: 900;
  margin-bottom: 20px;
  font-size: 16px;
  background-color: #f5f5f5;
}
.path-youtube-gallery .block-youtube-gallery-block {
  display: none;
}

.yt-videos-thumbnail-wrapper {
	position:relative;
}

.yt-videos-thumbnail {
	margin: 0 auto 10px auto;
}

.yt-videos-duration {
	position: absolute;
	bottom: 5px;
	right: 5px;
	background-color: rgba(0,0,0,0.7);
	color: #FFFFFF;
}

/* ******************************************************************************************************* */
.youtube-gallery-block-list {
	
}

@media screen and (min-width: 768px) {
    .youtube-gallery-block-list:nth-child(2n+1){
       clear:left;
    }
}

@media screen and (min-width: 992px) {
	.youtube-gallery-block-list:nth-child(2n+1){
       clear:none;
    }
	
    .youtube-gallery-block-list:nth-child(3n+1){
       clear:left;
    }
}

@media screen and (min-width: 1200px) {
	.youtube-gallery-block-list:nth-child(3n+1){
       clear:none;
    }
	
	.youtube-gallery-block-list:nth-child(4n+1){
	   clear:left;
	}
}

/* ******************************************************************************************************* */

/* for sizing like bootstrap uses
@media screen and (min-width: 768px) {}
@media screen and (min-width: 992px) {}
@media screen and (min-width: 1200px) {}
@media screen and (min-width: 1400px) {}
*/