@media screen and (max-width: 800px) {
	
	/* Cookie Banner */
	#cookie-message-inner{
		width:92% !important;
	}
	#cookie-message-inner a.cookie-message-button{
		clear:left width:92% !important;
		margin:0.4em 0 0 0 !important;
	}
	#cookie-message-inner a.cookie-message-more{ 
		margin:0.8em 0 !important;
	}
	
	body{
		width:100%;
	}
	
	#breadcrumb-wrapper {
		width: 90%;
		margin-left: 5%;
		margin-right: 5%;		
	}
	
	img{
		max-width:100%;
		height:auto;
	}
	
	.container{
		width: 100%;
	}
	
	#header #main-logo {
		width: 38%;
		margin: 15px 0 0 2%;
	}
		#header #main-logo img {
			width: 100%;
			height: auto;	
		}
	#header #right-panel {
		width: 56%;
		font-size: 90%;	
		margin: 15px 1% 15px 3%;	
	}
		#header #right-panel h3 {
			margin-bottom: 5px;	
		}
		#header #right-panel ul li {
			font-size: 130%;
			min-height: 30px;
		}
		
		#header #right-panel ul li.telephone {
			padding-top: 10px;	
			padding-right: 10px;
			line-height: 120%;	
		}
			#header #right-panel ul li.telephone span {
				display: none;	
			}
		#header #right-panel ul li.email {
			margin-left: 10px;
			line-height: 120%;
		}
			#header #right-panel ul li.email a {
				padding-top: 10px;
				min-height: 30px;
			}
	
	#main-nav ul {	
		text-align: center;
	}
		#main-nav ul li {	
			text-align: center;
			display: inline-block;
			float: none;
			border-left: none;
		}
			#main-nav ul li a {
				
			}
		
	#featurecarousel {
		position: relative;
		width: 68%;
		height: auto;
		margin-right: 2%;	
	}
		#featurecarousel .overlay .text {
			max-height: 9999px;
			height: auto;	
		}
		
		#featurecarousel img {
			width: 100%;
			height: auto;
			clear: both;	
		}
		
	.menu-left-wrapper {
		width: 32%;
		margin-right: 3%;	
	}
		.menu-left-wrapper #menu-left ul li a {
			width: 90%;
			padding: 17px 5%;	
		}
	
	#content-right {
		width: 62%;
		margin-right: 3%;	
	}
		#content-right #featurecarousel {
			position: relative;
			width: 100%;
			margin: 0 0 20px 0;
			height: auto;
			
		}
		#content-right #featurecarousel .slide img {
			border-radius: 8px 8px 0 0;	
		}
		#content-right #featurecarousel .overlay h2 {
			width: 90%;	
			padding: 10px 5%;
			border-radius: 0;
		}
		
	#homepage-menu {
		width: 30%;
		min-height: 0;
	}
		#homepage-menu .menu-header {
			padding: 10px;
			border-bottom: 2px solid #C0C0C0;
		}
		#homepage-menu .homepage-menu-divider1, #homepage-menu .homepage-menu-divider2 {
			display: none;	
		}
		
		.homepage-menu-content .menu-section {
			padding-left: 10px;	
		}
		
		.homepage-menu-content .families {
			background-image: none;	
		}
		
		.homepage-menu-content .medical {
			background-image: none;		
		}
		.homepage-menu-content .young-people {
			background-image: none;		
		}
		#featurecarousel .overlay {
			position: relative;
			bottom: auto;	
			height: auto;
		}
			#featurecarousel .overlay h1 {
				width: 90%;
				padding: 10px 5%;	
				font-size: 133.33%;
				border-radius: 0;
			}
			#featurecarousel .overlay .text {
				font-size: 100%;
				width: 90%;
				padding: 5px 5% 10px 5%;	
			}
		#pager {
			top: 10px;
			right: 10px;	
		}
		
	.homepage-panel.feature {
		
	}
		
	#homepage-feature-text {
		margin: 0 2%;
		width: 46%;	
		font-size: 100%;
		padding-top: 0;
	}
		#homepage-feature-text h2 {
			font-size: 120%;
		}
		#homepage-feature-text .intro-text {
			font-size: 100%;
		}
	#homepage-feature-images {
		width: 50%;	
	}
		#homepage-feature-images .images-wrapper{
			width: 95%;
		}
		
	.homepage-panel.mainstory {
		margin-bottom: 20px;
	}
	.homepage-panel.landingblocks {
		padding-bottom: 30px;	
	}
	
	.homepage-large-box {
		position: relative;
		margin: 0  5% 20px 5%;
		width: 90%;
		background-color: #009989;
		border-radius: 8px;
		overflow: hidden;
		padding-bottom: 88px;
		min-height: 0;
	}
		.homepage-large-box .text-container {
			width: 35%;
			height: auto;
			padding:  0;
			margin: 20px 5%; 
		}
		.homepage-large-box .image-container {
			position: relative;
			width: 48%;
			height: auto;
			margin: 20px 5% 20px 0;	
			background-color: #EEEEEE;
			padding: 1%;
		}
		.homepage-large-box .image-container img {
			width: 100%;
			height: auto;	
			border-radius: 0;
		}
		.homepage-large-box .image-mask {
			display: none;	
		}
		
		.large-box-purple-panel {
			position: absolute;
			left: 0;
			bottom: 0;	
		}
		.homepage-small-box-1 {
			margin: 0 5% !important;
			width: 43%;
		}
		
		.homepage-small-box-2 {
			margin: 0 5% 0 0 !important;
			width: 42%;	
		}
		
		.homepage-small-box {
			min-height: 0;	
		}
		.homepage-small-box .image-container {
			width: 100%;
		}
			.homepage-small-box .image-container img {
				width: 100%;
				height: auto;
			}
			.homepage-small-box .text-container {
				width: 90%;
				padding: 10px 5%;
			}
	
	#latest-news-headlines {
		width: 90%;
		margin: 0 5% 20px 5%;	
	}
		#latest-news-headlines img {
			width: 35%;
		}
		.blog-headline-content {
			width: 60%;
			margin-left: 5%;
				
		}
	.homepage-panel.latestnews {
		margin-bottom: 20px;	
	}
	#forum,
	#twitterfeed {
		position: relative;
		width: 70%;
		margin: 0 auto;	
		float: none;
	}
	
	#forum .forum-article,
	#twitterfeed .tweet {
		width: 100%;
		margin-top: -15px;	
	}
		#forum .first-article,
		#twitterfeed .first {
			margin-top: 0;	
		}
	#forum .purple, #forum .pink,
	#twitterfeed .purple, #twitterfeed .pink {
		background-image: none;	
		width: 90%;
	}
	#forum .purple,
	#twitterfeed .purple {
		margin-left: 10%;
	}
	#forum .pink,
	#twitterfeed .pink {
		margin-right: 10%;
	}
		#forum .forum-article .content-wrapper,
		#twitterfeed .tweet .content-wrapper {
			width: 90%;
			display: block;
			border-radius: 8px 8px 0 0;
			margin: 0;
			padding: 2px 5% 20px 5%;
		}
		#forum .last-article,
		#twitterfeed .last {
			display: none;	
		}
		#forum a.pink-button,
		#twitterfeed a.pink-button {
			margin: 20px 0;	
		}
		
