/* Large desktop */
@media (min-width: 1300px) {
    .nav-right .nav-kdh a {
        padding-right: 0px;
    }
    .single-image {
        max-width: 60%;
    }
 }
@media (max-width: 1299px) {
    .single-image {
        max-width: 50%;
    }
}
@media (max-width: 1280px) {
    .navbar .container{
        padding-left: 20px;
        padding-right: 20px;
        margin-right: 0;
    }
    .nav-left {
        padding-left: 20px;
    }


}
@media (max-width: 1279px) {
        #news .news {
        padding-left: 25px;
        padding-right: 25px;
    }
    .container {
        margin: 0;
        width: 100%;
    }
}
@media (max-width: 1199px) {
    #news .news {
        padding-left: 15px;
        padding-right: 15px;
    }

    #archive .archive-post img {
        height: 200px;
    }
    .page.container .header img {
        right: 0px;
    }
    #single .header img {
        right:0px;
    }

}
@media (max-width: 1100px) {
    #kontakt .row.content .sidebar {
        display: none;
    }
    #kontakt .row.content {
        padding-left: 0;
    }
    #kontakt .page.container .header .breadcrumbs {
        left: 25px;
        z-index: 995;
    }
    #kontakt .page.container .header h1 {
        display: block!important;
    }
    #timeline .timeline-img {
        padding-left: 20px;
    }
    .front-banner img {
        margin-left: 20px;
    }
}
 /* Portrait tablet to landscape and desktop */
 @media (max-width: 992px) {
        #news .new1-image img{
        max-width: 100%;
        min-height: 120%;
        min-width: 1px;
        max-height: none;
    }
    .front-banner img {
        margin-left: auto;
    }
    #timeline .timeline-img {
        padding-left: 0px;
    }
    #banner-volby {
        width: 230px;
        height: 92px;
        padding: 15px;
        margin-top: 30px;
    }
    #banner-volby img {
        margin-top: 2px;
    }
    #banner-volby p {
        margin-left: 0px;
        font-size: 14px;
        padding-left: 8px;
    }
    #banner-contact {
        width: 230px;
        padding: 15px;
        background: url('../img/bg-banner-kontakt.jpg') no-repeat 72px -3px;
    }
    .row.content {
        padding-left: 230px;
    }
    .row.content .sidebar {
        width: 230px;
    }
    .page.container .header .breadcrumbs {
        left: 280px;
        z-index: 995;
    }
    #archive #posts h3 {
        font-size: 21px;
    }
    #archive #posts p.meta {
        margin-top:0;
    }

    #archive #posts .row {
        margin-bottom: 25px;
    }
    .page.container .header img {
        right: -50px;
        width: 280px;
        top: -40px;
    }
    #single .header img {
        right: -50px;
    }
    #info p {
        max-width: 700px;
        margin-left: auto;
        margin-right: auto;
    }
    #info h1 {
        text-align: center;
        padding-bottom: 10px;
    }
    #info a.info-button {
        width: 240px;
        display: block;
        margin-left: auto;
        margin-right: auto;
        text-align: center;
    }
    #info .front-banner img {
        float: none;
        max-width: 550px!important;
        margin-left: auto;
        margin-right: auto;
        display: block;
    }
    #info .divider2 {
        display: block;
        margin-right: auto;
        margin-left: auto;
    }
    #timeline p {
        padding-right: 70px;
        width: 100%;
        max-width: none;
    }
    .cd-horizontal-timeline .container .events-content {
        width: 100%;
    }
    .rfbp-post {
        width: 33%;
    }
    #novinky .new-image img {
        margin: 0 auto;
    }
    #novinky .new .new-insider{
        min-height: 308px;
    }
    #novinky .new-image img {
        height: 193px;
    }
    #novinky .new .new-insider {
        min-height: 316px;
    }
    #news .index-excerpt {
        padding-bottom: 10px;
    }

    #news,
    #scena,
    #socials {
        padding-top: 50px;
    }
    #info .front-banner {
        margin-top: -30px;
        padding-left: 0;
    }
    #timeline .button-overlay {
        height: 75px;
    }
}
 /* Portrait tablet to landscape and desktop */
@media (min-width: 992px) and (max-width: 1199px) {
    #novinky .new-image img {
        height: 144px;
    }
}
/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 991px) {
    #banner .container img.img-responsive {
        top: -14px;
    }
    }


@media (max-width: 1024px) {
    .nav-center {
        display: none;
    }
    .nav-right .nav-button {
    display: block;
    }
    .nav-right {
        padding-right: 20px;
    }


}
@media (max-width: 870px) {
    .video-meta {
        display: none;
    }
}
@media (max-width: 700px) {
    .nav-right li.nav-kdh a{
        width: 42px;
        overflow: hidden;
        margin-right: 10px;
    }

    .nav-right li.nav-ruzinov a {
        margin-right: 10px;
        width: 37px;
        overflow: hidden;
    }
    #kontakt .contacts a {
        float: none;
        width: 70%;
    }
    #kontakt .contacts {
        height: 225px;
    }
    #kontakt .contacts .email {
        margin: 0 auto;
    }
    #kontakt .contacts .facebook {
        margin: 25px auto;
    }

}


