@media (max-width: 1200px) {
    .railroad-bg {
        position: absolute;
        height: 100%;
    }

    .railroad-bg img {
        height: 100%;
        max-width: initial;
    }

    .railroad {
        position: relative;
        padding-top: 40px;
    }

    .railroad .flex-row {
        flex-wrap: wrap;
        padding: 35px 10px 20px 60px;
    }

    .railroad-point {
        width: 50%;
        max-width: 50%;
        margin: 0 0 20px 0;
    }

    .railroad-point:nth-child(3):before,
    .railroad-point:nth-child(3):after,
    .railroad-point:nth-child(4):before,
    .railroad-point:nth-child(4):after {
        display: none;
    }
}

@media (max-width: 992px) {

    /*header {*/
        /*position: fixed;*/
        /*top: 0;*/
        /*left: 0;*/
        /*width: 100%;*/
    /*}*/

    /*main {*/
        /*padding-top: 60px;*/
    /*}*/

    #header-top-info {
        display: none;
    }

    #header-top {
        position: absolute;
        top: 0;
        left: 0;
        z-index: 2;
    }

    #header-top .container {
        padding: 0;
    }

    #header-top a {
        display: block;
        width: 100px;
        padding: 0 0 0 20px;
    }

    #header-top a img {
        max-width: 100%;
    }

    #header-nav {
        z-index: 1;
    }

    #header-nav .container {
        width: auto;
        max-width: initial;
    }

    #header-top .flex-row,
    #header-nav .flex-row {
        height: 60px;
        align-items: center;
    }

    #header-nav .flex-row {
        flex-direction: row-reverse !important;
        flex-flow: row-reverse;
        justify-content: flex-start !important;
    }

    #header-nav .toggler {
        border: 2px solid white;
        border-radius: 3px;
        width: 40px;
        height: 33px;
        line-height: 33px;
        text-align: center;
        margin-left: 20px;
        font-size: 22px;
        padding: 0;
        background-color: transparent;
    }

    #header-nav .toggler:before {
        top: -2px;
        position: relative;
        color: #0f6cba;
    }

    #header-nav .toggler:hover:not(.toggled),
    #header-nav .toggler.toggled {
        background-color: white;
    }

    #header-nav .toggler.toggled:before {

    }

    #header-nav .toggler.toggled:hover {
        background-color: transparent;
    }

    #header-nav .flex-row > nav.toggled {
        display: block !important;
        position: absolute;
        top: 100%;
        right: 0;
        width: 100%;
        background-color: white;
        /*max-height: calc(100vh - 60px);*/
        /*overflow: auto;*/
    }

    #header-nav .flex-row > nav .nav {
        flex-flow: column;
    }

    #header-nav .flex-row > nav nav {
        position: relative;
        display: block;
        top: 0;
        left: 0;
        width: auto;
        margin: 0;
        padding: 0;
    }

    #header-nav .flex-row > nav a {
        padding: 8px 20px;
    }

    #header-nav .flex-row > nav ul {
        margin: 0;
    }

    #header-nav .flex-row > nav li {
        border-bottom: 1px solid #f2f2f2;
    }

    #header-nav .flex-row > nav li:last-child {
        border-bottom-width: 3px;
    }

    .product-nav-n-description {
        flex-flow: column;
        flex-direction: column !important;
    }

    .product-nav {
        min-width: initial;
        width: 100%;
        margin: 0 0 20px 0;
    }

    .h1, h1 {
        margin-top: 40px;
    }

    .pageheader-bg {
        -webkit-background-size: cover !important;;
        -moz-background-size: cover !important;;
        -o-background-size: cover !important;;
        background-size: cover !important;
        margin-bottom: 20px;
    }

    .nav li.parent:after {
        display: none !important;
    }
}

@media (max-width: 768px) {
    .railroad-point {
        width: 100%;
        max-width: 100%;
    }

    .railroad-point:nth-child(2):before,
    .railroad-point:nth-child(2):after {
        display: none;
    }
}

@media (max-width: 576px) {
    .railroad {
        padding-top: 20px;
    }

    .railroad .flex-row {
        padding: 0;
        border: none;
    }

    .railroad-point {
        border: none;
        margin: 0 auto 20px auto;
        padding: 0 20px;
    }

    footer .flex-row {
        justify-content: center;
    }

    #header-nav a.lang {
        padding: 3px 8px;
    }

    #header-nav .toggler {
        margin-left: 4px;
    }

    .product-gallery.row {
        margin-left: -5px;
        margin-right: -5px;
    }
    .product-image {
        padding: 5px;
        margin-bottom: 10px;
    }
}
/* Kolejnice skladem + uzsi hlavni menu po pridani polozky */
@media (min-width: 992px) and (max-width: 1199px) {
    #header-nav .nav a {
        padding-left: 9px;
        padding-right: 9px;
        letter-spacing: 0;
        font-size: 15px;
    }

    #header-nav a.lang {
        padding: 3px 8px;
    }

    .stock-rail-intro {
        flex-flow: column;
    }

    .stock-rail-intro > div:first-child {
        padding-right: 0;
        margin-bottom: 25px;
    }
}

@media (max-width: 992px) {
    .stock-rail-intro,
    .stock-rail-boxes,
    .stock-cards {
        flex-flow: column;
    }

    .stock-rail-intro > div:first-child {
        padding-right: 0;
        margin-bottom: 25px;
    }

    .stock-rail-boxes > div,
    .stock-card {
        margin-bottom: 20px;
    }
}

@media (max-width: 576px) {
    .stock-rail-boxes > div,
    .stock-contact {
        padding: 25px 15px;
    }

    .stock-contact-links a {
        min-width: 0;
        width: 100%;
        margin: 0 0 10px 0;
        font-size: 18px;
    }

    .stock-rail-table th,
    .stock-rail-table td {
        padding: 8px;
    }
}