@media screen and (max-width: 800px) {

	.breadcrumb{
		margin-bottom: 0px;
		margin-top: 10px;
	}

	body{
		width:100%;
	}

	img{
		max-width:100%;
		height:auto;
	}
	#wrapper{
		width:100%;
		max-width:100%;
		min-width:100%;
	}
	#main-container{
		width:100%;
		max-width:100%;
		min-width:100%;
	}
	#upperHeaderInner{
		width:95%;
	}
	#upperMenu{
		display: none;
	}
	#upperSmallLogo{
		position:static !important;
	}
	#searchBox{
		float:left;
		margin-left:-30px;
	}
	#sliderOuter{
		height:auto;
		width:100%;
	}
	.slides, .slides img {
		height:0;
		padding-top:37%;
	}
	#sliderMask {
		width:100%;
		height:0;
		padding-top:37%;
	}
	#topImage {
		background-position: 50% top !important;
		background-size: contain;
		background-repeat: no-repeat;
		width:100%;
		padding-top: 23.43%;
		height:0;
		border-bottom:3px solid #AC182E;
	}
	#topBlankImage{
		border-bottom:3px solid #AC182E;
		width:100%;
		height:3px;
	}
	#topImageMask {
		display:none;
	}
	#sliderImage{
		width:100%;
		height:0;
		background-size: auto 100%;
		padding-top:37%;
		position:absolute;
		top:0;
	}
	#topImageMask{
		top:0px;
	}
	#sliderText{
		position:absolute;
		left:55%;
		top:10%;
		font-size:180%;
	}
	#hc-pager{
		bottom:30px;
	}
	#content,
	#homepageUppertext{
		width:95%;
		padding:0;
		max-width:100%;
	}
	#leftColumn{
		width:100%;
		margin: 0 0 20px 0;
		padding:20px 0 0;
		float:right;
	}

	#leftColumn h2, #leftColumn p, #leftColumn hr{
		width:51%;
		float:left;
		display:block;
	}
	#homeTwitter{
		width:45%;
		margin-left:55%;
		margin-top:30px;
	}
	#twitterQuotesLeft{
		float:none;
		position:relative;
		left:0px;
	}
	#content .second{
		display:block;
		margin-top:20px;
	}
	#twitterFeed{
		margin:10px 0 0;
	}
	#twitterFeedText{
		display:inline;
	}
	#contentRight{
		margin:25px 0 25px 0;
		width:100%;
		float:left;
	}
	#contentRight h3{
		margin-top:0px;
	}
	#content-fullwidth {
		margin:25px 0 25px 0;
		padding: 0 2.5%;
		width:95%;
		float:left;
	}
	#homeCentreColumn{
		width:51%;
		padding:0;
	}
	#homeVideoMask a{
		border-bottom:none;
	}
	#blogHeadlines{
		width:45%;
		padding:0;
	}

	.sidebarBlock{
		margin:0 0 50px;
		width:100%;
		height:auto;
		background-color:#ac182e;
		border-bottom:5px solid #9b1529;
		z-index:8;
		clear:both;
	}

	.sidebarImg img{
		float:left;
		width:280px;
		height:197px;
		display:block
	}
	.sidebarblockContent{
		margin:0 0 10px 45%;
		display:block;
		width:100%;
		min-height:197px;

	}
	.sidebarImg{
		width:280px;
		height:197px;
		background-position:0px 0 !important;
		background-size:100% auto;
		float:left;
	}
	.sideBarTitle{
		padding-top:20px;
		height:auto;
		width:90% !important;
	}
	.sideBarTitle p{
		margin:0;
		width:50% !important;
		float:none!important;
	}
	.sidebarText{
		width:50%;
		margin:0;
	}
	.sidebarText p{
		width:90% !important;

	}
	.sidebarButton{
		float:left;

	}
	#bottomDottedBorder{
		width:100%;
	}
	#bottomRedBox{
		width:100%;
		background-size:100% auto;
	}
	#addThisFooterClear{
		background:transparent;
		width:100%;
		height:80px;
		margin-top:30px;
		padding-bottom:30px;
	}
	#addThisFooterClearNews #shareThis{
		border-top:none;
	}
	#addThisFooter{
		z-index:9999;
		display:block;
		background-color:#fff;
		width:100%;
		height:120px;
	}
	#shareThis{

		padding-top:30px;
		border-top:2px dotted #ABABAA;
	}
	.landingBlockImage {
		width:30%;
		max-width:220px;
		display:none;
	}
	.landingBlockContent{
		width:100%;
		float:none;
		margin:0;
	}

	#content #blog-menu{
		padding:0;
		width:100%;
	}

	#footer{
		width:100%;
		background-image:none;
	}
	#footerInner{
		width:100%;
	}
	#footerLeft{
		width:33%;
	}
	#footerLogo{
		margin-top:-5px;
	}
	#copyright,
	#footerLogo img{
		width:85%;
		padding-left:5%;
	}
	#address{
		width:50%;
		float:left;
		display:block;
		padding:0 0 0 10%;
	}
	#footerRight{
		width:66%;
	}
	#footerRightRight{
		width:33%;
		float:right;
		display:block;
		margin:0;
		padding-left:1%;
	}
	#footerBottomInner{
		width:100%;
	}
	#privacy{
		margin:7px 0 0 5px;
	}
	#design{
		margin:7px 5px 0 0 ;
	}
	iframe{
		width:100%;
		max-width:600px;
		margin:0 auto;
		display:block;
	}
	iframe.player .title header h1{
		display:none !important;
	}
		/* Sub nav */

	div.column{
		display:none;
	}
	.navigation{
		display:none;
	}
	#main-nav{
		display:none;
	}

	a.button-blue {
		background-color:rgba(0,0,0,0.8);
		background-position: right center;
		background-repeat: no-repeat;
		border-bottom: 3px solid #000000;

		color: #fff !important;
		display: inline-block;
		font-weight: bold;
		padding: 10px 14px 8px 14px;
		text-decoration: none;
		text-transform: uppercase;
		font-size:12px;
}
	#responsive-menu-button-container{
		display:none;
		padding:12px 5px 5px 0;
		position:absolute;
		left:0;
		top:0px;
		z-index:10;
		color:#fff;
		transition:left 0.3s;
		overflow:hidden;
	}
	#responsive-menu-button-container.menu-open{
		z-index:0;
	}
	#responsive-menu-button{
		color:#FFF;
		border-radius:0 4px 4px 0;
	}
	#responsive-menu-close-button-container{
		text-align:right;
		margin-bottom:16px;
	}
	#sub-nav{
		display:none;
	}

	.responsive-nav{
		display:block;
	}

	a.responsive-nav{
		display:block;
		font-size:16px;
	}
	.responsive-nav h2{
		margin-top:1em;
		font-size:24px;
	}
	.responsive-nav ul{
		list-style:none;
		padding:0;
		margin:0;
	}
	.responsive-nav ul li{
		font-size:100%;
		display:block;
		margin:15px 0;
		font-weight:bold;
	}
	.responsive-nav ul li a,
	.responsive-nav #blog-menu p a{
		display:block;
		padding-left:20px;
		color:#fff !important;
	}

	.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/button-arrow.png) 6px 4px no-repeat;

		font-weight:bold;
		color:#fff;
	}
	.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:#fff;
		background:none;
		font-size:100%;
	}

	.responsive-nav ul li.expanded ul li{
		padding-left:20px;
		padding-top:10px;
		font-size:100%;
		line-height:130%;
	}
	.responsive-nav #blog-menu p{
		margin-bottom:0.5em;
	}

	#toggleMenuButton{
		position:absolute;
		right:10px;
		top:25px;
		z-index:99;
		display:block;
	}
	.blackBG{
		background-color:#4a4a4a;
		position:relative;
		right:0px;
	}
	#main-container{
		position:relative;
		left:0;
		transition:left 0.3s;
		overflow:hidden;
	}
	#main-container.menu-open{
		left:-58%;
		overflow:visible;
	}
	#responsivenavmenu.off-screen{
		position:absolute;
		width:50%;
		right:-58%;
		top:0;
		padding:0 4%;
	}
	.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 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%;
	}


	#contentRight table{
		display:block;
		overflow-x:auto;
	}