/* Landscape phone to portrait tablet */
@media (max-width: 767px) {
    .rfbp-container.shown {
    max-height: 2000px;
}
        .single-image {
        max-width: 70%;
    }
    #banner .container img.img-responsive {
        top: -11px;
    }
    .navbar-toggle {
        border-color: #757575;
    }
    .navbar-toggle .icon-bar {
        background-color: #757575;
    }
    #navbar ul li a {
        text-align: center;
    }
    #navbar {
        position: relative;
        z-index: 999;
    }
    #novinky h4 {
        font-size: 17px;
    }

    #novinky .new .new-insider {
        min-height: 300px;
    }
    .cd-horizontal-timeline .container .events-content {
        width: 100%;
    }
    #archive .archive-post .col-sm-5 a {
        width: 100%;
        text-align: center;
    }
    #archive .archive-post {
        display: block;
        margin-right: auto;
        margin-left: auto;
    }
    .row.content .sidebar {
        display: none;
    }
    .row.content {
        padding-left: 0;
    }
    .page.container .header .breadcrumbs {
        left: 25px;
        z-index: 995;
    }
    #kontakt .col-sm-5 h3 {
        text-align: center;
    }
    #kontakt .col-sm-5 p {
        text-align: center;
    }
    #kontakt .col-sm-7 h4 {
        margin-top: 50px;
    }
    #news .news .new {
        height: 420px;
    }
    .rfbp-post {
        width: 50%;
    }
    .container {
        padding-left: 25px;
        padding-right: 25px;
    }
    #banner #move-down {
        width: 90px;
        height: 90px;
        bottom: -29px;
        padding-top: 24px;
    }
    #topfooter h3 br {
        display: none;
    }
    .cd-timeline-navigation a.next {
        right: 50px;
    }
    .cd-timeline-navigation a.prev {
        left: 50px;
    }
    .cd-horizontal-timeline .container .timeline {
        height: auto;
        margin-bottom: 0px;
        margin-top: 60px;
    }
    ul.cd-timeline-navigation {
        margin-top: -25px;
    }
    .cd-horizontal-timeline .container .timeline {
        z-index: 99;
    }
    section h2,
    #timeline h1,
    #single .post-title h1,
    #info h1 {
        font-size: 30px;
        line-height: 39px;
    }
    #kontakt .row.contact-bottom .contact-buttn {
        margin: 8px auto;
        float: none;
    }
    #kontakt .row.contact-bottom .captcha {
        margin: 8px auto;
        float: none;
    }
    #timeline .events-content h3 {
        font-size: 30px;
        text-align: center;
    }
    #timeline .events-content {
        padding-left: 34px;
    }
    #timeline p {
        margin: 0;
        line-height: 27px;
    }
}
/* Landscape phones and down */
@media (max-width: 620px) {
    section h2,
    #timeline h1,
    #single .post-title h1,
    #info h1 {
        font-size: 30px;
        line-height: 39px;
    }
    #kontakt .row.contact-bottom .contact-buttn {
        margin: 8px auto;
        float: none;
    }
    #kontakt .row.contact-bottom .captcha {
        margin: 8px auto;
        float: none;
    }
    #timeline .events-content h3 {
        font-size: 30px;
        text-align: center;
    }
    #timeline .events-content {
        padding-left: 34px;
    }
}
@media (max-width: 520px) {
    #bottomfooter p {
        line-height: 20px;
        padding-top: 15px;
        padding-bottom: 15px;
    }
    .video-nazov h2 {
        font-size: 20px;
    }
    .cd-timeline-navigation a.next {
        right: 0;
    }
    .cd-timeline-navigation a.prev {
        left: 0;
    }
}
/* Landscape phones and down */
@media (max-width: 480px) {
    .single-image {
        max-width: 90%;
    }
    #banner .container img {
        top: -17px;
    }
    #banner .container .podpis {
        display: none;
    }
    .nav-right li a, .nav.right li img {
        padding: 22px 10px;
    }
    .page.container .header h1 {
        font-size: 40px;
    }
    .xxs-100 {
        width: 100%;
    }
    #news .news:first-of-type {
        padding-right: 20px;
    }
    #news .news:last-of-type {
        padding-left: 20px;
        margin-top: 20px;
    }
    #news .new1-image img {
        max-width: 100%;
        min-height: 120%;
        max-height: none;
        min-width: 1px;
    }
    .rfbp-post {
        width: 100%;
    }
    #archive #posts .col-xs-48 {
        width: 100%;
    }
    #archive #posts .col-xs-offset-4 {
        margin-left: 0;
    }
    .archive-post-text {
        margin-bottom: 40px;
    }
    #banner #move-down img {
        top: -10px;
    }
    #banner #move-down p {
        font-size: 10px;
    }
    #banner #move-down {
        width: 70px;
        height: 70px;
        bottom: -18px;
        padding-top: 16px;
    }
    .navbar-brand>img {
        width: 150px;
        height: auto;
    }
    .page.container .header img {
        right: -80px;
        width: 250px;
        top: -30px;
    }
    #archive #posts p.meta {
        margin-top: 18px;
    }
    #archive #posts .row {
        margin-bottom: 0px;
    }
    .nav-left a {
        padding: 27px 0px;
    }
    #kontakt .contacts a {
        float: none;
        width: 100%;
    }
    #single .content {
        padding-left: 0;
        padding-right: 0;
    }
    #topfooter h3 {
        font-size: 17px;
    }
    #kontakt .contacts a {
        font-size: 15px;
    }
    .video-block {
        background: none;
        box-shadow: none;
    }
    #playvideo {
        width: 60px;
        height: auto;
    }
}
@media (max-width: 400px) {
    .nav-right .nav-ruzinov {
        display: none;
    }
    .nav-right .nav-kdh {
        display: none;
    }
    #kontakt .captcha {
        margin-left: -17px;
    }
    #playvideo {
        width: 40px;
        height: auto;
    }
}