/* #Media Queries */

@media (min-width: 1201px){

}


@media (max-width: 1400px)
{  
}


@media (max-width: 980px){
         
}


@media (min-width: 768px) and (max-width: 1200px){

}


@media (max-width: 959px) {
        
}


@media (max-width: 1024px) {

}


@media (max-width: 768px) {

}


@media (max-width: 667px) {
//tohle původně patřilo níže, nově nahrazeno 1249px
}

@media (max-width: 1249px) {
  .mainFrame {width: 100%; padding: 0;}
  
  #fullHomepageText {padding-left: 5px; padding-right: 5px;}
  #fullClenove {padding-left: 5px; padding-right: 5px;}
  
  #fullClenove .inner .clenove .clen {width: 100%; margin: 0;}
  
  .eu-cookies {display: block; font-size: 14px; position: fixed; bottom: 0px;}
  .eu-cookies P {width: 100%; }
  .eu-cookies A {width: 100%; }
  .eu-cookies .colorHref {width: 100%;}
  .eu-cookies .info {width: 100%; text-align: center;}
  
  #fullTopFrame {height: auto; position: relative;}
  #fullTopFrame .header {display: block; height: auto;}
  #fullTopFrame .header .logo {width: 100%; margin: 20px 0px 0px 20px; background-position: center;}
  
  #fullMainContent { width: 100%; }
  #fullMainContent .content { padding: 0px 5px; float: left;}
  #fullMainContent .content .btn {width: 100%;}
  #grayLine {display: none;}
  
  #fullTopFrame .header .hamburger {display: none;}
  #fullTopFrame .header .hamburgerM {display: block; float: right; margin-right: 20px;}
  
  #fullTopFrame .header .langs {margin: 20px 0 20px 20px;}  
  
  #fullTopFrame .topMenu {display: none !important;}
  #fullTopFrame .topMenu .menu {height: auto;}
  #fullTopFrame .topMenu .menu UL {width: 100%;}
  #fullTopFrame .topMenu .menu UL LI {width: 100%;}
  #fullTopFrame .topMenu .menu UL LI A {width: 100%; padding-right: 0;}
  #fullTopFrame .topMenu .menu UL LI A.right {background-image: url('/layout/arrow-right.png'); background-repeat: no-repeat; background-position: center right 15px;}
  #fullTopFrame .topMenu .menu UL LI A.down {background-image: url('/layout/arrow-down.png'); background-repeat: no-repeat; background-position: center right 15px;}
  #fullTopFrame .topMenu .menu UL LI .submenu {position: relative;}
  #fullTopFrame .topMenu .menu UL LI .submenu UL {display: block;}
  #fullTopFrame .topMenu .menu UL LI .submenu UL LI {width: 100%;}
  
  #fullTopFrame .topMenuM {height: auto;}
  #fullTopFrame .topMenuM .menu {height: auto;}
  #fullTopFrame .topMenuM .menu UL {width: 100%;}
  #fullTopFrame .topMenuM .menu UL LI {width: 100%;}
  #fullTopFrame .topMenuM .menu UL LI A {width: 100%; padding-right: 0;}
  #fullTopFrame .topMenuM .menu UL LI A.right {background-image: url('/layout/arrow-right.png'); background-repeat: no-repeat; background-position: center right 15px;}
  #fullTopFrame .topMenuM .menu UL LI A.down {background-image: url('/layout/arrow-down.png'); background-repeat: no-repeat; background-position: center right 15px;}
  #fullTopFrame .topMenuM .menu UL LI .submenu {position: relative;}
  #fullTopFrame .topMenuM .menu UL LI .submenu UL {display: block;}
  #fullTopFrame .topMenuM .menu UL LI .submenu UL LI {width: 100%;}
  
  #nsslider {display: none;}
    
  #fullBoxes {padding: 15px 0;}
  #fullBoxes .boxList .box {width: 94%; height: 100px; margin: 5px 0 5px 0; background-position: right 5px center; justify-content: left; text-align: left;}
  #fullBoxes .boxList .box H3 {width: 90%; max-width: 90%; font-size: 24px; text-align: left;} 
  
  #fullFooterFrame {padding-bottom: 100px;}
  #fullFooterFrame .footer H3 {text-align: center;}
  #fullFooterFrame .footer .left {width: 100%; margin: 10px 0; text-align: center;}
  #fullFooterFrame .footer .center {width: 100%; margin: 10px 0; text-align: center;}
  #fullFooterFrame .footer .right {width: 100%;  margin: 10px 0; text-align: center;}
  
  div.magichouse              { padding: 80px 0px 30px 0px; }
  
  /* form */
  .formBlock {width: 100%;}
  .formLine {width: 100%;}
  .formLine .formTextarea {width: 100%;}
  .formLine .formRow {width: 100%;}
  .formLine .formInput {width: 100%;}
  .formLine .formSubmit {width: 100%;}
}


/* iPhone S5 nalezato */
@media (max-width: 568px) {

}


@media (max-width: 375px) {
  #fullTopFrame .header .logo {background-size: 100% auto;}
}


@media (max-width: 320px) {

}
