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

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

/* kvalitně položená podlaha */
#podlahy-brno .title { top: 100px; }

}

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

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

.wrap2 { width: 100% !important; }
.wrap2 .content, #submenu .content, #foot .content { padding: 5%; width: 90%; }

/* rychlý kontakt */
.fast-email, .fast-contact { display: none; }

/* hlavička, obsah */
#head .content, #homepage #content .content, #subpage #content .content { padding-left: 5%; padding-right: 5%; width: 90%; }
#head .content, #slider .content, #map .content { padding: 0; width: 100% }

/* hlavička */
#head .content { padding: 0 0 15px 0; }

/* menu */
#menu { width: calc(100% - 200px); width: auto; }
#menu li a { margin-right: 10px; margin-left: 10px; }

/* výhody */
.advantage { margin-right: 10px; }
.advantage img { margin-right: 5px; }

/* slider */
#slider { background-size: cover; }
#slider .call { right: 25px; width: 100%; }
#slider .claim { font-size: 3.5em; }

/* submenu */
#submenu .content { padding: 10px; width: calc(100% - 20px); }
.tile .title { font-size: 0.9em; padding: 15px 5px; width: calc(100% - 10px); }

/* obrázkové dlaždice na hlavní stránce */
.tile-homepage { margin: 0 0 25px 0; width: calc(50% - 25px); }
.tile-homepage:nth-child(odd) { margin-right: 12.5px; }
.tile-homepage:nth-child(even) { margin-left: 12.5px; }

/* reference - dlaždice na podstránce */
.tile-subpage { width: calc(33% - 50px); }

/* kvalitně položená podlaha */
#podlahy-brno .title { font-size: 2em; top: 30px; }

/* kontaktní formulář */
#contact-form { margin-left: 0; padding: 25px; width: 50%; }
                                      
}

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

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

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

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

/* logo */
#logo { margin: -40px 0 0 0; position: static; }

/* menu */
/* #menu { clear: both; display: block; float: none; position: static; } */
#menu { position: static; width: calc(100% - 200px); }
#menu li { display: inline-block; float: none; margin: 1px 0; }
#menu li a { display: inline-block; padding: 3px 10px; }

/* výhody */
.menu-line { margin-top: 10px; position: static; width: auto; }

/* facebook */
.fa-facebook-official { float: left; margin-top: 13px; position: static; vertical-align: middle; }

/* slider */
#slider { height: 50vh; margin-top: 0; }
#slider .claim { margin-top: 200px; }

/* obsah */
#subpage #content { margin: 0; }

/* photo box + text + video */
#text { float: none; width: auto; }
#photo-box { float: none; margin: 1em 0; width: auto; }
#video { float: none; width: auto; }

/* kontaktní formulář */
#contact-form { margin-left: 5%; margin-right: 25px; width: 350px; }

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

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

/* menu */
#menu { padding: 5px; }
#menu li a, #menu li a:hover, #menu li a.active { border-bottom: 1px solid #9f968d; }
#menu li a:hover, #menu li a.active { border-bottom: 1px solid #92b93a; }

/* slider */
#slider { height: 500px;  }
#slider .call { font-size: 1.5em; margin-top: 1em; position: static; }
#slider .claim { margin-top: 120px; }

/* tabulky */
#content .content table, #content table thead, #content table tbody, #content .content table tr, #content .content table tr td { display: block; height: auto !important; text-align: left !important; width: auto !important; }
#content .content table tr td { margin-bottom: 1em; padding: 0 !important; /* padding: 2px 5px; */ }

/* obrázkové dlaždice na hlavní stránce */
.tile-homepage .title { font-size: 1.25em; padding: 5px; }

}

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

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

/* submenu */
.tile, .tile:first-child, .tile:last-child { margin: 0 5px 5px 5px !important; width: calc(25% - 13px); }
.tile .img { height: 100px; }

/* dlaždice hlavní stránky */
.tile-hp { margin-bottom: 45px; padding: 0 !important; width: 100%; }

