body {
    -webkit-text-size-adjust:100%;
    -moz-text-size-adjust:100%;
    -ms-text-size-adjust:100%;
}

html {
    /* killing 300ms touch delay in IE */
    -ms-touch-action: manipulation;
    touch-action: manipulation;
}

@media only screen and (min-width: 1400px) {
    /* zmena sirky vysuvneho menu */
    .slideMenu {width: 20%;}

}
@media only screen and (max-width: 1500px) {
    /* uprava info-sections clones */
    .info-sections > .info-sections {display: inherit;}
}
@media only screen and (max-width: 1400px) {
    /* prisposobovanie hlavneho menu */
    #pageMainMenu > ul > li > a {   height:49px; line-height:49px;  padding: 0 12px;font-size: 16px;}
    #pageMainMenu > ul > li  .submenu { top:49px;}
    #pageMainMenu > ul > li > .submenu > .col .h3 {font-size: 1.4em;margin: 18px 0 13px;}
    #pageMainMenu > ul > li > .submenu > .col ul li a{ font-size: 15px;padding: 6px 0;}
    /* zmena sirky vysuvneho menu */
    .slideMenu {width: 40%;}
}
@media only screen and (max-width: 1200px) {
    /* prisposobovanie nazvu stranky */
    #headerTitle {font-size: 36px;padding-top: 18px;}
    /* prisposobovanie hlavneho menu */
    #pageMainMenu > ul > li > a {   height:47px;line-height:47px;  padding: 0 10px;font-size: 15px;}
    #pageMainMenu > ul > li  .submenu { top:47px;}
    #pageMainMenu > ul > li > .submenu > .col .h3 {font-size: 1.2em;margin: 10px 0 11px;}
    #pageMainMenu > ul > li > .submenu > .col ul li a{ font-size: 14px;padding: 4px 0;}

    /* zmena sirky vysuvneho menu */
    .slideMenu {width: 40%;}

    /* uprava sirky photogallery */
    .lightbox.row .col {width: 25%;}
}
@media only screen and (max-width: 1100px) {
    /* prisposobovanie nazvu stranky */
    #headerTitle {font-size: 30px;padding-top: 25px;}
    /* prisposobovanie hlavneho menu */
    #pageMainMenu > ul > li > a {  height:45px;  line-height:45px;  padding: 0 8px;font-size: 14px;}
    #pageMainMenu > ul > li  .submenu { top:45px;}
    #pageMainMenu > ul > li > .submenu > .col .h3 {font-size: 1em;margin: 4px 0 9px;}
    #pageMainMenu > ul > li > .submenu > .col ul li a{ font-size: 13px;padding: 2px 0;}

    /* prisposobovanie paty */
    footer ul{ margin-bottom: 55px;  }

    /* prisposobenie bannerov */
    #banners .item {height: 450px;}
    #banners .item > .wide > .row > .col {margin-bottom: 25px;font-size: 3em;}

    /* uprava sirku articleList */
    div.articleList > .listItem {width: 33.33%; }
}
@media only screen and (max-width: 1024px) {
    /* uprava info-sections clones */
    .info-sections > .info-sections {display: none;}
}
@media only screen and (max-width: 1000px) {
    /* uprava zamestnancov */
    .form-container input:not(.btn),.form-container select,.form-container textarea {display: block;width: 100%;}
    .form-container input:not(.btn) {width: 95%;}
}
@media only screen and (max-width: 980px) {

    /* celkova zmena zapatia - skrytie menu, popresuvanie hlavicky */
    nav {display: none;}
    header {background: none;}
    header > .row.topMenu {display: none;}
    header > .row.headerMain {padding: 0;}
    header > .row.headerMain > .col,header > .row.headerMain > .colParent {width: 100%;}
    header > .row.headerMain > .colParent {background: url("images/footer.jpg")  center bottom no-repeat;background-size:150%;margin-top: 0px}
    header > .row.headerMain > .colParent > .col {padding: 40px 15px;background:  rgba(255,255,255,0.9) center top no-repeat;}
    header > .row.headerMain > .col{padding-top:15px;}
    header > .row.headerMain > .col > .row,header > .row.headerMain > .col > .row > .col {width:auto;}
    header > .row.headerMain > .col > .row {float:right;}
    header > .row.headerMain > .col > .row:first-child {display:inherit;float:left;}
    header > .row.headerMain > .col > .row:nth-child(2) {display:inherit;width:auto}
    header > .row.headerMain > .col > .row:last-child > .col {padding:11px;}
    #topSearch {padding: 5px 0 0 0;}
    #topSearchForm {width:auto;display: none;}
    #searchTrigger{display:inherit;}

    /* prisposobovanie nazvu stranky */
    #headerTitle {font-size: 40px;padding-top: 18px;}

    /* uprava stlpcov okolo kalendara */
    .row.calendarsRow {padding: 20px 10px;}
    .row.calendarsRow > .col {padding: 0 10px;}
    .row.calendarsRow > .col.calendar,.row.calendarsRow > .col.tabs,.row.calendarsRow > .col.tabs.nologos {width: 50%}
    .row.calendarsRow > .col.logos {width: 100%;padding-top: 20px;height: auto;}

    /* uprava katedrovych noviniek */
    .katedraAktOzn.newsPanel > .content #katedra-akt-ozn >.row > .col:first-child {padding-right: 25px;}
    .katedraAktOzn.newsPanel > .content #katedra-akt-ozn >.row > .col:last-child {padding-left: 25px;}

    /* uprava sirky photogallery */
    .lightbox.row .col {width: 33.33%;}

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

    /* uprava zamestnancov */
    .form-container .second .col:first-child,.form-container .second .col:last-child,.form-container .third .col{width:100%;}
    table.employeeResult:not(.detail) tr th,table.employeeResult tr td{padding: 5px;}

    /* zuzenie info-sections*/
    .info-sections > .row {padding: 20px 0 0;}
    .info-sections > .row > .col{width: 50%;padding: 15px 10px;}
    .info-sections > .row > .col:nth-child(2n+1){clear: both;}
    .info-sections > .row > .col.col-3{width: 33.33%;}
    .info-sections > .row > .col.col-2{width: 100%;}
}
@media only screen and (max-width: 820px) {
    /* uprava sirku articleList */
    div.articleList > .listItem {width: 50%; }

    /* uprava sirky photogallery */
    .lightbox.row .col {width: 50%;}
    /* uprava sirky videogallery */
    .videogallery .col {width: 50%;padding-bottom: 30px;}
    .videogallery .col:last-child {padding-bottom: 0px;}

    /* rozsirenie zoznamu dokumentov na stiahnutie*/
    ul.documentsForLoad a {padding: 5px 0;display: inline-block;}

    /* oznamy vsetky ide dole a zmensuje sa  */
    .newsPanel.announcements .h1 a,.newsPanel.announcements.katedraAktOzn .h1 a {bottom: 25px;   position: absolute;   right: 15px;}
    .newsPanel.announcements > .content div.title, .newsPanel.announcements > .content div.date {padding: 15px 20px;}
    .newsPanel.announcements .h1 a {bottom: 10px;}
    .newsPanel.background {padding-bottom: 15px;}
}
@media only screen and (max-width: 768px) {
    /* prisposobovanie nazvu stranky */
    #headerTitle {font-size: 38px;padding-top: 20px;}
    /* zmena jazykov na select */
    #topLangs {padding:0;margin: -5px 5px 0 15px; position: relative;}
    #topLangs > ul {    display:none;position: absolute;left: 0px;        top: 38px;background-color: #f4f4f4;width:40px;}
    #topLangs > .select-emulator-selected,#topLangs > .select-emulator-btn {display: inherit;}
    #topLangs > ul li {    float:none;margin: 5px auto;}
    #topLangs > ul li.active {    display:none;}

    /* celkova zmena spodneho menu */
    footer {background:none;background-color: #fff;margin-bottom: 70px;}
    footer > .rowParent > .row > .col {width: 90%;border-bottom: 2px solid #efefef;padding: 0 20px;margin: 0 5%;}
    footer > .rowParent > .row > .col > .h3 {font-size: 1.6em;line-height: 55px;margin-bottom: 0px;}
    footer .h3 span{display: inline-block;float: right;}
    footer > .rowParent > .row > .col > ul {display: none;margin: 0;}
    footer > .rowParent > .row > .col > ul > li:first-child {padding-top: 5px;}
    footer > .rowParent > .row > .col > ul > li:last-child {padding-bottom: 5px;}

    /* uprava paty */
    #footer > .row  {padding-top:70px;}
    #footer > .row > .col span{width: 100%;display: inline-block;}
    #footer > .row > .col:last-child {padding: 8px 15px;}

    /* responzivita aktuality */
    .newsPanel > .content div.item {    width:94%; }

    /* zmena sirky vysuvneho menu */
    .slideMenu {width: 50%;}

    /* uprava zamestnancov */
    table.employeeResult:not(.detail) tr > th,table.employeeResult:not(.detail) tr > td{display: block;}
    table.employeeResult{margin-bottom: 10px;}

    /* uprava katedrovych noviniek */
    .katedraAktOzn.newsPanel > .content #katedra-akt-ozn >.row > .col:first-child {padding-right: 15px;}
    .katedraAktOzn.newsPanel > .content #katedra-akt-ozn >.row > .col:last-child {padding-left: 15px;}
}

@media only screen and (max-width: 740px) {
    /* prisposobovanie nazvu stranky */
    #headerTitle {font-size: 37px;padding-top: 20px;}

    /* skrytie bannerov*/
    #banners {display: none;}
    .info-sections > .row {padding: 10px 0 0;}

}
@media only screen and (max-width: 680px) {
    /* prisposobovanie nazvu stranky */
    #headerTitle {font-size: 33px;padding-top: 24px;margin-left: 20px;}

    /* uprava zamestnancov */
    .form-container .first .col{width:50%;}

    /* uprava katedrovych noviniek */
    .katedraAktOzn.newsPanel > .content #katedra-akt-ozn >.row > .col:first-child {padding-right: 10px;}
    .katedraAktOzn.newsPanel > .content #katedra-akt-ozn >.row > .col:last-child {padding-left: 10px;}

    /* aktuality vyssie tlacitko */
    .archive.row > .col > a.btn{margin-top: -25px;}

    /* zmena info-sections col-3*/
    .info-sections > .row > .col.col-3{width: 50%;}
    .info-sections > .row > .col.col-3:last-child{width: 100%;}
}

@media only screen and (max-width: 620px) {
    /* prisposobovanie nazvu stranky */
    #headerTitle {font-size: 27px;padding-top: 30px;}

    /* zmena sirky vysuvneho menu */
    .slideMenu{width:60%;}

    /* uprava nadpisu katedry */
    .katedraHeader .h2 {display: inherit;padding-top: 20px;float: left;width: 100%;text-align: center;}

    /* uprava katedrovych noviniek */
    .katedraAktOzn.newsPanel > .content #katedra-akt-ozn >.row > .col:first-child {padding-right: 5px;}
    .katedraAktOzn.newsPanel > .content #katedra-akt-ozn >.row > .col:last-child {padding-left: 5px;}

}

@media only screen and (max-width: 540px) {
    /* prisposobovanie nazvu stranky */
    #headerTitle {font-size: 22px;padding-top: 34px;}
    #headerTitle .subTitle {font-size:0.7em;padding-top: 4px;}

    /* uprava stlpcov okolo kalendara */
    .row.calendarsRow {padding: 8% 9%;}
    .row.calendarsRow > .col,.row.calendarsRow > .col.logos {padding: 10px 0;height: auto;}
    .row.calendarsRow > .col.calendar,.row.calendarsRow > .col.tabs,.row.calendarsRow > .col.tabs.nologos,.row.calendarsRow > .col.logos {width: 100%}
    .row.calendarsRow > .col.tabs ,#calendarEventLists {min-height: 15px;}

    /* zmena sirky vysuvneho menu */
    .slideMenu {width: 70%;}

    /* uprava sirku articleList */
    div.articleList > .listItem {width: 100%; }

    /* uprava zamestnancov */
    .form-container .first .col{width:100%;}
}
@media only screen and (max-width: 500px) {
    header > .row.headerMain > .colParent > .col {padding-right: 0px;}
    /* prisposobovanie nazvu stranky */
    #headerTitle {margin-left: 15px;}
    #headerTitle .subTitle {font-size:0.7em;padding-top: 4px;}

    /* zmena info-sections*/
    .info-sections > .row {padding: 0;}
    .info-sections > .row > .col{width: 100%;padding: 0;}
    .info-sections > .row > .col.col-3{width: 100%;}
    .info-sections > .row > .col .body ul:last {display: inherit;}
    .info-sections > .row > .col:last-child .title,.info-sections > .row > .col .title.active {border-bottom-width: 0;}
    .info-sections > .row > .col .title span{display: inline-block;float: right;}
    .info-sections > .row > .col .image,.info-sections > .row > .col .body{display: none;}

    /* uprava stlpcov okolo kalendara */
    .row.calendarsRow {padding: 4% 5%;}

    /* uprava sirky photogallery */
    .lightbox.row .col {width: 100%;}
    /* uprava sirky videogallery */
    .videogallery .col {width: 100%;}

    /* uprava nadpisov */
    h1, .h1 {    margin:0 0 20px 0;}
    h2, .h2 {    margin:20px 0 30px;}

}

@media only screen and (max-width: 468px) {
    /* uprava pozadia zapatia */
    header > .row.headerMain > .colParent {background-size:300%;}

    /* zmena sirky vysuvneho menu */
    .slideMenu{width:100%;}
    #menuKatedra {   left:0px;}

    /* drobne prisposobenie spodneho menu */
    footer > .row > .row > .col {padding: 0 10px;margin: 0 30px;width: 90%;}
    footer {margin-bottom: 60px;}
    /* zmena paty na centrovanu */
    #footer > .row  {padding-bottom: 15px;}
    #footer > .row > .col {width: 100%;text-align: center;}
    #footer > .row > .col:last-child {text-align: center;padding-top: 25px;}

    /* textu aktuality / oznamov */
    .newsPanel:not(.announcements) > .row.owl-carousel {padding-bottom: 20px;}
    .newsPanel:not(.announcements) > .content div.item div.title {padding-top: 20px;}
    .newsPanel > .content div.item div.title a {font-size: 1.09em;}
    .newsPanel > .content div.item div.date span {display: none;}

}


@media only screen and (max-width: 460px) {
    .row {padding: 15px 0}

    /* prisposobovanie nazvu stranky */
    #headerTitle {font-size: 18px;padding-top: 38px;}#headerTitle .subTitle
    header > .row.headerMain > .colParent > .col {padding-right: 5px;}

    /* zmena searchu spat na zpbrazeny cely */
    #topLangs {margin-right:0; }
    #topSearchForm {display: inherit;width: 100%;}
    #topSearch{padding: 0;width: 100%;}
    #searchTrigger{display:none;}
    #topSocialIcons{display:none;}
    /* prehodenie searchu s vlajkami a soc ikonami*/
    header > .row.headerMain > .col {padding-bottom: 40px;}
    header > .row.headerMain > .col > .row {width:100%;}
    header > .row.headerMain > .col > .row:first-child,header > .row.headerMain > .col > .row:last-child {width:auto;}
    header > .row.headerMain > .col > .row:last-child { margin-top: -75px; }
    header > .row.headerMain > .col > .row.right-menu { margin-right: 50px; }
    header > .row.headerMain > .col > .row:last-child > .col {padding-right: 0;}

    /* uprava stlpcov okolo kalendara */
    .row.calendarsRow {padding: 2% 3%;}
    .row.calendarsRow > .col,.row.calendarsRow > .col.logos {padding: 5px 0;}
}

@media only screen and (max-width: 410px) {
    /* uprava nazvu a loga na centrovanie */
    header > .row.headerMain > .colParent > .col {padding: 20px 5px;}
    header > .row.headerMain > .colParent > .col {text-align: center;}
    #h1{display: inline-block;float: none;}
    #headerTitle {margin-left: 0px;width:100%;padding-top:10px;}

    /* responzivita aktuality */
    .newsPanel > .content div.item {    width:100%; }

    /* textu aktuality / oznamov */
    .newsPanel:not(.announcements) > .content div.item div.title {text-align: left; padding: 20px 5px 0;}
    .newsPanel > .content div.item div.title a {font-size: 1.05em;}
    .newsPanel > .content div.item div.title a {font-size: 1.05em;}

    /* katedrove oznamy zmensuje sa  */
    .newsPanel.announcements > .content div.title, .newsPanel.announcements > .content div.date {padding: 5px 10px;}

    /* obrazky v kalendaroch */
    #calendarEventLists .content > .item > .col.fl, #calendarEventLists .content > .item.noImage > .col.fr,
    #calendarEventLists .content > .item > .h4:not(.noImage),
    #calendarEventLists .content > .item > .body:not(.noImage){width: 100%;}
    #calendarEventLists .content > .item > .col.fr {padding-left: 0;}
    #calendarEventLists .content > .item > .h4:not(.noImage) {padding-top: 5px;}

}

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


/* --------------------------- themes --------------------------- */
@media only screen and (max-width: 768px) {
    /* ciary pri responzivnom spodnom menu */
    footer > .rowParent > .row > .col.active {border-bottom: 2px solid #ba014b;}
}
@media only screen and (max-width: 500px) {
    /* zmena info-sections - spodna ciara*/
    .info-sections > .row > .col .title {border-bottom: #a70043 1px solid;}

}


/* prisposobovanie nazvu stranky */
@media only screen and (max-width: 1300px) {
    body.gtf #headerTitle {font-size: 35px;padding-top: 20px;}
}
@media only screen and (max-width: 1200px) {
    body.gtf  #headerTitle {font-size: 33px;padding-top: 25px;}
}
@media only screen and (max-width: 1160px) {
    body.gtf  #headerTitle {font-size: 30px;padding-top: 25px;}
    body.gtf  #headerTitle .subTitle {font-size:0.6em;/*padding-top: 6px;*/}
}
@media only screen and (max-width: 1100px) {
    body.gtf  #headerTitle {font-size: 27px;padding-top: 25px;}
}
@media only screen and (max-width: 980px) {
    body.gtf  #headerTitle {font-size: 40px;padding-top: 18px;}
    body.gtf  #headerTitle .subTitle {font-size:0.5em;/*padding-top: 6px;*/}
}
@media only screen and (max-width: 780px) {
    body.gtf #headerTitle {font-size: 38px;padding-top: 20px;}
}
@media only screen and (max-width: 750px) {
    body.gtf #headerTitle {font-size: 37px;padding-top: 20px;margin-left: 20px;}
}
@media only screen and (max-width: 730px) {
    body.gtf #headerTitle {font-size: 27px;padding-top: 30px;}
}
@media only screen and (max-width: 580px) {
    body.gtf #headerTitle {font-size: 24px;padding-top: 34px;margin-left: 15px;}
    body.gtf #headerTitle .subTitle {font-size:0.6em;/*padding-top: 6px;*/}
}
@media only screen and (max-width: 540px) {
    body.gtf #headerTitle {font-size: 22px;padding-top: 36px;}
    body.gtf #headerTitle .subTitle {font-size:0.7em;/*padding-top: 6px;*/}
}
@media only screen and (max-width: 510px) {
    body.gtf #headerTitle {font-size: 19px;padding-top: 39px;}
    body.gtf #headerTitle .subTitle {font-size:0.75em;/*padding-top: 6px;*/}
}
@media only screen and (max-width: 480px) {
    body.gtf #headerTitle .subTitle {font-size:0.8em;/*padding-top: 6px;*/}
}
@media only screen and (max-width: 450px) {
    /* uprava nazvu a loga na centrovanie */
    body.gtf header > .row.headerMain > .colParent > .col {padding: 20px 5px;}
    body.gtf header > .row.headerMain > .colParent > .col {text-align: center;}
    body.gtf #h1{display: inline-block;float: none;}
    body.gtf #headerTitle {margin-left: 0px;width:100%;padding-top:10px;}
}
@media only screen and (max-width: 340px) {
    body.gtf #headerTitle {font-size: 17px;}
}





/* prisposobovanie nazvu stranky */
@media only screen and (max-width: 1360px) {
    body.fhp #headerTitle {font-size: 35px;padding-top: 20px;}
}
@media only screen and (max-width: 1280px) {
    body.fhp #headerTitle {font-size: 32px;padding-top: 25px;}
}
@media only screen and (max-width: 1190px) {
    body.fhp #headerTitle {font-size: 30px;padding-top: 25px;}
    body.fhp #headerTitle .subTitle {font-size:0.6em;/*padding-top: 6px;*/}
}
@media only screen and (max-width: 1150px) {
    body.fhp #headerTitle {font-size: 27px;padding-top: 27px;}
}
@media only screen and (max-width: 1060px) {
    body.fhp #headerTitle {font-size: 24px;padding-top: 25px;}
}
@media only screen and (max-width: 980px) {
    body.fhp #headerTitle {font-size: 40px;padding-top: 18px;}
    body.fhp #headerTitle .subTitle {font-size:0.5em;/*padding-top: 6px;*/}
}
@media only screen and (max-width: 860px) {
    body.fhp #headerTitle {font-size: 36px;padding-top: 20px;}
}
@media only screen and (max-width: 790px) {
    body.fhp #headerTitle {font-size: 33px;padding-top: 20px;margin-left: 20px;}
}
@media only screen and (max-width: 750px) {
    body.fhp #headerTitle {font-size: 30px;padding-top: 30px;}
}
@media only screen and (max-width: 680px) {
    body.fhp #headerTitle {font-size: 27px;padding-top: 30px;}
}
@media only screen and (max-width: 630px) {
    body.fhp #headerTitle {font-size: 24px;padding-top: 34px;margin-left: 15px;}
    body.fhp #headerTitle .subTitle {font-size:0.6em;/*padding-top: 6px;*/}
}
@media only screen and (max-width: 570px) {
    body.fhp #headerTitle {font-size: 21px;padding-top: 36px;}
    body.fhp #headerTitle .subTitle {font-size:0.7em;/*padding-top: 6px;*/}
}
@media only screen and (max-width: 520px) {
    body.fhp #headerTitle {font-size: 18px;padding-top: 39px;}
    body.fhp #headerTitle .subTitle {font-size:0.8em;/*padding-top: 6px;*/}
}
@media only screen and (max-width: 470px) {
    /* uprava nazvu a loga na centrovanie */
    body.fhp header > .row.headerMain > .colParent > .col {padding: 20px 5px;}
    body.fhp header > .row.headerMain > .colParent > .col {text-align: center;}
    body.fhp #h1{display: inline-block;float: none;}
    body.fhp #headerTitle {margin-left: 0px;width:100%;padding-top:10px;}
}
@media only screen and (max-width: 340px) {
    body.fhp #headerTitle {font-size: 16px;}
}


/* prisposobovanie nazvu stranky */
@media only screen and (max-width: 1300px) {
    body.pbf #headerTitle {font-size: 35px;padding-top: 20px;}
}
@media only screen and (max-width: 1200px) {
    body.pbf #headerTitle {font-size: 33px;padding-top: 25px;}
}
@media only screen and (max-width: 1160px) {
    body.pbf #headerTitle {font-size: 30px;padding-top: 25px;}
    body.pbf #headerTitle .subTitle {font-size:0.6em;/*padding-top: 6px;*/}
}
@media only screen and (max-width: 1100px) {
    body.pbf #headerTitle {font-size: 27px;padding-top: 25px;}
}
@media only screen and (max-width: 980px) {
    body.pbf #headerTitle {font-size: 40px;padding-top: 18px;}
    body.pbf #headerTitle .subTitle {font-size:0.5em;/*padding-top: 6px;*/}
}
@media only screen and (max-width: 780px) {
    body.pbf #headerTitle {font-size: 38px;padding-top: 20px;}
}
@media only screen and (max-width: 750px) {
    body.pbf #headerTitle {font-size: 37px;padding-top: 20px;margin-left: 20px;}
}
@media only screen and (max-width: 730px) {
    body.pbf #headerTitle {font-size: 27px;padding-top: 30px;}
}
@media only screen and (max-width: 580px) {
    body.pbf #headerTitle {font-size: 24px;padding-top: 34px;margin-left: 15px;}
    body.pbf #headerTitle .subTitle {font-size:0.6em;/*padding-top: 6px;*/}
}
@media only screen and (max-width: 540px) {
    body.pbf #headerTitle {font-size: 22px;padding-top: 36px;}
    body.pbf #headerTitle .subTitle {font-size:0.7em;/*padding-top: 6px;*/}
}
@media only screen and (max-width: 510px) {
    body.pbf #headerTitle {font-size: 19px;padding-top: 39px;}
    body.pbf #headerTitle .subTitle {font-size:0.75em;/*padding-top: 6px;*/}
}
@media only screen and (max-width: 480px) {
    body.pbf #headerTitle .subTitle {font-size:0.8em;/*padding-top: 6px;*/}
}
@media only screen and (max-width: 450px) {
    /* uprava nazvu a loga na centrovanie */
    body.pbf header > .row.headerMain > .colParent > .col {padding: 20px 5px;}
    body.pbf header > .row.headerMain > .colParent > .col {text-align: center;}
    body.pbf #h1{display: inline-block;float: none;}
    body.pbf #headerTitle {margin-left: 0px;width:100%;padding-top:10px;}
}
@media only screen and (max-width: 340px) {
    body.pbf #headerTitle {font-size: 17px;}
}




/* prisposobovanie nazvu stranky */
body.ceskv #headerTitle {font-size: 22px;padding-top: 25px;}
body.ceskv #headerTitle .subTitle {font-size:0.6em;/*padding-top: 6px;*/}

@media only screen and (max-width: 1500px) {
    body.ceskv #headerTitle {font-size: 20px;padding-top: 30px;}
}
@media only screen and (max-width: 1360px) {
    body.ceskv #headerTitle {font-size: 18px;padding-top: 30px;}
}
@media only screen and (max-width: 1280px) {
    body.ceskv #headerTitle {font-size: 15px;padding-top: 35px;}
}
@media only screen and (max-width: 1190px) {
    /*#headerTitle {font-size: 30px;padding-top: 25px;}*/
    body.ceskv #headerTitle .subTitle {font-size:0.8em;/*padding-top: 6px;*/}
}
@media only screen and (max-width: 1150px) {
    body.ceskv #headerTitle {font-size: 14px;padding-top: 36px;}
}
@media only screen and (max-width: 1060px) {
    body.ceskv #headerTitle {font-size: 12px;padding-top: 40px;}
}
@media only screen and (max-width: 980px) {
    body.ceskv #headerTitle {font-size: 21px;padding-top: 25px;}
    body.ceskv #headerTitle .subTitle {font-size:0.6em;/*padding-top: 6px;*/}
}
@media only screen and (max-width: 860px) {
    body.ceskv #headerTitle {font-size: 19px;padding-top: 30px;}
}
@media only screen and (max-width: 790px) {
    body.ceskv #headerTitle {margin-left: 20px;}
    body.ceskv #headerTitle {font-size: 17px;padding-top: 35px;}
}
@media only screen and (max-width: 750px) {
    body.ceskv #headerTitle {font-size: 15px;padding-top: 35px;}
}
@media only screen and (max-width: 680px) {
    body.ceskv #headerTitle {font-size: 14px;padding-top: 36px;}
}
@media only screen and (max-width: 640px) {
    body.ceskv #headerTitle {font-size: 13px;padding-top: 36px;}
}
@media only screen and (max-width: 600px) {
    /*#headerTitle {font-size: 24px;padding-top: 34px;margin-left: 15px;}*/
    body.ceskv #headerTitle {font-size: 12px;padding-top: 36px;}
    body.ceskv #headerTitle .subTitle {font-size:0.8em;/*padding-top: 6px;*/}
}
@media only screen and (max-width: 570px) {
    body.ceskv #headerTitle {font-size: 10px;padding-top: 40px;}
    body.ceskv #headerTitle .subTitle {font-size:1em;/*padding-top: 6px;*/}
}
@media only screen and (max-width: 520px) {
    body.ceskv #headerTitle {font-size: 9px;padding-top: 42px;}
    body.ceskv #headerTitle .subTitle {font-size:1.1em;/*padding-top: 6px;*/}
}
@media only screen and (max-width: 470px) {
    /* uprava nazvu a loga na centrovanie */
    body.ceskv header > .row.headerMain > .colParent > .col {padding: 20px 5px;}
    body.ceskv header > .row.headerMain > .colParent > .col {text-align: center;}
    body.ceskv #h1{display: inline-block;float: none;}
    body.ceskv #headerTitle {font-size: 13px;margin-left: 0px;width:100%;padding-top:10px;}
    body.ceskv #headerTitle .subTitle {font-size:1em;/*padding-top: 6px;*/}
}
@media only screen and (max-width: 340px) {
    body.ceskv #headerTitle {font-size: 12px;}
}


/* prisposobovanie nazvu stranky */
body.ceezc #headerTitle {font-size: 30px;padding-top: 25px;}
body.ceezc #headerTitle .subTitle {font-size:0.6em;/*padding-top: 6px;*/}

@media only screen and (max-width: 1500px) {
    body.ceezc #headerTitle {font-size: 27px;padding-top: 30px;}
}
@media only screen and (max-width: 1360px) {
    body.ceezc #headerTitle {font-size: 25px;padding-top: 30px;}
}
@media only screen and (max-width: 1280px) {
    body.ceezc #headerTitle {font-size: 21px;padding-top: 35px;}
}
@media only screen and (max-width: 1190px) {
    /*#headerTitle {font-size: 30px;padding-top: 25px;}*/
    body.ceezc #headerTitle .subTitle {font-size:0.8em;/*padding-top: 6px;*/}
}
@media only screen and (max-width: 1150px) {
    body.ceezc #headerTitle {font-size: 18px;padding-top: 36px;}
}
@media only screen and (max-width: 1060px) {
    body.ceezc #headerTitle {font-size: 16px;padding-top: 40px;}
}
@media only screen and (max-width: 980px) {
    body.ceezc #headerTitle {font-size: 29px;padding-top: 25px;}
    body.ceezc #headerTitle .subTitle {font-size:0.6em;/*padding-top: 6px;*/}
}
@media only screen and (max-width: 860px) {
    body.ceezc #headerTitle {font-size: 26px;padding-top: 30px;}
}
@media only screen and (max-width: 790px) {
    body.ceezc #headerTitle {margin-left: 20px;}
    body.ceezc #headerTitle {font-size: 22px;padding-top: 35px;}
}
@media only screen and (max-width: 750px) {
    body.ceezc #headerTitle {font-size: 21px;padding-top: 35px;}
}
@media only screen and (max-width: 680px) {
    body.ceezc #headerTitle {font-size: 18px;padding-top: 36px;}
}
@media only screen and (max-width: 630px) {
    /*#headerTitle {font-size: 24px;padding-top: 34px;margin-left: 15px;}*/
    body.ceezc #headerTitle {font-size: 16px;padding-top: 36px;}
    body.ceezc #headerTitle .subTitle {font-size:0.8em;/*padding-top: 6px;*/}
}
@media only screen and (max-width: 570px) {
    body.ceezc #headerTitle {font-size: 14px;padding-top: 40px;}
    body.ceezc #headerTitle .subTitle {font-size:1em;/*padding-top: 6px;*/}
}
@media only screen and (max-width: 520px) {
    body.ceezc #headerTitle {font-size: 12px;padding-top: 42px;}
    body.ceezc #headerTitle .subTitle {font-size:1.1em;/*padding-top: 6px;*/}
}
@media only screen and (max-width: 470px) {
    /* uprava nazvu a loga na centrovanie */
    body.ceezc header > .row.headerMain > .colParent > .col {padding: 20px 5px;}
    body.ceezc header > .row.headerMain > .colParent > .col {text-align: center;}
    body.ceezc #h1{display: inline-block;float: none;}
    body.ceezc #headerTitle {font-size: 16px;margin-left: 0px;width:100%;padding-top:10px;}
    body.ceezc #headerTitle .subTitle {font-size:1em;/*padding-top: 6px;*/}
}
@media only screen and (max-width: 340px) {
    body.ceezc #headerTitle {font-size: 16px;}
}



/* prisposobovanie nazvu stranky */
body.cckv #headerTitle {font-size: 30px;padding-top: 25px;}
body.cckv #headerTitle .subTitle {font-size:0.6em;/*padding-top: 6px;*/}

@media only screen and (max-width: 1500px) {
    body.cckv #headerTitle {font-size: 27px;padding-top: 30px;}
}
@media only screen and (max-width: 1360px) {
    body.cckv #headerTitle {font-size: 25px;padding-top: 30px;}
}
@media only screen and (max-width: 1280px) {
    body.cckv #headerTitle {font-size: 21px;padding-top: 35px;}
}
@media only screen and (max-width: 1190px) {
    /*#headerTitle {font-size: 30px;padding-top: 25px;}*/
    body.cckv #headerTitle .subTitle {font-size:0.8em;/*padding-top: 6px;*/}
}
@media only screen and (max-width: 1150px) {
    body.cckv #headerTitle {font-size: 18px;padding-top: 36px;}
}
@media only screen and (max-width: 1060px) {
    body.cckv #headerTitle {font-size: 16px;padding-top: 40px;}
}
@media only screen and (max-width: 980px) {
    body.cckv #headerTitle {font-size: 29px;padding-top: 25px;}
    body.cckv #headerTitle .subTitle {font-size:0.6em;/*padding-top: 6px;*/}
}
@media only screen and (max-width: 860px) {
    body.cckv #headerTitle {font-size: 26px;padding-top: 30px;}
}
@media only screen and (max-width: 790px) {
    body.cckv #headerTitle {margin-left: 20px;}
    body.cckv #headerTitle {font-size: 22px;padding-top: 35px;}
}
@media only screen and (max-width: 750px) {
    body.cckv #headerTitle {font-size: 21px;padding-top: 35px;}
}
@media only screen and (max-width: 680px) {
    body.cckv #headerTitle {font-size: 18px;padding-top: 36px;}
}
@media only screen and (max-width: 630px) {
    /*#headerTitle {font-size: 24px;padding-top: 34px;margin-left: 15px;}*/
    body.cckv #headerTitle {font-size: 16px;padding-top: 36px;}
    body.cckv #headerTitle .subTitle {font-size:0.8em;/*padding-top: 6px;*/}
}
@media only screen and (max-width: 570px) {
    body.cckv #headerTitle {font-size: 14px;padding-top: 40px;}
    body.cckv #headerTitle .subTitle {font-size:1em;/*padding-top: 6px;*/}
}
@media only screen and (max-width: 520px) {
    body.cckv #headerTitle {font-size: 12px;padding-top: 42px;}
    body.cckv #headerTitle .subTitle {font-size:1.1em;/*padding-top: 6px;*/}
}
@media only screen and (max-width: 470px) {
    /* uprava nazvu a loga na centrovanie */
    body.cckv header > .row.headerMain > .colParent > .col {padding: 20px 5px;}
    body.cckv header > .row.headerMain > .colParent > .col {text-align: center;}
    body.cckv #h1{display: inline-block;float: none;}
    body.cckv #headerTitle {font-size: 16px;margin-left: 0px;width:100%;padding-top:10px;}
    body.cckv #headerTitle .subTitle {font-size:1em;/*padding-top: 6px;*/}
}
@media only screen and (max-width: 340px) {
    body.cckv #headerTitle {font-size: 16px;}
}



/* prisposobovanie nazvu stranky */
body.cjknm #headerTitle {font-size: 30px;padding-top: 25px;}
body.cjknm #headerTitle .subTitle {font-size:0.6em;/*padding-top: 6px;*/}

@media only screen and (max-width: 1500px) {
    body.cjknm #headerTitle {font-size: 27px;padding-top: 30px;}
}
@media only screen and (max-width: 1360px) {
    body.cjknm #headerTitle {font-size: 25px;padding-top: 30px;}
}
@media only screen and (max-width: 1280px) {
    body.cjknm #headerTitle {font-size: 21px;padding-top: 35px;}
}
@media only screen and (max-width: 1190px) {
    /*#headerTitle {font-size: 30px;padding-top: 25px;}*/
    body.cjknm #headerTitle .subTitle {font-size:0.8em;/*padding-top: 6px;*/}
}
@media only screen and (max-width: 1150px) {
    body.cjknm #headerTitle {font-size: 18px;padding-top: 36px;}
}
@media only screen and (max-width: 1060px) {
    body.cjknm #headerTitle {font-size: 16px;padding-top: 40px;}
}
@media only screen and (max-width: 980px) {
    body.cjknm #headerTitle {font-size: 29px;padding-top: 25px;}
    body.cjknm #headerTitle .subTitle {font-size:0.6em;/*padding-top: 6px;*/}
}
@media only screen and (max-width: 860px) {
    body.cjknm #headerTitle {font-size: 26px;padding-top: 30px;}
}
@media only screen and (max-width: 790px) {
    body.cjknm #headerTitle {margin-left: 20px;}
    body.cjknm #headerTitle {font-size: 22px;padding-top: 35px;}
}
@media only screen and (max-width: 750px) {
    body.cjknm #headerTitle {font-size: 21px;padding-top: 35px;}
}
@media only screen and (max-width: 680px) {
    body.cjknm #headerTitle {font-size: 18px;padding-top: 36px;}
}
@media only screen and (max-width: 630px) {
    /*#headerTitle {font-size: 24px;padding-top: 34px;margin-left: 15px;}*/
    body.cjknm #headerTitle {font-size: 16px;padding-top: 36px;}
    body.cjknm #headerTitle .subTitle {font-size:0.8em;/*padding-top: 6px;*/}
}
@media only screen and (max-width: 570px) {
    body.cjknm #headerTitle {font-size: 14px;padding-top: 40px;}
    body.cjknm #headerTitle .subTitle {font-size:1em;/*padding-top: 6px;*/}
}
@media only screen and (max-width: 520px) {
    body.cjknm #headerTitle {font-size: 12px;padding-top: 42px;}
    body.cjknm #headerTitle .subTitle {font-size:1.1em;/*padding-top: 6px;*/}
}
@media only screen and (max-width: 470px) {
    /* uprava nazvu a loga na centrovanie */
    body.cjknm header > .row.headerMain > .colParent > .col {padding: 20px 5px;}
    body.cjknm header > .row.headerMain > .colParent > .col {text-align: center;}
    body.cjknm #h1{display: inline-block;float: none;}
    body.cjknm #headerTitle {font-size: 16px;margin-left: 0px;width:100%;padding-top:10px;}
    body.cjknm #headerTitle .subTitle {font-size:1em;/*padding-top: 6px;*/}
}
@media only screen and (max-width: 340px) {
    body.cjknm #headerTitle {font-size: 16px;}
}