@charset "utf-8";

@media (min-width: 576px) {		
	.sizehelper:before {
		content: "SM";
	}

	h1, .h1 {
		font-size: 33px;
		line-height: 43px;
	}

	h3, .h3 {
		font-size: 25px;
		line-height: 32px;
	}

	h4, .h4 {
		font-size: 24px;
		line-height: 30px;
	}

	a .rollover .blackout {
		padding: 0 20%;
		font-size: 20px;
		line-height: 27px;
	}

	.navbar {
		padding: 20px 40px;
	}

	.navbar .navbar-brand {
		padding-left: 105px;
	}

	.logo, .logohook {
		left: 54px;
	}
	
	.navbar .rightside {
		width: auto;
		text-align: left;
		margin-left: 0;
	}

	.navbar #sidebarToggler {
		margin-left: 21px;
	}
	
	#sidebar {
		padding: 24px 63px;
	}

	#sidebar ul.components a {
		font-size: 34px;
	}
	#sidebar ul.components ul a {
		font-size: 18px;
	}

	.contentarea {
		padding-top: 90px;
	}
	
	.newslettersignup {
		margin-top: 90px;
	}
	
	.HomePage .contentarea h1 {
		font-size: 28px;
		line-height: 38px;
	}
	.HomePage .featureblocks .newscontent {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		padding: 13px 49px 13px 21px;
	}
	
	.HomePage .serviceblock {
		width: 258px;
		height: 258px;
	}
	
	.pagebannerarea .bannercircle {
		position: absolute;
		display: inline-block;
		background: white;
		border-radius: 50%;
		bottom: -105px;
		width: 210px;
		height: 210px;
		left: 50%;
		margin-left: -105px;
	}
	
	.pagebannerarea h2, .ServicePage .pagebannerarea h1 {
		bottom: 105px;
		display: inline-block;
/*		word-spacing: 9999999px;*/
		width: 100%;
		padding: 0 35px;
		position: absolute;
		margin: 0;
		text-align: center;
	}

	.galleryitems {
		-webkit-column-count: 2;
		-moz-column-count: 2;
		-ms-column-count: 2;
		-o-column-count: 2;
		column-count: 2;
	}
	
	.galleryitems .galleryitem {
		display: inline-block;
		width: 100%;
	}

	.GalleryPage .testimonialholder {	
		-webkit-column-break-inside: avoid; /* Chrome, Safari */
	    page-break-inside: avoid;           /* Theoretically FF 20+ */
	    break-inside: avoid-column;         /* IE 11 */
	    display:table;
	}

	.circlearea {
		width: 259px;
		height: 250px;
		margin-top: -129px;
		margin-left: -129px;
	}

	.circlearea .circleintro {
		padding: 30px 23%;
	}
	
	.LatestNewsPage .newsbuttons .btn-group a#SortBy {
		padding-right: 124px;
	}
	
	#ProductInfo .singleslider .MS-content .item {
		width: 33.33333%;
	}
	
	.CataloguePage #ProductInfo .prodoverlaytext {
		margin-bottom: 11%;
	}
}