@media (max-width: 1750px){
  .save-outlon-left {padding: 60px 0 60px 15px}
}


@media (max-width: 1380px){
  #botanic-park .bx-wrapper {max-width: 785px !important; margin: 0 auto}
}

@media (max-width: 1200px){
  #botanic-park .contIn, #evoluce .contIn, #papua .contIn, #tanganika .contIn, #skelets .contIn, #fire .contIn, #palm-oil .contIn, #silent-forest .contIn, #playground .contIn {padding: 0 15px}
  .palm-oil-left {padding-right: 50px}
  .palm-oil-right {padding-left: 50px}
  .chimney-in, .burning-info-in, .not-burn {padding-left: 15px; padding-right: 15px; width: 100%}
  .sf-in {padding: 70px 15px 30px 15px !important; width: auto}
  .mainTitle {height: auto; padding-bottom: 32px; background-repeat: repeat}
  .mainTitle h1 {width: auto}
}

@media (max-width: 1120px){
  #save-outlon {padding-bottom: 50px}
  .save-outlon-left {float: none; width: auto; padding: 60px 15px}
  .save-outlon-video {float: none; width: auto; max-width: 550px; margin: 0 auto; padding: 0; height: 360px}
  .save-outlon-left-in {width: auto; padding: 0; max-width: none}
}

@media (max-width: 1050px){
  #silent-forest {background-color: #DAD6CA; background-image: none; min-height: 0; padding: 60px 0}
  .silent-forest-left, .silent-forest-right {display: block; width: auto; padding: 0}
  .silent-forest-left {padding-bottom: 20px; text-align: center}
  .silent-forest-left .info-rings .info-ring {display: inline-block; vertical-align: top; margin: 0 25px 25px 25px}
  .silent-forest-right .text {margin-bottom: 20px}
  .sf-bird {width: 45%}
  
  .kozmicke-louky-left, .silent-forest-right {display: block; width: auto; padding: 0}
  .kozmicke-louky-left {padding-bottom: 20px; text-align: center}
  .kozmicke-louky-left .info-rings .info-ring {display: inline-block; vertical-align: top; margin: 0 25px 25px 25px}
  .kozmicke-louky-right .text {margin-bottom: 20px}
  .kl-bird {width: 45%}
  
  
}

@media (max-width: 960px){
  #botanic-park .bx-wrapper {max-width: none !important}
  #botanic-park .bx-controls-direction .bx-prev, #botanic-park .bx-controls-direction .bx-next {display: none}
  #evoluce, #papua, #tanganika, #skelets, #fire {background-position: left center}
  #palm-oil {background-color: #009241; background-image: none; min-height: 0; padding-top: 60px}
  .palm-oil-left, .palm-oil-right {display: block; width: auto; padding: 0}
  .palm-oil-left {padding-bottom: 30px}
  .palm-oil-right .text {margin-bottom: 20px}
  #botanicSlide {transform: none; margin: 0}
  .botanic-slide-item {margin: 0 auto 30px auto; max-width: 370px}
  .bi-temperature {margin-top: -20px;}
  .not-burn-line {background-image: none}
  .nb-block.wood, .nb-block.magazine, .nb-block.grass {padding-left: 0}
  .nb-block {padding-bottom: 20px}
  .nb-image {width: 30%}
  .nb-text {width: 69%}
  .not-burn {padding-top: 100px}
  .sf-block1 .sf-logo {display: block; margin: 0 auto 30px auto;}
  .sf-block1-text {display: block; width: auto; padding-right: 0;}
  .sf-block2-col, .sf-cols .sf-block2-col:nth-child(2n) {padding: 0 0 20px 0; float: none; width: auto}
  .sf-block2 .video, .sf-block5 .video {margin-bottom: 50px}
  .sf-block2-col img {margin: 0 auto 20px auto; max-width: 500px}
  .sf-block3 h2, .sf-block4 h2, .sf-block5 h2 {margin-bottom: 50px; font-size: 35px; line-height: 45px}
  .sf-block5 h2 {margin-bottom: 35px;}
  .sf-block5 .sf-block3-center {padding-bottom: 30px;}
  .sf-block5 .video {margin-bottom: 50px;}
}

