@charset "utf-8";

/* Mobile Layout: 480px and below. */
  
.gridContainer {
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	padding-left: 0;
	padding-right: 0;
	clear: none;
	float: none;
}

#video-gallery {
    width: 100%;
    max-width: 500px;
    margin: 0 auto;
}

/* Tablet Layout: 481px to 768px. Inherits styles from: Mobile Layout. */

@media only screen and (min-width: 481px) {

.gridContainer {
	width: 100%;
	padding-left: 0;
	padding-right: 0;
	clear: none;
	float: none;
	margin-left: auto;
}

#video-gallery {
    width: 100%;
    max-width: 600px;
    margin: 0 auto;
}
}

/* Desktop Layout: 769px to a max of 1232px.  Inherits styles from: Mobile Layout and Tablet Layout. */

@media only screen and (min-width: 976px) {

.gridContainer {
	width: 100%;
	max-width: 1186px;
	padding-left: 0;
	padding-right: 0;
	margin: auto;
	clear: none;
	float: none;
	margin-left: auto;
}

#video-gallery {
    width: 100%;
    max-width: 744px;
    margin: 0 auto;
}

}