@charset "utf-8";
/* CSS Document */
@media only screen and ( max-width: 999px ) {
	
	.vehicles-title { width:98%; }
	.vehicles-boxes { margin:0; width:100%; }
	.vehicle { width:25%; }
	.vehicle-thumb { width:100%; text-align:center; }
	.vehicle-thumb .info,
	.vehicle-title { width:100%; }
	
	#slider-vehicles { width:65%; margin:15px 0 0 5%; }
	.flexslider { width:95%; height:auto;}

	/* hide chat on smaller screens */
	.bcFloat, #bt_invite_box { display:none!important; }
	
	.MobileQuoteOpen { display:block; }
	#quoteTitle:hover, #quoteTitle.open { background:#545a27; }
	#quoteTitle.open:hover { background:#313513; }

	#mightyHeader, .bookingSocial-container, #outerwrap { width:100%; float:left; overflow:hidden; }
	#mightyHeader { border-bottom:3px solid #900; }
	#header #logo { width:30%; }
	#mightyapp { right:25%; }
	#mobile-menu { display:block; }
	#mainmenu { display:none; height:auto; }
	#sideNavBox, #topmenu { width:100%; overflow:hidden; height:auto; }
	#topmenu ul { width:100%; }
	#topmenu ul li { width:50%; }
	#topmenu ul li a { width:96%; padding: 22px 2%; border-bottom:1px solid #9C9C96; border-top:1px solid #E3E3D8; text-align:center; }
	#topmenu ul li:hover ul { display:none; }
	
	.welcomecontainer { float:left; width:100%; } 
	#bookingControlWrapper { width:30%; background:#3E431B;}
	
	#leftcol { width:30%; }
	#leftcol #bookingControlWrapper { width:100%; background:#3E431B; }
	#mainContent { width:70%; }
	#mainContentFullWidth { width:100%; }
	#breadcrumbs { width:100%; }
	#right { width:94%; padding:0 3%; }
	#main { width:94%; padding:3%; }
	#mainFull { width:94%; padding:3%; overflow-x: scroll; }
	
	table#vcompTable tr.vcompHeadRow td span { min-width:126px; }
	table#vcompTable tr.vcompHeadRow td span.vcompHideClick { width:20px!important; min-width:20px!important; }
	
	.vehicle-icons img { width:auto!important; height:auto!important; }
	#mightySlide { width:68%;}
		
	#mightySlide .slideloading { width:100%; height:auto; }
	#mightySlide .slideloading .loadingani { margin:20% 0 55% 47%; }

	#slider ul li .greenbar { width:80%; left:5%; background:#3E431B;}
	#slider ul li .greenbar .linkarea .moreinfo { text-align:center; width:100%; }
	.flex-control-nav { width:70%; height:106px; margin:0 0 0 18%; }
	.flex-control-nav li { overflow:hidden; }
	
	#mightySpecial { width:68%; }
	.comppic { background:#3E431B; }
	.specialContent { width:98%; }
	.specialContent .image { margin-right:-60px; }
	.specialContent .pricepoint { display:none; }
	.specialContent .details { width:76%; font-size:16px; line-height:18px; }
	.specialContent .details span.big { font-size:21px; margin-bottom:10px; float:left; width:100%; text-align:center; }
	.specialContent .details span.small { font-size:10px; }
	.specialContent .footer { width:76%; }
	
	#aboutMighty { background:#3E431B; }
	.aboutMighty-container { width:88%; margin: 5%; padding: 1%; }
	a.availability { float:left; }
	
	.blogpost h2 { white-space:nowrap; }

	
	#footer, #footer ul, #footerLinks { width:100%; float:left; }
	#footerLinks {box-shadow: 0 8px 12px -10px #000000 inset; }
	
	#footerWrap .body { width:100%; float:left; }
}
@media only screen and ( min-width: 768px ) and ( max-width: 960px ) {
	
	.crossSell { display:none; }
	#contact-intro span a span.text { font-size:11px; }
	
}

@media only screen and ( max-width: 767px ) {
	
	#slider-vehicles { width:92%; }

	#mightyapp {
	 float:left; width:100%; position:relative; right:0; text-align:center;
	 -webkit-border-radius: 0;
	border-radius: 0;
	border-left:0; border-right:0; border-top:0; border-bottom:1px dashed #EE3124;
	-webkit-box-shadow: 0 1px 2px 0 #000000;
	box-shadow: 0 1px 2px 0 #000000;
}
	#mightyapp .tab {
	border-left:0; border-right:0; border-top:0; padding:2px 4%;

}	
	.crossSell { display:none; }
		
	#checkin { display:none; }
	
	#contact-intro span a span.text { display:none; }
	
	#slider ul li { height:350px; }
	#slider ul li .greenbar { padding:1% 5%; height:auto;}
	#slider ul li .greenbar .titlearea { width:; height:auto; }
	#slider ul li .greenbar .titlearea .first { font-size:12px; }
	#slider ul li .greenbar .titlearea .second { font-size:28px; }
	.linkarea { }
	#slider ul li .greenbar .linkarea a.btn { width:100%; }
	#slider ul li .greenbar .linkarea .moreinfo { text-align:center; height:auto; }
	.welcomecontainer { float:left; width:100%; } 
	#bookingControlWrapper { float:left; width:100%; height:auto; margin-bottom:0px; }
	#mightySlide { float:left; width:100%; height:auto; }
		.flex-control-nav { display:none; }
	
	#bookingHolder{ display:none; }
	
	#bookingControlWrapper, #bookingWidget { border:none; border-radius:0; width:100%; margin:0;}
	#bookingControlWrapper { box-shadow:none; border-bottom:3px solid #2d3013; background:#3E431B; }
	#bookingcontrolTop.SearchBox_Wrapper { background:none; border-radius:0; box-shadow:none; border:0; margin:0; width:100%; padding:0; }
	#quoteTitle { padding:10px 0 0 0 ; margin:0 auto 10px auto; float:none; min-height:55px; cursor:pointer; }
	
	#mightySpecial 	{ width:96%; margin:0 2%; height:auto; }
	.specialContent { width:98%; height:auto; }	
	.specialContent .image { display:none; }
	.specialContent .details { width:96%; padding:5px 2%; font-size:16px; line-height:18px; }
	.specialContent .details span.big { font-size:21px; margin-bottom:10px; float:left; width:100%; text-align:center; }
	.specialContent .details span.small { font-size:10px; line-height:11px; }
	.specialContent .footer { width:96%; padding:0 2%; height:auto; }
	
	.competition, .socialarea { float:left; width:100%; }
	.blog ul li {
	min-height:215px;
}
	.image_reel div.twitter, .image_reel div.blog { width:50%; }
	.socialbox { width:100%; }
	.pagingshadow { left:0; }
	.paging { left:-2px; }
	.blogpost { width:70%; height:auto; min-height:0; margin:2% 15%; }
	
	.aboutMighty-items { width:100%; }
	
	.footer-search-social { padding:0; }
	.footer-seethemighty { padding-top:24px; }
	.footer-seethemighty img { float:left; width:90%; }
	.footer-social { width:100%; }
	.searchfooter { margin:10px 0 0 0; }
	.tqualFooter { float:left; width:100%; margin-top:10px; margin-bottom:10px; }
	
	#leftcol { width:100%; }
	#mainContent { width:100%; }
	
	#main .spectable .column,
	#main .spectable .columnright { margin:0; width:100%; }
	
	.campervandetails .layouts .layout { width:100%; margin-bottom:20px; }
	.campervandetails .layouts .layout:last-child { margin-bottom:0; }
	
	#mainFull p img, #mainFull img { width:94%; float:left; height:auto; }
	table#vcompTable .vcompGroupTitle img { width:auto!important; height:auto; }
	
	#mainFull img.ms-asset-icon,
	#mainFull p img.ms-asset-icon,
	#mainFull p a img.ms-asset-icon,
	#blogpage p img.ms-asset-icon,
	#blogpage p a img.ms-asset-icon {
	 width:auto!important;
}
	
	.vcompContainer {
	overfl
}

	#sidebarstuff { display:none; }
	
	#footerWrap ul li { display:none; }
	#footerWrap ul li:first-child { display:block; margin-left:20px; }
	
}


