.hide { display: none !important;  }
.show { display: block !important; }

@media screen and (max-width: 1500px)
{
	.hideat1500 { display: none !important }
	.nav .rightside { width: 134px; }
}

@media screen and (max-width: 1400px)
{
	.hideat1400 { display: none !important }
	.showat1400 { display: block !important }
	.nav .rightside { width: 154px; }
	.slicknav_menu { top: 19px; right: 26px; }
	.nav .rightside .loginpanel { border-left: 1px solid #ccc; border-right: 1px solid #ccc; margin-right: 90px;}
	.nav .rightside .loginpanel a { border-right: none; padding: 0 20px; }
	.header .menuheading li.loggedin { top: -1px; right: 90px; width: 200px; }
}

@media screen and (max-width: 1250px)
{
	.hideat1250 { display: none !important  }
	.showat1250 { display: block !important }
}

@media screen and (max-width: 1200px)
{
	.hideat1200 { display: none !important  }
	.showat1200 { display: block !important }
  	.inner { width: 100%; padding: 0px 5px }
	#megamenu .column { width: 220px;}
	.itinerarydays { margin: 40px auto; width: auto; max-width: 1157px }
	.header .menuheading li:last-child { border-right: 0px}
	 .video-container iframe {
        max-width: 100% !important;
		aspect-ratio: 16/9 !important;
        width: 100% !important;
        height: auto !important; 
    }
}

@media screen and (max-width: 1150px)
{
	.hideat1150 { display: none !important  }
	.showat1150 { display: block !important }
}

@media screen and (max-height: 700px)
{
	.header { position: static; }
	.headerspacer { display: none; }	
}

@media screen and (max-width: 1000px)
{
	.itinerarydays .day { max-width: 100%; display: block; margin: 10px auto !important; float: none !important;; }
	.itinerarydays .daymarker { display: none; }
	.nav .inner { display: none !important; }
	.showat1000 { display: block !important }
	.countrylinks { display: none; }
	.nav .rightside { width: 154px; }
	.slicknav_menu { right: 26px; }
	.slicknav_nav { top: 53px; margin-left: 26px; border-top: 1px solid #ccc; }
	.nav .rightside .loginpanel { border-left: 1px solid #ccc; border-right: 1px solid #ccc; }
	.nav .rightside .loginpanel a { border-right: none; padding: 0 20px; }
	.header .menuheading li.loggedin { top: -1px; right: 90px; width: 200px; }
}

@media screen and (max-width: 920px)
{
	.header { position: static; }
	.headerspacer { display: none; }
	#social { display: none; }
	.subfooter .atol { clear: both; margin: 0px; float: left; width: 100%; margin-top: 20px; margin-bottom: 20px;}
	.subfooter .atol img, .subfooter .atol p { display: table-cell; }
	#megamenu { height: auto  }
	#megamenu .column { display: inline-block  !important; float: none; vertical-align: top; }
	
}

@media screen and (max-width: 900px)
{
	.hideat900 { display: none !important }	
}

@media screen and (max-width: 850px)
{
	.hideat850 { display: none !important; }
	.showat850 { display: block !important; }
	.fullwidthat850 { width: 100% !important; }
	.rhitems > h2 { margin-top: 15px; font-size: 1.2rem; }
	.rhitems .faqitem { display: block !important; }
}

@media screen and (max-width: 800px)
{
	.hideat800 { display: none !important }
}

@media screen and (max-width: 700px)
{
	.header .menuheading li.loggedin { max-width: 200px; text-align: left !important; padding: 0px; top: 0px}
	.header .menuheading li.loggedin a { display: inline-block; width: 100%; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; padding: 0px }
	.countrylinks { display: none; }
	#megamenu .column { margin-bottom: 20px} 
	.contentsection > p { max-width: 100%; margin: 0px 9px 6px 9px;  text-align: left;}
	.overlayheader { font-size: 38px; }
}

@media screen and (max-width: 600px)
{
	.hideat600 { display: none !important }
	.showat600 { display: block !important }
	.overlayheader { font-size: 16px; }
	.contactform .flatbutton { margin: 12px 0 12px 0 !important; }
}

@media screen and (max-width: 550px)
{
	.footer .column p { font-size: 0.8rem; }
	.actionmenupanel .inner .button { width: 150px; padding: 10px}
	.header .menuheading li.loggedin { max-width: 150px; }
	.lhheadingscol { width: 130px; margin-right: 10px; }
	.lhheadingscol h2 { font-size: 0.9rem }
	.rhitems {  width: calc(100% - 140px); }
	.rhitems p, .rhitems li { font-size: 0.8rem }
	.expandablelist .faqitem h2 { font-size: 1.0rem; }
	.expandablelist .faqitem .expandedblock { padding-left: 0px; }
}

@media screen and (max-width: 500px)
{
	.hideat500 { display: none !important }
	.showat500 { display: block !important }
	.overlayheader { line-height: 1; }
}

@media screen and (max-width: 450px)
{
	.contactform .ui-messages.ui-widget { width: 95% !important; }
	.contactform .ui-messages.ui-widget li span { font-size: 0.8em !important; }
	.captcha-wrapper>div>div { width: 230px !important; margin-top: 5px; }
	.captcha-wrapper iframe { transform-origin: left top; }
	.col-1, .col-2, .col-3, .col-4, .col-6, .col-triple { margin: 0px 5px 0px 5px; max-width: calc(100% - 10px); }
}

@media screen and (max-width: 400px)
{
	.header .logo img { max-width: 100px; height: auto; margin-top: 20px}
	.header .menuheading li.loggedin { max-width: 100px;  }
	.subfooter img { max-width: 150px; }
	.subfooter .ipplogo { width: 100px; }
	.contentsection .horizontalsubsection .subsectiontitle, .contentsection .horizontalsubsection .subsectioncontent  { display: block; }
	.contentsection .horizontalsubsection .subsectiontitle { width: 100%; padding-bottom: 20px;  }
	
	.lhheadingscol { width: 100px; }
	.lhheadingscol h2 { font-size: 0.8rem }
	.rhitems {  width: calc(100% - 110px); }
	.challengetile .highlightimage { height: auto; }
	.challengetile .highlightimage .challengeimage { margin-bottom: -2px }

	.nav .rightside .loginpanel a { padding: 0 10px; }
}

@media screen and (max-width: 375px)
{
	.nav .rightside { width: 145px; }
}

@media screen and (max-width: 330px)
{
	.header .menuheading li.loggedin { display: none }
}