/* Smartphones (portrait and landscape) ----------- */
	@media only screen and (max-width : 990px) {
		/* Styles */
		* {
			box-sizing: border-box;
		}

		.container {
			max-width: 90%;
			margin: 0px auto;
		}

		header #logo-and-tagline {
			padding-top: 55px;
		}

		header #logo-and-tagline img {
			width: 75%;
		}

		#hero-slider .slide-text h3 
		{
			font-size: 18px;
			padding: 0;
			margin-bottom: 0;
		}

		#topnav {
			width: 100%;
			display: none;
		}

		nav#primary {
			position: relative;
		}

		nav#primary ul li {
			width: 100% !important;
			margin-bottom: 3px;
		}

		nav#primary .arrow {
			float: right;
			height: 42px;
			width: 42px;
			display: block;
			background: url(../images/icons/menu-arrow.png) -2px -2px no-repeat;
		}

		nav#primary li.hover .arrow {
			background: url(../images/icons/menu-arrow.png) -50px -2px no-repeat;
		}

		nav#primary ul li a {
			margin-right: 0;
			width: 100% !important;
			height: 42px!important;
		}

		nav#primary ul li a span {
			display: inline;
		}

		nav#primary ul li .sub {
			width: 100%!important;
			top: auto;
			position: relative;
			margin-bottom: 3px;
		}

		nav#primary ul li .sub .connect {
			display: none;
		}

		#tagline {display:none;}

		nav#primary ul li .sub a {
			height: auto!important;
		}

		nav#primary ul li .row {
			width: 100%!important;
		}


		nav#primary ul li .sub ul {
			width: 47%;
			padding: 10px;
		}

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

		#search-container {
			display: none;
		}

		#logo-and-tagline {
			max-width: 100%;
		}

		#main {
			width: 100%;
		}

		#hero-slider .slides, #page-intro #hero-slider .slides {
			width: 100%;
			height: auto;
		}
	

		#hero-slider .slide-text {
			left: 0;
			bottom: 0;
			width: 100%;
			padding: 10px;
		}

		#hero-slider .slide-text .slide-caption{
			display: none;
		}

		#hero-slider .slides img, #page-intro #hero-slider .slides li img {
			max-height: 100%;
			width: 100%;
			height: auto;
		}

		#hero-slider .flex-control-nav {
			display: none;
		}

		.block-content {
			padding: 10px;
		}

		.generic .three-columns {
			margin: 5px;
		}

		.double-block .block, .triple-block .block {
			width: 100%;
		}

		.triple-block .block {
			margin-bottom: 10px;
		}

		.block .four-columns .column, .double-block .block .two-columns .column, .block .three-columns .column {
			width: 47.5%;
			margin: 0px 2.5% 10px 0px;
			float: left;
			/*overflow: hidden!important;*/
		}

		.block .four-columns .column:nth-child(even), .double-block .block .two-columns .column:nth-child(even), .block .three-columns .column:nth-child(even) {
			margin-right: 0;
		}

		.block .three-columns .column:nth-child(3n+1), .block .three-columns .counter-1, .block .three-columns .counter-4, .block .three-columns .counter-7, .block .three-columns .counter-10 {
			clear:none;
		}

		.conference p#memberships {
			margin: 10px 0 10px 0;
		}

		.column a {
			display: block; float: left; width: 100%;
			margin-bottom: 5px;
		}

		.four-columns img {
			width: 100%;
			height: auto;
		}

		aside {
			width: 100%;
		}

		.tabs .tabs-internal .tab-summary {
			width: 100%;
			float: left;
		}

		.crop {
			width: 100%;
			height: auto;
		}

		.crop img {
			margin-left: 0;
		}

		.slats .slat .slat-thumbnail {
			padding-right: 0;
		}

		.tabbtns li {
			width: auto;
			margin-right: 3px;			
		}

		.tabbtns li a {
			font-size: 12px;
		}

		.tabs .tabs-results .result .result-thumbnail {

		}

		.tabs .tabs-results .result .result-information {
			width: 100%;
			float: left;
		}

		.tabs .tabs-internal .tab-main {
			width: 100%;
		}

		.offers .slat .slat-information {
			width: 100%;
		}

		.offers .slat .slat-cta {
			width: 100%;
			right: 0;
			position: relative;
			float: left;
		}

		.whats-on-highlights .four-columns .column a.important {
			width: 100%;
			bottom: 0;
			top: auto;
			position: relative; float: left;
		}

		#page-intro .floatleft {
			width: 100%;
		}

		.lines-button {
		  padding: 0;
		  transition: .3s;
		  cursor: pointer;
		  user-select: none;
		  display: inline-block;
		  border: none;
		  background: none;
		  border-radius: 0;
		  position: absolute;
		  right: 0;
		  top: -75px;
		  padding: 10px;
		  height: 60px;
		  width: 60px;
		  outline: none;
		}

		.lines-button:hover {
		  opacity: 1;
		  outline: none;
		  border: none;
		}
		.lines-button:active {
		  transition: 0;
		  outline: none;
		  border: none;
		}
			
		.lines-button:focus, .lines-button:active, .lines-button {
			outline: 0!important;
			border: 0!important;
			box-shadow:none !important;
		}

		.lines {
		  display: inline-block;
		  width: 3rem;
		  height: 0.27143rem;
		  background: #444;
		  transition: 0.3s;
		  position: relative;
		}

		.lines:before, .lines:after {
		  display: inline-block;
		  width: 3rem;
		  height: 0.27143rem;
		  background: #444;
		  transition: 0.3s;
		  position: absolute;
		  left: 0;
		  content: '';
		  -webkit-transform-origin: 0.28571rem center;
		  transform-origin: 0.28571rem center;
		}
		.lines:before {
		  top: 1rem;
		}

		.lines:after {
		  top: -1rem;
		}

		.lines-button.close {
		  -webkit-transform: scale3d(0.8, 0.8, 0.8);
		  transform: scale3d(0.8, 0.8, 0.8);
		}

		.lines-button.x.close .lines {
		  background: transparent;
		}
		.lines-button.x.close .lines:before, .lines-button.x.close .lines:after {
		  -webkit-transform-origin: 50% 50%;
		  transform-origin: 50% 50%;
		  top: 0;
		  width: 3rem;
		}
		.lines-button.x.close .lines:before {
		  -webkit-transform: rotate3d(0, 0, 1, 45deg);
		  transform: rotate3d(0, 0, 1, 45deg);
		}
		.lines-button.x.close .lines:after {
		  -webkit-transform: rotate3d(0, 0, 1, -45deg);
		  transform: rotate3d(0, 0, 1, -45deg);
		}


		aside {
			/*display: none;*/
		}

		aside #stay-whatson-search {
			display: none;
		}

		ul#patches li {
			float: left;
			width: 48%;
			margin-right: 1%;
		}

		/** HOMEPAGE **/
		.whats-on-search-mobile #stay-whatson-search {margin-bottom:0;}
		.whats-on-search-mobile #whatson-search p {float: left; width: 100%; margin: 0 0 0 0;}
		.whats-on-search-mobile #whatson-search .checkboxes p {width: auto;margin-right: 5px;}
		.whats-on-search-mobile #stay-whatson-search #whatson-search {height: auto; float: left;min-height: 0;}
		.whats-on-search-mobile #stay-whatson-search #whatson-search {min-height: 0;}
		.whats-on-search-mobile #stay-whatson-search {min-height: 0;}
		.whats-on-search-mobile #stay-whatson-search label {width: 100%;}
		.whats-on-search-mobile #stay-whatson-search p label {width: auto;}
		.whats-on-search-mobile #stay-whatson-search input.search-submit {position: relative; width: 100%; margin-top: 10px;margin-bottom:0; bottom:0;}
		.whats-on-search-mobile #stay-whatson-search .textbox {width: 100%; padding: 15px; text-align: center;}
		.whats-on-search-mobile p.date-box {width: 47.5% !important; margin-right: 0%;}
		.whats-on-search-mobile p.date-box:first-child {margin-right: 5%!important;}

		/**
		* FORMS
		*/
		.form-column-1, .form-column-2 {width: 100%;}

		p.form-row label {width: 100%;}
		p.form-row input.textbox {width: 100%; padding: 15px;}
		p.form-row select {width: 100%;}
		p.form-row textarea.textarea {width: 100%; padding: 15%; resize: none;}
		p.form-row label.label-right {left: auto;}


		#large-search .event-search .search-column { width: 100%; }
		.result-thumbnail, .result-thumbnail img {width: 100%;}
		.tabs .tabs-map #map-wrapper, .tabs .tabs-internal #map-wrapper {width: 100%;}
		.tabs .tabs-map #map, .tabs .tabs-internal #map-wrapper #map, .tabs .tabs-internal #map-wrapper #member_map {height: 350px !important;}
		.tabs .tabs-map #map-results {width: 100%; height: 350px;}
		.tabs .tabs-map #map-results .result {width: 50%; float: left;}


		#filter {display: none;}

		.offer-title-control h4 {width: 100%;}
		.floatright.cta {width: 100%;}
		.cta a.block-link {width: 100%; margin: 10px 0 10px 0;}

		#hero-member-image {min-height: 0;}

		.slats .slat .slat-information {width: 100%;}

		footer#site-map .container .footer-column {width: 40%;}
		nav#primary ul li .sub a.mobile-menu-main-cta {width: 95%!important; background: #787878; float: left; margin: 2.5%; text-align: center;}

		h3.what-on-home {display:none;}

		nav#primary ul li#nav-things-to-do .sub ul.thumbnail-list {width: 100%;}
		nav#primary ul li#nav-things-to-do .sub ul.thumbnail-list li {width: 40% !important;}


		#main-error-container .error-message {width: 100%;}
		#main-error-container .error-message input#error-search {width: 100%;}
		#main-error-container .error-message input.search-submit {width: 100%;}

		iframe {max-width: 100%;}

		#events-by-month-nav .year {width: 100%; margin-bottom: 5px;}
		#events-by-month-nav .year a {display: inline-block; padding: 5px; width: 42px; background: #eee; text-align: center;}

		.events-by-month .month .result {width: 100%; float: left;}

		table.max {float: left;}
		.mobile-enquiry-basket {display:block;}
		a.enquiry {width: 100%;}

		nav#primary ul li.mobile-search-wrapper {display: block; background: #fff;}
		nav#primary ul li.mobile-search-wrapper input[type=search] {border: 0; margin: 0; width: 100%; padding: 10px; height: auto;}
		nav#primary ul li.mobile-search-wrapper input#search-submit {position: absolute; right: 10px; top: 10px; border: none;background: #FFF url(../images/forms/search-submit.gif) no-repeat 0 0;text-indent: -9999px;-webkit-border-radius: 0px;-moz-border-radius: 0px;border-radius: 0px;}

		#large-search .venue-search .half-column {width: 95%;}

		.conference .tabbtns li a {font-size: 11px;}

		aside nav {display:none;}

		.aside-keywords {display:none;}

		footer#sponsor {width: 100%; background: #ffe730; text-align: center;}

		#hero-member-image img {float: left;}
		#hero-member-image #member-logo {width: 25%; height: 100%;}
		#hero-member-image #member-logo img {width: 90%; right: 5%; bottom: 5%;}

		.back-to-top {
		    position: fixed;
		    bottom: 2em;
		    right: 0px;
		    text-decoration: none;
		    color: #000000;
		    background-color: rgba(235, 235, 235, 0.80);
		    font-size: 12px;
		    padding: 1em;
		    display: none;
		}

		#large-search input.textbox {width: 70%; background: #fff; padding: 0 8px 0 8px;}
		#large-search input.search-submit {width: 27%;}

		.get-rid {display: none;}

		.mobile-filter {display: block;}

		#large-search .event-search .date-column, #large-search .event-search .button-column {width: 48%;}

		#ui-datepicker-div {
			left: 5% !important;
			width: 90% !important;
			box-shadow: 0px 0px 6px #444;
		}




		.social .highlights-wrapper .one-third {
			width: 100%;
			margin: 0 0 12px 0!important;
		}

		.social .highlights-wrapper .one-third img, .social .highlights-wrapper .one-third a {
			width: 100%;
		}

		.social-wall-container .one-quarter {
			width: 100%;
		}

		.social-wall-container .one-quarter .wrap {
			width: 100%;
		}

        .mailing-list-prompt {
            position: relative;
            left: auto; top: auto;
            background: #fff600;
            text-align: center;
            width: 100%;
            display:none;
        }



    }


	@media only screen and (min-width : 760px)
	{
		.isotope .grid-item
		{
			width: 25%;
		}
	}


	@media only screen and (min-width : 990px) {
		#topnav {
			display: block!important;
		}
		#stay-whatson-search #stay-search, #stay-whatson-search #whatson-search {height: auto!important;}
		#stay-whatson-search input.search-submit {position: relative!important; bottom: auto;}

		.mobile-filter {display: none;}

		.back-to-top {
			display:none !important;
		}

		.get-rid {display: none;}

		footer#sponsor {display: none;}
		.result-thumbnail {width: 172px;}
		.whats-on-search-mobile {display:none;}
		nav#primary ul li .sub a.mobile-menu-main-cta {display: none;}
		.mobile-enquiry-basket {display:none;}
		.mobile-search-wrapper {display:none;}

	}