@media (-webkit-min-device-pixel-ratio: 2)
{

			input, textarea {
					font-size: 16px;
			}

}


@media (max-width: 1600px)
{

	.packs {
		padding: 17% 0 0 6%;
	}

}


@media (max-width: 1300px)
{

	.packs {
		padding: 18% 0 0 6%;
		width: 30%;
	}

}


@media (max-width: 1100px)
{

	.packs {
		padding: 20% 0 0 6%;
		width: 35%;
	}

			.food-price .btn {
				top: -4rem;
				line-height: 3rem;
				font-size: 2rem;
			}

	.book-wrap {
		width: 85%;
		margin-left: -3%;
	}

	.book-icons {
		width: 15%;
		padding-top: 30px;
	}

		.book-icon {
			font-size: 2.8rem;
		}

			.book-icon img {
				width: 70%;
			}

		.book-text {
			top: 18%;
		}


		.video-content {
			top: 13%;
		}

			.video h2 {
				margin-bottom: 2rem;
				font-size: 3.8rem;
			}

	.video-content .prev-next {
		margin-top: 1rem;
	}


} /* 1100 */


@media (max-width: 1000px)
{

				.main-menu ul li:after {
					bottom: 52px;
					width: 72px;
					height: 6px;
				}

				.main-menu ul li a {
					font-size: 1.8rem;
				}

	.book-wrap {
		float: none;
		width: 100%;
		margin-left: 0;
	}

	.book-icons {
		float: none;
		width: 100%;
		padding: 30px 0;
	}

		.book-icon {
			float: left;
			width: 33%;
			padding: 15px;
			margin-bottom: 40px;
		}


	.contact-col1 {
		float: left;
		width: 34%;
	}

	.contact-col2 {
		float: left;
		width: 33%;
		padding: 14% 10px 0;
	}

	.contact-col3 {
		float: left;
		width: 33%;
		padding: 14% 10px 0;
	}



} /* 1000 */


@media (max-width: 900px)
{

body {
	background-image: url('../images/bg-phone.jpg');
	background-size: auto;
	background-position: left top;
	background-repeat: repeat;
	background-attachment: scroll;
}

.menu-button {
	display: block;
}

body.home .main-menu-wrap,
.main-menu-wrap,
body.home .main-menu-wrap .main-menu,
.main-menu-wrap .main-menu,
body.home .main-menu-wrap .main-menu ul,
.main-menu-wrap .main-menu ul {
    height: auto;
    min-height: 84px;
}

	.main-menu ul li:nth-child(4) {
		display: none;
	}

	.logo-phone {
		display: block;
		position: absolute;
		top: 13px;
		left: 25px;
		width: 63px;
	}

	.main-menu,
	body.home .main-menu-wrap .main-menu,
	.main-menu-wrap.fixed .main-menu {
		display: none;
		float: none;
		width: 100%;
	    height: auto;
		padding: 70px 0 10px;
	}

		.main-menu ul,
		body.home .main-menu-wrap .main-menu ul,
		.main-menu-wrap.fixed .main-menu ul {
			display: block;
			float: none;
			width: 100%;
			height: auto;
		}

			#magic-line {
				display: none;
			}

			.main-menu ul li,
			body.home .main-menu-wrap .main-menu ul li,
			.main-menu-wrap.fixed .main-menu ul li {
				display: block;
				float: none;
				width: 100% !important;
				height: auto !important;
				margin: 0;
				list-style: none;
			}

				.main-menu ul li a,
				body.home .main-menu-wrap .main-menu ul li a
				.main-menu-wrap.fixed .main-menu ul li a {
					display: block;
					width: 100%;
					height: auto !important;
					margin: 0;
					padding: 15px 35px;
					line-height: 2.2rem !important;
					text-align: center;
				}

				.main-menu ul li:after,
				body.home .main-menu-wrap .main-menu ul li:after,
				.main-menu-wrap.fixed .main-menu ul li:after {
					bottom: 0px;
				}

				.main-menu ul li:nth-child(2):before {
					display: none;
				}

				.main-menu ul li.logo,
				body.home .main-menu-wrap .main-menu ul li.logo,
				.main-menu-wrap.fixed .main-menu ul li.logo {
					display: none;
				}


.main {
    margin-top: 90px;
}

.page h2 {
    margin-top: 4rem;
}

		.vegg-food h2 {
			font-size: 4rem;
			line-height: 4.2rem;
			text-align: left;
		}

.vegg-food p.rotated {
	margin-left: 0;
	margin-right: 0;
    text-align: left;
}

	.left-content-title {
		float: none;
		width: 100%;
		padding-top: 7%;
	}

	.left-content {
		float: none;
		width: 100%;
	}

				.food .tooltip {
					position: absolute;
					top: 50%;
					left: 35%;
				}

				.food:nth-child(2n) .tooltip {
					position: absolute;
					top: 50%;
					left: auto;
					right: 35%;
				}

					.food .tooltip > div {
						width: 180px;
						padding: 16px 30px 25px;
					}

						.food .tooltip > div:before {
							content: none;
						}

					.food:hover .tooltip {
						visibility: visible;
						opacity: 1;
					}

					.food .tooltip p {
						text-align: left;
						color: #3e2218;
						font-size: 1.6rem;
					}

.left-content-title,
.categories,
.left-content h2 {
	text-align: center;
}

	.foods {
		max-width: 700px;
		margin: 0 auto;
	}

	.foods-phone-title,
	.foods-phone {
		display: block;
	}




	.right-food {
		display: none;
	}


		.book-icon {
			font-size: 2.3rem;
		}


	#nos {
		display: none;
	}

	.kde-veggime-title {
		bottom: 40px;
	}