/* obrázkové dlaždice na hlavní stránce */
.tile-homepage { margin: 0 0 25px 0 !important; width: 100%; }

/* kvalitně položená podlaha */
#podlahy-brno .title { font-size: 1.5em; padding: 15px; top: 0; width: calc(100% - 30px); }

/* ostatní */
#content iframe, #content img { height: auto; width: 100%; }

}

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

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

/* facebook */
.fa-facebook-official { left: 0; margin: 0; position: absolute; top: 25px; }

/* výhody */
.menu-line { float: none; text-align: center; }

/* menu */
#menu { background: none; display: block; float: none; font-size: 1em; padding: 0 0 0 15px; 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; color: #81ba25; }
#menu li:not(.active) { display: none; }

#menu li.icon { display: inline-block; font-size: 1.25em; padding: 0 0 0 25px; position: absolute; right: 15px; top: 25px; width: auto; }
#menu li.icon a { border: none !important; }
#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; border-bottom: 1px solid #444; color: #222; margin-right: 0; 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 { border-bottom: 1px solid #81ba25; color: #81ba25; }

/* vyhledávání */
#search { margin: 10px 0; }

/* obrázkové dlaždice na hlavní stránce */
.tile-homepage { height: 200px; }

/* photo box + text */
#photo-box, #photo-box .main img { width: 100%; }
#photo-box { float: none; margin: 0 0 25px 0; }
#text { float: none; width: 100%; }

/* reference - dlaždice na podstránce */
.tile-subpage { width: calc(50% - 50px); }

/* dlaždice na hp */
.tile-homepage .title-hp2 { font-size: 1.5em; }

/* kontaktní formulář */
#contact-form { margin: 0 0 50px 0; width: calc(100% - 50px); }
.item { clear: both; display: block; float: left; }

}

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

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

/* menu */
#menu li { margin: 0; }
#menu li a { margin: 0; }

/* výhody */
.advantage { display: none; }

/* slider */
/*
#slider { display: none; }
#slider, #subpage #slider { background-color: #efefef; background-image: none; height: auto;  }
*/
#slider { background-attachment: scroll; height: calc(760/1920 * 100vw); } /* 1920 x 760*/
#subpage #slider { height: auto; }
#slider .call, #subpage #slider .call { background: #81ba25; display: none; font-size: 1em; margin: 0; }
#slider .call .call-content { background: none; color: #fff; display: block; text-align: center; } 
#slider .claim { color: #000; display: none; font-size: 2em; margin-top: 1em; position: static; }

/* submenu */
#submenu .content { background-color: #efefef; display: none; position: static; }
.tile, .tile:first-child, .tile:last-child { width: calc(33% - 15px); }
.tile .img { display: none; }
.tile .title { padding: 5px; }

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

/* reference - dlaždice na podstránce */
.tile-subpage { margin: 0 0 25px 0; width: calc(100% - 30px); }

/* 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; }

/* google mapa */
.address { padding: 5%; top: 0; width: 90%; }

/* kvalitně položená podlaha */
#podlahy-brno .title { background: rgba(0,0,0,.5); font-size: 1.25em; }

/* patička */
#foot .content .block-foot { height: auto; margin-bottom: 5%; width: 100%; }
#contact-form table input[type="text"], #contact-form table textarea { padding: 15px 5% 15px 5%; width: 90% !important; }
#contact-form table input[name="cf_date_start"], #contact-form table input[type="cf_date_stop"] { width: 84% !important; }

}

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

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

#search { margin: 0 0 5px 0; }

/* submenu */
.tile, .tile:first-child, .tile:last-child { border: 0; margin: 0 !important; width: 100%; }
.tile:hover { /* background: #a49b92; */ border: 0; }
.tile .wrap-title1 { font-size: 1em; }

/* kvalitně položená podlaha */
#podlahy-brno .title { font-size: 1em; }

}