/*  Burger Menu   */

.burger-menu {
	float:right;
	margin-top:5px;
	cursor:pointer;
	padding:20px;
	display:none;
}

.burger-menu span {
	height:3px;
	width:33px;
	background-color:#0092A3;
	display:block;
	position:relative;
	transition:transform ease 0.5s, background 0.2s;
	-webkit-transition:-webkit-transform ease 0.5s, background 0.2s;
	-moz-transition:-moz-transform ease 0.5s, background ease 0.5s;
	-ms-transition:-ms-transform ease 0.5s, background ease 0.5s;
	
}

.burger-menu span:before, .burger-menu span:after {
	display:block;
	content:'';
	height:3px;
	width:33px;
	background-color:#0092A3;
	position:absolute;
	transition:all ease 0.5s;
	-webkit-transition:all ease 0.5s;
	-moz-transition:all ease 0.5s;
	-ms-transition:all ease 0.5s;
}

.burger-menu span:before {
	top: -10px;
}

.burger-menu span:after {
	top: 10px;
}

.burger-menu-active span {
	background:transparent;
	transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
}

.burger-menu-active span:before {
	transform: translate(0px, 10px) rotate(45deg);
	-webkit-transform: translate(0px, 10px) rotate(45deg);
	-moz-transform: translate(0px, 10px) rotate(45deg);
	-ms-transform: translate(0px, 10px) rotate(45deg);
}

.burger-menu-active span:after {
	transform: translate(0px, -10px) rotate(-45deg);
	-webkit-transform: translate(0px, -10px) rotate(-45deg);
	-moz-transform: translate(0px, -10px) rotate(-45deg);
	-ms-transform: translate(0px, -10px) rotate(-45deg);
}

.burger-menu a:hover {
	color: #2b9db8;
}


.mobile_move, .mobile_table {
	display:none;
}

.mobile_suppliers {
	display:none;
}


.mobile_navigation {
	display:none;
}