#e_newsletter-signup {
	width: 31%;	
	padding: 0 1%;
}
#get-social {
	position: relative;
	width: 31%;	
	padding: 0 1%;
}
#email-us {
	width: 31%;
	padding: 0 1%;
}

#e_newsletter-signup .round-image img, #email-us .round-image img {
	width: 70%;
	height: auto;	
}
#get-social .round-image img {
	width: 60%;
	height: auto;		
}
.e_newsletter_icon, .email_support_icon {
	display: none;	
}
a.twitter-button, a.facebook-button {
	width: 80%;
	margin: 0 5%;
	padding: 10px 5%;
	background-image: none;
}

#footer-upper-content {
	padding: 20px 0;
	min-height: 100px;
	font-size: 86.66%;
}
	#footer-upper-content .upper-footer-column {
		line-height: 120%;
	}
	
	#footer-upper-content .column-1 {
		width: 26%;
		text-align: center;	
		margin-right: 2%;
	}
	#footer-upper-content .column-2 {
		width: 18%;
		margin-right: 2%;
	}
	#footer-upper-content .column-3 {
		width: 28%;
		margin-right: 2%;
		padding-top: 0;
	}
	#footer-upper-content .column-4 {
		width: 22%;
		text-align: center;	
	}
	
	#footer-upper-content .column-1 img, #footer-upper-content .column-4 img {
		width: 90%;
		height: auto;
		padding: 0 5%;
	}
	#footer-upper-content .column-1 img {
		max-width: 250px;	
	}
	#footer-upper-content .column-4 img {
		max-width: 138px;	
	}