/*---------- Interactive map ------------*/

	#interactivemap img {
		display: none;
	}
	#interactivemap .centre {
		display: block;
		position: relative;
		width: 32%;
		padding: 0;
		margin-right: 2%;
		border: none;
		left: auto !important;
		top: auto !important;
	}
	#interactivemap .right {
		float: right;
		margin-right: 0;
	}
	#content-fullwidth #interactivemap .majortraumacentre {
		width: 100%;
		margin-right: 0;
		float: left;
	}
		#content-fullwidth #interactivemap .majortraumacentre .centre-content {
			padding: 10px 2%;
			margin-right: 0;
		}
			#content-fullwidth #interactivemap .majortraumacentre .centre-content .address, #content-fullwidth #interactivemap .majortraumacentre .centre-content .description {
				width: 50%;
				display: block;
			}
			#content-fullwidth #interactivemap .majortraumacentre .centre-content .clear {
				display: block;
			}
			#content-fullwidth #interactivemap .majortraumacentre .centre-content .address {
				float: left;
			}
			#content-fullwidth #interactivemap .majortraumacentre .centre-content .description {
				float: right;
			}
	#interactivemap .centre-content {
		border-width: 1px;
		border-style: solid;
		margin: 0;
		display: block;
		padding: 10px 5%;
		min-height: 180px;
	}

	#interactivemap  .clear {
		display: block;
		margin-bottom: 10px;
	}

	#interactivemap h3.majortraumacentre {
		display: block;
		clear: both;
	}

	#interactivemap table {
		width: 100%;
	}
		#interactivemap table td {
			width: 48%;
			padding-right: 2%;
		}

	#interactivemap table {
		display: none;
	}
}
/*-----------700px-----------*/
@media screen and (max-width: 700px) {
	#sliderText{
		font-size:150%;
		width:42%;
	}
	#sliderImage{
		margin: 0 0 0 10px;
	}
	#sliderMask{
		left:-10px;
	}

	#hc-pager{
		bottom:45px;
	}
	#blogHeadlines{
		width:45%;
	}
	#addThisFooter{
		margin-top:-30px;
		height:80px;
	}

	#address{
		width:52%;
		padding:0 0 0 5%;
	}
	.sidebarblockContent{
		float:none;
		margin-left:50%;
		width:50%;
	}
	#leftColumn .sideBarTitle {
		width:90% !important;
		display:block;
		float:none;
	}
	#leftColumn .sideBarTitle p{
		width:90% !important;

		display:block;
		float:none;

	}
	.sidebarText{
		height:auto;
		width:95%;
	}
	.sidebarText p{
		width:85% !important;
	}
	.sidebarButton{
		float:left;
		position:static;
		margin:0;

	}

	#content .blogTitle{
		width:50%;
		display:block;

	}
	#content .blogSummaryText{
		width:49%;
		display:block;
	}

	#interactivemap ul {
		width: 100%;
		margin: 10px 0;
	}

}
/*----------600px------------*/
@media screen and (max-width: 600px) {
	#responsivenavmenu ul{
		clear:both;
		display:block;
	}
	#upperSmallLogo{
		position:relative !important;
		top:50px;
		left:0px;
	}
	#searchBox{
		margin:10px 0 0 20px;
	}

	#sliderText{
		font-size:140%;
	}

	#homepageUppertext{
		width:100%;
	}
	#homeVideotext p{
		margin:-60px auto 10px;
	}

	#homeSupportTitle{
		margin:-168px 0 0 120px
	}
	#homeSupportText{
		margin:-10px 0 0 120px
	}
	#homeSupportButton a{
		margin-left:120px
	}
	.sidebarBlock{
		margin:50px auto;
		width:280px;
		height:auto;
		background-color:#ac182e;
		border-bottom:5px solid #9b1529;
		z-index:8;
	}
	.sidebarblockContent{
		position:relative;
		top:0;
		left:0;
		margin:0;
	}
	.sideBarTitle p{
		font-size:26px;
		color:#fff;
		margin:5px 0 5px 30px;
		z-index:20;
		text-transform:uppercase;
	}
	.sidebarText{
		color:#fff;
		width:235px;
		margin-left:30px;
		z-index:20;
	}
	.sidebarText p{
		width:100%;
		height:auto;
	}
	.sidebarButton{
			position:static;
			margin:0 0 15px 0;

			z-index:20;
			font-weight:600;
	}

	#staffDetailsTextBox .introText{
		font-size:20px;
	}
	#addThisFooter{
		height:80px;
		margin-top:-30px;
	}
	#staffImage{
		width:60%;
		margin:-10px -100px 20px 0px
	}
	#bottomDottedBorder{
		margin-top:20px;
	}
	.blog-image{
		width:50%;
		float:right;
		border:15px solid #DFDFDF;
	}

	/* 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;
	}

}
/*------------550px-----------*/
@media screen and (max-width: 550px) {
	#sliderText{
		font-size:125%;
	}
	.breadcrumb{
		display: none;
	}
	#upperSmallLogo{
		top:40px;
	}
	#upperHeaderLeft{
		width:45%;
	}
	#leftColumn{
		margin:0;
		padding:0;
	}
	#leftColumn h2, #leftColumn hr{
		width:100%;
	}
	#leftColumn p{
		width:100%;
		margin:10px 0;
	}
	#homepageUppertext{
		font-size:18px;
	}
	#homepageUppertext p{
		margin:0;
	}
	#homeTwitter{
		float:left;
		width:100%;
		margin:10px 0 0;
		padding:0 0 20px;
		border-bottom:2px dotted  #ABABAA;
	}
	#homeCentreColumn{
		width:100%;
	}
	#blogHeadlines{
		width:100%;
		border-top:2px dotted  #ABABAA;
	}
	#homeVideoOuterBox{
		margin:0 auto;
	}

	#homeSupportBox{
		position:relative;
		top:50px;
		width:300px;
		margin:0 auto;
		height:250px;

	}
	#homeSupportImgMask{
		position:relative;
		top:-178px;
		left:-5px;
		margin:0;
		display:block;
		width:100%;
	}
	#homeSupportImgMask img{
		margin:0;
		width:100%;
	}
	#homeSupportImg{
		float:left;
		margin:0;
		display:block;
		width:49%;
		position:relative;
		top:0px;
		left:0px;
	}
	#homeSuportContent{
		position:relative;
		right:-20px;
		top:0px;
	}
	#hc-pager{
		display:none;
	}
	#blogHeadlines{
		padding-top:25px;
	}
	#footer{
		height:auto;
		background-position:100% 70%;
		width:100%;
	}
	#footerInner{
		height:auto;
	}
	#footerRight{
		width:100%;
		float:left;
		margin-top:15px;
	}
	#footerLeft{
		width:100%;
		margin:0 auto;
		border:0;
		padding-bottom:10px;
	}
	#footerLogo{
		margin-top:20px;
	}
	#footerBottom{
		margin-top:15px;
	}
	#copyright, #footerLogo img{
		width:auto;
		margin:0 auto;
		display:block;
		padding:0;
		text-align:center;
	}
	#address{
		padding:0 0 0 2%;
		width:48%;
	}
	#address h4{
		margin-top:0px;
	}
	#footerRightRight{
		margin-top:0px;
	}
	#privacy{
		margin:12px 5px 5px 15px;

	}
	#design{
		margin:12px 15px 5px 5px;
	}
	.landingBlockImage{
		width:100%;
		float:none;
		clear:both;
		text-align:center;
		max-width:none;
	}
	.landingBlockImage img{
		margin : 0 auto;
		display:block;
	}
	.landingBlockContent{
		width:100%;
		float:none;
		display:block;
		margin-top:10px;
	}


	#addThisFooter{
		margin-top:30px;
		height:170px;
	}
	.introText{
		font-size:18px;
	}
	#staffImage{
		margin:-10px -75px 20px 0px
	}
	#bottomDottedBorder{
		margin-bottom:25px;
	}
	#lowRedBoxTitle{
		top:5px;
		font-size:20px;
	}

	#addThisFooterClear{
		margin-top:-30px;
		height:180px;
	}

	#interactivemap .centre {
		float: left;
		width: 48%;
		margin-right: 4%;
		margin-bottom: 20px;
	}
	#interactivemap .right {
		float: left;
	}
	#interactivemap .even {
		float: right;
		margin-right: 0;
	}
	#interactivemap .clear {
		display: none;
	}
	#content-fullwidth #interactivemap .clearfix-resp {
		display: block;
	}
}

