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

/*slider*/
@media screen and (min-width: 1200px) and (max-width:1600px) {
#camera_wrap {height:610px!important}
}


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

@media screen and (min-width: 1150px) and (max-width:1199px) {
#camera_wrap {height:600px!important}
}

@media screen and (min-width: 0px) and (max-width:1199px) {
.container{width:96%}
}


/******************tab+note******************/ 
@media screen and (min-width: 1024px) and (max-width:1149px) {
#camera_wrap {height:500px!important}
}


/**********************************980px**********************************/
@media screen and (min-width: 980px) and (max-width:1023px) {
#camera_wrap {height:500px!important}

}


/***************************************880px************************************/
@media screen and (min-width: 880px) and (max-width:979px) {

.mainmenu a, .mainmenu .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) {

.mainmenu a, .mainmenu .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) {


.mainmenu a, .mainmenu .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){

.mainmenu a, .mainmenu .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) {

#easyTooltip{font-size:100%}

.mainmenu a, .mainmenu .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) {

#easyTooltip{font-size:100%}

#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) {
body{font-size:70%}
.text h1 {text-align:center!important;line-height:26px;margin:20px 0;font-size:20px;border:none;padding:0;margin:0}
.text h2,.text h3,.text h4 {text-align:center!important;line-height:26px;margin:20px 0}
.text p{text-align:left;}
.text p,.text ul,.text ol,.text h4,.text h5{padding:0 10px!important}
.text ul,.text ol{margin:10px 20px!important} 
.text ul li,.text ol li{padding:0;margin:0}
.subpage{font-size:90%}
.owl-slide{margin-top:10px;float:left}
#paralax{height:200px}
.vp30,.hr50{padding:10px 0;margin:0 auto}
.text p{padding:0;margin:10px 0}
.col3 ol li p{height:115px!important;font-size:14px!important;overflow:hidden}
}

@media screen and (min-width: 0px) and (max-width:767px) {
table td,table th{display:block}
.social-nav-hide {display:none}

}

@media screen and (min-width: 0px) and (max-width:1199px) {
.col3 ol li p{height:100px;font-size:13px}
#header .lang{margin-right:55px}
.header{display:none}
}

@media screen and (min-width: 0px) and (max-width:1199px) {
.produkty .col2 section{width:100%!important}
}



@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;}
.col3 section,.col3 ul li,.col3 ol li,.fotogalerie figure{width:100%;padding:30px;margin:0 0 50px 0!important;border:none;float:none;}
.col3 ol li p{height:100px;font-size:17px}

.owl-carousel, .owl-slide, .owl-slide2, .owl-galerie, .galerie{padding:0;width:100%!important;float:none}
.text .kontakt ul {float:none;width:100%}

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

.mobile-hide{display:none}

#footer{background-image:none}
#foot-menu section{width:100%;max-width:100%;}
#foot-menu section{margin:20px auto}
#foot-menu{padding:20px 0}
#foot-menu section:nth-child(2),#foot-menu section:nth-child(3){}
}

@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);}

#header .lang{margin-right:55px}
#header .lang a, #header .lang .current-menu-item {padding:0 2px;}
}



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


/********************zmena-vzhledu-od-879px********************/
@media screen and (min-width: 0px) and (max-width:879px) {
.fluid_container, .upoutavka article a{display:none!important;position:absolute;top:-5000px}
.homepage .bnrimg {display:block}

}


/***********spolecne-pro-mobil-vyska-sirka************/
@media screen and (min-width: 0px) and (max-width: 607px) {
.owl-galerie figure{padding-left:5px;padding-right:5px;width:100%!important}

.tright,.tright p,.tright h1,.tright h6{text-align:center!important}
.tright hr{text-align:center!important;margin:10px 0 20px}
.tleft hr{text-align:rcenter!important;margin:10px 0 20px}
.tleft,.tleft p,.tleft h1,.tleft h6{text-align:center!important}
h1,h2,h3,h4,h5,h6{text-align:center!important}
.ico:before{display:none}

.col2 section {margin:0!important}
.col2 section:nth-child(2){margin-right:0px;margin-left:0px}
.col2 section p{margin:10px 0;padding:0}

#foot-menu{padding:30px 0;}
#foot-menu section{width:100%;max-width:100%;min-height:auto}
#foot-menu section h5{text-align:left!important}
}

@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}
}