#footer-lower-content .column-left, #footer-lower-content .column-right {
	width: 90%;
	padding: 0 5%;
	clear: both;
	float: none;
}

#footer-lower-content .column-right img {
	float: left;	
}

#feature-panel {
		position: relative;
		margin: 0  0 20px 0;
		width: 100%;
		background-color: #B51A3F;
		border-radius: 8px;
		overflow: hidden;
		padding-bottom: 20px;
		min-height: 0;
		height: auto;
	}
		#feature-panel .text-container {
			width: 40%;
			height: auto;
			padding:  0;
			margin: 20px 5%; 
		}
			#feature-panel .text-container h2 {
				font-size: 133.33%;
			}
		#feature-panel .image-container {
			position: relative;
			width: 42%;
			height: auto;
			margin: 20px 5% 20px 0;	
			background-color: #EEEEEE;
			padding: 1%;
		}
		#feature-panel .image-container img {
			width: 100%;
			height: auto;	
			border-radius: 0;
		}
		#feature-panel .image-mask {
			display: none;	
		}
		
		.landingblockset {
			margin-bottom: 20px;	
		}
		.landingblockset .landingblock {
			width: 48%;	
			margin: 0;
		}
			.landingblockset .landingblock.left {
				margin-right: 4%;	
			}
			.landingblockset .landingblock img {
				width: 100%;
				height: auto;
			}
			
	.sidebar-right {
		width: 100%;	
	}
	
	.sidebar-right #more-information, .sidebar-right #related-articles {
		float: left;	
		width: 41%;
		padding-left: 3%;
		padding-right: 3%;
		background-image: none;
	}
	.sidebar-right div.clear {
		display: none;	
	}
	.sidebar-right  .sidebarblock{
		float: left;
		width: 47%;
		margin-right: 5%;
	}
	.sidebar-right  .sidebarblock:nth-of-type(even){
		margin-right: 0;
	}
	.sidebar-right  .sidebarblock img{
		width: 100%;
		height: auto;
	}
	
	#blog img {
		width: 40%;
		margin-right: 3%;
		height: auto;	
	}
	
	#blog .blog-content {
		width: 57%;	
	}
	
	#blog .blog-post-feature {
		width: 100%;
	}
		#blog .blog-post-feature img {
			width: 100%;
			height: auto;
			margin-right: 0;	
		}
		
	/* SHOP */
	
	#product-listings .product  {
		width: 31%;
		margin-right: 2%;
	}
		#product-listings .product .image-wrap  {
			width: 100%;
			height: auto;
		}
			#product-listings .product .image-wrap img {
				width: 100%;
				height: auto;
			}
	
	/* Unicity Forms */
	form{
		max-width:100%;
	}
	
	.form-field-wrapper input,
	.form-field-wrapper textarea,
	.form-field-wrapper select{
		max-width:86%;
	}
		
	/* Unicity Photo Gallery */
	.photo-gallery-image{
		width:23%;
		margin:0 1% 1.2em 1%;
	}
	
	Blog
	#blog-comments-form input,
	#blog-comments-form textarea{
		max-width:86%;
	}
	
	#footer-lower-content .column-left, #footer-lower-content .column-right {
		width: 90%;
		margin: 10px 5%;	
		padding: 0;
	}
	
	#content-right .content-medium {
		width: 100%;	
	}
	
	form#addtocartform .product-text {
		width: 45%;
		margin-right: 5%;	
	}
	form#addtocartform .product-images {
		width: 50%;	
	}


	/* Location search - October 2016 */
	.location-search-small-form input{
		margin-top: 6px;
	}
	.location-search-small-form input[type=text]{
		max-width: 86%;
	}
	.location-search__image{
		max-width: 40%;
	}

	.location-search__form input[type=text]{
		display: block;
		clear: both;
		margin-bottom: 10px;
		max-width: 86%;
		width: 200px;
	}
	.location-search__cb-label{
		display: block;
		float: left;
		clear: left;
	}
	.location-search__cb-wrapper{
		display: block;
		margin-left: 80px;
	}
	.location-search__form input[type=submit]{
		margin-left: 80px;
		margin-top: 10px;
	}

}