/*------------450px-----------*/
@media screen and (max-width: 450px) {
	#main-container.menu-open{
		left:-76%;
	}
	.footerNav {
	    position: relative;
	    text-align: center;
		margin-top: 10px;
	}
	#responsivenavmenu.off-screen{
		width:68%;
		right:-76%;
	}
	#upperMainLogo img{
		width:90%;
	}

	#upperHeaderLeft,
	#upperHeaderRight{
		width:45%;
	}
	#upperSmallLogo{
		display:none;
	}

	#upperHeaderInner{
		padding:10px 0;
	}
	#toggleMenuButton{
		top:20px;
	}
	#homepageUppertext{
		font-size:16px;
		padding:20px 5%;
		width:90%;
	}
	#searchInput{
		width:110px;
	}
	#upperHeaderLeft{
		width:50%;
	}
	#sliderOuter{
		width:100%;
		height:auto;
	}
	#sliderImage{
		background-image:none !important;
		width:100%;
	}
	.slides {
		width:100%;
		height:auto;
	}
	#sliderMask{
		display:none;
	}
	#sliderText{
		background:#ac182e;
		width:100%;
		left:0;
		min-height:169px;
	}
	#sliderText p{
		left:0;
		margin:5% 5%;
		font-size:120%;
		height:auto;

	}
	div.cycle-slideshow{
		min-height:135px;
	}


	#address{
		width:100%;
		border:0;
		margin:0px auto 10px;
		display:block;
		padding:0;
		text-align:center;
	}
	#address h4{
		margin-top:0px;
	}
	#footerRightRight{
		width:100%;
		float:none;
		padding:0;

	}
	#footerSocial h4{
		text-align:center;

	}
	#footerSocial img{
		margin:0 auto;
		display:block;
	}
	h1{
		font-size:30px;
	}
	h2{
		font-size:25px;
	}
	h3{
		font-size:20px;
	}
	h4{
		font-size:15px;
	}

	#shareThis p{
		font-size:16px;
		width:auto;
		margin-right:10px;
	}
	#footer{
		background-position: 100% 85%;
	}
	#publicationsTab,
	#staffTab{
		padding:8px 15px;
	}
	#staffImage{
		margin:-10px -50px 20px 0px;
	}

	.blog-image{
		width:50%;
		float:right;
		border:20px solid #DFDFDF;
		margin:10px auto 0;
		display:block;
	}

	#interactivemap table td {
		width: 100%;
		padding: 0;
	}

	#content-fullwidth #interactivemap .majortraumacentre .centre-content .address, #content-fullwidth #interactivemap .majortraumacentre .centre-content .description {
		clear: both;
		float: left;
		width: 100%;
	}
	#content-fullwidth #interactivemap .majortraumacentre .centre-content span.clear {
		display: block !important;
	}


}

/*------------320px-----------*/
@media screen and (max-width: 320px) {
#toggleMenuButton{
	top: 18px;
}

	#interactivemap .centre {
		width: 100%;
		float: none;
		margin-bottom: 10px;
	}

	#interactivemap .centre-content {
		min-height: 0;
	}
	#interactivemap .clear, #content-fullwidth #interactivemap .clearfix-resp {
		display: none;
	}

}