/* CSS Document */

/* bxslider - full sceen */ 

body, html{
    height: 100%; 
} 


.bxslider, .bxslider li{
    height: 100% !important;;
}

/* */  


   
ul {
     margin: 15px 20px 0px 0px;
   }
   
li {
    list-style-position: outside;
    list-style-image: url('../../../Image/user_img/lorahelper_cz/obecne/li.png');
    padding: 0px 20px 5px 20px;
   }


   
.stred {margin: 0px auto;}

a {color: #181818; text-decoration: underline;}
a:hover {color: #181818; text-decoration: underline;}

.tlacitko-sedive {color: #ffffff; font-size: 13px; border-radius: 25px; line-height: 14px; border: 2px solid #4e4e4e; background-color: #4e4e4e; padding: 10px 32px 10px 32px; text-decoration: none; text-transform: uppercase; font-weight: 400;}
.tlacitko-sedive:hover {color: #000000; font-size: 13px; line-height: 14px; background-color: #f4cf15; border: 2px solid #ffffff; padding: 10px 32px 10px 32px; text-decoration: none; text-transform: uppercase; font-weight: 400; }

.tlacitko-bile {color: grey; font-size: 13px; border-radius: 25px; line-height: 14px; border: 2px solid #ffffff; background-color: #ffffff; padding: 10px 32px 10px 32px; text-decoration: none; text-transform: uppercase; font-weight: 400;}
.tlacitko-bile:hover {color: #ffffff; font-size: 13px; line-height: 14px; background-color: #4e4e4e; border: 2px solid #4e4e4e; padding: 10px 32px 10px 32px; text-decoration: none; text-transform: uppercase; font-weight: 400;}

.tlacitko-zlute {color: #ffffff; font-size: 13px; border-radius: 25px; line-height: 14px; border: 2px solid #f4cf15; background-color: #f4cf15; padding: 10px 32px 10px 32px; text-decoration: none; text-transform: uppercase; font-weight: 400;}
.tlacitko-zlute:hover {color: #ffffff; font-size: 13px; line-height: 14px; background-color: #4e4e4e; border: 2px solid #4e4e4e; padding: 10px 32px 10px 32px; text-decoration: none; text-transform: uppercase; font-weight: 400; }         

.klient-zlute {color: #ffffff; font-size: 15px; border-radius: 25px; line-height: 14px; border: 2px solid #f4cf15; background-color: #f4cf15; padding: 10px 52px 10px 52px; text-decoration: none; text-transform: uppercase; font-weight: 400;}
.klient-sede {color: #ffffff; font-size: 15px; border-radius: 25px; line-height: 14px; border: 2px solid #666666; background-color: #666666; padding: 10px 52px 10px 52px; text-decoration: none; text-transform: uppercase; font-weight: 400;}
        
.stin{
  -webkit-box-shadow: 2px 15px  #e0e1e0,  -2px 0 15px #e0e1e0;
  -moz-box-shadow: 2px 0 15px #e0e1e0,  -2px 0 15px #e0e1e0;
  box-shadow: 2px 0 15px #e0e1e0,  -2px 0 15px #e0e1e0;
}

.text-bily {color: #ffffff;} 
.hover-opacity:hover {opacity: 0.8;} 

.tlacitko-hnede-navig {color: #ffffff; font-size: 14px; line-height: 14px; background: #181818; border: 1px solid #181818; padding: 9px 12px 8px 12px; text-decoration: none; margin: 0px 2px 0px 2px;}
.tlacitko-hnede-navig:hover {color: #ffffff; font-size: 14px; line-height: 14px;  background: #d89da4; border: 1px solid #d89da4; padding: 9px 12px 8px 12px; text-decoration: none; margin: 0px 2px 0px 2px;}
.tlacitko-hnede-navig-prazdne {float: left; color: #a5b9bb; font-size: 20px; font-weight: normal; text-decoration: none; text-decoration: none; background-color: #dee7e8; border: 0px; padding: 8px 14px 5px 14px; margin: 0px 2px 0px 2px;}

.bile-kolecko {width: 140px; height: 140px; border-radius: 70px; background: #ffffff; font-size: 16px; line-height: 18px; font-family: 'Noto Serif', serif; font-weight: 300;}

/* fixed okno */
@media screen and (min-width:1629px) {
  .fixed-right-win {display: block;}
}
               
@media screen and (min-width:0px) and (max-width:1628px) {
  .fixed-right-win {display: none;}
}
 
 

@media screen and (min-width:1650px) {
  .obsah {width: 95%; max-width: 1790px;}
  .hlavni {max-width: 70%; width: 100%;}
  .hlavni-2 {max-width: 100%; width: 100%;}
  .table-leva-prava-top {float: left; height: 80px;}
  .table-2-sloupce-prava {float: right; width: 50%; margin: 0px 0% 0px 0%; padding-top: 120px; border-spacing: 0; border-collapse: collapse;}
  .table-2-sloupce-leva {float: left; width: 50%; margin: 0px 0% 0px 0%; border-spacing: 0; border-collapse: collapse;}
}
               
@media screen and (min-width:1340px) and (max-width:1649px) {
  .obsah {width: 95%; max-width: 1412px;}
  .hlavni {max-width: 95%; width: 100%;}
  .hlavni-2 {max-width: 100%; width: 100%;}
  .table-leva-prava-top {float: left; height: 60px;}
  .table-2-sloupce-prava {float: right; width: 50%; margin: 0px 0% 0px 0%; border-spacing: 0; border-collapse: collapse;}
  .table-2-sloupce-leva {float: left; width: 50%; margin: 0px 0% 0px 0%; border-spacing: 0; border-collapse: collapse;}
}

@media screen and (min-width:1101px) and (max-width:1339px) {
  .obsah {width: 95%; max-width: 1512px;}
  .hlavni {max-width: 95%; width: 100%;}
  .hlavni-2 {max-width: 100%; width: 100%;}   
  .table-leva-prava-top {float: left; height: 20px;}
  .table-2-sloupce-prava {float: right; width: 50%; margin: 0px 0% 0px 0%; border-spacing: 0; border-collapse: collapse;}
  .table-2-sloupce-leva {float: left; width: 50%; margin: 0px 0% 0px 0%; border-spacing: 0; border-collapse: collapse;}
}

@media screen and (min-width:0px) and (max-width:1100px) {
   .obsah {width: 100%;} 
   .hlavni {width: 94%; margin: 0px 3% 0px 3%;}
   .hlavni-2 {max-width: 100%; width: 100%;}
   .table-leva-prava-top {float: left; height: 40px;}
   .table-2-sloupce-prava {float: left; width: 90%; margin: 0px 5% 0px 5%; border-spacing: 0; border-collapse: collapse;}    
   .table-2-sloupce-leva {float: right; width: 90%; margin: 0px 5% 0px 5%; border-spacing: 0; border-collapse: collapse;}
} 



@media screen and (min-width:1238px) {
  .logo {float: left; z-index: 6; position: absolute; left: 0px; top: 30px;}
  .logo a:before {content: url('../../../Image/user_img/lorahelper_cz/obecne/logo.png'); }
  .menu-carky {float: right; position: relative; margin-top: 27px; margin-right: 60px;} 
  .menu {float: left; display: block; width: 100%;}
  .menu-item {font-weight: 300; font-size: 18px;}
  .menu-in {float: right; margin-top: 41px;}
  .menu-mobile {display: none;}
  .menu-mezera {float:left; padding: 0px 15px 0px 15px;}
  .menu-mezera-big {float:left; padding: 0px 120px 0px 120px;}
  .pod-menu {display: block;}
} 

@media screen and (min-width:961px) and (max-width:1237px) {
  .logo {float: left; z-index: 6; position: absolute; left: 0px; top: 30px;}
  .logo a:before {content: url('../../../Image/user_img/lorahelper_cz/obecne/logo.png'); }
  .menu-carky {float: right; position: relative; margin-top: 27px; margin-right: 60px;} 
  .menu {float: left; display: block; width: 100%;}
  .menu-item {font-weight: 300; font-size: 15px;}
  .menu-in {float: right; margin-top: 41px;}
  .menu-mobile {display: none;}
  .menu-mezera {float:left; padding: 0px 5px 0px 5px;}
  .menu-mezera-big {float:left; padding: 0px 120px 0px 120px;}
  .pod-menu {display: block;}
}   

@media screen and (min-width:0px) and (max-width:960px) {
  .logo {float: left; z-index: 6; position: absolute; left: 20px; top: 30px;}
  .logo a:before {content: url('../../../Image/user_img/lorahelper_cz/obecne/logo.png'); } 
  .menu-carky {float: right; position: relative; margin-top: 10px; margin-right: 20px;}
  .menu {float: right; display: none;}
  .menu-mobile {float: right; display: block; margin-top: 35px;}
  .menu-mezera {}
  .menu-mezera-big {}
  .pod-menu {display: none;}
}         


/* desktop */
@media screen and (min-width:1300px) {
  
  .table-1-sloupce {width: 60%; margin: 0px 20% 0px 20%;}
  .table-2-sloupce {width: 42%; margin: 0px 4% 0px 4%;}
  .table-2-sloupce-bila {width: 32%; margin: 0px 10% 0px 10%; background: #ffffff; padding: 35px 2% 35px 2%;}
  /*.table-2-sloupce-prava {width: 46%; margin: 0px 0% 0px 4%; border-spacing: 0; border-collapse: collapse;}   
  .table-2-sloupce-leva {width: 46%; margin: 0px 4% 0px 0%; border-spacing: 0; border-collapse: collapse;}*/
  
  .table-3-sloupce {width: 31%; margin: 0% 1% 0% 1%;}
  .table-3-sloupce-body {width: 29%; margin: 0% 2.1% 0% 2.1%;}
  .table-body {width: 140px; margin: 0px 20px 0px 20px;}
  .table-4-sloupce {width: 22%; margin: 0% 1.5% 0% 1.5%;} 
  .table-5-sloupcu {width: 17%; margin: 0% 1.5% 0% 1.5%;} 
  .table-2-sloupce-a {float: left; width: 33%;}
  .table-2-sloupce-b {float: right; width: 63%;} 
  .table-3-sloupce-a {float: left; width: 20%;}
  .table-3-sloupce-b {float: left; width: 60%;}
  .table-3-sloupce-c {float: left; width: 20%;}
  .table-2-sloupce-plne {width: 45%; margin: 0px 0px 0px 0px;}
  .font-dancing {font-family: 'Dancing Script', cursive; font-size: 30px; line-height: 36px; font-weight: 400;}
  
  .nadpis-zacatek {font-size: 60px; line-height: 64px; font-weight: 700;}
  .nadpis-klienti {font-size: 70px; line-height: 70px; font-weight: 700; text-transform: uppercase;}
  .z-1 {text-align: right; position: absolute; left: 0px; top: 30px; font-size: 70px; color: #f4cf15; line-height: 70px; font-weight: 700; text-transform: uppercase;}
  .z-2 {text-align: left; position: absolute; right: 0px; top: 30px; font-size: 60px; color: #4e4e4e; line-height: 60px; font-weight: 700; text-transform: uppercase;}
  .slider-container {float: left; position: relative; width: 100%; height: 924px;}
  .tabulka-home-slider {float: right; width: 100%; margin-top: 130px;}                                                                                                              
  .nadpis-home-slider {font-size: 80px; line-height: 80px; font-weight: 900; color: #ffffff; padding: 0px 0px 0px 0px; text-transform: uppercase; text-shadow: 2px 2px 5px #3d3d3d;}
  .slider-top {height: 250px;}
  .slider-upoutavka-text {font-size: 15px; line-height: 18px; font-weight: 300; color: #ffffff;}
  .nadpis-home-slider p {} 
  .anotace-home-slider {font-size: 18px; line-height: 26px; font-weight: 300; color: #ffffff; padding-top: 15px; text-shadow: 2px 2px 5px #3d3d3d;} 
  .anotace-home-slider p {font-size: 18px; line-height: 18px; font-weight: 300; color: #ffffff; padding-top: 10px; text-shadow: 2px 2px 5px #3d3d3d;} 
  .nadpis {padding: 0px 0px 0px 0px; font-size: 27px; line-height: 33px; font-weight: 700; color: #181818; text-transform: uppercase;}
  .nadpis-maly {padding: 0px 0px 0px 0px; font-size: 22px; line-height: 28px; font-weight: 700; color: #181818; text-transform: uppercase;}
  .anotace {width: 80%; padding: 0% 10% 0% 10%; font-size: 18px; line-height: 24px; font-weight: 300;}
  .nadpis-bily {padding: 0px 0px 0px 0px; font-size: 27px; line-height: 33px; font-weight: 700; color: #ffffff; text-transform: uppercase;}
  .nadpis-banner-bily {padding: 0px 0px 0px 0px; font-size: 32px; line-height: 40px; font-weight: 700; color: #ffffff; text-transform: uppercase; text-shadow: 2px 2px 5px #3d3d3d;}
  .anotace-bila {font-size: 15px; line-height: 21px; font-weight: 300; color: #ffffff;}
  .anotace-banner-bila {font-size: 20px; line-height: 28px; font-weight: 300; color: #ffffff; width: 80%; padding: 0px 10% 0px 10%; text-shadow: 2px 2px 5px #3d3d3d;}
  .nadpis-aktuality {font-family: 'Noto Serif', serif; padding: 0px 0px 18px 0px; font-size: 19px; line-height: 29px; font-weight: 300; color: #181818;}
  .anotace-aktuality {font-size: 15px; line-height: 21px; font-weight: 300;}
  .aktuality-item {float: left; position: relative; max-width: 100%; height: 400px; margin-bottom: 60px;}
  .nadpis-pokoje {font-family: 'Noto Serif', serif; padding: 0px 0px 18px 0px; font-size: 19px; line-height: 29px; font-weight: 300; color: #181818;}
  .anotace-pokoje {font-size: 15px; line-height: 21px; font-weight: 300;}
  .pokoje-item {float: left; position: relative; max-width: 100%; height: 380px; margin-bottom: 60px;}
  .citat {font-family: 'Noto Serif', serif; padding: 0px 0px 0px 0px; font-size: 24px; line-height: 30px; font-weight: 300; color: #181818;}
  .text-paticka {color: #ffffff; font-size: 15px;}
  .odkaz-paticka {color: #ffffff; font-size: 15px; text-transform: uppercase;}
  .odkaz-paticka:hover {color: #ffffff; font-size: 15px; text-transform: uppercase;}
  .nadpis-paticka {font-size: 20px; line-height: 40px; padding-bottom: 20px; color: #ffffff; font-weight: 300;}
  .paticka-cara {border-top: 1px solid #6c6e6f;}
  .reference-lidi-slider-hlavni {width: 60%;}
  .reference-lidi-slider-text {font-size: 22px; line-height: 28px; font-weight: 600; color: #254647;}
  .reference-lidi-slider-autor {font-size: 22px; line-height: 28px; font-weight: 400; color: #254647;}
  .img-gallery-full-width {}
  .img-gallery-full-width:hover {opacity: 0.8;}
  /*
  .img-gallery-full-width {overflow: hidden;}
  .img-gallery-full-width img {transform-origin: 0 0; transition: transform .25s, visibility .25s ease-in;}
  .img-gallery-full-width:hover img {transform: scale(1.05); transform-origin: center;}
  */
  .upoutavka-sediva {font-size: 18px; line-height: 18px; font-weight: 400; color: #adb3b8;}
  .mobile-no {display: block;}
  .input-control {float: left; width: 280px; height: 34px; border: 1px solid #dbd7d7; }
  .input-control input {height: 34px; width: 280px; padding: 8px 6px 6px 20px; border: none; font-size: 14px; }
  .input-control-small {float: left; width: 200px; height: 34px; border: 1px solid #dbd7d7; }
  .input-control-small input {height: 34px; width: 200px; padding: 8px 6px 6px 20px; border: none; font-size: 14px; }
  .control-textarea {height: 300px; width: 500px; padding: 8px 6px 6px 20px; border: 1px solid #dbd7d7; font-size: 14px; }
  .select-control {float: left; width: 280px; height: 34px; border: 1px solid #dbd7d7; }
  .select-control select {height: 34px; width: 280px; padding: 8px 6px 6px 20px; border: none; font-size: 14px; }
  .rezervace-note-tablet {display: block;}
  .rezervace-mobil {display: none;}  
  .cislo {float: left; border-radius: 34px; color: #f4cf15; font-size: 24px; width: 60px; line-height: 60px; border: 2px solid #f4cf15; text-align: center;}
  .cislo-popis {padding-left: 25px; font-size: 26px; line-height: 32px;}
  div {text-align: left; font-family: 'Open Sans', sans-serif; font-size: 18px; line-height: 29px; color: #404040;}
  td {line-height: 29px; font-family: 'Open Sans', sans-serif; font-size: 18px; color: #404040; }
  .poptavkovy-formular-1 {width: 600px;}
}                        
/* tablet */                 
@media screen and (min-width:808px) and (max-width:1300px) {
  
  .table-1-sloupce {width: 60%; margin: 0px 20% 0px 20%;}
  .table-2-sloupce {width: 42%; margin: 0px 4% 0px 4%;}
  .table-2-sloupce-bila {width: 32%; margin: 0px 10% 0px 10%; background: #ffffff; padding: 35px 2% 35px 2%;}
  /*.table-2-sloupce-prava {width: 46%; margin: 0px 0% 0px 4%; border-spacing: 0; border-collapse: collapse;}   
  .table-2-sloupce-leva {width: 46%; margin: 0px 4% 0px 0%; border-spacing: 0; border-collapse: collapse;}*/
  
  .table-3-sloupce {width: 31%; margin: 0% 1% 0% 1%;}
  .table-3-sloupce-body {width: 31%; margin: 0% 1% 0% 1%;}
  .table-body {width: 140px; margin: 0px 20px 0px 20px;}
  .table-4-sloupce {width: 22%; margin: 0% 1.5% 0% 1.5%;}
  .table-5-sloupcu {width: 17%; margin: 0% 1.5% 0% 1.5%;} 
  .table-2-sloupce-a {float: left; width: 33%;}
  .table-2-sloupce-b {float: right; width: 63%;} 
  .table-3-sloupce-a {float: left; width: 20%;}
  .table-3-sloupce-b {float: left; width: 60%;}
  .table-3-sloupce-c {float: left; width: 20%;}
  .table-2-sloupce-plne {width: 45%; margin: 0px 0px 0px 0px;}
  .font-dancing {font-family: 'Dancing Script', cursive; font-size: 30px; line-height: 36px; font-weight: 400;}
  /*
  .logo {float: left; z-index: 6; position: absolute; left: 50%; transform: translate(-50%,0); top: 20px;}
  .logo a:before {content: url('../../../Image/user_img/lorahelper_cz/obecne/logo.png'); } 
  .menu-carky {float: right; position: relative; margin-top: 10px; margin-right: 60px;}
  .menu {float: right; display: none;}
  .menu-mobile {float: right; display: block; margin-top: 25px;}
  .menu-mezera {}
  .menu-mezera-big {}
  .pod-menu {display: none;}
  */
  
  .nadpis-zacatek {font-size: 60px; line-height: 64px; font-weight: 700;}
  .nadpis-klienti {font-size: 50px; line-height: 50px; font-weight: 700; text-transform: uppercase;}
  .z-1 {text-align: right; position: absolute; left: 0px; top: 30px; font-size: 50px; color: #f4cf15; line-height: 50px; font-weight: 700; text-transform: uppercase;}
  .z-2 {text-align: left; position: absolute; right: 0px; top: 30px; font-size: 40px; color: #4e4e4e; line-height: 40px; font-weight: 700; text-transform: uppercase;}
  .slider-container {float: left; position: relative; width: 100%; height: 924px;}
  .tabulka-home-slider {float: right; width: 100%; margin-top: 130px;}
  .nadpis-home-slider {font-size: 70px; line-height: 75px; font-weight: 900; color: #ffffff; padding: 0px 0px 0px 0px; text-transform: uppercase; text-shadow: 2px 2px 5px #3d3d3d;}
  .slider-top {height: 100px;}
  .slider-upoutavka-text {font-size: 15px; line-height: 18px; font-weight: 300; color: #ffffff;}
  .nadpis-home-slider p {} 
  .anotace-home-slider {font-size: 20px; line-height: 22px; font-weight: 300; color: #ffffff; padding-top: 25px;}
  .anotace-home-slider p {} 
  .nadpis {padding: 0px 0px 0px 0px; font-size: 26px; line-height: 28px; font-weight: 300; color: #181818; text-transform: uppercase;}
  .nadpis-maly {padding: 0px 0px 0px 0px; font-size: 22px; line-height: 28px; font-weight: 700; color: #181818; text-transform: uppercase;}
  .anotace {width: 80%; padding: 0% 10% 0% 10%; font-size: 18px; line-height: 24px; font-weight: 300;}
  .nadpis-bily {padding: 0px 0px 0px 0px; font-size: 26px; line-height: 28px; font-weight: 300; color: #ffffff; text-transform: uppercase;}
  .nadpis-banner-bily {padding: 0px 0px 0px 0px; font-size: 32px; line-height: 40px; font-weight: 700; color: #ffffff; text-transform: uppercase; text-shadow: 2px 2px 5px #3d3d3d;}
  .anotace-bila {font-size: 15px; line-height: 21px; font-weight: 300; color: #ffffff;}
  .anotace-banner-bila {font-size: 20px; line-height: 28px; font-weight: 300; color: #ffffff; width: 80%; padding: 0px 10% 0px 10%; text-shadow: 2px 2px 5px #3d3d3d;}
  .nadpis-aktuality {font-family: 'Noto Serif', serif; padding: 0px 0px 18px 0px; font-size: 19px; line-height: 29px; font-weight: 300; color: #181818;}
  .anotace-aktuality {font-size: 15px; line-height: 21px; font-weight: 300;}
  .aktuality-item {float: left; position: relative; width: 100%; max-width: 320px; height: 400px; margin-bottom: 60px;}
  .nadpis-pokoje {font-family: 'Noto Serif', serif; padding: 0px 0px 18px 0px; font-size: 19px; line-height: 29px; font-weight: 300; color: #181818;}
  .anotace-pokoje {font-size: 15px; line-height: 21px; font-weight: 300;}
  .pokoje-item {float: left; position: relative; width: 100%; max-width: 320px; height: 330px; margin-bottom: 60px;}
  .citat {font-family: 'Noto Serif', serif; padding: 0px 0px 0px 0px; font-size: 24px; line-height: 30px; font-weight: 300; color: #181818;}
  .text-paticka {color: #ffffff; font-size: 15px;}
  .odkaz-paticka {color: #ffffff; font-size: 15px; text-transform: uppercase;}
  .odkaz-paticka:hover {color: #ffffff; font-size: 15px; text-transform: uppercase;}
  .nadpis-paticka {font-size: 20px; line-height: 40px; padding-bottom: 20px; color: #ffffff; font-weight: 300;}
  .paticka-cara {border-top: 1px solid #6c6e6f;}
  .reference-lidi-slider-hlavni {width: 65%;}
  .reference-lidi-slider-text {font-size: 18px; line-height: 23px; font-weight: 600; color: #254647;}
  .reference-lidi-slider-autor {font-size: 18px; line-height: 23px; font-weight: 400; color: #254647;}
  .img-gallery-full-width {}
  .img-gallery-full-width:hover {}
  
  .upoutavka-sediva {font-size: 18px; line-height: 18px; font-weight: 400; color: #adb3b8;}
  .mobile-no {display: block;}
  .input-control {float: left; width: 280px; height: 34px; border: 1px solid #dbd7d7; }
  .input-control input {height: 34px; width: 280px; padding: 8px 6px 6px 20px; border: none; font-size: 14px; }
  .input-control-small {float: left; width: 200px; height: 34px; border: 1px solid #dbd7d7; }
  .input-control-small input {height: 34px; width: 200px; padding: 8px 6px 6px 20px; border: none; font-size: 14px; }
  .control-textarea {height: 300px; width: 320px; padding: 8px 6px 6px 20px; border: 1px solid #dbd7d7; font-size: 14px; }
  .select-control {float: left; width: 280px; height: 34px; border: 1px solid #dbd7d7; }
  .select-control select {height: 34px; width: 280px; padding: 8px 6px 6px 20px; border: none; font-size: 14px; }
  .rezervace-note-tablet {display: block;}
  .rezervace-mobil {display: none;} 
  .cislo {float: left; border-radius: 29px; color: #f4cf15; font-size: 20px; width: 50px; line-height: 50px; border: 2px solid #f4cf15; text-align: center;}
  .cislo-popis {padding-left: 25px; font-size: 30px; line-height: 38px;}
  div {text-align: left; font-family: 'Open Sans', sans-serif; font-size: 18px; line-height: 29px; color: #404040;}
  td {line-height: 29px; font-family: 'Open Sans', sans-serif; font-size: 18px; color: #404040; }
  .poptavkovy-formular-1 {width: 600px;}
}
/* mobile */
@media screen and (min-width:0px) and (max-width:808px) {
  
  .table-1-sloupce {width: 90%; margin: 0px 5% 0px 5%; clear: both;}
  .table-2-sloupce {width: 90%; margin: 0px 5% 0px 5%; clear: both;}
  .table-2-sloupce-bila {width: 90%; margin: 0px 5% 0px 5%; background: #ffffff; padding: 35px 2% 35px 2%;}
   
  /*.table-2-sloupce-leva {width: 90%; margin: 0px 5% 0px 5%; border-spacing: 0; border-collapse: collapse;}
  .table-2-sloupce-prava {width: 90%; margin: 0px 5% 0px 5%; border-spacing: 0; border-collapse: collapse;}*/ 
  
  .table-3-sloupce {width: 90%; margin: 0px 5% 0px 5%;}
  .table-3-sloupce-body {width: 90%; margin: 0px 5% 0px 5%;}
  .table-body {width: 140px; margin: 0% 2.1% 0% 2.1%;}
  .table-4-sloupce {width: 90%; margin: 0px 5% 0px 5%;} 
  .table-5-sloupcu {width: 90%; margin: 0px 5% 0px 5%;} 
  .table-2-sloupce-a {float: left; width: 100%;}
  .table-2-sloupce-b {float: left; width: 90%; margin: 50px 5% 0px 5%}
  .table-3-sloupce-a {width: 90%; margin: 0px 5% 0px 5%; clear: both;}
  .table-3-sloupce-b {width: 90%; margin: 0px 5% 0px 5%; clear: both;}
  .table-3-sloupce-c {width: 90%; margin: 0px 5% 0px 5%; clear: both;}
  .table-2-sloupce-plne {width: 90%; margin: 0px 5% 0px 5%; clear: both;}
  .font-dancing {font-family: 'Dancing Script', cursive; font-size: 30px; line-height: 36px; font-weight: 400;}
  
  .nadpis-zacatek {font-size: 50px; line-height: 58px; font-weight: 700;}
  .nadpis-klienti {font-size: 30px; line-height: 30px; font-weight: 700; text-transform: uppercase;}
  .z-1 {text-align: right; position: absolute; left: 0px; top: 0px; font-size: 20px; color: #f4cf15; line-height: 20px; font-weight: 700; text-transform: uppercase;}
  .z-2 {text-align: left; position: absolute; right: 0px; top: 0px; font-size: 20px; color: #4e4e4e; line-height: 20px; font-weight: 700; text-transform: uppercase;}
  .slider-container {float: left; position: relative; width: 100%; height: 424px;}
  .tabulka-home-slider {float: right; width: 100%; margin-top: 60px;}
  .nadpis-home-slider {float: left; margin-left: 20px; font-size: 40px; line-height: 45px; font-weight: 900; color: #ffffff; padding: 0px 0px 0px 0px; text-transform: uppercase; text-shadow: 2px 2px 5px #3d3d3d;}
  .slider-top {height: 130px;}
  .slider-upoutavka-text {font-size: 17px; line-height: 20px; font-weight: 300; color: #ffffff;}
  .nadpis-home-slider p {} 
  .anotace-home-slider {font-size: 20px; line-height: 22px; font-weight: 300; color: #ffffff; padding-top: 25px;}
  .anotace-home-slider p {} 
  .nadpis {padding: 0px 0px 0px 0px; font-size: 26px; line-height: 28px; font-weight: 300; color: #181818; text-transform: uppercase;}
  .nadpis-maly {padding: 0px 0px 0px 0px; font-size: 22px; line-height: 28px; font-weight: 700; color: #181818; text-transform: uppercase;}
  .anotace {width: 80%; padding: 0% 10% 0% 10%; font-size: 18px; line-height: 24px; font-weight: 300;}
  .nadpis-bily {padding: 0px 0px 0px 0px; font-size: 26px; line-height: 28px; font-weight: 300; color: #ffffff; text-transform: uppercase;}
  .nadpis-banner-bily {padding: 0px 0px 0px 0px; font-size: 30px; line-height: 34px; font-weight: 700; color: #ffffff; text-transform: uppercase; text-shadow: 2px 2px 5px #3d3d3d;}
  .anotace-bila {font-size: 15px; line-height: 21px; font-weight: 300; color: #ffffff;}
  .anotace-banner-bila {font-size: 20px; line-height: 28px; font-weight: 300; color: #ffffff; width: 90%; padding: 0px 5% 0px 5%; text-shadow: 2px 2px 5px #3d3d3d;}
  .nadpis-aktuality {font-family: 'Noto Serif', serif; padding: 0px 0px 18px 0px; font-size: 19px; line-height: 29px; font-weight: 300; color: #181818;}
  .anotace-aktuality {font-size: 15px; line-height: 21px; font-weight: 300;}
  .aktuality-item {float: left; position: relative; width: 100%; max-width: 320px; height: 430px; margin-bottom: 0px;}
  .nadpis-pokoje {font-family: 'Noto Serif', serif; padding: 0px 0px 18px 0px; font-size: 19px; line-height: 29px; font-weight: 300; color: #181818;}
  .anotace-pokoje {font-size: 15px; line-height: 21px; font-weight: 300;}
  .pokoje-item {float: left; position: relative; width: 100%; max-width: 320px; height: 430px; margin-bottom: 0px;}
  .citat {font-family: 'Noto Serif', serif; padding: 0px 0px 0px 0px; font-size: 24px; line-height: 30px; font-weight: 300; color: #181818;}
  .text-paticka {color: #ffffff; font-size: 15px;}
  .odkaz-paticka {color: #ffffff; font-size: 15px; text-transform: uppercase;}
  .odkaz-paticka:hover {color: #ffffff; font-size: 15px; text-transform: uppercase;}
  .nadpis-paticka {font-size: 20px; line-height: 40px; padding-bottom: 20px; color: #ffffff; font-weight: 300;}
  .paticka-cara {border-top: 1px solid #6c6e6f;}
  .reference-lidi-slider-hlavni {width: 100%;}
  .reference-lidi-slider-text {font-size: 15px; line-height: 21px; font-weight: 600; color: #254647;}
  .reference-lidi-slider-autor {font-size: 15px; line-height: 21px; font-weight: 400; color: #254647;}
  .img-gallery-full-width {}
  .img-gallery-full-width:hover {}
  
  .upoutavka-sediva {font-size: 18px; line-height: 18px; font-weight: 400; color: #adb3b8;}
  .mobile-no {display: none;} 
  .input-control {float: left; width: 280px; height: 34px; border: 1px solid #dbd7d7; }
  .input-control input {height: 34px; width: 280px; padding: 8px 6px 6px 20px; border: none; font-size: 14px; }
  .input-control-small {float: left; width: 200px; height: 34px; border: 1px solid #dbd7d7; }
  .input-control-small input {height: 34px; width: 200px; padding: 8px 6px 6px 20px; border: none; font-size: 14px; }
  .control-textarea {height: 300px; width: 320px; padding: 8px 6px 6px 20px; border: 1px solid #dbd7d7; font-size: 14px; }
  .select-control {float: left; width: 280px; height: 34px; border: 1px solid #dbd7d7; }
  .select-control select {height: 34px; width: 280px; padding: 8px 6px 6px 20px; border: none; font-size: 14px; }
  .rezervace-note-tablet {display: none;}
  .rezervace-mobil {display: block;} 
  .cislo {float: left; border-radius: 29px; color: #f4cf15; font-size: 20px; width: 50px; line-height: 50px; border: 2px solid #f4cf15; text-align: center;}
  .cislo-popis {padding-left: 25px; font-size: 22px; line-height: 28px;}
  div {text-align: left; font-family: 'Open Sans', sans-serif; font-size: 18px; line-height: 29px; color: #404040;}
  td {line-height: 29px; font-family: 'Open Sans', sans-serif; font-size: 18px; color: #404040; }
  .poptavkovy-formular-1 {width: 320px;}
} 

.responsive {
    padding: 0px 0px 0px 0px;
    float: left;
    width: 24.99999%;
    margin-bottom: 10px;
    box-sizing: border-box;
}

.responsive-1 {width: 24.25%; margin: 0% 1% 0% 0%;}
.responsive-2 {width: 24.25%; margin: 0% 1% 0% 0%;}
.responsive-3 {width: 24.25%; margin: 0% 1% 0% 0%;}
.responsive-4 {width: 24.25%; margin: 0% 0% 0% 0%;}

@media only screen and (max-width: 700px){
    .responsive {width: 49.99999%; margin: 6px 0;}
    .responsive-1 {width: 49.00%; margin: 0% 2% 0% 0%;}
    .responsive-2 {width: 49.00%; margin: 0% 0% 0% 0%;}
    .responsive-3 {width: 49.00%; margin: 0% 2% 0% 0%;}
    .responsive-4 {width: 49.00%; margin: 0% 0% 0% 0%;}
}

@media only screen and (max-width: 500px){
    .responsive {width: 49.99999%; margin: 6px 0;}
    .responsive-1 {width: 49.00%; margin: 0% 2% 0% 0%;}
    .responsive-2 {width: 49.00%; margin: 0% 0% 0% 0%;}
    .responsive-3 {width: 49.00%; margin: 0% 2% 0% 0%;}
    .responsive-4 {width: 49.00%; margin: 0% 0% 0% 0%;}
}  

.f-nadpis {
    font-size: 12spx;
}

.control {
    padding: 6px 3px 6px 10px; border: 1px solid #b8b7b7; width: 250px; margin-top: 5px;
}

.hvezda {
    font-size: 16px;
    font-weight: bold;
    color: #a41237;
}

.mezera {
    font-size: 14px; line-height: 14px; height: 14px;
}  

.button-poptavka {
    padding: 2px 30px 2px 30px; 
    display: block;
    color: #ffffff; font-size: 12px; font-weight: norm; text-decoration: none;
    height: 25px;
    text-decoration: none;
    background-color: #c7c9cb;
    border: 0px; 
    cursor: pointer;
} 


/* KROK ZA KROKEM */
button.accordion {
    font-family: NettoOffcProBold;
    background-color: #f5f7f8;
    color: #004494;
    cursor: pointer;
    padding: 14px 18px 14px 75px;
    width: 100%;
    border: none;
    text-align: left;
    outline: none;
    font-size: 19px;
    transition: 0.4s;
    margin-bottom: 0px;
    min-height: 50px;
}

button.accordion.active, button.accordion:hover {
    background-color: #f5f7f8;  /* #ddd  */
}