@media (max-width: 1200px) {
	.obal {
		max-width: 940px;
	}
	.sedy-blok h2, .sedy-blok p, .sedy-blok ul, .pulblok {
	max-width: 420px;
}
}

@media (max-width: 1200px) and (min-width: 992px) {
li.tel {
    line-height: 30px;
    font-size: 16px;
}
}

@media (max-width: 992px) {
		.flex-height {
    display: block;
}
	.kontejner-pokoju {
    display: block;
}
	.obal {
		max-width: 720px;
	}
	section#hp-pokoj .pokoj-hp {
    min-height: 450px;
    position: relative;
}
		.sedy-blok h2, .sedy-blok p, .sedy-blok ul, .sedy-blok h1, .pulblok, .kategorie-nemovitosti, .cena-pokoju.zeleny-text {
	    max-width: 720px;
		float: none;
    margin-left: auto;
		margin-right: auto;
}
	.levy-tmavy {
	padding-right: 15px;
	}
	section#hp-pokoj .sedy-blok {
	padding-right: 50px;
	}
	img.obrazek-kontaktu {
    float: none;
    margin: 0 auto;
    display: block;
    margin-bottom: 25px;
}
	.obsah-kontaktu {
    text-align: center;
}
	.ban-big {
    font-size: 32px;
    line-height: initial;
    margin-bottom: 10px;
}
	.text-banneru p {
    font-size: 1.1em;
}
	.text-banneru {
    padding: 20px;
    max-width: 470px;
}
	.vypis-nemovitost-zlin {
    position: relative;
    min-height: 500px;
    width: 100%;
}
	.levy-tmavy {
    background: #1c303a;
		}
}

@media (max-width: 880px) {
.text-banneru {
    height: calc(100% + 20px);
    top: -20px;
    max-width: 60%;
}
}

@media (max-width: 880px) {
	.text-banneru {
		display: none;
	}
	
	.cele-menu:after {
    content: "";
    background: #84ba2a;
    width: 100%;
    height: 50px;
    position: absolute;
    z-index: 2;
    top: 0px;
    left: 0;
}
	img.hp-banner {
    margin-top: -20px;
}
	section#hp-nemovitost {
    margin-top: 65px;
}
	
}

@media (max-width: 767px) {
	.container.zelene-menu {
		background: #84ba2a;
	}
	
	.navbar {
	margin-bottom: 0;
	}
	
	img.hp-banner, section#hlavicka-vila-zlin {
    margin-top: 0;
}
	.navbar-inverse .navbar-nav>li>a {
    text-align: center;
}
}

@media (max-width: 700px) {
	ul.top-kontakt .email {
    display: none;
}
}

@media (max-width: 580px) {
	section#hp-pokoj .sedy-blok {
		padding-right: 15px;
		padding-left: 15px;
	}
ul.top-kontakt li {
    font-size: 18px;
    margin-left: 0;
    padding-left: 42px;
}
	img.logo {
    width: 85px;
    height: 75px;
}
	section#hp-nemovitost {
    margin-top: 35px;
}
	img.obrazek-kontaktu {
    max-width: 125px;
}
	.obrazek-pokoju {
    width: 100%;
    float: none;
    min-height: 260px;
    position: relative;
}
	
	.detaily-pokoju {
    margin-left: 0;
    padding-left: 15px;
	padding-right: 15px;
    text-align: center;
}
	ul.rada-kontakt li {
    display: block;
    text-align: center;
    margin-top: 25px;
}
	.tmavy-blok {
    padding: 70px 15px;
    text-align: center;
}
	
	.cena-pokoju.zeleny-text {
    text-align: center;
    position: relative;
    margin-bottom: 45px;
}
	ul.obsazenost-pokoju li {
	    position: relative;
    display: table;
    margin: 0 auto;
		}
}