/* On screens that are 600px wide or less, make the menu links stack on top of each other instead of next to each other */
@media screen and (max-width: 600px) {
body {
	.top-box {

		img.bio-circle, ul.menu, img.klasschem {
			display: block;
			margin: 3px auto;
			padding: 0;
			vertical-align: middle;
		}

		ul.menu {
			li {
				display: block;
				list-style-type: none;
				padding: 0;
				vertical-align: top;
				a {
					color: inherit;
					cursor: pointer;
					display: block;
					padding: 10px;
					text-decoration: none;
				}
				ul {
					background-color: #ffffff;
					border-bottom: 20px solid #f3f3f1;
					border-top: 20px solid #f3f3f1;
					display: none;
					left: 0;
					padding: 5px;
					position: absolute;
					text-align: left;
					width: 100%;
					z-index: 20;

					li {
						display: block;
						padding: 2px;
						width: 100%;

						a {
							background-color: #f5f5f3;
							display: block;
							padding: 5px;

							div {
								display: block;
								padding: 5px;
								vertical-align: middle;
								span {
									display: block;
								}
								.small-subtext {
									color: #989997;
									font-size: 12px;
								}
							}
							div:first-of-type {
								display: none;
							}
						}
					}
				}
			}
			li:hover {
				background-color: #f3f3f1;
				li {
					background-color: #ffffff;
					a:hover {
						background-color: #e5e6e3;
					}
				}
			}
			li:hover > ul {
				display: block;
			}
		}
	}

	.product-family-commercial {
		.container {
			.left {
				float: none;
				padding: 10px 15px;
				width: 100%;
			}
			.right {
				float: none;
				img {
					width: 100%;
				}
			}
		}
	}

	.product-family-advantages {
		.container {
			padding: 10px 15px;
			width: 100%;
		}

		.video {
			position: relative;
			width: 100%;
		}
	}

	.product-family-products {
		padding: 5px 10px;

		h2, h3 {
			text-align: center;
		}

		.products {
			text-align: center;

			a {
				display: block;
				padding: 5px 10px;
			}
		}
	}

	.recommandations {
		text-align: center;
		a {
			display: block;

			img {
				height: auto;
				margin: 3px auto;
			}
		}
	}

	.content {
		padding: 0 5px;

		h3 {
			text-align: center;
		}

		.breadcrumb {
			padding: 5px 0;
			a, span {
				color: #3c3c3e;
				display: inline-block;
				margin: 3px;
			}
		}

		.product-main {
			table {
				border-spacing: 0;
				td {
					display: block;
				}
			}
			.left-box {
				width: 100%;
			}
			.description {
				padding: 10px 15px;
				text-align: justify;
				ul {
					li {
						span {
							display: inline-block;
							padding-top: 5px;
						}
					}
				}
			}
			.right-box {
				width: 100%;
			}
		}

		#tab-options, #tab-accessories {
			a {
				display: block;
				padding: 5px 10px;
				text-align: center;
				img {
					display: block;
					margin: 5px auto;
				}
				span {
					display: block;
				}
			}
		}
	}

	.listing-container {
		padding: 3px;

		.product-box {
			display: block;
			margin: 5px;
			width: 100%;
			.product {
				display: block;
				padding: 5px;
				position: relative;
				a {
					text-decoration: none;
				}
				a.image {
					margin: 0;
					img {
						display: block;
						margin: 0 auto;
					}
				}
				.description {
					padding: 5px 5px 50px 5px;
					width: 100%;
				}
			}
		}
	}

	.content.kapcsolat {
		form table {
			border-collapse: collapse;
			width: 100%;
			td {
				vertical-align: top;
			}
			input[type=text] {
				position: relative;
				width: 100%;
			}
			textarea {
				height: 100px;
				width: 100%;
			}
			.g-recaptcha {
				float: right;
			}
		}
	}

	.footer-1 {
		text-align: center;
		width: 100%;

		.column {
			display: block;
			padding: 10px;
			text-align: center;
			vertical-align: initial;

			ul {
				padding: 0;
				a, span {
					display: inline;
					font-size: 14px;
					padding: 5px 2px 0px 0px;
				}
			}
		}
	}
}
}