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

	.banner-container {
		/* position: absolute; */
		position: relative; /*Added by Kar Goddard - 10th July 2019*/
		top: 0; right: 0; bottom: 0; left: 0;
	}
}



/*
 * Start of Vaughan's Code.
 */

.overlay {
	display: block;
	padding: 10px;
	position: absolute; top: 0; right: 0; bottom: 0; left: 0;
	text-align: center;
}

.solo-overlay {
	z-index: 1;
}

/* This allows the vertical-align to work on the img below. */
.sub-overlay {
	height: 100%;
	margin: 0 auto;
	max-width: 1130px;
}

.overlay img {
	height: auto !important; /* remove once no longer needed */
	width: auto !important; /* remove once no longer needed */
	max-height: initial !important; /* remove once no longer needed */
	min-height: initial !important; /* remove once no longer needed */
	max-width: 100%;
	vertical-align: middle;
}

@media screen and (max-width: 425px) {
	.overlay img {
		margin-top: 30px;
	}
}

@media screen and (min-width: 768px) {
	.overlay img {
		max-width: 600px;
	}
}

/* Move overlay to the right on bigger screens since the booking tool will be on the left. */
@media only screen and (min-width : 992px) {

	.overlay {
		text-align: right;
	}

	.overlay img {
		margin-right: 15px;
	}
}

/*
 * Start of Vaughan's Code.
 */



.adsContent,
.floatAd {
    position: absolute;    
}

.adsRotator.bannerRotator a img.scaler ,
.adsRotator.bannerRotator img.scaler {
	width: 100%;
}

.custom-banner-container #top-trans img, .top-trans img {
    width: 100%;
}

.custom-float p {
    margin: 0px;
}

span.floatAd{
	width: 410px;
	height:100%;
	z-index:1;
}

/* Custom, iPhone Retina  */
@media only screen and (min-width : 320px) {
	.custom-bottomBanner{
		display:none;
	}

	.adsContent{
		background-position: center !important;
	    width: 100%;
	    height: 100%;
	    bottom: 0px;
	    right: 0%;
	    left: 0%;
	}	

	#paginationPosition-right {
	    right: 43%;
	}

	span.floatAd{
		background-position: center !important;
	    width: 100%;
	    bottom: 0px;
	    right: 0%;
	    left: 0%;
	    
	}

	#body-header-2 .rotator-nav{
		display:none;
	}
}

/* Extra Small Devices, Phones  */
@media only screen and (min-width : 480px) {
		
}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {

	#paginationPosition-right {
	    right: 21%;
	}

	#internalRightAds{
		display:block;
	}

	#body-header-2 .rotator-nav{
		display:block;
	}
	
	#page-footer-1 .rotator {
		margin:auto;
	}
	
	#page-footer-1 .rotator img{
		width:100%
	}
	
	.custom-bottomBanner{
		display:block;
	}
	
	
}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {
	.adsContent{
		width: 440px;
		left: 55%;
		left: calc(50% + 55px);
	}
	
	#page-footer-1 .rotator {
		width: 930px;		
	}
		

	span.floatAd{
		width: 440px;
		left: 5%;
		left: calc(50% + 50px);
	}
}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {
	.adsContent{
		right: auto;
    	left: 55%;
     	left: calc(50% + 70px);
	}

	#paginationPosition-right {
	    right: auto;
    	left: 55%;
     	left: calc(60% + 105px);
	}

	span.floatAd{
		background-size: 100% !important;
		right: auto;
    	left: 55%;
     	left: calc(50% + 70px);     	
	}
}


/* Begin Sun Ads Banner Zoom */
.banner-container {
	overflow: hidden;
}
/* End of Sun Ads Banner Zoom */


/* Media queries for large devices bigger than 1440px. This fixes the banner issue where it wasn't stretching once the trans png was removed. */
@media (min-width: 2000px) {
	/* Some site have the div class as .custom-banner-container and others have it as .banner-images */
	.custom-banner-container,
	.banner-images {
		min-height: 500px;
	}
}

@media (min-width: 2200px) {
	/* Some site have the div class as .custom-banner-container and others have it as .banner-images */
	.custom-banner-container,
	.banner-images {
		min-height: 550px;
	}
}

/* Banner Image Helper */
.sub-overlay .helper {
	display: inline-block;
	height: 100%;
	vertical-align: middle;
}
/* END - Banner Image Helper */