@media (max-width: 899px) {

	* {
	  margin: 0;
	  padding: 0;
	}

	body {
		/*background:##2c2e2c;*/
		height:100%;
	}

	a {
		color: #0044cc;
		text-decoration: none;
	}

	.noMobile, .stagingModeDiv, .sticky-social, .searchBar, .breadcrumb, .mobile-only {
		display:none;
	}

	.forceNoMobile {
		display:none !important;
	}

	.clearFix {
		clear:both;
	}

	img {
		max-width:100%;
  		height:auto;
	}

	table {
		width:100% !important;
	}

	p {
		margin:10px;
	}

	h1 {
		font-size:16px;
		padding:10px;
		background: #cecece;
		color:#222;
		text-align:center;
		border-bottom: 1px solid #aaa;
		font-weight:600;
	}

	h2 {
		font-size:14px;
		padding:10px;
		font-weight:600;
	}

	h3 {
		font-size:14px;
		font-weight:500;
	}

	.hMargin {
		margin-left: 10px;
		margin-right: 10px;
	}

	.marginLeft {
		margin-left: 10px;
	}

	.bold, .strong {
		font-weight:bold;
	}

	/* ---------------------------------------- top bar adverts  ---------------------------------------- */

	.logobar {
		text-align:center;
		background:#fff;
	}

	.logobar .display-channel {
		padding:6px 10px 2px 10px;
	}

	.logobar .display-channel img {
		border:1px solid #333;
	}

	.logobar .htmlBanner {
		display:block;width:100%!important;height:auto!important;margin:0 auto;
	}

	/* ---------------------------------------- buttons---------------------------------------- */

	.notIE9 .button {
		color:#fff;
		text-align:center;
		line-height:42px;
		cursor:pointer;
		display: block;
		clear: both;
		font-size:16px;
		text-decoration:none;
		border:0;
		border-radius:0px;
		-webkit-appearance: none;
		width:100%;
	}

	.button:hover {
		text-decoration: none;
	}

	.button:active {
		position: relative;
		top: 1px;
	}


	.darkGrey {
		color: #e9e9e9;
		border: solid 1px #555;
		background: #6e6e6e;
		background: -webkit-gradient(linear, left top, left bottom, from(#888), to(#575757));
		background: -moz-linear-gradient(top,  #888,  #575757);
		filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#888888', endColorstr='#575757');
	}
	.darkGrey:hover {
		background: #616161;
		background: -webkit-gradient(linear, left top, left bottom, from(#757575), to(#4b4b4b));
		background: -moz-linear-gradient(top,  #757575,  #4b4b4b);
		filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#757575', endColorstr='#4b4b4b');
	}
	.darkGrey:active {
		color: #afafaf;
		background: -webkit-gradient(linear, left top, left bottom, from(#575757), to(#888));
		background: -moz-linear-gradient(top,  #575757,  #888);
		filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#575757', endColorstr='#888888');
	}

	.orange {
		color: #fef4e9;
		border: solid 1px #da7c0c;
		background: #f78d1d;
		background: -webkit-gradient(linear, left top, left bottom, from(#faa51a), to(#f47a20));
		background: -moz-linear-gradient(top,  #faa51a,  #f47a20);
		filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#faa51a', endColorstr='#f47a20');
	}
	.orange:hover {
		background: #f47c20;
		background: -webkit-gradient(linear, left top, left bottom, from(#f88e11), to(#f06015));
		background: -moz-linear-gradient(top,  #f88e11,  #f06015);
		filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f88e11', endColorstr='#f06015');
	}
	.orange:active {
		color: #fcd3a5;
		background: -webkit-gradient(linear, left top, left bottom, from(#f47a20), to(#faa51a));
		background: -moz-linear-gradient(top,  #f47a20,  #faa51a);
		filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f47a20', endColorstr='#faa51a');
	}

	.purple {
		color: #fef4e9;
		border: solid 1px #da7c0c;
		background: #f78d1d;
		background: -webkit-gradient(linear, left top, left bottom, from(#faa51a), to(#f47a20));
		background: -moz-linear-gradient(top,  #faa51a,  #f47a20);
		filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#faa51a', endColorstr='#f47a20');
	}
	.purple:hover {
		background: #f47c20;
		background: -webkit-gradient(linear, left top, left bottom, from(#f88e11), to(#f06015));
		background: -moz-linear-gradient(top,  #f88e11,  #f06015);
		filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f88e11', endColorstr='#f06015');
	}
	.purple:active {
		color: #fcd3a5;
		background: -webkit-gradient(linear, left top, left bottom, from(#f47a20), to(#faa51a));
		background: -moz-linear-gradient(top,  #f47a20,  #faa51a);
		filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f47a20', endColorstr='#faa51a');
	}


	.green {
		color: #e8f0de;
		border: solid 1px #538312;
		background: #64991e;
		background: -webkit-gradient(linear, left top, left bottom, from(#7db72f), to(#4e7d0e));
		background: -moz-linear-gradient(top,  #7db72f,  #4e7d0e);
		filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#7db72f', endColorstr='#4e7d0e');
	}
	.green:hover {
		background: #538018;
		background: -webkit-gradient(linear, left top, left bottom, from(#6b9d28), to(#436b0c));
		background: -moz-linear-gradient(top,  #6b9d28,  #436b0c);
		filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#6b9d28', endColorstr='#436b0c');
	}
	.green:active {
		color: #a9c08c;
		background: -webkit-gradient(linear, left top, left bottom, from(#4e7d0e), to(#7db72f));
		background: -moz-linear-gradient(top,  #4e7d0e,  #7db72f);
		filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#4e7d0e', endColorstr='#7db72f');
	}

	/* ---------------------------------------- header and footer ---------------------------------------- */

	#mobileHeaderOuter {
		width:100%;
		background: url(../../images/mobile/logo_113.png) center center no-repeat #7C467C;
		padding:8px 0;
		/*height:28px;*/
		height:36px;
		color:#fff;

	}

	#mobileHeaderOuter .fa-arrow-left {
		float:left;
		cursor: pointer;
	}

	#mobileHeaderOuter span {
		font-size:16px;
		display:block;
		float:left;
		margin: 3px 0 0 4px;
		cursor: pointer;
	}

	#mobileBackNav {
		margin: 2px 0 0 6px;
		font-size:22px;
	}

	#mobileToggleNav {
		float:right;
		margin: 6px 10px 0 0;
		font-size:24px;
	}

	#mobileLogo {
		text-decoration:none;
	}

	.footer {
		margin-top:10px;
		padding:16px;
		box-shadow: 0 50vh 0 50vh #2c2e2c;
	}

	.footer li.last_mobile_item {
		/*border-bottom: none;*/
	}

	.footer .section {
		width:50%;
	}

	.footer .copyright {
		margin-top:0;
	}

	.footer .copyright img {
		width:120px;
	}

	.mobileSocial {
		clear:both;
		padding-left:10px;
		font-size:26px;
		text-align: center;
	}

	.mobileSocial i {
		margin-right:6px;
	}

	/* ---------------------------------------- main navigation ---------------------------------------- */

	ul.menu, .mega-menu ol {
		list-style-type: none;
		background:#444;
		width:100%;
	}

	/* sub menu li
	.mega-menu ol li {
		background:#2c2e2c;
	}*/

	.menu ol li {
		padding-left:20px;
		border-top:1px solid #666;
	}

	.menu ul li.rightBorder {
		border-top:1px solid #666;
	}

	.menu a {
		padding:16px;
		display:block;
		text-decoration:none;
		color:#F0F1F1;
		font-size:14px;
		font-weight:normal;
	}

	.menu .listBreak {
		display:none;
	}

	.menu .fa {
		font-size:16px;
		float:right;
		color:#fff;
		padding: 18px 16px 0 0;
	}

	.mega-menu {
		display:none;
	}

	/* ---------------------------------------- element wrappers ---------------------------------------- */

	.wrapper {
		background: #f4f4f4;
	}

	.mainContentArea {
		min-height:40vh; /* but footer down */
	}


	.elementWrapper {
		padding: 10px 10px;
		background:#fff;
		border: 1px solid #ccc;
		margin:10px 10px 0 10px;
	}

	/*
	.elementWrapper {
		padding: 10px 10px;
		background:#fff;
		border-top: 1px solid #aaa;
		border-bottom: 1px solid #aaa;
		margin:10px 0 0 0;
	} */

	/* ---------------------------------------- modals and warning messages ---------------------------------------- */

	/*
	.blockMsg {

		padding: 10px !important;
		width:80% !important;
		left: 50% !important;
		top: 50% !important;
		position: fixed !important;
		transform: translate(-50%, -50%) !important;
	}

	.blockOverlay {
		max-width:100vw; !important;
	}
	*/

	.systemModal .message {
		max-width:100%;
	}

	.systemModal h2 {
		font-weight:700;
	}

	.systemModal h3 {
		font-size:16px;
		font-weight:bold;
	}

	.systemModal .button {
		width:90%;
		margin:20px auto;
		text-align:center;
		font-size:14px;
	}

	.system-message, .spark-form-error-container, .spark-profile-message, .assumeMessage, .spark-message, .spark-email-validation-form h3, .spark-email-validation-form h4 {
		margin: 10px;
		padding: 10px;
		background: #FFF9D7;
		border: 1px solid #E2C822;
		text-align: left;
	}

	.system-message h2, .spark-form-error-container h2, .spark-profile-message h2, .assumeMessage h2, .spark-message h2, .spark-email-validation-form h4 h2 {
		font-size:14px;
		padding-top:0px;
	}

	.system-message h3, .spark-form-error-container h3, .spark-profile-message h3, .assumeMessage h3, .spark-message h3, .spark-email-validation-form h4 h3 {
		padding-left:10px;
		font-size:12px;
	}

	#teflMaintenanceModal h2 {
		color:#fb010d;
	}

	/* ---------------------------------------- forms ---------------------------------------- */

	.ui-datepicker .ui-datepicker-title select {
		height:auto !important;
		line-height:normal !important;
		display:inline-block !important;
		width:auto !important;
	}

	.datepicker {
		width:80% !important;
		margin-bottom:10px !important;
	}

	.ui-datepicker-trigger .ui-button-text:before  {
		content: "Set";
	}

	.ui-datepicker-trigger .ui-button-text  {
		padding: 0 !important;
		font-family: 'Open Sans','Helvetica Neue',Helvetica,Arial,sans-serif !important;
		font-weight:normal !important;
	}

	.ui-datepicker-trigger .ui-icon  {
		display:none;
	}

	.ui-datepicker-trigger {
		border-radius:0 !important;
		border:0 !important;
		margin-left:11px !important;
		padding:10px !important;
		width:40px;
		background-image: none;
		background: #a1a1a1 !important;
		color:#fff !important;
	}

	.elementWrapper h1, .elementWrapper  h2 {
		/*padding-left:0px; removed when eye for bix put back on home page */
	}

	select, input[type='text'], input[type='password'], spark-form input[type='email'], textarea {

		-moz-box-sizing: border-box;
	 	-webkit-box-sizing: border-box;
	  	box-sizing: border-box;
		/*display: block;*/
		margin: 0;
		width: 100%; /*  !important */
		font-size: 14px;
		border: 1px solid #bbb;
		padding:3px;
	}

	textarea {
		height:200px;
	}

	select, input[type='text'], input[type='password'], spark-form input[type='email'] {
		height: 40px;
		line-height: 40px;
	}

	input[type='radio'] {
		margin: 0 6px;
	}

	.w-label-left, .spark-label-left, .w-label-top, .spark-label-top, .inputLabel, .inputLabelAbove, .filterSelectLabel {
		padding: 10px 10px 10px 0; !important;
		display:block;
		width:auto !important;
	}

	.requiredStar, .bs-reqd-flag, .systemMessage {
		color:#c00;
	}

	label.error, .spark-warning-message {
		color: #CD0A0A;
		padding:8px 0;
		display:block;
	}

	/* ---------------------------------------- cookie bar ---------------------------------------- */

	#cookie-bar {background:#111111; height:70px; line-height:30px; color:#eeeeee; text-align:center; padding:6px 0;border-bottom:1px solid #fff}
	#cookie-bar.fixed {position:fixed; top:0; left:0; width:100%;}
	#cookie-bar p {margin:0; padding:0;}
	#cookie-bar a {color:#ffffff; display:inline-block; border-radius:3px; text-decoration:none; padding:0 6px; margin-left:8px;}
	#cookie-bar .cb-enable {background:#64991e;}
	#cookie-bar .cb-enable:hover {background:#538018;}
	#cookie-bar .cb-policy {text-decoration:underline}

	/* tables */

	.job-table, .job-credit-table { width:100%; margin:15px 0}
	.job-table th, .job-credit-table th { background: #E9EAFF; color:#000; padding:7px 15px; text-align:left;}
	.job-table td, .job-credit-table td { background: #F4F4F4 none repeat-x scroll center left; color:#000; padding:7px 15px; }
	.job-table tr.odd td, .job-credit-table tr.odd td  { background:#F4F4F4; cursor:pointer; }

	/* tickets */

	.pendingTickets {
		margin: 0 10px 10px 10px !important;
		font-size:12px !important;
	}

	/* currency convertoe inputs */

	.currency-convertor-input {
		width:50px !important;
		border:0px !important ;
		color:#000 !important;
		height:20px;
		font-size:12px !important;
	}

	.currencyConvertLink {
		font-size:11px;
	}

	/* T&c and payment options for orders */

	.jobFormProductBox p {
		margin-left:0px;
	}

	.jobFormProductBox h3 {
		font-weight:bold;
	}

	.jobFormProductBox #jobTandCBox {
		margin-right:5px;
	}

	#payment_options_container {
		margin: 10px 0;
	}

	#payment_options_container .formInputDiv {
		margin: 10px 0;
	}

	.paymentDetails_bank_transfer, .paymentDetails_cheque_GBP {
		padding:10px;
	}

	.orderDateDiv input[type='text'] {
		width:200px!important;
	}

	.systemModal p {
		margin-left:0;
	}

	.systemModal .button {
		width:30%;
		display:inline-block;
		text-align:center;
	}

}

@media (max-width: 600px) {

	.footer li, .footer h4 {
		border:0 !important;
		text-align:center;
	}

}