.menuFrameCont {width: auto; min-width: 150px; height: auto; float: left; margin: 0px 0px 0px 0px; position: relative;}
.menuFrameCont.full {width: 100%;}
.burger {width: 100%; height: 40px; margin: 0px 0px 0px 0px; float: left; display: none; background-color: #f59331; color: #FFF; position: relative;}
.burger.full {width: 100%;}
.burger .text {width: 100%; height: 40px; padding: 0px 0px 0px 50px; float: left; color: #FFF; font-size: 14px; font-weight: 600; text-transform: uppercase; display: flex; align-items: center;}
.burger .icon {width: 24px; 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);}
.leftMenu-vik A.burger {border: 0px; background-color: #619227;}
.leftMenu-cty A.burger {border: 0px; background-color: #22beec;}
.leftMenu-mez A.burger {border: 0px; background-color: #ea212d;}

.r-inner {}

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



@media only screen
and (max-width: 1000px)
{
  .flex-order-logo {order: 1;}
  .flex-order-menu {order: 3;}
  .flex-order-banner {order: 2;}
  #sekceMenuFrame {margin-top: 20px;}
}



@media only screen
and (max-width: 900px)
{
  .bannerFrame2020 .right {display: none;}
  #contentFrame .kurzyTable TD.program {width: auto;}
  
  #bottomSocialMobile {display: flex;}
}



@media only screen
and (max-width: 800px)
{
  .bannerFrame2020 {margin-top: 0px;}
  .flexOrder.home-sekce.mez .bannerFrame2020 {display: none;}
  .flexOrder.home-sekce.vik .bannerFrame2020 {display: none;}
  .flexOrder.home-sekce.cty .bannerFrame2020 {display: none;}
  .flexOrder.home-sekce.mez #menuFrame {margin-top: 90px;}
  .flexOrder.home-sekce.vik #menuFrame {margin-top: 90px;}
  .flexOrder.home-sekce.cty #menuFrame {margin-top: 90px;}
  #topFrame.subpage {display: none;}
  #topFrame .top {height: auto;}
  .topLogoFrame {height: auto; padding: 20px 10px;}
  .topLogoFrame .left {width: 60%;}
  .topLogoFrame .right {width: 40%; display: flex; justify-content: flex-end; color: #FFF; font-weight: 600; white-space: nowrap;}
  .topLogoFrame.home-sekce {}
  .topLogoFrame.home-sekce.mez {background-color: #ea212d; position: fixed; top: 0px; left: 0px; z-index: 100;}
  .topLogoFrame.home-sekce.vik {background-color: #619227; position: fixed; top: 0px; left: 0px; z-index: 100;}
  .topLogoFrame.home-sekce.cty {background-color: #22beec; position: fixed; top: 0px; left: 0px; z-index: 100;}
  .logoFrame {width: 100%; height: 50px; background-size: auto 100%; background-position: left bottom;}
  .logoFrame.subpage {background-image: url('/images/logo-white-obrys.svg'); background-size: 100px 130px; background-position: left center;}
  .logoTextFrame {width: 115px; width: auto; height: 40px}
  .logoTextFrame.subpage {display: none;}
  .topLogoFrame #searchFrame {display: none;}
}



@media only screen
and (max-width: 720px)
{
  #topFrame .rightFrame #langsFrame {display: none;}
  
  .boxesFrame .boxFrame {width: calc(50% - 20px);} 
  
  #contentFrame .filtrContainer {width: 100%;}
}



@media only screen
and (max-width: 600px)
{
  .r600-hidden {display: none;}

  #topFrame .topLine .mainFrame {display: flex;}
  #topFrame .rightFrame {width: 100%; display: flex;}
  #topFrame .rightFrame #flagsFrame {width: 65px; flex-grow: 1;}
  #topFrame .rightFrame #flagsFrame A {width: 100%;}  
  #topFrame .rightFrame .userFrame {flex-grow: 1;}
  #topFrame .rightFrame .userFrame.lektor {padding-right: 0px;}
  #topFrame .rightFrame .userFrame .mainLink {padding-right: 20px;}  
  #topFrame .rightFrame .userFrame {width: auto; flex-grow: 1;}
  #topFrame .rightFrame .userFrame .submenu.login {min-width: 250px; left: auto; right: 0px;}
  
  
  
  #contentFrame .kurzyTable {display: inline;}
  #contentFrame .kurzyTable TBODY {width: 100%; display: block;}
  #contentFrame .kurzyTable TR {display: block; float: left; width: 100%;}
  #contentFrame .kurzyTable TH {display: block; float: left; width: 100%; font-size: 14px; font-weight: 400; padding: 5px 10px;}
  #contentFrame .kurzyTable TH.r600-hidden {display: none;}
  #contentFrame .kurzyTable TD {display: block; width: 100%; font-size: 14px; padding: 5px 10px; float: left;}
  #contentFrame .kurzyTable TD.r600-hidden {display: none;}
  #contentFrame .kurzyTable .termin {float: left;}
}



@media only screen
and (max-width: 500px)
{
  .logoFrame {background-image: url('/images/logo.png');}
}



@media only screen
and (max-width: 400px)
{
  #topFrame .rightFrame #flagsFrame .cz {background-image: none;}
  #topFrame .rightFrame .userFrame .mainLink {background-image: none;}
  #topFrame .rightFrame .userFrame.logout .mainLink {background-image: none;}
}






/* Menu Frame */
@media only screen
and (max-width: 1000px)
{
  #menuFrame {height: 120px; background-color: #FFF; background-color: #FFF; overflow: hidden;}
  #menuFrame UL {width: auto; height: 100%; padding-bottom: 15px; float: none; overflow: auto; white-space: nowrap; box-sizing: unset; -webkit-box-sizing: unset; -moz-box-sizing: unset;}
  #menuFrame UL LI {height: 120px; border-right: 0px; display: inline-block; float: none; text-transform: none; font-weight: 600;}
  #menuFrame UL LI:HOVER {background-color: #FFF;}
  #menuFrame UL LI A {width: 12.5vw; color: #000; display: flex; align-items: flex-start; justify-content: center; flex-wrap: wrap; padding: 80px 10px 10px 10px; white-space: normal; text-align: center;}
  #menuFrame UL LI A.svg-o-nas {background-image: url('/images/svg/o_nas.svg');}
  #menuFrame UL LI A.svg-o-nas:HOVER {background-image: url('/images/svg/o_nas2.svg');}
  #menuFrame UL LI A.svg-o-nas.active {background-image: url('/images/svg/o_nas2.svg');}
  #menuFrame UL LI A.svg-kontakt {background-image: url('/images/svg/kontakt.svg');}
  #menuFrame UL LI A.svg-kontakt:HOVER {background-image: url('/images/svg/kontakt2.svg');}
  #menuFrame UL LI A.svg-kontakt.active {background-image: url('/images/svg/kontakt2.svg');}
  #menuFrame UL LI A.svg-pro-skoly {background-image: url('/images/svg/pro_skoly.svg');}
  #menuFrame UL LI A.svg-pro-skoly:HOVER {background-image: url('/images/svg/pro_skoly2.svg');}
  #menuFrame UL LI A.svg-pro-skoly.active {background-image: url('/images/svg/pro_skoly2.svg');}
  #menuFrame UL LI A.svg-objevitelsky-program {background-image: url('/images/svg/objevitelsky_program.svg');}
  #menuFrame UL LI A.svg-objevitelsky-program:HOVER {background-image: url('/images/svg/objevitelsky_program2.svg');}
  #menuFrame UL LI A.svg-objevitelsky-program.active {background-image: url('/images/svg/objevitelsky_program2.svg');}
  #menuFrame UL LI A.svg-online {background-image: url('/images/svg/online.svg');}
  #menuFrame UL LI A.svg-online:HOVER {background-image: url('/images/svg/online2.svg');}
  #menuFrame UL LI A.svg-online.active {background-image: url('/images/svg/online2.svg');}
  #menuFrame UL LI A.svg-mezinarodni {background-image: url('/images/svg/mezinarodni_zkousky.svg');}
  #menuFrame UL LI A.svg-mezinarodni:HOVER {background-image: url('/images/svg/mezinarodni_zkousky2.svg');}
  #menuFrame UL LI A.svg-mezinarodni.active {background-image: url('/images/svg/mezinarodni_zkousky2.svg');}
  #menuFrame UL LI A.svg-absolventi {background-image: url('/images/svg/absolventi.svg');}
  #menuFrame UL LI A.svg-absolventi:HOVER {background-image: url('/images/svg/absolventi2.svg');}
  #menuFrame UL LI A.svg-absolventi.active {background-image: url('/images/svg/absolventi2.svg');}
  #menuFrame UL LI A.svg-pro-firmy {background-image: url('/images/svg/pro_firmy.svg');}
  #menuFrame UL LI A.svg-pro-firmy:HOVER {background-image: url('/images/svg/pro_firmy2.svg');}
  #menuFrame UL LI A.svg-pro-firmy.active {background-image: url('/images/svg/pro_firmy2.svg');}
  #menuFrame UL LI A.svg-ap-capstone {background-image: url('/images/svg/ap_capstone.svg');}
  #menuFrame UL LI A.svg-ap-capstone:HOVER {background-image: url('/images/svg/ap_capstone2.svg');}
  #menuFrame UL LI A.svg-ap-capstone.active {background-image: url('/images/svg/ap_capstone2.svg');}
  
  #menuFrame UL LI A.icon {background-size: 70px auto; background-position: center top; background-repeat: no-repeat;}
  #menuFrame UL LI .submenu {display: none;}
  
}
@media only screen
and (max-width: 800px)
{
  #menuFrame UL LI A {width: 90px; font-size: 13px;}
}
@media only screen
and (max-width: 700px)
{
  #menuFrame UL LI A {width: 13.1vw;}
}
@media only screen
and (max-width: 600px)
{
  #menuFrame UL LI A {width: 18vw;}
}
@media only screen
and (max-width: 500px)
{
  #menuFrame UL LI A {width: 22vw;}
}
@media only screen
and (max-width: 400px)
{
  #menuFrame UL LI A {width: 28vw;}
}



/* Bottom */
@media only screen
and (max-width: 900px)
{
  #fullBottomFrame {display: none;}
}
@media only screen
and (min-width: 901px)
{
  #fullBottomFrameMobile {display: none;}
}



/* Counter */
@media only screen
and (max-width: 900px)
{
  .counterFrame .counter .circle {font-size: 40px;}
}
@media only screen
and (max-width: 800px)
{
  .counterFrame .counter .circle {font-size: 35px;}
}
@media only screen
and (min-width: 701px)
{
  .counterFrame .counter {width: calc(25% - 7.5px); margin: 0px 10px 10px 0px;}
  .counterFrame .counter:nth-child(4n+4) {margin-right: 0px;}
}
@media only screen
and (max-width: 700px)
{
  .counterFrame .counter {width: calc(50% - 5px); margin: 0px 10px 10px 0px; padding: 15px;}
  .counterFrame .counter:nth-child(2n+2) {margin-right: 0px;}
}



/* Loga partnerů */
@media only screen
and (max-width: 900px)
{
  .partnersCont H2 {font-size: 28px;}
  .partnersCont .partnersFrame .partner {width: 20%; display: flex;}
  .partnersCont .partnersFrame .partner A {display: flex;}
  .partnersCont .partnersFrame .partner A IMG {max-width: 100%; max-height: 100%; width: auto; height: auto; align-items: center; justify-content: center; align-self: center;}
}
@media only screen
and (max-width: 700px)
{
  .partnersCont .partnersFrame .partner {width: 25%; display: flex;}
  .partnersCont .partnersFrame .partner:nth-child(n+13) {display: none;}
}
@media only screen
and (max-width: 600px)
{
  .partnersCont H2 {font-size: 24px;}
  .partnersCont .partnersFrame .partner {width: 33.33%; display: flex;}
}



/* Články */
@media only screen
and (min-width: 901px)
{
  #content2020 .newsListFrame .newsFrame:nth-child(4n+4) {margin-right: 0px;}
}
@media only screen
and (max-width: 900px)
and (min-width: 601px)
{
  #content2020 .newsListFrame .newsFrame {width: calc(33.33% - 10px); margin: 7px 15px 8px 0px;}
  #content2020 .newsListFrame .newsFrame:nth-child(3n+3) {margin-right: 0px;}
  #content2020 .newsListFrame.home .newsFrame:nth-child(4n+4) {display: none;}
  #content2020 .newsListButtonsFrame .button-1 {width: calc(33.33% - 10px);}
}
@media only screen
and (max-width: 600px)
{
  #content2020 .newsListFrame .newsFrame {width: calc(50% - 10px); margin: 7px 20px 8px 0px;}
  #content2020 .newsListFrame .newsFrame:nth-child(2n+2) {margin-right: 0px;}
  #content2020 .newsListFrame.home .newsFrame:nth-child(3n+3) {display: none;}
  #content2020 .newsListFrame.home .newsFrame:nth-child(4n+4) {display: none;}
  #content2020 .newsListButtonsFrame .button-1 {width: calc(50% - 10px);}
}



/* Reference */
@media only screen
and (min-width: 901px)
{
  #content2020 .referListFrame .referFrame:nth-child(4n+4) {margin-right: 0px;}
}
@media only screen
and (max-width: 900px)
and (min-width: 601px)
{
  #content2020 .referListFrame .referFrame {width: calc(33.33% - 10px); margin: 7px 15px 8px 0px;}
  #content2020 .referListFrame .referFrame:nth-child(3n+3) {margin-right: 0px;}
  #content2020 .referListFrame .referFrame:nth-child(4n+4) {display: none;}
  #content2020 .referListButtonsFrame .button-1 {width: calc(33.33% - 10px);}
}
@media only screen
and (max-width: 600px)
{
  #content2020 .referListFrame .referFrame {width: calc(50% - 10px); margin: 7px 20px 8px 0px;}
  #content2020 .referListFrame .referFrame:nth-child(2n+2) {margin-right: 0px;}
  /*#content2020 .newsListFrame.home .newsFrame:nth-child(3n+3) {display: none;}
  #content2020 .newsListFrame.home .newsFrame:nth-child(4n+4) {display: none;}*/
  #content2020 .referListButtonsFrame .button-1 {width: calc(50% - 10px);}
}
@media only screen
and (max-width: 400px)
{
  #content2020 .referListFrame .referFrame {font-size: 13px;}
  #content2020 .referListButtonsFrame .button-1 {font-size: 14px;}
}



/* Patička Sociální sítě */
@media only screen
and (max-width: 400px)
{
  #bottomSocialMobile .link IMG {width: 60px; height: 60px;}
}


/* LEFT MENU */
@media only screen
and (max-width: 900px)
{
  #sekceMenuFrame {height: auto;}
  #sekceMenuFrame UL {width: 100%; height: auto; display: flex; flex-wrap: wrap;}
  #sekceMenuFrame UL LI {width: calc(50% - 5px); height: auto; margin: 0px 10px 10px 0px;}
  #sekceMenuFrame UL LI:nth-child(2n+2) {margin-right: 0px;}
  #sekceMenuFrame UL LI A {width: 100%; height: 100%; padding: 10px 20px; font-weight: 600; display: flex; align-items: center;}
  
  #sekceMenuFrame UL LI {background-image: none;}
  .sekceFrameMenuBlue {background-color: transparent;}
  .sekceFrameMenuBlue A {background-color: #22beec;}
  .sekceFrameMenuGreen {background-color: transparent;}
  .sekceFrameMenuGreen A {background-color: #619227;}
  .sekceFrameMenuRed {background-color: transparent;}
  .sekceFrameMenuRed A {background-color: #ea212d;}
  .sekceFrameMenuRed UL LI {border: 0px;}
  
  #contentFullFrame {padding: 0px;}
  
  #contentLeftMenu {width: 100%; margin: 0px 0px 0px 0px; display: flex; flex-wrap: wrap;}
  #contentLeftMenu H2 {display: none;}
  #contentLeftMenu .menuFrameCont {width: 100%;}
  #contentLeftMenu.leftMenu-obecna {margin-top: 20px;}
  #contentLeftMenu.leftMenu-obecna .u2 {width: 100%; padding: 10px 30px; margin: 0px 0px 0px 0px; background-color: #eee; display: block; float: left; border: 0px; border-bottom: 1px #f7dbbe solid;}
  #contentLeftMenu A.burger {display: block; padding: 0px; width: 100%; border: 0px;}
  #contentLeftMenu .menuFrameCont .menu A {background-color: #eee;}
  #contentLeftMenu .menu {display: none;}
  #contentLeftMenu .menu.active {display: block;}
  #contentLeftMenu .u2Vik.termins {margin-left: 0px; padding-left: 35px;}
  
  #submenuColumnsFrame {width: 100%;}
  
  #contentLeftMenu .leftFiltr {display: none;}
  
  #contentFrame .filterFrame LABEL {margin-right: 20px;}
  #contentFrame .filterFrame LABEL:last-child {margin-right: 0px;}
}



/* Kurzy */
@media only screen
and (max-width: 800px)
{
  #contentFrame .kurzDetailFrame .submenuFrame A {width: 50%; border-bottom: 1px #64d1f1 solid;}
}

@media only screen
and (max-width: 700px)
{
  #contentFrame .kurzFrame .descFrame {width: 100%; margin: 0px 0px 20px 0px;}
  #contentFrame .kurzFrame .descFrameGray {width: 100%;}
  #contentFrame .kurzOrderButton {width: 100%;}
  #contentFrame .kurzDetailFrame .grayFrame .columnFull {width: 100%;}
  #contentFrame .kurzDetailFrame .grayFrame .columnRight .iconsFrame {margin-top: 10px;}
}






/* FORM */
@media only screen
and (max-width: 700px)
{
  .formLine .formRow {width: 100%; text-align: left;}
  .formLine .formInput {width: 100%; margin: 0px 0px 0px 0px;}
  .formLine .formSubmit {width: 100%; margin-left: 0px;}
  .formLine .g-recaptcha {margin-left: 0px; }
}



/* Dialog */
@media only screen
and (max-width: 700px)
{
  #dialog-frame.size-3 {width: 90vw;}
  #dialog-frame .header {height: auto; padding-bottom: 10px;}
  .formLine .g-recaptcha {max-width: 100%;}
  
}



/* Kurzy - termín - objednávka */
@media only screen
and (max-width: 600px)
{
  #contentFrame .rozvrhTable input[type="radio"] + label {background-color: #FFF; border-color: transparent;}
  #contentFrame .rozvrhTable .detailLink {display: none;}
  
  .tableScrolled {width: 100%; overflow-x: auto;}
  #contentFrame .tableScrolled .rozvrhTable TH {white-space: nowrap; width: 100px;}
  #contentFrame .rozvrhTable TD {padding: 2px;}
  #contentFrame .rozvrhTable input[type="radio"] + label {padding: 4px 5px;}
}



/* Absolventi */
@media only screen
and (max-width: 600px)
{
  #contentFrame .filtersFrame .heading {font-size: 14px;}
  .filtersFrame .filterFrame .paramName {font-weight: normal;}
  #contentFrame .studentLine .descFrame {width: 100%;}
  #contentFrame .studentLine .descFrame .col1 {}
  #contentFrame .studentLine .descFrame .col2 P {font-size: 14px;}
  #contentFrame .studentLine .descFrame .col3 P {font-size: 14px;}
  #contentFrame .studentLine .linksFrame {width: 50%; margin-top: 5px;}
  #contentFrame .studentLine .linksFrame.heading {display: none;}
}
@media only screen
and (max-width: 450px)
{
  .filtersFrame .flex {flex-wrap: wrap;}
  #contentFrame .filterFrame {padding: 2px 15px;}
}



/* Náš týn */
@media only screen
and (min-width: 1001px)
{
  .nasTymList .nasTym:nth-child(4n+4) {margin-right: 0px;}
}
@media only screen
and (max-width: 1000px)
and (min-width: 401px)
{
  .nasTymList .nasTym {width: calc(50% - 10px); margin: 10px 20px 10px 0px;}
  .nasTymList .nasTym:nth-child(2n+2) {margin-right: 0px;}
}
@media only screen
and (max-width: 400px)
{
  .nasTymList .nasTym {width: 100%; margin: 10px 0px 10px 0px;}
}