/* CSS Document */
.mobil{display:none}
.container{min-width:auto}

/* CSS Document */
/*pc*/
@media screen and (min-width: 1200px) and (max-width:10000px) {
.container{width:1200px}
.normal{display:none}
}

@media screen and (min-width: 1150px) and (max-width:1199px) {
.container{width:1130px}
.mw{min-width:1130px;width:100%}

#header h1{font-size:130%}
#menu a, #menu .current-menu-item{font-size:16px}
}


/******************tab+note******************/ 
@media screen and (min-width: 1024px) and (max-width:1149px) {
.container{width:1004px}
.mw{min-width:1004px;width:100%}

#logoclick {width:300px;top:45px}
#header h1{left:340px;font-size:130%}
#menu a, #menu .current-menu-item{font-size:16px;padding:0 10px}
.upoutavka article a{font-size:180%;}

.grid figure img {min-height:auto;width:100%;top:30px}
}


/**********************************980px**********************************/
@media screen and (min-width: 980px) and (max-width:1023px) {
.container{width:960px}
.mw{min-width:960px;width:100%}

#header {height:145px;}
#logoclick {width:300px;top:30px}
#header h1{left:340px;top:45px;font-size:130%}
#header address{top:40px}
#header .btn{display:none}
#menu a, #menu .current-menu-item{font-size:16px;padding:0 10px}
.sb-search {min-width:250px}
#camera_wrap {height:500px!important}
.upoutavka article a{font-size:180%;}

.grid figure img {min-height:auto;width:100%;top:30px}
}


/***************************************880px************************************/
@media screen and (min-width: 880px) and (max-width:979px) {
.container{width:850px}
.mw{min-width:850px;width:100%}

#header {height:145px;}
#logoclick {width:280px;top:35px}
#header h1{left:310px;top:45px;font-size:120%}
#header address{top:40px}
#header .btn{display:none}
#menu a, #menu .current-menu-item{font-size:15px;padding:0 10px}
.sb-search {min-width:200px}
#camera_wrap {height:400px!important}
.upoutavka article a{font-size:140%;}

.grid figure img {min-height:auto;width:100%;top:30px}
}

/*************************************800px******************************/  /*****zmena-menu*****/
@media screen and (min-width: 800px) and (max-width:879px) {
.container{width:780px}
.mw{min-width:780px;width:100%}

#header {height:120px;}
#logoclick {width:200px;top:30px;left:10px}
#header h1{left:270px;top:35px;font-size:130%;letter-spacing:0px;line-height:24px;color:#000;font-weight:400;}
#header h1 b {font-size:100%;font-weight:400;}
#header address{top:20px;right:10px}
#header .btn{display:none}
#menu a, #menu .current-menu-item{font-size:15px;padding:0 10px}
.sb-search {min-width:200px}
#camera_wrap {height:400px!important}
.upoutavka article a{font-size:150%;}

.grid figure img {min-height:auto;width:100%;top:30px}
}


/***************************768px**********************************/
@media screen and (min-width: 768px) and (max-width:799px) {
.container{width:748px}
.mw{min-width:748px;width:100%}

#header {height:120px;}
#logoclick {width:240px;top:25px;left:10px}
#header h1{left:280px;top:35px;font-size:130%;letter-spacing:0px;line-height:24px;color:#000;font-weight:400;}
#header h1 b {font-size:100%;font-weight:400;}
#header address{top:20px;right:10px}
#header .btn{display:none}
#menu a, #menu .current-menu-item{font-size:15px;padding:0 10px}
.sb-search {min-width:200px}
#camera_wrap {height:400px!important}
.upoutavka article a{font-size:150%;}

.grid figure{height:280px}
.grid figure img {min-height:auto;width:100%;top:50px}
.grid figure h2{font-size:15px!important}
figure.effect-sarah ul li a{font-size:95%;font-weight:400}

.col3 figure p{padding:0 15px;font-size:15px;font-weight:400}
.vp30{padding:5px 0}
}


/***************************************608px****************************/
@media screen and (min-width: 608px) and (max-width:767px){
.container{width:588px}
.mw{min-width:588px;width:100%}

#header {height:120px;}
#logoclick {width:240px;top:25px;left:10px}
#header h1, #header .btn{display:none}
#header address{right:10px}
#menu a, #menu .current-menu-item{font-size:15px;padding:0 10px}
.sb-search {min-width:200px}
#camera_wrap {height:400px!important}
.upoutavka article a{font-size:150%;}

.grid figure{height:250px}
.grid figure img {min-height:auto;width:100%;top:60px}
.grid figure h2{font-size:15px!important}
figure.effect-sarah ul {padding:0px!important}
figure.effect-sarah ul li a{font-size:90%;font-weight:400}

.col3 figure p{padding:0 10px;font-size:14px;font-weight:400}

.vp30{padding:5px 0}
}


/*mobil-na-sirku*/
@media screen and (min-width: 480px) and (max-width: 607px) {
.container{width:455px}
.mw{min-width:455px;width:100%}

#easyTooltip{font-size:100%}
#header {height:110px;}
#logoclick {width:220px;top:25px;left:10px}
#header h1, #header .btn{display:none}
#header address{right:10px}
#menu a, #menu .current-menu-item{font-size:15px;padding:0 10px}
.sb-search {min-width:200px}
#camera_wrap {height:400px!important}
.upoutavka article a{font-size:150%;}
.submenu .nav a{font-size:15px}

.grid figure, .col3 figure{width:100%}
figure.effect-sarah ul {padding:0px!important}
figure.effect-sarah ul li a{font-size:90%;font-weight:400}

.vp30{padding:1px 0}

}


