@media only screen and (max-width: 1920px) {

}

@media only screen and (max-width:1440px) {

}

@media only screen and (max-width:1366px) {
.logo { width:20%; }
}

@media only screen and (max-width: 1280px) {

}

@media only screen and (max-width: 1152px) {

}

@media only screen and (max-width: 1024px) {
#pic-exh h2, #coming .pic-info h2  { font-size:1.75rem; }
#pic-exh h3, #coming .pic-info h3 { font-size: 1rem; }

}

@media only screen and (max-width: 991px) { 

}

@media only screen and (max-width: 980px) { 

}

@media only screen and (max-width: 960px) { 
.actualno-desc { padding:0 0.5rem; }

}

@media only screen and (max-width: 900px) { 
.footer-left { width:100%; padding-bottom:1rem; }
.footer-right { width:100%; clear:both; text-align:right; padding-right:0; }
.footer-right img { float:right; margin-left: 1rem; margin-right:0;}
#navbar h1 { width:56%; }
.request a { width:65%;}
}

@media only screen and (max-width: 800px) {
#pic-exh h2, #coming .pic-info h2  { font-size:1.25rem; }
#pic-exh h3, #coming .pic-info h3 { font-size: 0.750rem; }
#page-about { padding-left:2%; padding-right:2%; }
.about-left { width:100%; padding-right:0;}
.about-right { width:100%; }
}

@media screen and (max-width: 768px) {

}

@media screen and (max-width: 750px) {

}

@media screen and (max-width: 736px) {
#navbar { height:100px; }
#navbar h1 { clear:both; width:100%; padding:0 0 0.25rem 1rem; margin:0; }

.logo { padding-bottom:0.5rem;}
.path { width:100%; }
#exh-header-pic { padding-top:100px;}
}

@media only screen and (max-width: 736px) and (orientation: landscape) {

}

@media screen and (max-width:700px){

}

@media only screen and (max-width: 667px) and (orientation: landscape) {

}

@media only screen and (max-width: 600px) {
.search-part { width:35%;}
.info-pic-left { width:100%; text-align:center; padding-left:0; }
.info-pic-left h2 { padding-left:0;}
.info-pic-right { width:100%; text-align:center; padding-top:1rem; padding-left:0; }
.request { text-align:center; margin:0 auto; display:block;}
.request a { margin:1rem auto 0 auto; }
.page-contacts-right .text { font-size:1rem; }
}

@media only screen and (max-width: 640px) {
.container {
  -webkit-column-count: 4;
          column-count: 4;
}
}

@media only screen and (max-width: 600px) {

}

@media only screen and (max-width: 568px) {

}

@media only screen and (max-width: 568px) and (orientation: landscape) {

}

@media only screen and (max-width: 480px) {
.container {
  -webkit-column-count: 2;
          column-count: 2;
}
.tech-row .picture strong, .tech-row .picture a span p { font-size:0.75rem;}
	
#navbar h1 { margin-top:65px; border-left:none; padding:0 0 0.25rem 0.875rem; }
.path { left:0; top:40px; z-index:-1; }
.logo { width:25%; position:absolute; top:-37px; left:75px; }
.lng { padding-top:4rem;}
.search-part { padding-top:0; margin-top:3.5rem; width:50%; z-index:-1;}
.contact-link { top:4rem; float:left; position:absolute; padding:0 0 0 0.875rem; z-index:-1; }
#navbar { height:150px; }

#page-picture, #page-about, #exh-header-pic, #page-contacts { padding-top:150px;}
#page-news { padding-top:170px; }
#page-news-list, #pic-exh, #painters-page, #techniques-page { margin-top:150px;}
.news-list-item { width:100%; padding:0 0 1.5rem 0;}
.page-news-left, .page-news-right { width:100%; padding:0 2.75% 0 1%; }
#coming .pic-info { padding:0;}
#pic-exh h2, #coming .pic-info h2 { font-size:1rem; line-height:1rem; padding:0.75rem; }
.page-contacts-left { width:100%; }
.page-contacts-right { width:100%; }
.page-contacts-right .text { padding-top:1rem;}
.page-contacts-left .text { padding-bottom:1rem;}
#contact-form .body { width:100%; padding:0 0 0 4%; }
.contact-left { width:100%; }
.contact-right { width:100%; }
.news-first-pic { width:100%; }
.sitemap { padding:1rem 1% 0 0; }
}

@media only screen and (max-width: 414px) {

}

@media only screen and (max-width: 384px) {

}

@media only screen and (max-width: 375px) {
#pic-exh { overflow:hidden; height:180px; }
#coming { overflow:hidden; height:218px; }
#pic-exh img, #coming img { height:100%; width:auto !important; }
.tech-row .picture { width:32.5%; margin-top:1px; }
.footer-left img, .footer-right img { width:100%;}

.aktualno-col { width:100%; clear:both;}
.exh-col { width:100%; clear:both; margin:1rem 0; padding:0 3rem; text-align:center; }
.exh-col a img { width:70%; display:inline;}
.picture-painters { width:100%; margin-bottom:1rem; clear:both; }
.panorama-left, .panorama-right { width:100%; clear:both; padding-bottom:1rem;}
.home-random-img { padding-top:150px; }
.home-random-img img.logo-slider { width:60%; left:calc(50% - 30%); bottom:10px; }
.exh-left img { width:100%; margin:0; max-width:none; }
}

@media only screen and (max-width: 360px) {

}

@media only screen and (max-width: 320px) {

}

.err {color: #ce0000; margin-bottom: 5px; font-size:0.875em;}


















