@media (max-width: 720px){
  #evoluce, #papua, #tanganika, #skelets, #fire, #playground {padding: 60px 0 30px 0; min-height: 0}
  #evoluce .inner, #papua .inner, #tanganika .inner, #skelets .inner, #fire .inner, #playground .inner {display: block; width: auto; max-width: none; margin-bottom: 50px}
  #evoluce .info-rings, #tanganika .info-rings {display: block; width: auto; text-align: center}
  #tanganika .info-rings .info-ring { display: inline-block; vertical-align: top; margin: 0 25px 30px 25px}
  #evoluce .greenBtn.more, #papua .greenBtn.more, #tanganika .greenBtn.more, #skelets .greenBtn.more, #fire .greenBtn.more, #playground .greenBtn.more {margin: 0}
  #playground {background-position: right center}
  .chimney-in {padding: 60px 15px}
  .chimney {background-position: left top}
  .smoke-image, .temperature-image {display: block; width: auto; margin: 0}
  .smoke-text, .temperature-text {display: block; width: auto}
  .temperature-text {padding: 30px 0 0 0}
  .temperature-text p {margin-left: 0}
  .not-burn {padding-top: 60px}
  .not-burn h2 {margin: 0 0 60px 0}
  .sf-bird {display: block; width: auto; margin: 0 auto 10px auto}
  
  #safari .info-rings, #tanganika .info-rings {display: block; width: auto; text-align: center; margin-top:1em}
  #kozmicke-louky .info-rings {display: block; width: auto; text-align: center; margin-top:1em}
  
  .kozmicke-louky-left, .kozmicke-louky-right {
    width:100%;
  }
}

@media (max-width: 600px){
  .botanic-park-info > span {width: 250px; display: block; margin: 0 auto 50px auto}
  #botanic-park .title, #evoluce .title, #papua .title, #tanganika .title, #skelets .title, #fire .title, #palm-oil .title, #save-outlon .title, #silent-forest .title, #kozmicke-louky .title, #playground .title {margin-bottom: 70px; font-size: 30px}
  #botanic-park .title span, #evoluce .title span, #papua .title span, #tanganika .title span, #skelets .title span, #fire .title span, #palm-oil .title span, #save-outlon .title span, #silent-forest .title span, #kozmicke-louky .title span, #playground .title span {font-size: 27px}
  .botanic-park-info > span.bpi3 .bpi-ico {top: -5px}
  #botanic-park {padding: 30px 0 60px 0}
  #evoluce .title, #papua .title, #tanganika .title, #skelets .title, #fire .title, #palm-oil .title, #save-outlon .title, #silent-forest .title, #kozmicke-louky .title, #playground .title {margin-bottom: 40px}
  .not-burn h2 {font-size: 30px; line-height: 40px; margin-bottom: 30px}
  .nb-image {width: auto; display: block; margin-bottom: -20px}
  .nb-text {width: auto; display: block}
  .sf-cols h2 {font-size: 30px; line-height: 40px; margin: 0 0 30px 0;}
}

@media (max-width: 500px){
  .sf-logo {display: block}
  .sf-text {display: block; width: auto; padding: 0 0 30px 0}
  .sf-project {width: 100%; min-height: 0; max-width: 362px}
  .kl-logo {display: block}
  .kl-text {display: block; width: auto; padding: 0 0 30px 0}
  .kl-project {width: 100%; min-height: 0; max-width: 362px}
}



