@media screen and (max-width: 1366px)
{
  /* menu */
  .menu LI.home, .menu A.main { height: 160px; }
  .menu LI.home { margin-right: 15px; }
    .menu LI.home { width: 75px; }
      .menu .home A { background-size: 35px auto; }
  .menu LI { padding: 0 12px; }
    .menu { font-size: 18px; }
    .menu LI .main::after { background-size: 18px auto; background-position: center bottom; }
    
  .home IMG { max-width: 400px; }
}

@media screen 
and (min-width: 1000px)
and (max-width: 1200px)
{
  /* HEADER */
  .logo { width: 200px; height: 128px; margin-left: 2.5%; }
}


@media screen and (max-width: 1200px)
{
  /* menu */
  .menu .submenu { padding-right: 20px; }
    .menu .submenu UL { height: 100px; }
  
  .mainFrame { width: 100%; padding-right: 5%; padding-left: 5%; }
  
  /* rychle menu */
  .fastItem { -webkit-flex-basis: 18.5%; }
  .fastItem { flex-basis: 18.5%; font-size: 12px; }
  
  /* green */
  .greenFrame A { right: 5%; }
  
  /* article */
  ARTICLE .img { margin-right: 65px; }
    ARTICLE .date { width: 90px; height: 90px; top: calc(50% - 45px); left: calc(100% - 45px); }
    ARTICLE IMG  { max-width: 400px; }
}

@media screen 
and (min-width: 1000px)
and (max-width: 1100px)
{
  /* menu */
  .menu LI.home, .menu A.main { height: 157px; }
  .menu { font-size: 15px; }  
  .menu LI.home { width: 60px; }
    .menu .home A { background-size: 25px auto; } 
  .menu LI .main::after { background-size: 12px auto; }
}

@media screen and (max-width: 1000px)
{
  /* hlavicka */
  HEADER { flex-direction: column; }
    .menu { width: 100%; margin-top: 25px; padding-right: 0; font-size: 18px; }
      .menu UL { -webkit-justify-content: space-around; }    
      .menu UL { width: 100%; justify-content: space-around; }
        .menu LI.home, .menu A.main { height: 60px; }
        .menu LI { padding: 0; }
        .submenu LI { padding-left: 20px; }
        .menu LI .main::after { display: none; } 

  /* rychle menu */
  .fastMenuList { padding-top: 90px; padding-bottom: 70px; }
  
  .logo {margin-left: 0;}
  
  /* article */
  ARTICLE .img { margin-right: 45px; }
    ARTICLE .date { width: 70px; height: 70px; top: calc(50% - 35px); left: calc(100% - 35px); font-size: 15px; }
    ARTICLE IMG  { max-width: 300px; }  
  
  .home IMG { max-width: 300px; }
  .panoutour { height: 400px; }
}

@media screen and (min-width: 840px)
{
  .menu UL { -webkit-display: flex !important; }
  .menu UL { display: flex !important; }

  /* rychle menu */
  .fastItem:hover { margin-top: -65px; }   
  .fastItem:hover .hidden { -webkit-animation: show 1s forwards; }
  .fastItem:hover .hidden { display: block; animation: show 1s forwards; }
  .fastItem:hover A.hidden { -webkit-animation-delay: .3s; }   
  .fastItem:hover A.hidden { animation-delay: .3s; }  
  .fastItem .hidden { opacity: 0; }
}

