/* responzivní styly */

@media screen and (min-width: 960px){
  	#vsechny-prispevky[data-columns]::before {
		content: '3 .column.size-1of3';
	}
}

@media screen and (max-width: 1500px) {
  img.podlesak-fotka {
    max-width: 50%;
}
  .headline {
    margin-bottom: 200px;
}
}

@media screen and (max-width: 1370px) {
  .slogan {
    font-size: 30px;
}
  
  .tlacitko-zapati a {
    font-size: 16px;
}
  .tlacitko a {
    font-size: 1em;
}
  .referemce-hp h3 {
    font-size: 19px;
}
  .dolni img {
    right: 20px;
}
}

@media screen and (max-width: 1200px) {
  h1.pre1 {
    font-size: 65px;
    line-height: 65px;
}
  .headline .entry p strong {
    font-size: 26px;
}
  .headline .entry p {
    font-size: 20px;
}
  .top-menu a, .blog-menu {
    font-size: 18px;
}
  
  .top-menu li {
    margin-left: 20px;
}
}
  @media screen and (max-width: 1120px) {
    .slogan {
    font-size: 24px;
        margin-top: 28px;
}
  .sdf h3 {
    font-size: 34px;
}
  h2.jmeno-reference a {
    font-size: 20px;
}
  
  .sdf p {
    font-size: 18px;
}
.tlacitko-zapati a {
    margin-top: 24px;
    padding: 20px;
}
  .referemce-hp h3 {
    font-size: 18px;
}
  .referemce-hp h2 {
    font-size: 50px;
    padding: 80px 20px;
}
    .dolni img {
    top: 20px;
    left: 20px;
}
  .obal, .kontakt-footer.radek {
    padding: 30px 40px;
}
  .headline {
    left: 80px;
}
  img.podlesak-fotka {
    max-width: 55%;
}
  h3.jmeno-reference {
    letter-spacing: -1px;
}
  .soc span {
    display: none;
}
}

@media screen and (max-width: 1020px) {
    .name a {
    line-height: 52px;
    font-size: 30px;
}
  
  h1.pre1 {
    font-size: 44px;
    line-height: 44px;
}
  .vice-hp a {
    font-size: 24px;
}
  
  .headline .entry p {
    font-size: 18px;
}
  .headline .entry p strong, .pomoc {
    font-size: 22px;
}
  .headline {
    margin-bottom: 160px;
    left: 40px;
}
  .referemce-hp .karta-reference {
    width: 33.3%;
}
  .referemce-hp .ref-obr img {
    width: 100%;
}
  .referemce-hp .karta-reference:nth-child(4) {
    display: none;
}
  .zapati-menu ul li a {
    font-size: 16px;
    padding-left: 10px;
}
div#copyright {
    font-size: 16px;
    line-height: 1.7em;
}
  
}
@media screen and (min-width: 596px) and (max-width: 959px) {
  	#vsechny-prispevky[data-columns]::before {
		content: '2 .column.size-1of2';
	}
}

@media screen and (max-width: 959px) {
       .top-menu button{display:block}
ul#top-menu li {
    display: block;
        margin-left: 0;
    text-align: right;
    padding: 5px 25px;
}
  h2.jmeno-reference a {
    font-size: 19px;
}
  ul#top-menu {
    position: absolute;
    top: 51px;
    z-index: 10;
    padding: 0;
right: -40px;
    width: 0;
    text-align: center;
    margin-top: 0;
    margin-bottom: 0;
    background: #FFFFFF;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-ms-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
transition: all 0.3s linear;
    margin-left:0;
    overflow:hidden;
}
  
  .top-menu.zobrazit-menu ul#top-menu li a {
    padding-right: 45px;
}
  
#header .obal {
    display: inline-block;
    overflow: initial;
}
.centrovany-obal.hp-levy.polovina {
    position: relative;
    width: 100%;
    height: initial;
    float: none;
    border-right: 0;
    border-bottom: 10px solid white;
}
  .hp-levy.polovina img {
    top: 5%;
    height: 140px;
}
  .hp-pravy.polovina {
    margin: 0;
    width: 100%;
    float: none;
}
  .horni, .dolni {
    padding: 9% 6%;
    height: auto;
}
  .hp-radek {
    height: auto;
}
.top-menu .current-menu-item, .top-menu li:hover {
    border-color: white;
}
  .dolni img {
    top: initial;
    left: initial;
    right: 7%;
}
  #blog .entry img, #lovebrands .entry img {
    width: 100%;
}
  #obsah-stranky.single-reference img {
    float: none;
    margin: 0 auto;
}
  div.mejs-container.svg.mejs-audio {
    max-width: 100% !important;
    float: none;
    margin-bottom: 20px;
    margin-right: 0;
}
  p.float-l {
    margin: 0 auto;
    width: 100%;
    float: none;
    display: block;
    text-align: center;
}

}

