@media screen and (max-width: 1530px)
{
  .dog { display: none; }
}

@media only screen
and (max-width: 1200px)
{
  .fullFrame {min-width: 0;}
  .slider {min-width: 0; height: 500px;}
  .slide {background-size: cover;}
  .slideContent {font-size: 15px;}
  
  .mainFrame {width: 100%; padding: 0 5px;}
  
  .flowers {height: auto; background-image: none;}
  .flowersList {display: flex; margin-top: 50px; justify-content: space-between;}
  .flower {position: unset;}
  
  .logos .list .logo {margin-right: 1%;}
  .logos .list .logo:last-child {margin-right: 0;}
  
  .contentFrame {margin-bottom: 0; padding-bottom: 0;}
  
  .aboutUs {margin-right: 100px;}
  
  .news {margin: 50px 0 20px;}
}


@media only screen
and (max-width: 1050px)
{
  .logoZahrada {display: none;}  
  .homeImage {width: 33%;}  
  
  HEADER .logo {font-size: 38px;}
}


@media only screen
and (max-width: 950px)
{
  .aboutUs {width: 100%; margin-right: 0;}
  .contact {width: 100%; margin-right: 0; margin-top: 30px;}
  
  h1 {font-size: 26px;}
  h2 {font-size: 23px;}
  
  HEADER .inner {display: flex; flex-direction: column;}
  header .logo {margin: 15px auto 0 auto; font-size: 34px;}
  
  .headerInfo {width: 100%; align-items: center; margin-top: 28px;}
  .headerInfo .address {margin-bottom: 10px;}
  .headerInfo .notice {margin-top: 10px;}
  
  .flowersList {margin-top: 20px;}
  
  /* MENU */
  NAV {display: none;}
  
  #menuMobile {width: 100%; float: left;}
  #menuMobile .menuMobileContent {}
  #menuMobile .menuMobileContent .btn {width: 100%; height: 40px; padding: 0 0 0 20px; border-bottom: 1px solid #fff; background-color: #abd037; color: #fff; align-items: center; justify-content: space-between;}
  #menuMobile .menuMobileContent .btn.active {background-color: #588bc5;}
  #menuMobile .menuMobileContent .btn A {width: 80%;}
  #menuMobile .menuMobileContent .btn A.plusMinus {width: auto;}
  #menuMobile .menuMobileContent .btn.btnlvl2 {background-color: #24b8ef;}
  #menuMobile .menuMobileContent .btn .plusMinus {position: relative; margin: 0px 10px 0px; min-height: 40px; justify-content: flex-start; padding: 0px 8px;}
  #menuMobile .menuMobileContent .btn .plusMinus:BEFORE {height: 2px; background-color: #fff; content: ""; width: 80%; position: absolute; left: 0; transition: all .5s; top: calc(50% - 1px);}
  #menuMobile .menuMobileContent .btn .plusMinus:AFTER {height: 2px; background-color: #fff; content: ""; width: 80%; position: absolute; left: 0; transition: all .5s; top: calc(50% - 1px); transform: rotate(90deg); opacity: 1;}
  #menuMobile .menuMobileContent .btn .plusMinus.minus::BEFORE {transform: rotate(180deg);}
  #menuMobile .menuMobileContent .btn .plusMinus.minus::AFTER {transform: rotate(360deg); opacity: 0;}
  #menuMobile .menuMobileContent .btn .lvl2 {padding-left: 20px; font-style: italic; font-weight: 100; font-size: 13px;}
  #menuMobile .menuMobileContent .btn .lvl2.activeLvl2 {text-decoration: underline;}
  #menuMobile .menuMobileContent .btn .lvl3 {padding-left: 40px; font-style: italic; font-weight: 100; font-size: 13px;}
  
  #hamburger {display: block; width: 100%; float: left; height: 40px; position: relative; padding: 0; margin: 20px 0 0 0; background-color: #f16421; line-height: 1; font-size: 15px; font-weight: 700;}
  #hamburger .text {width: 70px; height: 40px; line-height: 40px; float: left; padding-left: 10px; color: #fff; text-transform: uppercase;}
  #hamburger .icon { width: 28px; position: absolute; top: calc(50% - 1px); right: 10px; transition: all .5s; }
  #hamburger.active .icon { width: 27px; background: transparent; }
  #hamburger .icon, .hamburger .icon:before, .hamburger .icon:after { height: 2px; background-color: #fff; }
  #hamburger .icon:before, .hamburger .icon:after { content: ""; width: 100%; position: absolute; left: 0; transition: all .5s; }
  #hamburger .icon:before { top: -8px; }
  #hamburger .icon:after { bottom: -8px; }
  #hamburger.active .icon:before { top: 0; transform: rotate(45deg); }
  #hamburger.active .icon:after { top: 0; transform: rotate(135deg); }
  
}


@media only screen
and (max-width: 800px)
{
  h1 {font-size: 24px;}
  h2 {font-size: 21px;}
  
  HEADER .logo {font-size: 28px;}
  
  .vetsi-tucny {font-size: 17px;}
  
  .homeImage {width: 100%; padding: 0 25%;}
  .homeContent {width: 100%;}
  
  .logos .title {font-size: 22px;}
  
  .col55 {width: 100%;}
  .col40 {width: 100%;}
  
  #googleMap {display: none;}
}


@media only screen
and (max-width: 600px)
{
  HEADER .logo {height: 110px; background-size: auto 100%; padding-left: 125px;}
  
  ARTICLE {width: 100%; float: left; margin: 10px 0;}
  ARTICLE:nth-child(-n+2) {margin: 10px 0;}
  
  .flowersList {flex-wrap: wrap; justify-content: space-around;}
  .flower {margin: 10px 0;}
  
  .navigation {height: auto; padding-bottom: 13px;}
  
  footer {margin-top: 110px;}
  
  .bee.bee1 {display: none;}
  .bee.bee2 {display: none;}
  .kid.kid2 {display: none;}
  .kid.kid4 {display: none;}
}


@media only screen
and (max-width: 450px)
{
  h1 {font-size: 22px;}
  h2 {font-size: 18px;}
  
  HEADER .logo {font-size: 26px;}
  
  .kid {display: none;}
  .mouses {display: none;}
  
  footer {margin-top: 0px;}
}


@media only screen
and (max-width: 380px)
{
  HEADER .logo {font-size: 20px;}
}