@media (max-width: 1200px)
{
	body
	{
		min-width: 0;
	}
	
	#page .rightPanel
	{
		width: 100%;
		float: none;
		width: 100% !important;
	}
	
	.mainTitle
	{
		padding-left: 7px;
		padding-right: 7px;
	}
	
	#page .rightPanel .rightMenu li.active .arr
	{
		display: none;
	}
	
	#page .leftPanel
	{
		float: none;
		width: 100%;
		padding-left: 7px;
		padding-right: 7px;
	}
	
	#page .leftPanel .oteviraciDoba
	{
		text-align: center;
	}
	
	#page .leftPanel .oteviraciDoba h2,
	#page .leftPanel .oteviraciDoba h3
	{
		text-align: left;
	}
	
	#page .leftPanel .ostatni .parkovne,
	#page .leftPanel .ostatni .jizdaVlackem
	{
		float: none;
		width: 100%;
		padding: 0 0 20px 0;
	}
	
	#page .leftPanel .oteviraciDoba .info
	{
		text-align: left;
	}
	
	#page .leftPanel .oteviraciDoba .item
	{
		float: none;
		display: inline-block;
		vertical-align: top;
		margin-right: 0;
	}
	/*
	#mapaZoo
	{
		display: none;
	}
	*/
	.contIn
	{
		width: 100%;
		margin: 0;
	}
	
	#content.subpage .leftPanel #novinky.subPage
	{
		
	}
	
	#content.subpage .leftPanel #novinky.subPage .item
	{
		display: inline-block;
		width: calc(100% / 3);
	}
	
	#ochrana_bottom
	{
		text-align: center;
		min-height: 0;
		padding: 0 0 30px 0; 
	}
	
	#ochrana_bottom .title
	{
		margin: 0 0 20px 0;
	}
	
	#ochrana_bottom .ochrana_flipper
	{
		position: relative;
		display: inline-block;
		margin: 15px !important;
		left: 0;
		top: 0;
	}
	
	#header .nav
	{
		display: none;
		float: none;
		width: 100%;
		background: #FFF;
		position: absolute;
		left: 0;
		top: 97px;
	}
	
	#header .nav .list .subMenu
	{
		display: block;
		position: relative;
		top: 0;
		left: 0 !important;
		border: none;
		width: 100%;
		padding: 0;
		right: auto !important;
	}
	
	#header .nav .list .subMenu .arrow
	{
		display: none;
	}
	
	#header .nav .list .subMenu .list2
	{
		float: none;
	}
	
	#header .nav .list .subMenu .list2 .href2
	{
		width: 100%;
		padding: 7px 0 7px 30px;
	}
	
	#header .nav .list
	{
		display: block;
		height: auto;
		margin: 0;
	}
	
	#header .nav .list::before
	{
		display: none;
	}
	
	#header .nav .list .href
	{
		height: auto;
		padding: 10px 15px;
	}
	
	#banners
	{
		overflow: hidden;
	}
	
	#banners .contIn
	{
		left: auto;
		right: 15px;
		width: auto;
	}
	
	#expozice .precteteSi
	{
		display: none;
	}
	
	#expozice
	{
		text-align: center;
	}
	
	#expozice .item
	{
		display: inline-block;
		float: none;
		margin: 0 10px 10px 10px;
	}
	
	#novinky
	{
		height: auto;
		font-size: 0;
	}
	
	#novinky .item
	{
		width: 50%;
		vertical-align: top;
		display: none;
		float: none;
		padding-left: 80px;
		padding-right: 15px;	
	}
	
	#novinky .item .date
	{
		left: 15px;
	}
	
	#novinky .item .info .text
	{
		font-size: 15px;
	}
	
	#novinky .more
	{
		font-size: 15px;
	}
	
	#novinky .item:nth-child(1),
	#novinky .item:nth-child(2)
	{
		display: inline-block;		
	}
	
	#novinky .item .info
	{
		width: 100%;
	}
	
	#expozice .item:nth-child(7), 
	#expozice .item:nth-child(12)
	{
		margin: 0 10px 10px 10px;
	}
	
	.navRes
	{
		display: block;
		float: right;
		background: url("../img/ico_menu.png") no-repeat 0 0;
		width: 68px;
		height: 54px;
		cursor: pointer;
		margin: 20px 15px 0 0;
	}
	
	#pomahame
	{
		
	}
	
	#ochrana
	{

	}
	
	#ochrana .left .dycham
	{
		max-width: 544px;
		width: 100%;
	}
	
	#ochrana .left .dycham img
	{
		width: 100%;
	}
	
	#ochrana .slider
	{
		display: none;
	}
	
	#ochrana .left
	{
		padding: 52px 15px 0 15px;
		float: none;
		width: 100%;
	}
	
	#zooOstrava
	{
		
	}
	
	#zooOstrava .inner
	{
		width: 100%;
		padding: 0 15px;
	}
	
	#prirustky
	{
		padding-bottom: 70px;
	}
	
	#prirustky .more
	{
		top: auto;
		bottom: -55px;
	}
	
	#footer .contIn
	{
		padding: 0 15px;
	}
	
	#footer .col
	{
		width: 100%;
		float: none;
		margin: 0 0 20px 0 !important;
	}
	
	.seznam-zvirat 
	{
		text-align: center;
	}
	
	.seznam-zvirat h3
	{
		text-align: left;
	}
	
	.seznam-zvirat .select
	{	
		right: 7px;
	}
	
	.photoGallery
	{
		margin: 0 auto 30px auto;
	}
}