@media screen and (max-width: 600px) {
	
	#header-wrapper {
		
	}
	
		#header {
			padding-bottom: 10px;
		}
	
	#header #right-panel {
		font-size: 80%;
	}
	
	#header #right-panel ul li.telephone, #header #right-panel ul li.email {
		min-height: 20px;
		background-image: none;
		padding: 5px 8px 5px 32px;
	}
	
	#header #right-panel ul li.telephone {
		background-image: url("../images/icons/telephone_small.png"); 
	}
	#header #right-panel ul li.email {
		padding: 0;
	}
	#header #right-panel ul li.email a {
		background-image: url("../images/icons/email_small.png");
		padding: 5px 0 5px 32px; 
	}
	
	#content-right {
		width: 90%;
		margin: 0 5%;
		float: none;	
	}
	
	#featurecarousel {
		width: 90%;
		margin: 0 5% 20px 5%;
		clear: both;
		border: 1px solid #EEEEEE;
		border-radius: 8px;
	}
	
	#homepage-menu {
		width: 90%;
		margin: 0 5%;
		background: #EEEEEE;
	}
		#homepage-menu .menu-header {
			margin-bottom: 5px;
		}
		
		.homepage-menu-content .menu-section {
			padding: 0;	
		}
		.menu-section-1 {
			float: left;
			width: 46%;
			margin: 0 2%;
		}
		.menu-section-2 {
			float: left;
			width: 46%;
			margin: 0 2%;
		}
		.homepage-menu-content .medical {
			background: #EEEEEE;	
		}
		.homepage-menu-content .young-people {
			background: #EEEEEE;	
		}
	
	#responsive-menu-close {
		display: inline-block;	
	}
	
	.menu-left-wrapper {
		display: none;	
	}
	
	#header-widgets #responsive-buttons {
		display: inline-block;	
	}
	
	#header-widgets form#search {
		display: none;
	}
	#responsive-menu {
		display: block;	
	}
	
	#main-nav-wrapper {
		display: none;	
	}
	
	#homepage-feature-text {
		width: 90%;
		margin: 0 5%;	
	}
	
	#homepage-feature-images {
		width: 90%;
		height: auto;
		margin: 0 5%;	
		text-align: center;
	}
		#homepage-feature-images .images-wrapper {
			width: 70%;
			padding-top: 44.68%;
			margin: 0 auto;	
		}
		
	.grey-bottom-border {
		border: 0;	
	}
		
	.large-box-purple-panel ul li.other-ways-to-help {
		display: none;	
	}
	
	.homepage-large-box .large-box-purple-panel ul {
		position: relative;
		width: 100%;	
	}
	
	.homepage-large-box .large-box-purple-panel ul li {
		width: 33%;	
	}
	
	.homepage-large-box .large-box-purple-panel ul li a span {
		width: 90% !important;
		padding: 0 5% !important;	
	}
	
	#footer-upper-content {
		min-height: 50px;
	}
	
	#footer-upper-content .upper-footer-column {
		width: 40%;
		margin: 10px 5%;
	}
	
	/* Unicity Forms */
	.form-field-wrapper label{
		display:block;
		margin:0.2em 0;
		width:auto;
	}
	
		/* Checkbox */
		.form-checkbox label{
			display:inline-block;
			max-width:80%;
			margin:0 0 0.2em 0.5em;
		}
	
		/* Radio Buttons */
		.form-field-wrapper p{
			width:auto;
			float:none;
		}
		.radio-option-wrapper{
			margin-left:0;
		}
		.radio-option-wrapper label{
			display:inline-block;
			margin:0 0 0.2em 0.5em;
			max-width:90%;
		}
		
		/* Buttons */
		.input-button{
			margin-left:0;
		}
		
	/* Unicity Photo Gallery */
	.photo-gallery-image{
		width:46%;
		margin:0 2% 1.2em 2%;
		text-align:center;
	}
	
	
	/* Blog */
	#blog #Post{
		margin-left:0 !important;
	}
	
	form#addtocartform .product-text {
    	width: 90%;
    	margin: 0 5%;
	}
	form#addtocartform .product-images {
    	width: 90%;
		margin: 0 5%;
		float: none;
	}
	
	
		#header-widgets #cart-info{
			float:none;
			width:auto;
		}
		
	
	/* Blog Menu */
	#blog-menu h3{
		font-size:106.25% !important;
		margin-left:15px !important;
	}
	#blog-menu #blog-months p, #blog-menu #blog-cats p{
		margin-left:27px !important;
	}
	#blog-menu #blog-cats{
		margin-bottom:40px !important;
	}
}