/*mobil-na-vysku*/
@media screen and (min-width: 0px) and (max-width: 479px) {
.container{width:340px;box-sizing:border-box}
.mw{min-width:340px;width:100%}

#easyTooltip{font-size:100%}
#header {height:110px;}
#logoclick {width:220px;margin:0px auto;text-align:center;left:0;right:0;top:0;display:block}
#logoclick img{margin:20px auto 0}
#header h1, #header .btn, #header address{display:none}
#menu a, #menu .current-menu-item{font-size:15px;padding:0 10px}
.sb-search {min-width:200px}
#camera_wrap {height:400px!important}
.upoutavka article {display:none}
.submenu .nav a{font-size:12px}

.grid figure, .col3 figure{width:100%}
.grid figure{height:240px}
.grid figure img {min-height:auto;width:100%;top:0px}
figure.effect-sarah ul {padding:0px!important}
figure.effect-sarah ul li a{font-size:90%;font-weight:400}

.vp30{padding:1px 0}
}



/*******************************************spolecne-pro-ruzna-rozliseni******************************************************/

@media screen and (min-width: 0px) and (max-width: 607px) {
.owl-slide{margin-top:10px;float:left}
#paralax{height:0}
}

@media screen and (min-width: 0px) and (max-width:767px) {

table td,table th{display:block}
.page form table tr td,.page form table tr td:first-child{width:100%}
.page form table td{padding-top:5px!important;padding-bottom:5px!important}
.page .form .bigicons i{display:none}
.page section footer figure{width:100%;margin:10px 0 0 0}


}

@media screen and (min-width: 0px) and (max-width:1199px) {

}

@media screen and (min-width: 0px) and (max-width:1149px) {
.blog .gallery-columns-3 figure, .blog .gallery-columns-4 figure{height:160px}
}

@media screen and (min-width: 0px) and (max-width:1023px) {
.blog .gallery-columns-3 figure, .blog .gallery-columns-4 figure{height:140px}
.blog .gallery figcaption{font-size:80%}
}

@media screen and (min-width: 0px) and (max-width:979px) {
.col2 section, .col3 section, .col4 section, .col2 section:nth-child(2) {width:100%;padding:30px;margin:0!important;border:none;float:none;}
.owl-carousel, .owl-slide, .owl-slide2, .owl-galerie, .galerie{padding:0;width:100%!important;float:none}
.text .kontakt ul {float:none;width:100%}

.form article,.form article:nth-child(2),.form article:nth-child(3){width:100%}
.page form textarea{width:100%}
.kontakt .col2 section {min-height:auto;margin:0 0 10px 0}

.padding-for-mobile{padding-top:30px!important;padding-bottom:30px!important}

.mobile-hide{display:none}

#foot-menu section{width:48%;max-width:100%}
#foot-menu section{margin:20px auto!important}
#foot-menu{padding:20px 0}
}

@media screen and (min-width: 0px) and (max-width:879px) {
.col5 section {width:100%;padding:0 30px;margin:0;border:none;font-size:120%}
.fotogalerie section{width:100%;width:calc(100% / 1);width:-webkit-calc(100% / 1);}

}

@media screen and (min-width: 0px) and (max-width:607px) {

}



/*****************************************************notas-az-mobil-na-vysku*************************************************************/


/********************zmena-vzhledu-od-879px********************/
@media screen and (min-width: 0px) and (max-width:879px) {
#menu{font-size:17px;}
#menu .res-nav_click{background:#fff;padding:0;}
#menu .res-nav_click{width:100%;box-sizing:border-box;border:none;z-index:9999;text-decoration:none;text-align:left;padding-left:20px;color:#000;font-size:17px}
#menu .res-nav_click:hover{background:#fff}
#menu .res-nav_click i{color:#000}
#menu .res-nav_click:hover i{}
#menu ul{background:#fff;box-shadow:#ccc 2px 2px 5px}
#menu li {display:block;margin:0;color:#000}
#menu li a, #menu .current-menu-item  {background:#fff;color:#000;display:block;padding:0 20px;text-align:left;box-sizing:border-box;width:100%;height:40px;line-height:40px}
#menu .main-navi{position:relatice;top:60px;}


.bgwood3{display:none}
.fluid_container, .upoutavka article a{display:none!important;position:absolute;top:-5000px}
.homepage .bnrimg {display:block}
.bnrimg aside{width:75%}
.col3 figure,.col4 figure, .blog .gallery-columns-3 figure, .blog .gallery-columns-4 figure{width:100%;margin:0 0 10px 0}
.thematic-gallery figure a, .blog .gallery-columns-3 figure, .blog .gallery-columns-4 figure {height:auto}
.sidemenu{display:none}
}


/***********spolecne-pro-mobil-vyska-sirka************/
@media screen and (min-width: 479px) and (max-width: 607px) {
#menu .res-nav_click {max-height:200px;}
#menu ul{max-height:200px;overflow:auto;}
}/****uprava-menu-pro-mobil-na-sirku****/

@media screen and (min-width: 0px) and (max-width: 607px) {

.page h1, .page h2, .page h3, .page h4{font-size:20px;margin:10px 0}
.page p{}

.page .bnrimg{height:200px}
.page .bnrimg aside{display:none;}


#foot-menu{padding:30px 0;}
#foot-menu section{width:100%;max-width:100%;min-height:auto}


}





@media only screen and (min-width:880px) {
	.main-nav,.fluid_container{display:block!important}
}

@media screen and (min-width: 0px) and (max-width:879px) {
	.main-nav{display:none}
	.res-nav_click{display:block;position:absolute;top:0px;left:0;}
}

@media screen and (min-width: 879px) and (max-width:2000px){.main-nav{display:block!important}
}
@media screen and (min-width: 879px) and (max-width:10000px){.fluid_container{display:block!important}
}