@media (max-width: 1000px)
{
	#pomahame .item {
		height: auto;
		background: none;
		padding: 0;
		margin: 0 15px 15px 15px;
		border: none;
	}
		
   #pomahame .item .text {
   	margin: 0;
   	padding: 10px 10px 15px 10px;
   	
		-webkit-border-top-left-radius: 4px;
		-webkit-border-top-right-radius: 4px;
		-moz-border-radius-topleft: 4px;
		-moz-border-radius-topright: 4px;
		border-top-left-radius: 4px;
		border-top-right-radius: 4px;
		background: #FFF;
	}
	
	#pomahame .item img {
		position: relative;
		left: 0;
		right: auto;
		top: 0;
		width: 100%;
		height: auto;
		
		-webkit-border-bottom-right-radius: 4px;
		-webkit-border-bottom-left-radius: 4px;
		-moz-border-radius-bottomright: 4px;
		-moz-border-radius-bottomleft: 4px;
		border-bottom-right-radius: 4px;
		border-bottom-left-radius: 4px;
	}

	#zooOstrava {
		height: auto;
		background: url("../img/wooden_texture.jpg") repeat 0 0;
		padding: 30px 0;
	}
	
	.reklama-net {
		width: 100%;
		text-align: center;
	}
	
	.reklama-net img {
		width: 100%;
		height: auto;
	}

	#upperBar .zrizovatel
	{
		display: none;
	}
		
	.photoGallery
	{
		margin: 0 0 30px 0;
		width: 100%;	
	}
	
	.photoGallery .biGimg
	{
		width: 50%;
	}
	
	.photoGallery .biGimg a div
	{	
		width: 100%;
		background-size: cover;
		background-position: center center;
	}
	
	.photoGallery .thumbs
	{
		width: calc(50% - 30px);
		margin: 0;
		float: right;
	}	
	
	.photoGallery .thumbs a
	{
		width: calc(50% - 30px);
		margin: 0 30px 30px 0; 
	}
	
	.photoGallery .thumbs a img
	{
		width: 100%;
	}
}

@media (max-width: 780px)
{
	#zooOstrava .item {
		width: 33%;
		padding: 74px 0 0 0;
		min-height: 0;
		text-align: center;
		background-position: 50% 0 !important;
	}
	
	#zooOstrava .item.item4 {
		clear: both;
	}
	
	#zooOstrava .item .inner {
		display: block;
		height: auto;
	}

	#banners .contIn
	{
		display: none;
	}
	
	#page .leftPanel .vstupne .left,
	#page .leftPanel .vstupne .right
	{
		float: none;
		padding: 0;
		margin: 0 0 20px 0;
	}
	
	#page .leftPanel .vstupne .right .vyberte
	{
		margin-bottom: 15px;
	}
	
	#content.subpage .leftPanel #novinky.subPage .item
	{
		display: inline-block;
		width: calc(100% / 2);
	}
	
	#content.subpage .leftPanel #novinky.subPage .item:nth-child(3n) {
   	border-right: 1px solid #dad6ca;
	}
		
	#content.subpage .leftPanel #novinky.subPage .item:nth-child(odd)
	{
		border-left: none;
	}
	
	#content.subpage .leftPanel #novinky.subPage .item:nth-child(even)
	{
		border-right: none;
	}
}

@media (max-width: 600px)
{	
	.photoGallery
	{
		padding-right: 30px;
	}
	
	.photoGallery .biGimg
	{
		margin: 0 0 15px 0;
		float: none;
		width: 100%;
		text-align: center;
	}
	
	.photoGallery .thumbs
	{
		float: none;
		width: 100%;
	}
	
	.photoGallery .thumbs a
	{
		width: calc(50% - 10px);
		margin: 5px;
	}

	#content.subpage .leftPanel #novinky.subPage .item
	{
		display: block;
		width: 100%;
		border-left: none;
		border-right: none;
		border-bottom: 1px solid #dad6ca;
	}
	
	#content.subpage .leftPanel #novinky.subPage .item:last-child
	{
		border-bottom: none !important;
	}
	
	#content.subpage .leftPanel #novinky.subPage .item .info .text
	{
		min-height: 60px;
	}

	#novinky .item
	{
		width: 100%;
		height: auto;
		border-right: none;
		padding-top: 15px;
		padding-bottom: 15px;
	}

	#novinky .item .info .text
	{
		height: auto;
	}
	
	#novinky .item .info .name
	{
		height: auto;
	}
	
	#novinky .item .date
	{
		top: 0;
	}
	
	#novinky .more 
	{
    top: auto;
    bottom: -22px;
}

@media (max-width: 480px)
{
	#upperBar .lang
	{
		padding: 0;
	}
	
	#zooOstrava .item.item4 {
		clear: none;
	}
	
	#zooOstrava .item {
		width: 50%;
	}
	
	#upperBar .search input[type=text]
	{
		width: 190px;
	}
	
	#upperBar .lang .label
	{
		display: none;
	}
{