@media screen and (max-width:500px) {
	/* Main */
	
	.container_wide {
		width: 100%;
		padding:0;
	}
	
	.container {
		width: 100%;
		padding:0;
	}
	
	h1 {
		font-size:30px;
	}
	
	#body {
		padding-bottom:0;
		margin-bottom:0;
		background:#ffffff;
	}
	
	#footer {
		margin-top:0;
		height:auto;
	}
	
	/* Header */
	
	#header {
		background: #ffffff;
		height:110px;
		border-bottom: 2px solid #0092A3;
	}
	
	#banner {
		width:94%;
		padding:0 3%;
		padding-top:50px;
		height:auto;
		margin:0;
	}
	
	#banner .left img {
		width:120px;
		margin-left:10px;
	}
	
	#banner .right p {
		font-size: 14px!important;
		color:#ffffff!important;
		display:inline;
		margin:10px 10px!important;
	}
	
	#banner p:first-child {
		float:left;
	}
	
	#banner p:last-child {
		float:right;
	}
	
	#banner .right {
		position:fixed;
		top:0;
		left:0;
		width:100%;
		float:none;
		height:35px;
		background:#0092A3;
		padding:0;
		margin:0;
		z-index:2000;
		
		transition: all ease 0.5s;
		-webkit-transition: all ease 0.5s;
		-moz-transition: all ease 0.5s;
		-ms-transition: all ease 0.5s;
	}
	
	#banner .right a {
		color:#ffffff!important;
	}
	
	.burger-menu {
		display:block;
	}
	
	.desktop_navigation {
		display:none;
	}
	
	#navigation {
		position:fixed;
		-webkit-backface-visibility: hidden;
		margin:0;
		right:0;
		height:100%;
		width:80%;
		border:none;
		
		display:none;
		
		background: #0092A3;
	}
	
	#navigation ul {
		display:none;
		padding-top:0px;
	}
	
	.mobile_navigation {
		display:block!important;
		z-index:-100;
	}
	
	.mobile_navigation.visible {
		z-index:0;
	}

	
	#navigation ul.slide {
		display:block;
	}
	
	#wrapper {
		transition: all ease 0.5s;
		-webkit-transition: all ease 0.5s;
		-moz-transition: all ease 0.5s;
		-ms-transition: all ease 0.5s;
		z-index:10;
		background:#ffffff;
	}
	
	#wrapper.push {
		transform: translateX(-80%);
		-webkit-transform: translateX(-80%);
		-moz-transform: translateX(-80%);
		-ms-transform: translateX(-80%);
	}
	
	#footer.push {
		transform: translateX(-80%);
		-webkit-transform: translateX(-80%);
		-moz-transform: translateX(-80%);
		-ms-transform: translateX(-80%);
	}

	#navigation #back li {
		background:rgba(0,0,0,0.2);
	}
	
	#navigation li {
		display:block;
		float:none;
		width:100%!important;
		text-align:left;
		color:#ffffff;
		padding:10px 30px;
		box-sizing:border-box;
		height:auto;
		border-bottom:1px solid rgba(0,0,0,0.2);
	}
	
	#navigation li:hover {
		background:none;
	}
	
	#navigation li:hover {
		color: #ffffff;
	}
	
	#navigation a:hover {
		text-decoration:none!important;
	}

	
	.here {
		background:none;
		color:#ffffff!important;
	}
	
	#curtains.homeslider {
		width:100%;
	}
	.slide {
		background-attachment: inherit;
	}
	.col_triple {
		padding:30px 5%!important;
		float:left;
	}
	.col_triple .left, .col_triple .right {
		width:100%;
		text-align: left;
	}

	.slide .text {
		padding:10px;
		left:0;
		bottom:0;
		width:100%;
		box-sizing:border-box;
	}

	.cycle-slideshow .pager {
		top:;
	}

	.slide .text h2 {
		font-size:40px;
	}
	.slide .text p {
		padding:0;
		margin:0;
	}
	
	#curtains img {
		width:100%;
		height:auto!important;
	}
	
	.col_triple, .gallery_container {
		width:90%!important;
		padding:0 5%;
		clear:both;
	}
	
	#sidebar .left, #sidebar .right {
		width:90%;
		padding:0 40px;
		margin:0 auto;
		box-sizing:border-box;
		float:none;
	}

	#sidebar .right, #bottom_footer .right {
		display: none;
	}

	#footer {
		background:none;
	}

	.left h1 {
		font-size: 40px;
	}

	#curtains {
		height:auto;
	}
	
	#top_footer, #bottom_footer .left {
		width:100%;
		padding:10px 0;
		margin:0;
	}
	
	#top_footer .box {
		width:44.5%;
		margin:2%!important;
		height:auto;
		border: 2px solid #ffffff;
	}

	#bottom_footer h2 {
		font-size:30px;
		line-height: 36px;
	}
	
	#top_footer .box img {
		width:100%;
		height:auto;
	}
	
	#bottom_footer {
		width:94%;
		padding:0 3%;
		background:#ffffff;
	}
	
	#bottom_footer .col, #bottom_footer .col_double {
		width:100%;
	}
	
	#bottom_footer {
		padding-top:30px;
		position:absolute;
		height:auto;
	}
	
	#bottom_footer .col:nth-child(4) {
		display:none;
	}
	
	#bottom_footer .col:nth-child(3) {
		display:none;
	}
	
	#bottom_footer .col img {
		width:150px;
		height:auto;
	}
	
	#bottom_footer .col_double {
		padding-bottom:30px;
	}
	
	#bottom_footer .col_double p {
		font-size:14px;
		text-align:center;
	}
	
	#bottom_footer p {
		padding:6px 0;
	}
	
	#bottom_footer .footer_span {
		display:block;
		margin: -5px;
	}
	
	.mobile_move {
		display:block;
		padding-bottom:20px;
	}
	
	.mobile_move img {
		display:block;
		margin:0 auto;
		width:150px; 
	}
	
	
	.suppliers_body h1, .suppliers_body p {
		padding-left:3%;
		width:94%;
	}
	
	.suppliers {
		display:none;
	}
	
	.mobile_suppliers {
		display:block;
		width:100%;
	}
	
	.mobile_suppliers table {
		width:100%;
	}
	
	.mobile_suppliers td {
		text-align:center;
	}
	
	.mobile_suppliers img {
		width:70%;
	}
	
	.mobile_suppliers p {
		text-align:center;
		padding-bottom:30px;
		font-size:11px;
	}
	
	.google_map {
		display:none;
	}
	
	.contact_form td {
		display:block;
		clear:both!important;
		width:100%;
	}
	
	.contact_form textarea {
		width:100%!important;
		resize:none;
	}
	
	.mobile_table {
		display:block;
		width:100%;
	}
	
	.mobile_table input, .mobile_table textarea {
		width:100%!important;
		resize:none;
	}
	
	.mobile_table td {
		width:100%!important;
		padding-right:0!important;
	}
	
	.contact_mobile span {
		display:block;
	}
	
	.facebook li {
		float:left;
		width:46%!important;
		height:140px!important;
		margin:4% 0!important;
		margin-right:3%!important;
	}
	
	.facebook li:nth-child(2n+2) {
		margin-right:0!important;
	}
	

}