@media only screen and ( max-width: 479px ) {
	
	.vehicle { width:50%; }
	
	.slides li .specialtext { background:none repeat scroll 0 0 rgba(255, 255, 255, 0.5); bottom:10px; height:auto; right:0;  width:100%; }	
	.slides li .specialtext { float:left; bottom:auto; top:0; position:relative; } 
	.slides li .specialtext .textbox { width:100%; height:inherit; position:relative; float:left; margin:10px 0 0 0; }
	.slides li .specialimage { float:left; left:0; position:relative; top:0; }
	.slides li .specialtext .textbox h2,
	.slides li .specialtext .textbox p.validity { color:#000 !important; margin-bottom:10px; }

	.crossSell { display:none; }
	#header #logo { width:40%; }
	#topmenu ul li { width:99%; }
	#contact-intro span.contactborder, #mobile-menu span.contactborder { padding:8px 4px; }

	#slider ul li { height:225px; }
	#slider ul li .image img { margin-top:30px; }
	#slider ul li .greenbar { padding:1% 5%; height:auto; top:0!important;}
	#slider ul li .greenbar .titlearea { width:100%; height:auto; }
	#slider ul li .greenbar .titlearea .first { font-size:12px; }
	#slider ul li .greenbar .titlearea .second { font-size:28px; }
	.linkarea { display:none; }
	
	.comptab { left:26%; }
	
	.blog ul li { width:100%; } 
	.blogpost { width:80%; height:auto; min-height:0; margin:2% 10%; }
	.blogpost .blogpostImg .image { width:100%!important; margin-left:0!important; }
	
	.vehicle-icons { float:left; width:100%; padding:5px 0; text-align:left; }
	.check .vehicle-icons img { float:left; }
	.van_desc { width:100%; }
	.van_image { width:100%; float:none; text-align:center; display:inline-block; margin:10px 0 0; }
	.van_image img { float:none; }
	
	#aboutMighty h1 { font-size:30px; line-height:36px; }
	#aboutMighty h2 { font-size:18px; line-height:22px; }
	.aboutMighty-items span.items { font-size:16px; }
	
	#main .spectable .column,
	#main .spectable .columnright { margin:0; width:100%; }
	
	#main { width:94%; }
	#right { float:left; width:94%;}
	#right .options a, #right .options a:hover { width:85%; margin:5px 5%; }
	#right .compare { width:90%; margin:10px 5%; background:#3E431B; }
	
	.carImage { float:left; width:100%; margin:0; padding:0; text-align:center; }
	.carImage img { width:80%; height:auto;  }	
	.carList { width:100%; }
	
	#branch-dir span { width:100%; }
	input#sourceDest, select#branchSelector { width:96%; }
	#map { height:250px; }
	
	#blogpage {
	 float:left; width:100%; height:auto; margin:0; padding:0;
}
	
	#blogpage p img, #centercol p img,
	#blogpage img, #centercol img,
	#mainFull p img, #mainFull img { width:94%; height:auto; }
	.popup-logo {
	width:107px !important;
}
	#centercol .ms-asset-icon,
	#centercol .campervan .vehicle-icons img,
	#centercol .people_icon_mid img,
	#blogCatalog span.bbody img { width:auto!important; height:auto!important; }
	
	#mainFull img.ms-asset-icon,
	#mainFull p img.ms-asset-icon,
	#mainFull p a img.ms-asset-icon,
	#blogpage p img.ms-asset-icon,
	#blogpage p a img.ms-asset-icon {
	 width:auto!important;
}


	#footer li { width:33%; }
	
	.footer-seethemighty { width:100%; }
	.footer-seethemighty img { float:none; }
	
	.footer-search-social { width:90%; padding:0 5%; margin:0 0 45px 0; text-align:center; }
	.footer-social { width:100%; padding:0; text-align:center; }
	.footer-social-box { float:none; display:inline-block; margin:0 5px; }
	.searchfooter { margin:10px 0; float:none; display:inline-block; }
	.footercopy { width:90%; padding:0 5%; margin-top:20px; }
	
	#footerWrap ul li { display:none; }
	#footerWrap ul li:first-child { display:block; margin-left:20px; }
	
	.ui-datepicker { width:85%!important; }
	.ui-datepicker-multi-2 .ui-datepicker-group {
	width:100%!important;
}
	
}

/*responsive video wrapper------------------------------------*/
.video-wrapper {
    float: none;
    clear: both;
    width: 100%;
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 25px;
    height: 0;
}
.video-wrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.drive-safe{
	width:480px;
	height:auto;
	
}

.tooltip-block,
.tooltip-block a {
	cursor: default !important;
	position: relative;
}
.tooltip-block:hover:after {
	top: 100%;
	left: 0;
	content: "Branch closed";
	padding: .5em;
	min-width: 100px;
	max-width: 350px;
	background: #fffea1;
	color: #555;
	border-radius: .25em;
	font-size: 12px;
	position: absolute;
}