/* smaller screens */
@media screen and (max-width: 1040px) {
	#wrapper {
		min-width: 100%;
		width: 100%;
	}

	.outer-container {
		width: 100%;
		min-width: 100%;
	}

	.middle-container {
		width: 100%;
	}

	.inner-container {
		width: 100%;
	}

	#bugs {
		width: 100%;
		position: static;
		display: none;
	}

	#header-wrapper {
		position: static;
		height: auto;
		background-image: none;
		background-color: #3d2613;
		text-align: center;
		padding-top: 30px;
	}

	#logo {
		position: static;
	}

	#menu-wrapper {
		position: static;
	}

	#menu-hlavni-menu, #menu-wrapper ul li {
		display: inline-block;
		float: none;
		margin: 0 auto;
	}

	#menu-hlavni-menu {
		padding: 30px 0;
	}

	.homepage-item {
		position: static;
		display: inline-block;
		vertical-align: middle;
	}

	#content-slider-wrapper,#content-slider {
		height: auto;
		padding: 0;
		text-align: center;
	}

	#content-slider-wrapper {
		padding: 15px 0;
		background-position: center center;
		background-size: cover;
	}

	#content-text {
		padding: 0 25px;

	}

	#content-text p {
		text-align: left !important;
	}

	#second-menu {
		height: auto;
	}

	#second-menu-content {
		position: static;
		text-align: center;
		padding: 40px 0;
	}

	.second-menu-item {
		float: none;
		display: inline-block;
	}

	#second-menu-content > a {
		display: inline-block;
	}

	.ngg-gallery-thumbnail-box {
		float: none;
		margin: 0 auto;
		display: inline-block;
	}

	.ngg-galleryoverview {
		text-align: center;
	}

	.footer-block {
		width: 50%;
	}

	#footer-contact-address {
		width: 100%;
	}

	#footer-wrapper, #footer {
		height: auto;
	}

	#footer-contact-wrapper, #footer-contact {
		height: auto;
	}
}

/* tablet */
@media screen and (min-width:640px) and (max-width: 1040px) {
	#second-menu-content > a {
		width: 48%;
	}

	#film-roll {
		height: 348px;
	}

	#film-roll img {
		height: 348px;
	}
}

@media screen and (max-width: 640px) {
	body {
		text-align: center;
	}
	#header-wrapper, #header {
		height: auto;
		z-index: 8000;
	}

	#logo {
		position: static;
		margin: 0 auto;
	}

	#menu-wrapper {
		position: static;
		padding-top: 0px;
		height: auto;
		border-bottom: 1px solid #ccc;
	}

	#menu li {
		display: block;
		float: none;
		width: 100%;
		height: 50px;
	}

	#menu li a {
		display: block;
		height: 50px;
		color: white;
		line-height: 50px;
		border-top: 1px solid #ccc;
		margin-top: 0;
		padding: 0;
		text-align: center;
		width: 100%;
		text-transform: uppercase;
		font-size: 20px;
	}

	#menu li a:hover {
		border-top: 1px solid #ccc;
	}

	#content-slider-wrapper, #film-roll {
		display: none;
	}

	.post-1 #content-slider-wrapper, #film-roll {
		display: block;
	}

	#second-menu {
		padding-top: 0;
	}

	#second-menu-content > a {
		width: 100%;
	}

	#o-nas table tr td,#nabidka table tr td {
		display: block;
		width: 96% !important;
		margin: 0 auto;
	}

	#nabidka table tr td img {
		width: 100%;
		margin: 0 auto;
		padding-bottom: 10px;
	}

	.content-item {
		padding: 2%;
		font-size: 16px;
	}

	#content-text p {
		text-align: center !important;
	}

	#content-text ul li {
		text-align: left !important;
	}

	#content-text img {
		display: block;
		max-width: 100%;
		float: none;
	}

	#copyright {

	}

	#footer-wrapper, #footer {
		height: 25px;
	}

	#wrapper {
		margin-bottom: -25px;
	}

	#wrapper:after {
	  height: 25px;
	}

	.footer-block {
		width: 100%;
	}

	#footer-contact-address table,
	#footer-contact-address table tr td {
		width: 100%;
	}

	#footer-contact-address table tr td {
		display: block;
	}

	#klientska-zona {
		position: static;
		float: none;
		margin: 10px auto;
	}

}