@media screen and (max-width: 500px) {
	
	#header-widgets-content {
		width: 100%;	
	}
/*		#header-widgets-content ul#menu {
			width: 100%;
			display: block;
			clear: both;	
			height: 37px;
			margin-bottom: 5px;
		}
		#header-widgets-content #social-icons {
			display: inline-block;	
		}
		#header-widgets-content #responsive-buttons {
			float: left;
		}*/
		
		
		#header-widgets-content ul#menu{
			float: left;
			width:70%;
			font-size:80%;
		}
		#header-widgets-content ul#menu li a{
			padding:10px 1px;
		}
		#header-widgets-content #social-icons {
			float: left;
			width:15%;
			padding:0;
		}
		#header-widgets-content #responsive-buttons{
			float: right;
			width:20%;
			text-align:right;
			min-width:90px;
		}
		
		#header-widgets ul#menu li.last-child {
			background-image: none;
		}
		
		#header {
			min-height: 0;	
		}
		
		#header #main-logo {
			width: 90%;
			margin: 10px 5% 0 5%;	
			clear: both;
		}
			#header #main-logo img {
				width: 65%;
				height: auto;
			}
		#header #right-panel {
			display: none;
		}
			#header #right-panel h3 {
				text-align: left;
			}
			#header #right-panel ul {
				float: none;	
			}
		
		#header form#search-responsive {
			width: 90%;	
		}
		
	#homepage-feature-images {
		display: none;	
	}
	.homepage-panel.mainstory {
		border: 0;	
	}
		
	.homepage-panel.landingblocks {
    	padding-bottom: 20px;
		margin-bottom: 20px;
	}
	
	.homepage-large-box .text-container {
		float: right;
		width: 90%;
		margin: 20px 5% 0 5%;
	}
	.homepage-large-box .image-container {
		float: left;
		width: 87%;
		margin: 0 5% 5% 5%;
		padding: 1%;
		background-color: #EEEEEE;		
	}
		.homepage-large-box .image-container img {
			width: 100%;
			height: 100%;
			margin: auto;	
		}
		
	#forum,
	#twitterfeed {
		width: 90%;	
		margin: 0 5%;
	}
		#forum .pink,
		#twitterfeed .pink {
			width: 95%;
			margin-right: 5%;
		}
		#forum .purple,
		#twitterfeed .purple {
			width: 95%;
			margin-left: 5%;
		}
		
	#e_newsletter-signup, #get-social, #email-us {
		width: 90%;
		margin: 0 5%;
		clear: both;	
		border: 0;
	}
		.round-image {
			width: 70%;	
			margin: 20px auto;
		}
		
	#footer-upper-content .upper-footer-column {
		width: 90%;
		text-align: center;
	}
	#footer-upper-content .column-4 img {
		width: 50%;
		height: auto;	
	}
	
	#feature-panel .text-container {
		float: right;
		width: 90%;
		margin: 20px 5% 0 5%;
	}
	#feature-panel .image-container {
		float: left;
		width: 86%;
		margin: 0 5% 5% 5%;
		padding: 2%;
		background-color: #EEEEEE;		
	}
		#feature-panel .image-container img {
			width: 100%;
			height: 100%;
			margin: auto;	
		}
	
	.landingblockset .landingblock {
			width: 90%;	
			margin: 0 5% 20px 5% !important;
		}
	
	#content-right form .input-small,
	#content-right form .input-medium,
	#content-right form .input-large,
	#content-right form .input-extralarge {
		width: 90%;
		padding: 0 5%;	
	}


	.checkout-note{
		margin-left:0;
	}



	/* Location search - October 2016 */
	.location-search-small-form{
		margin-bottom: 20px;
	}
	.location-search-small-form input[type=text]{
		width: 158px;
	}

	.location-search__map{
		display: none;
	}
	.location-search__form{
		border-radius: 9px;
	}
		
}

