@media screen and (max-width: 800px) {
	body{
			width:100%;
	}	
	img{
		max-width:100%;
		height:auto;
	}
	.specialImgHide{
		display:none;
	}
	.specialImgShow{
		margin:0 auto !important;
		text-align:center !important;
		float:none !important;		
		display:block !important;
	 }
	#body{
		width:100%;
		overflow: hidden;
		background-color:#fff;
	}
	#slideMenuButtons{
		position:absolute;
		left:0px;
		top:100px;
		width:100%;
		background:#a40f16;
		height:35px;
		z-index:99;
	}
	#toggleMenuButton{
		position:absolute;
		display:block;
		left:0px;
		top:0px;
		z-index:9999;
		width:50%;
		cursor:pointer; 
		height:100%;
		border-right:2px solid #fff;		
	}
	#top-nav-container {
		min-width:100%;
		width:100%;	
	}
	#top-nav ul {
		width: 100%;
		margin: 0 auto;
	}
	#cookie-message .contain{
		width:96%;
	}
	#top-bump .logo{
		top:-20px;
		left:20px;
	}
	#top-bump img{
		position:relative;
	}
	#top-bump .name{
		position:relative;
		top:-53px;
		left:21px;
	}
	#top-bump span{
		top:20px;
		left:101px;
	}
	#outer-container{
		width:100%;				
		text-align:left;		
		position:relative;
		left:0;
		transition:left 0.3s;
		overflow:hidden;
		background-color:#fff;		
	}
	.centre{
		display:none;
	}	
	#container{
		width:100%;	
		display:block;
		padding:10px 0 0;
	}
	#bottom-splash{
		background:none;
	}
	#upper-nav{
		display:none;
	}
	#left-sidebar {
		  /* critical sizing and position styles */
		  width: 320px;
		  height: 100%;
		  position: absolute;
		  top: -10px;
		  bottom: 0;
		  right: -360px;
		  z-index: 0;		  
		  /* non-critical appearance styles */
		  list-style: none;
		  background: #000;
	}
		
	#right-area {
		/* Critical position and size styles */
		height:auto;
		width: 95%;		
		float:none;
		top: 0;				 
		/* non-critical apperance styles */
		margin: 0 auto;			  
		background-size: 200%;
		padding:0;
	}
	
	 #homeSlides{
		position:absolute !important;
		top:10px;
		width:95% !important;
		background-color:transparent !important;
		
		
	}
	#blankSliderImg{
		display:block;
		background-image: url('./images/sliderBlank.png');
		background-size: contain;
		background-repeat: no-repeat;
		width: 100%;
		height: 0;
		padding-top: 34.557%; /* (img-height / img-width * width) */
                /* (853 / 1280 * 100) */
	}
	#homeSlides img{		
		max-width:100% !important;
		width:100% !important;
	}
	.greybar-decal,
	.greybar-big-centred{
		width:auto;
		display:block;
		float:none;
		background-color:#fff;
	}
	.greybar-decal,
	.greybar-big-centred{
		background: -webkit-linear-gradient(#dadada, #7e7e7e); /* For Safari 5.1 to 6.0 */
		background: -o-linear-gradient(#dadada, #7e7e7e); /* For Opera 11.1 to 12.0 */
		background: -moz-linear-gradient(#dadada, #7e7e7e); /* For Firefox 3.6 to 15 */
		background: linear-gradient(#dadada, #7e7e7e); /* Standard syntax (must be last) */
	}
	.tl,.tr,.bl,.br,
	#feature-set #home_feature_1 tl, #home_feature_1 tr, #home_feature_1 bl, #home_feature_1 br,
	#feature-set #home_feature_2 tl, #home_feature_2 tr, #home_feature_2 bl, #home_feature_2 br,
	#feature-set #home_feature_3 tl, #home_feature_3 tr, #home_feature_3 bl, #home_feature_3 br{
		display:none;
	}	
	#feature-set{
		width:100%;
		height:170px;
		margin-top:10px;
	}
	#feature-set .feature{
		margin:0;
	}
	#feature-set .feature img{
		width:100%;
	}	
	#feature-set .feature a.overlink img{
		max-height:105px;
		height:auto;
	}
	#feature-set #home_feature_1{
		width:31%;		
	}
	#feature-set #home_feature_2{
		position:relative;
		left:34.5%;
		width:31%;		
	}
	#feature-set #home_feature_3	{
		position:relative;
		left:38%;
		width:31%;
	}	
	#feature-set .feature h2{
		font-size:85%;
	}
	#feature-set .feature p{
		font-size:65%;
	}
	
	#feature-set .clear{
		display:none;
	}
	.product-block {
		width:22%;		
	}
	
