.burger {width: 100%; height: 44px; float: left; display: none; background-color: #0d5f7e; position: relative;}
.burger .text {width: 100%; height: 44px; padding: 0px 10px 0px 50px; float: left; color: #FFF; font-size: 16px; font-weight: 400; text-transform: uppercase; display: flex; align-items: center;}
.burger .icon {width: 30px; height: 2px; float: left; background-color: #FFF; position: absolute; top: calc(50% - 1px); left: 10px; transition: all .5s; z-index: 2;}
.burger .icon::BEFORE {height: 2px; background-color: #FFF; content: ""; width: 100%; position: absolute; left: 0; transition: all .5s; top: -8px;}
.burger .icon::AFTER {height: 2px; background-color: #FFF; content: ""; width: 100%; position: absolute; left: 0; transition: all .5s; top: 8px;}
.burger.active .icon {background-color: transparent;}
.burger.active .icon::BEFORE {top: 0; transform: rotate(45deg);}
.burger.active .icon::AFTER {top: 0; transform: rotate(135deg);}

.mobOnly {display: none;}

@media only screen
and (max-width: 1200px)
{
  .mainFrame {width: 100%;}
  .inner-1 {padding-left: 10px; padding-right: 10px;}
}



@media only screen
and (min-width: 801px)
{
  /* Novinky */
  .newsListFrame .newsFrame {width: calc(25% - 15px);}
  .newsListFrame .newsFrame:nth-child(4n+4) {margin-right: 0px;}
  
  /* Produkty */
  .productsListFrame .productFrame {width: calc(25% - 15px);}
  .productsListFrame .productFrame:nth-child(4n+4) {margin-right: 0px;}
  
  /* Seznam prodejců, kontakty */
  .addressListFrame .addressFrame {width: calc(25% - 15px);}
  .addressListFrame .addressFrame:nth-child(4n+4) {margin-right: 0px;}
}



@media only screen
and (max-width: 800px)
{
  .mobOnly {display: block;}
  
  .kontaktPage {flex-wrap: wrap;}
  .kontaktPage .left {width: 100%;}
  .kontaktPage .right {width: 100%; height: 250px; flex: unset;}
  .kontaktPage .right iframe {max-height: 100%;}
  
  
  /* Menu */
  #menuLogoFrame {padding: 0px 15px; height: 80px;}
  .burger {display: block;}
  #menuFrameCont {margin: 0px 0px 0px 0px; position: relative;}
  #menuFrame {display: none;}
  #menuFrame.active {width: calc(100vw - 30px); display: flex; position: absolute; top: 44px; right: 0px;}
  #menuFrame UL {width: 100%; background-color: #0d5f7e; margin: 0px; padding: 0px; display: flex; flex-direction: column;}
  #menuFrame UL LI {margin: 0px;}
  #menuFrame UL LI A {padding: 10px 20px; display: block;}
  #menuFrame UL LI A:hover, #menuFrame UL LI A.active {border: 0px; background-color: #00506F;}
  #menuLogoCont #menuFrame UL LI A {height: auto; padding: 10px 20px; border: 0px;}
  #menuLogoCont #menuFrame UL LI A:hover, #menuLogoCont #menuFrame UL LI A.active {border: 0px;}
  #menuFrame UL LI .flag {background-color: #397594;}
  #menuFrame UL LI .flag IMG {margin: 0px 5px 0px 0px;}
  .flagsFrame {display: none;}
  #menuLogoFrame .logo IMG {width: 150px; height: auto; display: block;}
  
  /* Banner */
  #mainBanner {height: 400px;}
  #mainBanner .slide {height: 400px;}
  #mainBanner .slide HR {max-width: 80%; height: 3px; margin: 30px 0px;}
  #mainBanner .slide H2 {font-size: 24px;}
  #mainBanner .slide P {font-size: 16px; text-align: center; font-weight: 300; padding: 0px 30px;}
  #mainBanner .slide .buttonMore {padding: 10px 20px; font-size: 14px;}
  #mainBannerSubEmpty {height: 80px;}
  
  /* Novinky */
  .newsListFrame .newsFrame {width: calc(50% - 10px);}
  .newsListFrame .newsFrame:nth-child(2n+2) {margin-right: 0px;}
  
  /* Produkty */
  .productsListFrame .productFrame {width: calc(50% - 10px);}
  .productsListFrame .productFrame:nth-child(2n+2) {margin-right: 0px;}
  
  /* Seznam prodejců, kontakty */
  .addressListFrame .addressFrame {width: calc(50% - 10px);}
  .addressListFrame .addressFrame:nth-child(2n+2) {margin-right: 0px;}
  
  /* Mapa prodejců */
  .mapaLinkFrame H3 {font-size: 25px;}
  .button-icon-1 {font-size: 14px;}
  
  /* Home článek */
  .article-1 .left H3 {font-size: 25px;}
  
  /* Mapa prodejců */
  #mapDealersCont {height: auto;}
  #mapDealersCont .switchFrame {position: relative; width: 100%; top: 0px;}
  #mapDealers {height: calc(100vh - 150px);}
  
  .headingFrame H2 {font-size: 25px;}
  .button-1 {padding: 7px 15px; font-size: 14px;}
  
  /* Footer */
  FOOTER .mainFrame {flex-wrap: wrap; justify-content: space-around;}
  FOOTER .mainFrame .left {}
  FOOTER .mainFrame .center {}
  FOOTER .mainFrame .right {width: 100%; align-items: center; margin: 30px 0px 0px 0px; padding: 30px 0px 0px 0px; border-top: 1px rgba(255,255,255,0.15) solid;}
  FOOTER .mainFrame .right .social {margin-bottom: 25px;}
  FOOTER .mainFrame .right .euFrame {margin: 0px 0px 30px 0px;}
}



@media only screen
and (max-width: 600px)
{
  #bookmarksLeft {display: none;}
  
  .fullWhiteFrame {padding-top: 20px; padding-bottom: 20px;}
  .fullGrayFrame {padding-top: 20px; padding-bottom: 20px; margin: 20px 0px;}
  
  /* Novinky */
  .newsListFrame .newsFrame .descFrame H3 {font-size: 18px;}
  
  /* Produkty */
  .productsListFrame .productFrame .descFrame H3 {font-size: 18px;}
  
  /* Home článek */
  .article-1 {flex-direction: column;}
  .article-1 .left {width: 100%;}
  .article-1 .right {width: 100%; padding: 0px;}
  
  /* TinyMCE */
  .tinymceCont H1 {font-size: 25px; margin: 20px 0px 10px 0px;}
  .tinymceCont H2 {font-size: 20px; margin: 20px 0px 10px 0px;}
  .tinymceCont H3 {font-size: 18px; margin: 20px 0px 10px 0px;}
  .tinymceCont H4 {font-size: 16px; margin: 20px 0px 10px 0px;}
  .tinymceCont H5 {font-size: 16px; margin: 20px 0px 10px 0px;}
  .tinymceCont H6 {font-size: 16px; margin: 20px 0px 10px 0px;}
  .tinymceCont P {font-size: 14px; margin: 10px 0px 10px 0px;}
}



@media only screen
and (max-width: 450px)
{
  /* Banery */
  #mainBannerSub {display: none;}
  
  /* Novinky */
  .newsListFrame .newsFrame {width: 100%; margin-right: 0px;}
  
  /* Produkty */
  .productsListFrame .productFrame {width: 100%; margin-right: 0px;}
  
  /* Seznam prodejců, kontakty */
  .addressListFrame .addressFrame {width: 100%; margin-right: 0px;}
}