@media screen and (max-width: 400px) {
	#header #main-logo img {
		width: 80%;
	}
	
	.homepage-small-box-1, .homepage-small-box-2 {
		margin: 0 5% 20px 5% !important;
		width: 90%;
	}
	
	#latest-news-headlines img {
		width: 100%;
		height: auto;	
	}
	#latest-news-headlines .blog-headline-content{
		width: 100%;
		margin: 10px 0;	
	}
	
	#footer-upper-content .column-4 img {
		width: 70%;
	}
	
	#content-right .image-wrapper-left, #content-right .image-wrapper-right {
		width: 100%;
	}
	 
	#content-right img.img-left-credit, #content-right img.img-right-credit {
		width: 100%;
		height: auto;	
	}
	#content-right .image-wrapper-left div.img-caption, #content-right .image-wrapper-right div.img-caption {
		width: 93% !important;
	}
	
	.sidebar-right #more-information, .sidebar-right #related-articles {	
		width: 90%;
		padding-left: 5%;
		padding-right: 5%;
	}
	.sidebar-right .sidebarblock {
		width: 100%;
		margin-bottom: 20px;
	}
		.sidebar-right .sidebarblock img {
			width: 100%;
			height: auto;
		}
		
	#blog .blog-article img {
		width: 100%;
		height: auto;	
	}
	#blog .blog-article .blog-content {
		width: 100%;
		margin: 10px 0 0 0;	
	}
	
	/* SHOP */
	
	#product-listings .product  {
		width: 100%;
		margin: 0 0 40px 0;
	}
		#product-listings .product .image-wrap  {
			width: 100%;
			height: auto;
			display: block;
			margin-bottom: 0;
			text-align: left;
		}
			#product-listings .product .image-wrap img {
				width: 100%;
				max-width: 216px;
				height: auto;
			}
		
		#product-listings .product .content {
			margin-top: 0;	
		}
	
	table th, table td {
		padding: 5px;	
	}
	
	.homepage-large-box .image-container {
		width: 86%;
		padding: 2%;	
	}
	
	
	#header-widgets-content #menu li:nth-of-type(1){
		display:none;
	}
	#header-widgets-content #social-icons{
		display:none;
	}
	
}