/* Background */
.rsDefault,
.rsDefault .rsOverflow,
.rsDefault .rsSlide,
.rsDefault .rsVideoFrameHolder,
.rsDefault .rsThumbs {
	background: #FFF;
	color: #151515;
}


.rsDefault .rsThumbsVer {
	width: 217px;
	height: 100%;
	position: absolute;
	top: 0;
	right: 0;
}
.rsDefault.rsWithThumbsVer .rsThumbsContainer {
	position: relative;
	width: 100%;
}
.rsDefault .rsThumb {
	float: left;
	overflow: hidden;
	width: 217px;
	height: 180px;
}
.rsDefault .rsThumb img {
	width: 100%;
	height: 100%;
}
.rsDefault .rsThumb.rsNavSelected {
	background: #000000;
}
.rsDefault .rsThumb.rsNavSelected img {
	opacity: 0.3;
	filter: alpha(opacity=30);
}
.rsDefault .rsTmb {
	display: block;
}
.rsDefault .rsThumbsArrow {
	height: 100%;
	width: 30px;
	position: absolute;
	display: block;
	cursor: pointer;	
	z-index: 21;	
	background: #000;
	background: rgba(0,0,0,0.75);
}
.rsDefault .rsThumbsArrow:hover {
	background: rgba(0,0,0,0.9);
}
.rsDefault.rsWithThumbsVer .rsThumbsArrow {
	width: 100%;
	height: 30px;
}
.rsDefault.rsWithThumbsVer .rsThumbsArrowLeft { top: 0; left: 0; }
.rsDefault.rsWithThumbsVer .rsThumbsArrowRight { bottom: 0;  left: 0; }

.rsDefault .rsThumbsArrowIcn {		
	width: 30px;
	height: 24px;
	top: 50%;
	left: 50%;
	margin-top:-12px;	
	margin-left: -12px;
	position: absolute;	
	cursor: pointer;	
	background: url('http://www.aagm.co.uk/Upload/rs-default.png');
}

.rsDefault.rsWithThumbsVer .rsThumbsArrowLeft .rsThumbsArrowIcn { background-position: -138px -34px; }
.rsDefault.rsWithThumbsVer .rsThumbsArrowRight .rsThumbsArrowIcn { background-position: -138px -62px; }

.rsDefault .rsThumbsArrowDisabled { display: none !important; }

/* Thumbnails resizing on smaller screens */
@media screen and (min-width: 0px) and (max-width: 800px) {
	.rsDefault .rsThumb {
		width: 59px;
		height: 44px;
	}
	.rsDefault .rsThumbsVer {
		width: 59px;
	}
}

#page-navigation { display: none; }

