/*******************************************************************************
 * smaller than XXXpx - start
 *******************************************************************************/

@media only screen and (max-width: 1980px), (max-device-width: 1980px) {

/* slider */
#slider { left: 25px; }

}

/*******************************************************************************
 * smaller than XXXpx - start
 *******************************************************************************/

@media only screen and (max-width: 1850px), (max-device-width: 1850px) {

/* slider */
#slider .info { left: 2.5%; }

}

/*******************************************************************************
 * smaller than XXXpx - start
 *******************************************************************************/

@media only screen and (max-width: 1390px), (max-device-width: 1390px) {

/* sdílení */
.share-top { display: none; }

}

/*******************************************************************************
 * smaller than XXXpx - start
 *******************************************************************************/

@media only screen and (max-width: 1200px), (max-device-width: 120px) {

/*slider */
#slider { background: none !important; left: 0; width: 100%; }
#slider .content { height: auto; padding: 0; width: 100% }
#slider .img-only-mobile { display: block; }

.photo { margin: 0 0 15px 0; }
.photo.photo-w { width: calc(64% - 10px); }
.photo.photo-h { width: calc(36% - 5px); }
.photo.photo-w.z6 { width: calc(69.27% - 10px); }
.photo.photo-h.z6 { width: calc(30.73% - 5px); }
.photo.photo-w.ratio169 { width: calc(75.84% - 10px); }
.photo.photo-h.ratio169 { width: calc(24.16% - 5px); }
.photo.photo-w.analog { width: calc(67.4% - 10px); }
.photo.photo-h.analog { width: calc(32.6% - 5px); }
.photo.photo-h.to-half { width: calc(50% - 7.5px); }
.photo.left { margin-right: 15px; }
                                      
}


/*******************************************************************************
 * smaller than XXXpx - start
 *******************************************************************************/

@media only screen and (max-width: 1180px), (max-device-width: 1180px) {

/* to se mi líbí */
.share-bottom { text-align: left; }
.share-bottom .wrap { display: block; }

}  

/*******************************************************************************
 * smaller than XXXpx - start
 *******************************************************************************/

@media only screen and (max-width: 900px), (max-device-width: 900px) {

/* blog */
.blog { margin: 0 0 50px 0 !important; width: 100%; }

/* to se mi líbí */
.share-bottom .fb-like { display: block; float: none; margin-bottom: 1em; }

}  
/*******************************************************************************
 * smaller than XXXpx - start
 *******************************************************************************/

@media only screen and (max-width: 850px), (max-device-width: 850px) {

/* pomocné nastavení, že se jedná o resposivním designu */ 
.responsive-design { font-size: 1px; }

/* nadpisy */
h1, .h1 { font-size: 24px; margin: 0 0 0.5em 0;  }

/* hlavička */
#head .content { text-align: center; }

/* slider */
#slider { background: none; height: auto; margin-top: 0; }
#slider .title { }

/* menu */
#menu { display: block; float: none; margin: 0; width: auto; }
#menu li { display: block; margin: 0; width: calc(100% - 25px); }
#menu li a { background: none; border: 0; display: block; min-width: 0; text-align: left; }
#menu li a.active, #menu li a:hover { background: none; }
#menu li:not(.active) { display: none; }

#menu li.icon { display: inline-block; font-size: 1.25em; padding: 0 0 0 25px; position: absolute; right: 0; top: 15px; width: auto; }
#menu li.icon a { border: none !important; }
#menu li.icon a:hover { text-decoration: none; }
#menu.open li { display: block; }
#menu.open li.icon a { border: 0; }    

/* submenu */
#menu li ul { background: none; position: static; visibility: visible; }

/* menu, submenu - rámeček*/
#menu li a, #menu li ul li a { border-bottom: 1px solid #444; padding: 10px 0; }
#menu li ul li:first-child a { border-top: 0; }
#menu li ul li a:hover, #menu li ul li a.active { color: #68a7dd; }

#content .content { padding-bottom: 15px; padding-top: 15px; }

/* o mně */
.about-me { display: block; float: none; margin: 0 0 1.75em 0 !important; width: auto; }
.about-me:nth-child(1) { }
.about-me:nth-child(2) { }
.about-me:nth-child(3) { }
.about-me strong { display: inline-block; min-height: 0; }

/* kontaktní formulář */
#contact .content { text-align: center; }
#contact-form { margin: 2em 0 0 0; width: 100%; }

/* newsletter - samostatná stránka */
#newsletter-big .left, #newsletter-big .right { display: block; width: 100%; }
#newsletter-big .right { font-size: 5em; margin-top: 25px; }

/* patička */
#foot .fa { margin: 10px; }

}

/*******************************************************************************
 * smaller than XXXpx - start
 *******************************************************************************/

@media only screen and (max-width: 550px), (max-device-width: 550px) {

/* plášť */
.wrap2, .wrap2a, .wrap2b { width: calc(100% - 30px); }

/* hlavička */
#head .content { text-align: center; }
#search, .phone { display: inline-block; float: none; margin-right: 0; }

/* obsah */
#homepage #content .content, #subpage #content .content { margin-top: 0; }

/* tabulka formulář */
.table-form, .table-form tr, .table-form tr td { display: block; width: 100%; }
.table-form table { width: 100%; } 
.table-form td input[type="text"], .table-form td input[type="password"], .table-form td textarea { margin: 1px 0; width: 95% !important; }

/* blog */
/* .blog .wrap-img:hover .background, .blog .wrap-img:hover .title-img { display: none; } */
.blog .title { text-align: center; }

/* foto */
.photo.photo-w, .photo.photo-w.z6, .photo.photo-w.ratio169, .photo.photo-w.analog  { width: 100%; }
.photo.photo-h, .photo.photo-h.z6, .photo.photo-h.ratio169, .photo.photo-h.analog { width: 100%; }
.photo.photo-h.to-half, .photo.photo-h.z6.to-half, .photo.photo-h.ratio169.to-half { width: 100%; }
.photo.left { margin-right: 0; }

/* vzkazovník */
.questbook .reply-part { padding: 1em 0 1em 1em; }

/* vzkazovník - formulář */
.questbook-form .form-name, .questbook-form .form-email { margin: 0; margin-bottom: 1em; width: calc(100% - 32px); } 

}

/*******************************************************************************
 * smaller than XXXpx - start
 *******************************************************************************/

@media only screen and (max-width: 450px), (max-device-width: 450px) {

/* newsletter */
#newsletter input[type="submit"] { font-size: .8em; } 

}