@media (max-width: 1034px) {
	header {
		opacity: 0;
		pointer-events: none;
		transition: .3s all;
		position: fixed;
		overflow-y: scroll;

		&.active {
			opacity: 1;
			pointer-events: all;
			position: fixed;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			margin: 0;
			border-radius: 0;
			z-index: 10;
		}

		.fast-contact {
			position: absolute;
			left: 20px;
			right: auto;
			top: 0;
			z-index: 100;
			width: 80%;
			color: #fff;

			p {
				display: none;
			}

			.phone {
				width: 100%;
				float: left;
				text-align: left;
				padding-left: 30px;
				line-height: 94px;
				box-sizing: border-box;
				background: url('assets/phone-white.svg') no-repeat left center;
				position: relative;

				&::before {
					content: 'Máte-li jakýkoliv dotaz, neváhejte nám zavolat!';
					position: absolute;
					left: 0;
					top: -25px;
					font-size: 12px;
					font-family: 'open_sansregular';
				}
			}
		}

		.navbar {
			margin-top: 60px;

			li {
				width: 100%;
				display: block;
				box-sizing: border-box;

				&.active {
					border-radius: 15px !important;
				}

				ul {
					position: static;
					width: 100%;
					text-align: left;
					padding: 0 20px;
					padding-bottom: 5px;

					li {
						opacity: .8;
					}
				}
			}
		}
	}

	.obsah {
		table {
			td[rowspan="3"] {
				display: none;
			}
		}
	}

	.tarif-table {
		.t-table {
			padding: 0;
			width: 100%;
		}
	}

	.hovergray {
		.predstaveni {
			padding: 10px 15px;
		}
	}

	.hovergray:nth-child(even) {
		padding-left: 15px;
	}

	.hovergray:nth-child(odd) {
		padding-right: 15px;
	}

	.form {
		label {
			white-space: nowrap;
		}
	}

	.logo {
		margin-top: 10px;
		width: 150px;
		height: 80px;

		&::after {
			font-size: 15px;
			bottom: -15px;
		}
	}

	.banner {
		margin-top: 0;

		lottie-player {
			width: 100%;
		}

		.box {
			width: 100%;
			margin-top: -50px;
			text-align: center;
		}
	}

	#mobile-menu {
		width: 36px;
		height: 30px;
		position: absolute;
		right: 0;
		top: 35px;
		cursor: pointer;
		z-index: 100;

		&.active {
			position: fixed;
			right: 10px;
		}

		span {
			background-color: #000;
		    display: block;
		    height: 3px;
		    margin-bottom: 10px;
		    position: absolute;
		    width: 36px;
			border-radius: 2px;
			transition: .3s all;
		}

		.top {
			top: 0px;
		}

		.middle {
			top: 12px;
			transform: translateX(0);
		}

		.bottom {
			top: 24px;
		}

		&.active {
			span {
				background: #fff;
			}

			span.top {
				top: 13px;
				transform: rotate(45deg);
			}

			span.middle {
				opacity: 0;
				transform: translateX(-10px);
			}

			span.bottom {
				top: 13px;
				transform: rotate(-45deg);
			}
		}
	}

	.main {
		padding: 20px 0 !important;
	}

	.map {
		width: 100%;
		margin-bottom: 25px;
	}

	.contact {
		width: 100% !important;
	}

	.type-box {
		text-align: center;
		margin-bottom: 0;

		li {
			margin: 0 !important;
			margin-bottom: 5px !important;
			width: 48%;
			max-width: 200px;

			a {
				padding: 130px 25px 20px;
			}
		}
	}

	.col-item {
		width: 100%;
		margin-left: 0 !important;
		margin-right: 0 !important;
	}

	footer {
		.form {
			max-width: 100%;
		}

		.image {
			display: none;
		}

		.city-bg {
			margin-top: 400px;
		}

		.footer-links {
			li {
				display: block;
				width: 100%;
				line-height: 30px;
				margin: 0 !important;
			}
		}
	}

	.links {
		a {
			width: 100%;
			display: block;
			line-height: 2;
		}
	}

	.tarifs {
		.tarif {
			padding: 15px 0;
			height: auto !important;
			float: left;
			margin-bottom: 20px;

			.col {
				width: 50%;
				margin-bottom: 15px;

				&:first-child,
				&:nth-child(6) {
					width: 100%;
					text-align: center;
					margin-bottom: 0;
				}
			}

			.hidden {
				padding-left: 15px !important;
				text-align: center;
				line-height: 1.3;
				font-size: 14px;

				strong {
					width: 100%;
					display: block;
					font-size: 14px;
					margin-bottom: 0;
				}

				small {
					font-size: 14px;
					display: block;
				}
			}
		}
	}
}

@media (min-width: 359px) {
	.type-box {
		li {
			a {
				padding: 130px 35px 20px;
			}
		}
	}
}

@media (min-width: 403px) {
	.type-box {
		li {
			a {
				padding: 130px 45px 20px;
			}
		}
	}
}