@media screen and (max-width: 840px)
{
  .fixedContact { display: none; }
  
  /* obsah */
  .contentFrame, .home { padding-top: 70px; padding-bottom: 65px; }
  .home IMG { max-width: none; }
  .home .button { padding: 10px 20px; font-size: 14px; }
  
    /* menu */
  .logo { margin-top: 20px; }
  .menu { min-height: 50px; position: relative; margin-top: 20px; background: #a3ce14; color: #fff; }
    .hamburger { position: absolute; top: 11px; right: 5%; z-index: 101; display: block; padding-right: 40px; background: url('/images/hamburger.png') right center no-repeat; color: #fff; font-weight: 700; cursor: pointer; }
    .menu UL { display: none; }
      .menu LI { width: 100%; float: left; position: relative; padding: 0 5%; border-top: 1px rgba(255,255,255,.3) solid; }
      .menu LI.home, .menu A.main { height: 50px; }
      .menu LI.home { width: 100%; margin-right: 0; }
      .submenuArrow { width: 25px; height: 25px; display: block; position: absolute; top: 9px; right: calc(5% - 12.5px); z-index: 201; background: url('/images/arrow-down.png') center center no-repeat; transform: rotate(-90deg); transition: transform .2s; }
      .submenuArrow.active { transform: rotate(0deg); }
        .menu .home A { width: 50px; left: calc(5% - 10px); background-size: auto 25px; }
          .menu .submenu { float: left; position: relative; top: auto; left: auto; margin-bottom: 10px; padding-right: 0; }
            .menu .submenu UL { width: 100% !important; height: auto; padding: 0; }
              .submenu LI { margin: 0; padding: 7px; }
              .submenu LI::before { display: none; }
                .submenu A { width: 100%; float: left; }
                .submenu A:hover { text-decoration: none; }
                
  /* navigace */
  .navi, .navi .mainFrame { height: 50px; }
    .naviHome { width: 25px; height: 21px; background-size: 100% auto; }
    .navi SPAN, .navi A { margin: 0 5px; }
  
  /* rychle menu */
  .fastMenuList { height: auto; flex-wrap: wrap; padding-top: 70px; padding-bottom: 50px; }
    .fastItem:nth-child(-n + 2) { margin-top: 0; }
    .fastItem { flex-basis: 45%; margin-top: 20px; }
      .fastItem .hidden { display: block; }

  /* article */
  ARTICLE { -webkit-flex-direction: column; }
  ARTICLE { flex-direction: column; }  
    ARTICLE .img { margin-right: 0; margin-bottom: 25px; }
      ARTICLE .date { width: 100px; height: 100px; top: -50px; left: calc(100% - 125px); font-size: 18px; background: linear-gradient(180deg, #fb6b47 50%, #e25c3a 50%) }
      ARTICLE IMG  { max-width: none; width: 100%; }  
    
  /* paticka */
  FOOTER { position: relative; padding-top: 70px; padding-bottom: 130px; }
    .contactList { width: 100%; max-width: none; margin-bottom: 45px; }
    .imageList { display: -webkit-flex; -webkit-justify-content: space-around; }    
    .imageList { width: 100%; max-width: none; display: flex; justify-content: space-around; }
      .imageList IMG { margin-right: 0; }
    .netsimple { position: absolute; bottom: 50px; left: calc(50% - 75px); }
}

@media screen and (max-width: 768px)
{
  /* obsah domovske stranky */
  .home { -webkit-flex-direction: column-reverse; }  
  .home { flex-direction: column-reverse; padding-top: 70px; padding-bottom: 50px; }
  .home .img { width: 100%; margin-right: 0; margin-top: 25px; }
    .home IMG { width: 100%; }
    
  /* green */
  .greenFrame A { top: 20px; padding: 10px 20px; font-size: 13px; }
  
  /* novinky */
  .newsList { padding-top: 70px; padding-bottom: 50px; }
  
  /* formular */
  .formular { padding-top: 70px; padding-bottom: 50px; }
    .formular .container { -webkit-flex-direction: column; }  
    .formular .container { flex-direction: column; }
      .formular .input { margin-right: 0; }
        INPUT[type="text"], INPUT[type="text"]:last-child { height: 45px; margin-bottom: 10px; }
        .formular TEXTAREA { margin: 0; }
      INPUT[type="submit"] { padding: 10px 50px; font-size: 15px; }
}

@media screen and (max-width: 750px)
{
  /* green */
  .greenFrame { padding-top: 50px; padding-bottom: 100px; text-align: center; }
    .greenFrame A { top: calc(100% + 20px); right: calc(50% - 73px); }  
}

@media screen and (max-width: 600px)
{
  /* novinky */
  ARTICLE .date { width: 70px; height: 70px; top: -35px; left: calc(100% - 100px); font-size: 15px; }
}

@media screen and (max-width: 500px)
{
  .antispam { display: -webkit-flex; }
  .antispam { width: 100%; display: flex; } 
  .antispam INPUT { -webkit-flex-grow: 1; }  
  .antispam INPUT { flex-grow: 1; margin-bottom: 0; }
    
}

@media screen and (max-width: 480px)
{
  /* navi */
  .navi { overflow: hidden; }

  /* rychle menu */
  .fastItem { flex-basis: 100%; }
  .fastItem:nth-child(2) { margin-top: 20px; }
    .fastItem P { padding-right: 10%; padding-left: 10%; }  
    
  /* paticka */
  FOOTER .contact { height: 35px; padding-left: 50px; }
  FOOTER .contact::before { width: 35px; height: 35px; }
  FOOTER .contact.address::before { background-size: 12px auto; }
  FOOTER .contact.eMail::before { background-size: 20px auto; }
  FOOTER .contact.phone::before { background-size: 13px auto; } 
  .panotour { height: 300px; }
  
}

@media screen and (max-width: 400px)
{
  /*.logo { width: 100%; background-position: center center; }*/

  /* novinky */
  ARTICLE .date { width: 60px; height: 60px; top: -30px; left: calc(100% - 75px); font-size: 14px; }
  
  /* paticka */
  FOOTER { padding-top: 50px; }
    FOOTER .contact { height: auto; padding-left: 0; }
    FOOTER .contact::before { display: none; }
}

@media screen and (max-width: 270px)
{
  .antispam { -webkit-flex-wrap: wrap; -webkit-justify-content: flex-end; }
  .antispam { flex-wrap: wrap; justify-content: flex-end; }
    .antispam INPUT { margin-right: 0; }
    .antispam IMG { margin-top: 10px; }
}