.kde-veggime {
	margin-top: 40px;
}

		.map-list {
			float: none;
			width: 95%;
			margin: 50px auto 30px;
		}

		.map-frame {
			float: none;
			width: 90%;
			margin: -40px auto;
		}


	.contact-col1 {
		float: none;
		width: 100%;
		padding: 0 10px;
	}

		.path-contact1,
		.path-contact2 {
			display: block;
			width: 85.229%;
			max-width: 250px;
		}

		.kontakt h2 {
			margin: -35px 0 45px 0;
		}

	.contact-col2 {
		clear: left;
		float: left;
		width: 40%;
		padding: 60px 10px 0;
	}

	.contact-col3 {
		float: left;
		width: 60%;
		padding: 60px 10px 0;
	}


	.video .inner-video {
		width: 132%;
		margin: 0 -16%;
	}

	.video-wrap {
		margin-top: -70px;
	}

		.video-content {
			top: 15%;
		}


} /* 900 */


@media (max-width: 800px)
{



} /* 800 */


@media (max-width: 767px)
{

html {
	font-size: 55%;
}


			.book-text h3 {
				margin-top: 3rem;
				font-size: 2rem;
				line-height: 2.2rem;
			}

			.book-text p {
				font-size: 1.2rem;
				line-height: 1.4rem;
				margin-top: 0.6rem;
			}

			.book-text p.script {
				font-size: 1.3rem;
			}


} /* 767 */


@media (max-width: 700px)
{

		.videos-item {
			width: 50%;
		}

			.videos-item:nth-child(4n+1) {
				clear: left;
			}


} /* 700 */


@media (max-width: 650px)
{



} /* 650 */


@media (max-width: 600px)
{

.vegg-go h2 {
	text-align: center;
}

.kontakt h2 {
	margin: -10px 0 30px;
	text-align: center;
}

.kde-veggime-title {
	/* width: 100%; */
    right: 50%;
    -webkit-transform: translateX(50%);
    transform: translateX(50%);
    white-space: nowrap;
}


	.book-wrap {
		margin: 60px 0;
	}

		.book.rotated {
			-webkit-transform: rotate(0deg);
			transform: rotate(0deg);
		}

		.book img {
			display: none;
		}

		.book .idea {
			display: none;
		}

		.book-text {
			position: relative;
			left: 0;
			top: 0;
			width: 100%;
			color: #eee;
			text-align: center;
		}

			.book-text h3 {
				margin-top: 4rem;
				font-size: 4.5rem;
				line-height: 4.9rem;
			}

			.book-text p {
				font-size: 1.8rem;
				line-height: 2.5rem;
				margin-top: 1.4rem;
			}

			.book-text p.script {
				font-size: 2rem;
				line-height: 2.4rem;
			}

.vegg-go .path {
	padding-bottom: 60%;
}

.maly-hlad,
.map-green {
	display: none;
}

	.contact-col2 {
		float: none;
		width: 100%;
		max-width: 400px;
		margin: 0 auto;
		padding: 60px 10px 0;
	}

	.contact-col3 {
		float: none;
		width: 100%;
		max-width: 400px;
		margin: 0 auto;
		padding: 30px 10px 0;
	}


		.copyright .unifer {
			position: static;
			display: block;
			margin-top: 10px;
		}


			.rozvoz .board .food-type img {
				width: 85%;
			}

	.video .inner-video {
		width: 160%;
		margin: 0 -30%;
	}


} /* 600 */


@media (max-width: 500px)
{

html {
	font-size: 50%;
}

h2 {
	font-size: 7rem;
	line-height: 7.2rem;
}

		.food.pack {
			width: 100%;
		}

.book-icon {
	padding: 2px;
}

.vegg-go .path {
	margin-top: 20px;
}

.vegg-go .path .path-tortillas {
	display: none;
}

.map-frame.rotated {
	width: 100%;
	margin: -30px 0;
	-webkit-transform: rotate(0);
	transform: rotate(0);
}

.map-list {
    width: 95%;
    margin: 20px auto 30px;
}

		.love-us span {
			display: block;
		}

		.love-us img {
			margin: 0 20px;
		}


			.kariera-druh {
				width: 100%;
				margin-bottom: 5px;
			}

			.kariera-col2 {
				width: 100%;
				margin-bottom: 5px;
			}

			.kariera .kariera-ks {
				width: 45px;
				margin-bottom: 10px;
			}

			.add-field, .remove-field {
				margin-bottom: 10px;
			}

			.kariera-kam input,
			.kariera-kam select {
				float: none;
				width: 100%;
			}



} /* 500 */


@media (max-width: 450px)
{

.vegg-food .title {
    font-size: 6rem;
    line-height: 5rem;
}

.categories a {
	padding: 0 10px;
    font-size: 2rem;
}

.food label {
    padding: 15px;
}

.checkbox-food:not(:checked) + label:after, .checkbox-food:checked + label:after {
    top: 4px;
    right: 6px;
}


	.video .inner-video {
		width: 170%;
		margin: 0 -35%;
	}

		.video-content {
			top: 12%;
		}

			.video h2 {
				margin-bottom: 1rem;
				font-size: 3.2rem;
			}

				.video .underline:after {
					height: 5px;
				}

	.video-content .prev-next {
		margin-top: 0rem;
	}

		.video-content .prev-next img {
			width: 3.5rem;
		}


} /* 450 */


@media (max-width: 400px)
{

.food label {
    padding: 10px;
}

} /* 400 */