@media only screen
and (max-width: 1399px)
{

  #topFrame1 .menu .link                                   { display: block; }
  #topFrame1 .menu .link .submenu                          { position: relative; top: 0px; left: 0px; margin: 10px 0px; max-width: 85%; width: 85%; }
  #topFrame1 .menu .link .submenu .submenuItem             { margin-left: 10px; border: 0px; background-color: #eee; }
  #topFrame1 .menu .link .submenu .submenuItem:first-child { border-top: 0px; }

  img { max-width: 100%; height: auto; }

  .homeText { margin-bottom: 0px; }
  .homeText2_normal   { display: none; }
  .homeText2_response { display: inline-block; }

  .partneriFrame       { display: inline-block; }
  .partneri            { padding: 10px 0px; }

  .normal_domovy_home   { display: none; }
  .response_domovy_home { display: flex; justify-content: space-between; }
  
  .normal_aktuality_home   { display: none; }
  .response_aktuality_home { display: flex; justify-content: space-between; }

  //footer              { }
  footer .text_info   { margin: auto 10px; width: 98%; }
  footer .link_info   { margin: auto 10px; }
  footer .text_copy   { margin-left: 10px; }

 
  .item            { min-width: calc(50% - 40px); max-width: calc(50% - 40px); display: inline-block; margin: 0px 20px 20px 20px; }
  .item_aktuality  { min-width: calc(50% - 40px); max-width: calc(50% - 40px); display: inline-block; margin: 0px 20px 20px 20px; }

  .photo_domov_src { transform: scale(0.95); width: 100%; height: auto; }
  .aktuality_photo { transform: scale(0.95); width: 100%; transition: 0.05s ease-in-out; }

}



.burger { width: 100px; height: 44px; margin: 0px 0px 0px 0px; display: none; color: #414042; position: absolute; top: -30px; left: 250px; }
.burger.full {width: 100%;}
.burger .text {width: 100%; height: 44px; padding: 0px 0px 0px 50px; float: left; color: #414042; font-size: 20px; font-weight: 400; text-transform: uppercase; display: flex; align-items: center;}
.burger .icon {width: 40px; height: 5px; border-radius: 2px; float: left; background-color: #fa8200; position: absolute; top: 14px; left: 20px; transition: all .5s; z-index: 2;}
.burger .icon::before {height: 5px; border-radius: 2px; background-color: #fa8200; content: ""; width: 100%; position: absolute; left: 0; transition: all .5s; top: -12px;}
.burger .icon::after {height: 5px; border-radius: 2px; background-color: #fa8200; content: ""; width: 100%; position: absolute; left: 0; transition: all .5s; top: 12px;}
.burger.active .icon {background-color: transparent;}
.burger.active .icon::before {top: 0; transform: rotate(45deg);}
.burger.active .icon::after {top: 0; transform: rotate(135deg);}


/* Element, pro zobrazení "vyjížděcího" pole (user menu, vyhledávání) */
.hiddenContentCont {position: relative;}
.hiddenContentFrame {display: none; background-color: #ededee; position: absolute; right: 0px; top: 40px; padding: 5px 5px; width: 100%;}
.hiddenContentFrame.active {display: flex;}





@media only screen
and (max-width: 1399px)
{


  .r-inner-1 { padding-left: 10px; padding-right: 10px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}


}


@media only screen
and (max-width: 1320px)
{

  .header_button { display: none; }

  /* Top Frame 1 - Top Menu */
  .r-top-order {display: flex; flex-direction: column;}
  #topFrame1 { width: 300px; left: calc(100% - 350px); top: 80px; position: absolute; }
  #topFrame1 .burger {display: block;}
  #topFrame1 .menu {display: none; position: absolute; top: 40px; left: 0px; width: 100%; flex-direction: column; background-color: #ededee;}
  #topFrame1 .menu.active {display: flex; z-index: 20;}
  #topFrame1 .menu .linkCont {width: 100%;}
  #topFrame1 .menu .linkCont:after {display: none;}
  #topFrame1 .menu .link {width: 100%; min-height: 40px; padding: 0px 15px;}
  #topFrame1 .menu .link A {width: 100%; font-size: 20px; color: #000;}
  
}

@media only screen
and (max-width: 700px)
{
  #topFrame1   { width: 300px; left: calc(100% - 350px); top: 55px; position: absolute; }
}


@media only screen
and (max-width: 1600px)
{

  .header_text { margin: 10px auto 20px auto; max-width: 660px; height: auto; font-size: 20px; }

  /* Top Frame 2 - Logo, Uživatel */
  #topFrame2 {order: 1; justify-content: center;}
  #topFrame2 .right {display: none;}

}