@media screen and (max-width: 880px) {
.slogan {
    float: none;
    text-align: center;
    margin-top: -10px;
}
.fds {
    position: relative;
    float: none;
    text-align: center;
    margin: 0 auto;
    padding: 0;
    margin-bottom: 50px;
}
  
  .sdf {
    float: none;
    padding: 0;
    margin: 0 auto;
    border-width: 0;
    text-align: center;
    margin-bottom: 50px;
}
  .tlacitko-zapati {
    text-align: center;
    margin-top: 15px;
}
  
  .tlacitko-zapati a {
    float: none;
}
  .headline {
    max-width: 60%;
        top: 60px;
}
div#page-reference .karta-reference {
    max-width: 100%;
    width: 50%;
}
    #page-reference .karta-reference:nth-child(9) {
    display: none;
}
    #obsah-stranky .single-prispevek p {
    font-size: 1em;
}
}

@media screen and (max-width: 750px) {
  .referemce-hp .karta-reference:nth-child(4) {
    display: inline-block;
}
  .referemce-hp .karta-reference {
    max-width: 100%;
    width: 50%;
}
  .levy-sloupec {
    width: 100%;
    float: none;
    margin-bottom: 50px;
}
  .pravy-sloupec {
    width: 100%;
    float: none;
    box-sizing: border-box;
}
  .linked.tlacitko-soc, .taky, .twiter.tlacitko-soc {
    float: none;
}
  .taky {
    font-size: 35px;
}

}

@media screen and (max-width: 595px) { 
img.podlesak-fotka {
    max-width: 100%;
    bottom: -155px;
}
  .hp-podlesak {
    min-height: 900px;
    overflow: hidden;
}
  .headline {
    max-width: 85%;
}
  .bloguj {
    font-size: 26px;
}
  .dolni img {
    top: 30px;
}
  .sdf {
    display: none;
}
  .tlacitko-zapati a {
    margin-top: 0;
    position: relative;
    display: inline-block;
}
  #header .obal {
    padding: 30px 15px;
}
  
  .referemce-hp .karta-reference,  .referemce-hp .karta-reference:nth-child(4) {
    float: none;
    width: 300px;
    margin-left: auto;
    margin-right: auto;
    display: block;
    margin-bottom: 20px;
}
  #page-reference .karta-reference:nth-child(9) {
    display: block;
}
  div#page-reference .karta-reference {
    width: 390px;
    margin: 0 auto;
    display: block;
    position: relative;
        float: none;
}
  .prispevek-blog {
    float: none;
}
  #obsah-stranky .single-prispevek h1.titulek {
    font-size: 24px;
}
  .single-datum {
    float: none;
}
  .tag-single {
    text-align: left;
}
  #obsah-stranky h1 {
    font-size: 44px;
}
    	#vsechny-prispevky[data-columns]::before {
		content: '1 .column.size-1of1';
	}

}

@media screen and (max-width: 500px) { 
.name a {
    max-width: 84px;
    display: block;
    line-height: 30px;
}
  .blog-menu {
    letter-spacing: -1px;
    top: 0;
}
  .top-menu button {
    margin-top: -7px;
}
  .hp-levy.polovina img {
    height: 90px;
}
  .horni img {
    height: 120px;
    left: 0;
}
  .dolni img {
    height: 75px;
}
  .bloguj {
    font-size: 22px;
}
  .norm_row.sfsi_wDiv {
    width: 215px !important;
    float: left;
}
  .sluzby {
    width: 100%;
    margin-bottom: 50px;
}
  }

@media screen and (max-width: 410px) { 
  .hp-podlesak {
    min-height: 700px;
}
.pomoc {
    font-size: 18px;
    letter-spacing: -1px;
}
  
  .pomoc:before {
    margin-right: 10px;
}
  h1.pre1 {
    font-size: 33px;
    line-height: 33px;
}
  .vice-hp a {
    font-size: 20px;
}
  .headline .entry p strong, .pomoc {
    font-size: 18px;
}
.headline .entry p {
    font-size: 1em;
    line-height: 1.6em;
}
  .hp-radek p {
    font-size: 1em;
}

  div#obsah-stranky .single-prispevek .obsah-prispevku {
    padding: 25px;
}
  .dovetek {
    font-size: 26px;
}
  .text-kontaktu em {
    font-size: 20px;
}
  .tlacitko-soc a {
    padding-left: 90px;
    padding-right: 20px;
}
  .obal, .kontakt-footer.radek {
    padding: 30px 20px;
}
 }

@media screen and (max-width: 359px) { 
  .hp-levy.polovina img {
    display: none;
}
  div#copyright {
    font-size: 14px;
}
  .obal, .kontakt-footer.radek {
    padding: 25px 15px;
}
  .bloguj {
    font-size: 18px;
}
}