@media only screen and (max-width:1540px) {
	.menu-container, .menu-content, .menu-content-sml, .menu-content-sml .menu-content {
		height:100px;
	}
	.logo {
		background:url(img/logo.png) no-repeat center;
		background-size:180px 58px;
		width:180px;
		height:58px;
		top:21px;
	}
	a.part-of {
		top:31px;
		left:210px;
		font-size:11pt;
		line-height:20px;
		padding:8px 16px;
	}
	.menu > ul {
		top:37px;
	}
	.batteries {
		padding-top:0;
	}
	.batteries::after {
		top:-70px;
	}
	.intro {
		height:calc(100% - 100px) !important;
	}
}

@media only screen and (max-width:1350px) {
	.menu-container, .menu-content, .menu-content-sml, .menu-content-sml .menu-content {
		height:70px;
	}
	.menu {
		display:none;
	}
	.menu-sml-content {
		display:block !important;
	}
	.menu-content .logo {
		background:url(img/logo.png) no-repeat center;
		background-size:144px 46px;
		width:144px;
		height:46px;
		top:12px;
	}
	a.part-of, .menu-content-sml a.part-of {
		top:20px;
		left:164px;
		font-size:10pt;
		line-height:18px;
		padding:6px 12px 7px 12px;
	}
	.header {
		padding:0;
	}
	.intro {
		min-height:600px !important;
		height:calc(100% - 90px) !important;
	}
	.cat-title {
		padding:153px 0 77px 0;
	}
	.batteries {
		top:70px;
	}
	.batteries > div {
		width:94%;
		font-size:15pt;
		line-height:29px;
	}
	.batteries strong {
		font-size:20.5pt;
		line-height:30px;
	}
	.batteries a {
		font-size:14pt;
		line-height:20px;
		padding:10px 25px;
		margin-top:-20px;
	}
}

@media only screen and (max-width:1080px) {
	h1 {
		font-size:39pt;
		line-height:62px;
	}
	h2 {
		font-size:24pt;
		line-height:33px;
	}
	.header > div > p {
		margin:0 auto 40px auto;
		font-size:24pt;
		line-height:32px;
	}
	.header > div > span {
		font-size:15pt;
		line-height:21px;
	}
	.bg {
		min-height:400px;
	}
	.cat-title {
		padding:123px 0 57px 0;
	}
}

@media only screen and (max-width:767px) {
	h1 {
		font-size:29pt;
		line-height:46px;
	}
	h2 {
		font-size:18pt;
		line-height:25px;
	}
	.header > div > p {
		margin:0 auto 30px auto;
		font-size:18pt;
		line-height:24px;
	}
	.header > div > span {
		font-size:11pt;
		line-height:15px;
	}
	.content p, .metal {
		font-size:13pt;
		line-height:23px;
	}
	.page-content {
		padding:50px 0 75px 0;
	}
	#about-content ul {
		width:100%;
		margin:0;
		padding:0;
	}
	#about-content ul li {
		width:100%;
		max-width:360px;
		padding:25px 0 35px 0;
		margin:0 auto;
		top:-32px;
		display:table;
		float:none;
	}
	#about-content ul li:last-child {
		padding-bottom:0;
	}
	#about-content ul li h2, #about-content ul li p {
		text-align:center;
	}
	#about-content ul li img {
		margin:0 auto 28px auto;
	}
	#metal-we-accept-content .container {
		width:100%;
	}
	#metal-we-accept-content h1 {
		width:88%;
	}
	.metal {
		width:416px;
		margin:21px 24px;
	}
	.metal:last-of-type {
		margin-bottom:0;
	}
	.metal ul {
		width:100%;
		margin:33px 0 4px 0;
		padding:0 3.9%;
	}
	.metal > div {
		font-size:21pt;
		line-height:30px;
	}
	#why-choose-us-content ul li {
		padding:44px 0 0 107px;
	}
	#why-choose-us-content ul li:first-child {
		padding-top:27px;
	}
	#why-choose-us-content ul li:after {
		top:48px;
		background:url(img/check_red.png) no-repeat top left;
		background-size:50px 35px;
		width:50px;
		height:35px;
	}
	#why-choose-us-content ul li:first-child:after {
		top:31px;
	}
	.info {
		margin:19px 0;
	}
	.info, #opening-hours-content .content > iframe {
		width:100%;
	}
	#opening-hours-content .content > iframe {
		height:370px;
	}
	.footer-content {
		padding:56px 0 40px 0 !important;
		font-size:12.5pt;
		line-height:22px;
		text-align:center;
	}
	.footer-content img {
		position:static;
		margin:15px auto 45px auto;
		display:inline-block;
	}
	a.facebook {
		margin:0 auto;
	}
	.footer-cat, .footer-cat:last-of-type {
		width:100%;
		text-align:center !important;
		margin-bottom:30px;
		float:left;
	}
	.header-arrow {
		background:url(img/header_arrow.png) no-repeat center;
		background-size:32px 20px;
		width:32px;
		height:20px;
		position:absolute;
		bottom:100px;
		left:50%;
		margin-left:-16px;
		opacity:0;
	}
	.intro {
		height:calc(100% - 140px) !important;
	}
	.batteries::after {
		top:-220px;
	}
	.batteries > div {
		background-size:auto 100px;
		font-size:12pt;
		line-height:20px;
		padding-right:90px;
	}
	.batteries strong {
		font-size:13pt;
		line-height:22px;
		margin-bottom:2px;
	}
	.batteries a {
		font-size:11pt;
		margin:10px 0 3px 0;
		padding:6px 20px;
		position:static;
		display:table;
		float:none;
	}
}

@media only screen and (max-width:479px) {
	.bg {
		height:50%;
		min-height:300px;
	}
	a.part-of, .menu-content-sml a.part-of {
		left:154px;
	}
	#why-choose-us-content ul li {
		padding:44px 0 0 82px;
	}
}