/* ------------------------------------------------------------ *\
	New Styles
\* ------------------------------------------------------------ */


/* ------------------------------------------------------------ *\
	Media Queries
\* ------------------------------------------------------------ */

/* max-width: 979px */
@media (max-width: 979px) {
	div#wrapper { width: auto; padding: 0 10px; }

	div#header { height: 260px; text-align: center; }
	div#mainlogo { position: static; display: inline-block; }

	#header_lng_menu { font-size: 12px; }

	ul#mainnav { position: static; overflow: hidden; margin-top: 153px; margin-bottom: -12px; }
	ul#mainnav li { width: 175px; height: 67px; margin-right: 10px; font-size: 10px; }
	ul#mainnav li:last-child { margin-right: 0; }

	div#headerad { top: 45px; right: auto; left: 0; margin-right: 0; }

	ul#headerlinks { top: 52px; right: 0; width: 146px; font-size: 0; }
	ul#headerlinks li { float: none; display: inline-block; padding: 0 4px; font-size: 12px; vertical-align: top; }

	div.headerimg { width: 60.4%; height: 294px; border-radius: 6px; background-position: center center; }
	div.headerimg {
		-webkit-background-size: cover;
		        background-size: cover;
	}
	form#frmheadercontact { width: 38.6%; }

	form#frmheadercontact fieldset { padding-right: 17px; }
	form#frmheadercontact fieldset div.item label { float: none; width: auto; }
	form#frmheadercontact fieldset div.item input.textbox { width: 100%; height: 29px; }
	form#frmheadercontact fieldset div.item input.textbox {
		-webkit-box-sizing: border-box;
		   -moz-box-sizing: border-box;
		        box-sizing: border-box;
	}

	form#frmheadercontact { height: auto; padding-bottom: 10px; }
	form#frmheadercontact div.submitbtn { position: static; padding-right: 21px; }
	form div.submitbtn { right: 0; bottom: 143px; padding-right: 30px; }
	form div.submitbtn div { float: right; }
	form div.submitbtn a { float: right; }

	form#frmheadercontact.multicols fieldset.itemLast div.item, 
	form#frmheadercontact fieldset div.item { padding: 0; }

	div.multicols div.item { margin-right: 2%; }
	div.multicols div.itemLast { margin: 0; }
	div.multicolsFixed3 div.item { width: 32%; }

	form.multicols fieldset.item { width: 40%; height: auto; padding: 0 0 10px; margin: 0; }
	form.multicols fieldset.itemLast { float: right; width: 59%; }

	form.multicols fieldset legend,
	form.multicols fieldset.itemLast legend { display: block; width: 100%; margin: 0; }
	form.multicols fieldset legend {
		-webkit-box-sizing: border-box;
		   -moz-box-sizing: border-box;
		        box-sizing: border-box;
	}

	form.multicols fieldset.itemLast div.item,
	form fieldset div.item { padding: 0 27px; }
	form.multicols fieldset.itemLast div.item { padding-bottom: 35px; }

	form fieldset div.item label { float: none; width: auto; }
	form fieldset div.mandatory label span { padding-left: 17px; }

	form fieldset div.item textarea,
	form fieldset div.item input.textbox { width: 100%; }
	form fieldset div.item textarea,
	form fieldset div.item input.textbox {
		-webkit-box-sizing: border-box;
		   -moz-box-sizing: border-box;
		        box-sizing: border-box;
	}

	form fieldset div.item input.textbox { height: 29px; }

	div.multicolsFixed div.item { width: auto; }

	#footer > p { min-height: 0 !important; width: auto !important; margin-bottom: 18px !important; }
}

/* max-width: 767px */
@media (max-width: 767px) {
	h3,
	h3.first { margin-top: 15px; }

	#header:before,
	#header:after { display: table; content: ' '; }
	#header:after { clear: both; }
	div#header { height: auto; text-align: center; }

	div#mainlogo { display: block; margin-bottom: 70px; }

	div#headerad { right: 0; overflow-x: auto; width: auto; height: auto; -webkit-overflow-scrolling: touch; }
	div#headerad img { display: inline-block; max-width: 100%; height: auto; }

	ul#headerlinks { position: static; float: left; width: auto; margin: 77px 10px 0 0; }
	ul#headerlinks li { float: none; display: inline-block; vertical-align: top; }
	#header_lng_menu { display: block; }

	/*  Navigation  */
	ul#mainnav { position: absolute; top: 100%; left: -10px; right: -10px; bottom: auto; z-index: 20; overflow: hidden; max-height: 0; margin: 0; }
	ul#mainnav {
		-webkit-transition: max-height 0.4s;
		     -o-transition: max-height 0.4s;
		        transition: max-height 0.4s;
	}
	ul#mainnav li { top: 0; float: none; width: auto; height: auto; margin: 0; }
	ul#mainnav li a { height: 40px; border-radius: 0; }
	ul#mainnav li.current a { border: none; }

	ul#mainnav li.expanded > a:first-child {
		  background: #9F3E8B;
		  background: -moz-linear-gradient(center top, #9F3E8B 0%, #E086CC 100%);
		  background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #9F3E8B), color-stop(1, #E086CC));
	}

	ul#mainnav.expanded {
		max-height: 800px;
	}

	.nav-mobile { display: block; position: relative; float: right; width: 25px; height: 15px; margin: 90px 10px 0 0; }
	.nav-mobile:before,
	.nav-mobile:after { position: absolute; left: 0; width: 100%; height: 3px; background: #9A2782; content: ''; }
	.nav-mobile:before { top: 0; box-shadow: 0 6px #9A2782; }
	.nav-mobile:after { bottom: 0; }

	div.headerimg { float: none; width: auto; height: auto; padding-top: 40%; background-position: 0 0; }
	div.headerimg {
		-webkit-background-size: 100% auto;
		        background-size: 100% auto;
	}

	form div.submitbtn { bottom: 12px; padding-right: 17px; }

	form#frmheadercontact { float: none; width: auto; margin-bottom: 10px; }

	div.multicols div.item { float: none; margin-right: 0; }
	div.multicolsFixed3 div.item { width: auto; }

	form.multicols fieldset.item { float: none; width: auto; }
	form.multicols fieldset.item ~ fieldset.item { margin-top: 20px; }

	form.multicols fieldset.itemLast div.item, 
	form fieldset div.item { padding: 0 12px; }

	form.multicols fieldset.itemLast div.item { padding-bottom: 35px; }

	form fieldset div.mandatory label span { padding-left: 5px; }
}