@media only screen 
and (max-width: 1360px)
{
  .mainFrame {width: 100%; padding: 0 10px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}   
}

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

@media only screen 
and (max-width: 1050px)
{    
  #copyright {width: 30%; float: left; padding: 30px 0px 0px; font-size: 15px; color: #062943; line-height: 1.7;}
  #addsBottom {width: 70%; float: left; padding: 30px 0px 0px; font-size: 15px; color: #062943; line-height: 1.7;} 
  #bottomFrame {height: 700px; background-image: url(../images/bg_bottom_t.jpg); text-shadow: 0px 0px 20px #ffffff;}
}

@media only screen 
and (max-width: 980px)
{   
  #topFrame {*display: none;}
  HEADER {width: 100%; height: auto; padding: 0; *background-color: #d4d7d7; position: static;}
  HEADER .inner {flex-wrap: wrap; justify-content: center;}
  .menu {display: none;} 
  #menuMobile {width: 100%; float: left;}
  #menuMobile .menuMobileContent .btn {width: 100%; height: 40px; padding: 0 0 0 20px; border-bottom: 1px solid #ffffff; background-color: #7dbd35; color: #ffffff; align-items: center; justify-content: space-between;}
  #menuMobile .menuMobileContent .btn.active {background-color: #4bb558; color: #fff;}
  #menuMobile .menuMobileContent .btn A {width: 90%; color: #ffffff; text-decoration: none;}
  #menuMobile .menuMobileContent .btn A.plusMinus {width: auto;}
  #menuMobile .menuMobileContent .btn.btnlvl2 {background-color: #7dbd35;}
  #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: 17px;}
  #menuMobile .menuMobileContent .btn .lvl2.activeLvl2 {text-decoration: underline;}
  #menuMobile .menuMobileContent .btn .lvl3 {padding-left: 40px; font-style: italic; font-weight: 100; font-size: 16px;}

  #hamburger {width: 10%; display: block; float: right; height: 70px; position: relative; padding: 0; margin: 0; *background-color: #ffffff; 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: 20px; position: absolute; top: calc(50% - 1px); right: 8px; transition: all .5s;}
  #hamburger.active .icon { width: 27px; background: transparent;}
  #hamburger .icon, .hamburger .icon:before, .hamburger .icon:after { height: 2px; background-color: #333333;}
  #hamburger .icon:before, .hamburger .icon:after { content: ""; width: 100%; position: absolute; left: 0; transition: all .5s;}
  #hamburger .icon:before { top: -7px;}
  #hamburger .icon:after { bottom: -7px;}
  #hamburger.active .icon:before { top: 0; transform: rotate(45deg);}
  #hamburger.active .icon:after { top: 0; transform: rotate(135deg);}

  #header .socSite .fb, #header .socSite .insta {margin-top: 30px;}  
  .socSite {width: 13%;}
  #header.shrink .socSite .fb, #header.shrink .socSite .insta {margin-top: 25px;}

  .logo {width: 30%;}
  .logo img {padding-left: 10px;}

  /* HomePage Text - final */
  #homeText {padding: 0 10px;}
  #homeText .inner {padding-bottom: 10px; flex-wrap: wrap;}
  #homeText .inner H2 {margin: 0px 0px 10px 0px;}
  #homeText .inner .left {width: 100%; margin: 0px 0px 20px;}
  #homeText .inner .right {width: 100%; margin: 0px 0px 20px;}    

  /* HomePage Sport*/
  #homeText .mainFrame .inner .right .sport {margin: 0;}
  #homeText .mainFrame .inner .right .sport img {width: 100%;}
  
  /* HlavnĂ­ text */
  #mainContent {width: 100%; padding: 0 10px;}
  
  /* Reklama */
  #reklamaBottom {display: none;}
  
  *TABLE TR TD {width: 75%;}
  
  #navigationContainer {margin: 0px;}
  #navigationContainer .mainFrame .navigationFrame {padding: 25px 10px;}
  
  #bottomFrame .inner .copyright {width: 100%; float: left; padding: 30px 0px 0px; font-size: 15px; color: #062943; line-height: 1.7; text-align: center;}
  .addsBottom {width: 100%; float: left; padding: 30px 0px 0px; font-size: 15px; color: #062943; line-height: 1.7; text-align: center;}
}

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

}

@media only screen
and (max-width: 700px)
{  
  #topFrame {height: 310px; background-image: url(../images/slider/bg_header_t.jpg);}
  #topFrame .introText {margin: -110px auto 0;}
  #topFrame .introText h1 {font-size: 25px; line-height: 32px;}
  #topFrame .introText h2 {font-size: 18px; line-height: 27px; margin: 5px 0 0;}
  #topFrame .introText p {font-size: 17px; margin: 5px 0;}

  BODY {font-size: 13px;}
  .logo {width: 30%; margin-top: 10px;}
  #hamburger .icon {top: calc(62% - 1px);}
    #header.shrink .icon {top: calc(51% - 1px);}
  #header.shrink {height: 58px;}
  .socSite .fb, .socSite .insta {width: 24px;}
  #header.shrink .socSite .fb,   #header.shrink .socSite .insta {margin-top: 23px;}
  #topFrame .introText h2 {font-size: 25px; margin: 20px 0 6px;}
  #homeText .inner .right {margin-top: 15px;}
  #mainContent H2 {font-size: 25px; margin: 20px 0 0;}
  #mainContent H3 {font-size: 19px; margin: 10px 0;}
  #mainContent P {font-size: 1.0em;}
  #mainContent ul li {line-height: 1.1;}
  .copyright {width: 100%; float: left; padding: 30px 0px 0px; font-size: 15px; color: #062943; line-height: 1.7; text-align: center;}
  .addsBottom {width: 100%; float: left; padding: 30px 0px 0px; font-size: 15px; color: #062943; line-height: 1.7; text-align: center;}
  #topFrame .introText h1 {font-size: 36px;}
  #homeText .mainFrame .inner .left TABLE TD.ns-stl-price {font-size: 17px;}
  #homeText .inner .right .sport .item {padding: 25px 0 15px;}
  #homeText .inner .right .sport .item .text {font-size: 13px;}
  #homeText .inner .left TABLE TD {line-height: 1.5;}
  #homeText .inner UL LI {line-height: 1.0;}
}

@media only screen
and (max-width: 450px)
{
  BODY {font-size: 15px;}
  .img-respons img {width: 100%;}
  #topFrame {height: 250px; background-image: url(../images/slider/bg_header_m.jpg);}
  #topFrame .introText {margin: -100px auto 0;}
  #topFrame .introText h1 {font-size: 25px; line-height: 32px;}
  #topFrame .introText h2 {font-size: 18px; line-height: 27px; margin: 5px 0 0;}
  #topFrame .introText p {font-size: 16px; margin: 5px 0;}

  #navigationContainer {min-height: 40px; font-size: 12px;}
  #navigationContainer .mainFrame .navigationFrame {padding: 12px 10px;}
  
  #menuMobile .menuMobileContent .btn .lvl2 {font-size: 14px;}

  .logo {width: 50%;}
  #mainContent H2 {font-size: 22px; margin-bottom: 0;}
  #mainContent H3 {font-size: 18px; margin: 10px 0 5px; line-height: 1.4;}
  #mainContent UL {margin: 0px 0px 15px -20px;}
  #mainContent ul li {line-height: 1.4; padding: 2px 0px 2px 0px;}
  #hamburger .icon {top: calc(58% - 1px); right: 12px;}
  #header.shrink .icon {top: calc(48% - 1px);}
  #header.shrink {height: 58px;}
  #homeText .inner .left {margin: 0px 0px 10px;}
  #homeText .inner .left TABLE TH {font-size: 1.3em; padding: 4px 0;}
  #homeText .inner .right {height: auto;}
  #homeText .inner .left TABLE TD {line-height: 1.4;}
  #homeText .inner UL LI {margin: 0px 0px 7px 0px; line-height: 1.4;}
  #mainContent .contentSubMenu A, #mainContent .contentSubMenu span {display: flex; margin: 1px 0; padding: 8px 15px; font-size: 15px;}
  #mainContent TABLE.logo TD {float: left;}
  #mainContent TABLE.logo TD img {padding-left: 0;}
  .odstavecVlevo {width: 100% !important;}
}