#content #addtocartform p{
	margin:0 10px 0 20px;
}	
#content #addtocartform p #qty{
	margin-left:10px;
}
#product-short-desc  {
	min-height:30px;
}
	#content{
		width:100%;
	}
	.wide-content{
		width:100% !important;
	}
	#content ul{
		font-size:70%;
	}
	#product-video{	
		display:none;
		max-width:396px;
		width:auto;			
		margin:0 auto;		
	}	
	#product-video .video{
		max-width:400px;
		width:100%;
	}
	.video #player,
	.video #player2{		
		width:100%;
		max-width:400px;
		margin:0 auto;
	}	
	#onlineCourseImg{
	 display: block;
    margin: 0 auto;
	text-align:center;
	}
	#right-sidebar{
		clear:both;	
		float:none;		
		display:block;
		width:100%;
	}
	#right-sidebar img{	
		width:auto;
	}
	.right-sidebar-std blockquote {		
		display:none;
	}
	#right-sidebar .main-product-image{
		float:right;
	}
	#right-sidebar .main-product-image img{		
		position:relative;
		top:40px;
		height:100%;
	}
	#purchase-vat-info{
		width:auto;	
	}	
	#product-page-ads{
		margin:40px 0 0 ;
		border-top:1px solid #000;
		width:100%;
		clear:both;
	}
	#product-page-ads img{	
		vertical-align:top;	
		display:block;
		margin:10px auto;		
	}
	#care-wide-content{
		width:100% !important;
	}
	#careCertificateAdditionalResourceslinksBox{
		min-height:310px;
	}
	#care-wide-content #careCertificateAdditionalResourcesBox,
	#care-wide-content #careCertificateMappingToolBox{
		float:none;
		clear: both;
		margin: 0 auto;
	}
	#careCertificateAdditionalResourcesBox{
		width:95%;
		max-width:341px;
	}
	#careCertificateAdditionalResourcesBoxTitleBox{
		font-size:95%;
	}
	.cat-nav {
		margin-top:30px;
		clear:both;
	}
	#footer{
		width:100%;
	}	
	
	#footer .content{
		width:100%;
		padding:0;
		margin:10px 0 0;
	}
	#footer .content .address{
		padding-left:10px;
	}
	#footer .content .address,
	#footer #qcf-footer{
		margin:0;
		width:32%;
	}
	#footer ul{
		margin:-10px 0 0 0px;
		width:32%;
		text-align:center;
	}
	
	#footer .col3{
		clear:both;
		text-align:center;
		margin:20px 0 0 0px;
		width:100%;
		padding:15px 0 0;
	}
	#footer .company{
		float:none;
		text-align:center;
		width:100%;
	}
	
		
	/* Sub nav */
	#nav{
		display:none;
	}
	a.button-blue{
		background-color:transparent;     
		background-position: right center;
		background-repeat: no-repeat;		
		color: #fff;		
		font-weight: bold;
		text-decoration: none;

	}

	#responsive-nav-toggle{
		float:left;
		font-size:100%;		
		background-image:none;
		width:auto;
		padding:6px 0 0 10%;
		background:transparent;
	}
		#responsive-nav-toggle .icon{
			font-size:125%;
			line-height:100%;
			margin-left:4px;
		}
	
	.responsive-nav, 
	a.responsive-nav{
		display:block;
		font-size:115%;
		background:#000;
	}
		.responsive-nav h2{
			margin-top:1em;
			font-size:125%;
		}
		.responsive-nav ul{
			list-style:none;
			padding:0;
			margin:0;
		}
			.responsive-nav ul li{
				font-size:100%;
				display:block;
				margin:15px 0;
			}
				.responsive-nav ul li a,
				.responsive-nav #blog-menu p a{
					display:block;
					padding-left:20px;
					color:#fff;
					text-decoration:none;
				}
			
			.responsive-nav ul li.expanded a,
			.responsive-nav ul li.selected a,
			.responsive-nav ul li.selected ul li.selected a,
			.responsive-nav ul li.expanded ul li.selected a,
			.responsive-nav #blog-menu p.selected a,
			.responsive-nav ul li.expanded ul li.expanded a,
			.responsive-nav ul li.expanded ul li.expanded ul li.selected a{
				background:url(../images/arrow-green-small.png) 8px 8px no-repeat;
				background:url(../images/button-arrow.png) 8px 7px no-repeat;
				font-weight:bold;
				/*color:#33B97F;*/
				color:#FFF;
				text-decoration:none;
				
			}
			.responsive-nav ul li.selected ul li a,
			.responsive-nav ul li.expanded ul li a,
			.responsive-nav ul li.expanded ul li.expanded ul li a{
				font-weight:normal;
				/*color:#646464;*/
				color:#fff;
				background:none;
			}
			
			.responsive-nav ul li.expanded ul{
				padding-left:20px;
				font-size:95%;
				line-height:100%;
			}
			
			.responsive-nav #blog-menu p{
				margin-bottom:0.5em;
			}
	
	#main-container{
		position:relative;
		left:0;
		transition:left 0.3s;
		overflow:hidden;
	}	
	#main-container.menu-open{
		right:-360px;
		overflow:visible;
	}		
	#responsivenavmenu.off-screen{
		position:absolute;
		width:320px;
		left:-380px;
		top:0px;
		padding:0 4%;
		height:100%;
	}
	.menu-open #responsivenavmenu.off-screen{
		box-shadow:inset 0 0 10px #000;
	}
	
	.responsive-nav #super-nav{
		float:none;
		text-align:left;
		padding:4%;
		border-top:solid 1px #34BA7F;
		margin-top:10px;
		padding-top:20px;
	}
		.responsive-nav #super-nav a{
			display:block;
			margin-bottom:0.6em;
			color:#C2EAD8;
		}
		.responsive-nav #super-nav .divider{
			display:none;
		}
	
	/* Unicity Forms */
	form{
		max-width:100%;
	}
	.form-field-wrapper{
		margin-bottom:10px;
	}
	.form-field-wrapper input,
	.form-field-wrapper textarea,
	.form-field-wrapper select{
		max-width:86%;
	}
	.input-medium,
	.input-large{
		width:200px;
		padding:1px 1px 1px 1px;
	}
	.input-button{
		margin-top:10px;
	}
	textarea.input-large{
		width:320px;
		height:80px;
		padding:1px 1px 1px 1px;
	}
	.left-nav li a{
		font-size:80%;
	}
	.responsive-nav ul li{
		background:none !important;
	}
	#cartLabel{
		padding-left:17px;
	}
	.boldCartLabel{
		font-weight:bold;
	}
	
	#cart-info-block{
		color:#fff;
	}
	#cart-info-block #checkout-button{
		clear:both;
		margin-top:10px;
	}
	
	
	/*--------ecommerce menu---*/
	#productsToggleMenuButton{
		display:block;
		position:absolute;				
		left:50%;
		top:0px;
		z-index:99;
		width:50%;
		color:#fff;
		height:100%;
		cursor:pointer; 							
	}
	#responsive-prod-toggle{
		width:auto;
		height:35px;
		font-size:100%;
		width:auto;
		padding:6px 10% 0 0;
		float:right;
	}
	#responsive-prod-toggle .icon{
		font-size:125%;
		line-height:100%;
		margin-left:4px;
	}	
	
	#left-nav{
		background-color:#000;
		width:100%;
	}
	#left-nav ul li{
		background:#000;
		height:auto;
		border-bottom:1px solid #fff;
		color:#fff;
		width:300px;
	}
	#left-nav ul li a:link,
	#left-nav ul li a:hover,
	#left-nav ul li a:visited{
		color:#fff;
		font-size:125%;
		font-weight:bold;
		padding:5px 0 15px 20px;
		margin:0;
	}
	#left-nav .end	{
		background:none;
	}	
	#search-box{
		width:auto;
		 background-size: cover;
	}		
}
/*----------------750px-----------------------*/
@media screen and (max-width: 750px) {
	#feature-set{		
		height:160px;
	}	
	#feature-set .feature h2{
		font-size:75%;
	}
	#feature-set .feature p{
		font-size:60%;
	}
	.product-block{
		width:31%;
		margin:0 0 0 2%;		
	}		
	#bottom-gap{
		display:none;
	}
}
/*----------------700px-----------------------*/
@media screen and (max-width: 700px) {	
	#feature-set{		
		height:155px;
	}
}
/*----------------650px-----------------------*/
@media screen and (max-width: 650px) {	
	#homeSlides{		
	
	}
	#content p a img{
		clear:both;
		float:left !important;
		margin-bottom:5px;
	}	
				
	
	#feature-set{
		width:100%;
		height:auto;
		
	}
	#feature-set #home_feature_1,
	#feature-set #home_feature_2,
	#feature-set #home_feature_3{
		width: 99.4%;
		height:auto;
		position:relative;
		left:0px;
		margin-bottom:10px;		
	}
	#feature-set #home_feature_1{	
		border:1px solid #A40F16;
	}
	#feature-set #home_feature_2{	
		border:1px solid #003255;	
	}
	#feature-set #home_feature_3{	
		border:1px solid #000;
	}
	#feature-set .feature a.overlink {
		height:auto;
	}
	#feature-set .feature h2{
		float:right;
		width:50%;
		text-align:left;
		font-size:110%;
		text-align:left;
		padding:15px 5px 0 0;	
	}
	#feature-set .feature img{
		position:relative;
		top:0;
		left:-1px;
		width:auto;
		max-width:50%;
		border:0px;
		float:left;
	}
	#feature-set .feature p{
		float:right;	
		font-size:95%;
		width:auto;
		max-width:50%;
		font-weight:normal;	
		padding:5px 5px 0 0;	
	}
}
/*----------------600px-----------------------*/
@media screen and (max-width: 600px) {	
	#homeSlides{		
		
	}	
	.greybar-big-centred{
		font-size:100%;
	}	
	#footer .col3{		
		padding-top:0px;		
	}
	
}
/*----------------550px-----------------------*/
@media screen and (max-width: 550px) {		
	
	#feature-set #home_feature_1,
	#feature-set #home_feature_2,
	#feature-set #home_feature_3{		
		height:auto;
	}
	#feature-set .feature h2{
		font-size:90%;
		width:45%;		
	}
	#feature-set .feature p{
		font-size:75%;
		width:45%;	
	}
	#footer .content .address{		
		float:left;
		left:0;
		margin:0 auto 15px;
		width:50%;
	}
	#footer #qcf-footer{		
		width:100%;	
		margin:20px auto 0;
		float:none;
		clear:both;
		
	}
	#footer #qcf-footer a {
		width:100%;

	}
	#footer #qcf-footer a img{
		margin:10px auto;
		display:block;
	}
	#footer ul{		
		text-align:right;
		float:right;
		margin:-5px 15px 15px 0;
		padding:0;
		
	}	
	#footer .col3{					
		width:100%;
	}
	#footer .company{
		float:none;
		text-align:center;
		width:100%;
		
	}	
	textarea.input-large{
		width:275px;
		height:80px;
		padding:1px 1px 1px 1px;
	}	
	#form2 label, #form4 label, #form5 label{
		width:10em;
	}
	#care-wide-content #careCertificateMappingToolBox{
		width:95%;
		max-width:400px;
		background-size: contain;
	}
	#product-video .tl,
	#product-video .tr,
	#product-video .bl,
	#product-video .br{
		display:none;
	}	
	#product-video {
		background:none;
		width:100%;
		left:0;
		padding:0;
		margin:0 auto;
	}
	
}			
/*----------------450px-----------------------*/
@media screen and (max-width: 450px) {	
	
	textarea.input-large{
		width:280px;		
	}	
	#feature-set .feature h2{
		font-size:80%;		
	}
	#feature-set .feature p{
		font-size:70%;
	}	
	.product-block{
		width:48%;
		margin:0 0 0 2%;		
	}
	.input-large,
	.input-medium{
		width:280px;
	}
	#form2 label, #form4 label, #form5 label{
		width:20em;
	}
	#continue-shopping-link{
		margin-bottom:10px;
	}
	.form-field-wrapper{
		margin-bottom:20px;
	}
	#qty{
		margin-bottom:5px;
	}	
	#product-page-ads img{	
		width:165px;
		text-align:center;
		display: block;
	}	
	.img-bac-right{
		width:150px;
	}
	#top-bump span{		
		width:300px;
		font-size:75%;
	}
	.greybar-big-centred{
		font-size:80%;
	}	
}	
/*----------------400px-----------------------*/
@media screen and (max-width: 400px) {	
	#care-wide-content #careCertificateMappingToolBoxBtn{
		top:105px;
	}
	#care-wide-content #careCertificateMappingToolBoxTxt{
		top:90px;
		background-color:#111111;
		padding:5px;
		width:75%;
		font-size:12px;		
	}
	#feature-set .feature h2{
		font-size:68%;		
	}
	#feature-set .feature p{
		font-size:58%;
	}	
	#top-bump .logo{		
		left:5px;
	}	
	#top-bump .name{		
		left:5px;
	}
	#top-bump span{
		left:86px;
		width:240px;
		font-size:60%;		
	}
	#purchase-vat-info{
		width:60%;
	}
	#footer .content .address{
		
		left:0%;
		float:left;
	}
	#footer #qcf-footer{		
		width:100%;	
		margin:20px auto 0;
		float:none;
		clear:both;
		
	}
	#footer #qcf-footer a {
		width:100%;

	}
	#footer #qcf-footer a img{
		margin:10px auto;
		display:block;
	}
	#footer ul{
		float:right;
	}
}	
/*----------------320px-----------------------*/
@media screen and (max-width: 320px) {			
	textarea.input-large,
	.input-medium{
		width:280px;
	}
	#form2 label, #form4 label, #form5 label{
		width:15em;
	}
	#form1 textarea{
		width:100%;
	}
	#care-wide-content #careCertificateAdditionalResourceslinksBox ul li{
		font-size:12px;
	}
	#care-wide-content #careCertificateMappingToolBoxBtn{
		top:100px;
	}

	#care-wide-content #careCertificateMappingToolBoxTxt{
		top:70px;
		background-color:#111111;
		padding:5px;
		width:75%;
		font-size:12px;		
	}
	#top-bump span{
		font-size:55%;
		width:250px;
		padding:0;			
	}
	
}