.videoGallery .rsTmb {padding: 0;}
.videoGallery .rsThumb:hover {background: #000;}
.videoGallery .rsThumb.rsNavSelected {background-color: #000;border-bottom:-color #000;}
.rsDescription {font-size:90%;}
.sampleBlock .rsExtended {font-size:90%;display: none;}
.sampleBlock:hover .rsExtended {display: block;}
.sampleBlock {left: 0; top: 0; width: 50%;max-width: 482px;color: #FFF;padding:2%;background-color: #000;background-color: rgba(0,0,0,0.5);}
.rsExhibition{font-weight:bold;font-size: 18px;line-height:25px;padding: 0;margin: 0;}
.rsImgCover, .rsImgCover img  {width: 722px;height: 602px;}

/* #1- Large desktop */
@media (min-width: 1200px) {
#video-gallery {width: 1170px;}
.videoGallery .rsThumbs .rsThumb {width: 270px;height: 225px;border-bottom: 1px solid #2E2E2E;}
.videoGallery .rsThumbs {width: 270px;padding: 0;}
.rsExhibition{font-weight:bold;line-height:28px;font-size: 21px;padding: 0;margin: 0;}
.rsImgCover, .rsImgCover img  {width: 900px;height: 750px;}
}

/* #2- Regular sized laptops */
@media (min-width: 980px) and (max-width: 1199px) {
#video-gallery {width: 939px;}
.videoGallery .rsThumbs .rsThumb {width: 217px;height: 180px;border-bottom: 1px solid #2E2E2E;}
.videoGallery .rsThumbs {width: 217px;padding: 0;}
.videoGallery .rsOverflow, .royalSlider.videoGallery {height: 602px !important;}
.rsImgCover, .rsImgCover img  {width: 722px;height: 602px;}
}

/* #3- Portrait tablet to landscape and desktop */
@media only screen and (min-width: 768px) and (max-width: 959px) {
#video-gallery {width: 724px;}
.videoGallery .rsThumbs.rsThumbsVer {width: 167px;padding: 0;}
.videoGallery .rsThumbs .rsThumb {width: 167px;height: 138px;}
.videoGallery .rsOverflow, .royalSlider.videoGallery {height: 463px !important;}
.sampleBlock {font-size: 14px;}
.sampleBlock {left: 0; top: 0; width: 100%;max-width: 557px;color: #FFF;padding:2%;background-color: #000;background-color: rgba(0,0,0,0.5);}
.rsExhibition{font-weight:bold;font-size: 14px;line-height:18px;padding: 0;margin: 0;}
.rsDescription {display: none;}
.sampleBlock:hover .rsDescription {display: block;}
.sampleBlock .rsExtended {display: none;}
.sampleBlock:hover .rsExtended {display: none;}
.rsImgCover, .rsImgCover img  {width: 557px;height: 463px;}
}

/* #4- Landscape phone to portrait tablet */
@media only screen and (min-width: 481px) and (max-width: 767px) {
#video-gallery {width: 440px;}
.videoGallery .rsTmb {padding: 0;}
.videoGallery .rsThumbs.rsThumbsVer {width: 100px;padding: 0;}
.videoGallery .rsThumbs .rsThumb {width: 100px;height: 84px;}
.videoGallery .rsOverflow, .royalSlider.videoGallery {height: 280px !important;}
.sampleBlock {font-size: 14px;}
.sampleBlock {left: 0; top: 0; width: 100%;max-width: 340px;color: #FFF;padding:2%;background-color: #000;background-color: rgba(0,0,0,0.5);}
.rsExhibition{font-weight:bold;font-size: 14px;line-height:18px;padding: 0;margin: 0;}
.rsDescription {display: none;}
.sampleBlock:hover .rsDescription {display: block;}
.sampleBlock .rsExtended {display: none;}
.sampleBlock:hover .rsExtended {display: none;}
}

/* #5- Landscape phones and down */
@media only screen and (min-width: 321px) and (max-width: 480px) {
#video-gallery {width: 280px;}
.videoGallery .rsTmb {padding: 0;}
.videoGallery .rsThumbs.rsThumbsVer {width: 65px;padding: 0;}
.videoGallery .rsThumbs .rsThumb {width: 65px;height: 54px;}
.videoGallery .rsOverflow, .royalSlider.videoGallery {height: 178px !important;}
.sampleBlock {font-size: 14px;}
.sampleBlock {left: 0; top: 0; width: 100%;max-width: 215px;color: #FFF;padding:2%;background-color: #000;background-color: rgba(0,0,0,0.5);}
.rsExhibition{font-weight:bold;font-size: 14px;line-height:18px;padding: 0;margin: 0;}
.rsDescription {display: none;}
.sampleBlock:hover .rsDescription {display: block;}
.sampleBlock .rsExtended {display: none;}
.sampleBlock:hover .rsExtended {display: none;}
}

/* #5- Landscape phones and down */
@media only screen and (max-width: 320px) {
#video-gallery {width: 280px;}
.videoGallery .rsTmb {padding: 0;}
.videoGallery .rsThumbs.rsThumbsVer {width: 65px;padding: 0;}
.videoGallery .rsThumbs .rsThumb {width: 65px;height: 54px;}
.videoGallery .rsOverflow, .royalSlider.videoGallery {height: 178px !important;}
.sampleBlock {font-size: 14px;}
.sampleBlock {left: 0; top: 0; width: 100%;max-width: 215px;color: #FFF;padding:2%;background-color: #000;background-color: rgba(0,0,0,0.5);}
.rsExhibition{font-weight:bold;font-size: 14px;line-height:18px;padding: 0;margin: 0;}
.rsDescription {display: none;}
.sampleBlock:hover .rsDescription {display: block;}
.sampleBlock .rsExtended {display: none;}
.sampleBlock:hover .rsExtended {display: none;}
}