/* ########################################################################## */
/* RESPONSIVE */
/* ########################################################################## */

@media (max-width: 1466px) {
    .featured .heading_bg_wrap .heading_text h2 {
        font-size: 50px;
    }
}

@media (max-width: 1366px) {
    .heading_bg_wrap .heading_image .heading_image_inner {
        background-size: contain;
    }
}

/* Menu */
@media (max-width: 1024px) {
    .container-header .navbar-toggler {
        padding: 0;
        display: block;
        border: none;
    }

    .container-header .navbar-toggler,
    .container-header .navbar-toggler:focus {
        border: none;
        box-shadow: none;
    }

    .container-header #navbar.show,
    .container-header #navbar.collapsing {
        position: fixed;
        top: 90px;
        right: 0;
        bottom: 0;
        left: 0;
        /*z-index: -1;*/
        z-index: 1;
        background-color: #fff;
        overflow-y: auto;

        justify-content: flex-start;
        padding: 0 5rem;
    }

    .container-header #navbar:not(.show) {
        display: none;
        opacity: 0;
    }

    .container-header #navbar.collapsing {
        height: auto;
        overflow: hidden;
        opacity: 0;
        -webkit-transition: opacity 300ms ease-in-out;
        -moz-transition: opacity 300ms ease-in-out;
        transition: opacity 300ms ease-in-out;
    }

    .container-header .container-nav .nav {
        flex-direction: column;
        flex: 1 0 auto;
        justify-content: flex-start;
        color: #000;
        padding: 0;
        background-color: transparent;
    }

    .container-header .mod-menu>li+li {
        flex-direction: column;
        align-items: flex-start;
    }

    .container-header .mod-menu>li {
        padding: 20px;
    }

    .container-header .mod-menu .parent>ul {
        /*display: flex;*/
        flex-direction: column;
    }

    .container-header .mod-menu li>ul {

    }

    .container-header .mod-menu .parent>ul {
        display: flex;
    }

    .container-header .mod-menu li>ul,
    .container-header .mod-menu li:hover>ul {
        width: calc(100% + 40px);
        height: auto;
        display: flex;
        position: relative;
        top: auto;
        padding: 0;
        margin-top: 20px;
        margin-left: -20px;
        margin-right: -20px;
    }

    .container-header .mod-menu li>ul li,
    .container-header .mod-menu li>ul li *,
    .container-header .mod-menu li:hover>ul li a,
    .container-header .mod-menu li:hover>ul li span {
        color: #000;
    }

    .container-header .mod-menu li>ul li,
    .container-header .mod-menu li:hover>ul li {
        padding: 10px 10px 10px 40px;
    }

    .container-header .mod-menu>li:not(.default).active,
    .container-header .mod-menu li:hover>ul li,
    .container-header .mod-menu li:hover>ul li:hover,
    .container-header .mod-menu li:not(.active):hover>ul li:hover,
    .container-header .mod-menu>li:not(.active):hover,
    .container-header .mod-menu li:not(.active):hover>ul li {
        background-color: transparent;
    }

    .container-header .mod-list li.active>a {
        font-weight: 900;
    }
}

/* Claim */
@media (max-width: 1024px) {
    .heading_bg_wrap .heading_image {
        display: none;
    }

    .heading_bg_wrap .heading_bg {
        width: 100%;
        height: auto;
        clip-path: none;
        padding-right: 0;
    }

    .featured .heading_bg_wrap .heading_text h2 {
        font-size: 60px;
    }

    .heading_bg_wrap .heading_notice {
        height: auto;
        padding-top: 1rem;
        padding-bottom: 1rem;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: center;

        background-color: #FEFF20;
        color: #000;
    }

    .heading_bg_wrap .heading_notice .heading_notice_mobile {
        display: block;
        font-size: 14px;
        margin-top: 10px;
    }

    .heading_bg_wrap .heading_notice .heading_notice_mobile p {
        margin-bottom: 0;
    }
}

@media (max-width: 530px) {
    /*    .heading_bg_wrap {
            position: relative;
        }

        .heading_bg_wrap .heading_bg {
            padding-top: 0;
        }

        .heading_bg_wrap .heading_over {
            top: 0;
        }*/
}

/* Rozcestnik */
@media (max-width: 1024px) {
    .block_rozcestnik .block_rozcestnik_wrap .block_rozcestnik_item {
        width: calc(100% / 2 - 90px);
    }
}

@media (max-width: 730px) {
    .block_rozcestnik .block_rozcestnik_wrap .block_rozcestnik_item {
        width: 100%;
        margin: 30px 0;
    }
}

@media (max-width: 430px) {
    .block_rozcestnik .rozcestnik_ico .rozcestnik_ico_front {
        width: 130px;
        height: 130px;
    }

    .block_rozcestnik .block_rozcestnik_item h3 {
        font-size: 24px;
    }

    .block_rozcestnik .block_rozcestnik_item p {
        font-size: 14px;
    }
}

/* Novinky */
@media (max-width: 1300px) {
    .frontpage .mod-articlescategory .cols-inner .col-item {
        width: calc(100% / 3 - 40px);
        margin: 20px;

        -webkit-transition: all 300ms ease-in-out;
        -moz-transition: all 300ms ease-in-out;
        transition: all 300ms ease-in-out;
    }
}

@media (max-width: 1024px) {
    .frontpage .mod-articlescategory .cols-inner .col-content-title {
        font-size: 22px;
    }

    .frontpage .mod-articlescategory .cols-inner p {
        font-size: 14px;
    }
}

@media (max-width: 930px) {
    .frontpage .mod-articlescategory .cols-inner {
        flex-wrap: wrap;
    }

    .frontpage .mod-articlescategory .cols-inner .col-item {
        width: 50%;
    }
}

@media (max-width: 700px) {
    .frontpage .mod-articlescategory .cols-inner .col-item {
        width: 75%;
    }
}

@media (max-width: 550px) {
    .frontpage .mod-articlescategory .cols-inner .col-item {
        width: 100%;
    }
}

/* Ostatni */
@media (max-width: 1199px) {
    .twocols {
        flex-direction: column;
    }

    .twocols-column {
        width: 100%;
    }

    .twocols-column.tc-left {
        margin-bottom: 5rem;
    }

    .twocols-column.tc-right iframe {
        min-height: 100px;
    }
}

@media (max-width: 1024px) {
    .featured .item-page {
        padding-top: 60px;
    }

    .heading_container {
        min-height: 0;
    }

    .heading_bg_wrap {
        position: relative;
    }

    .heading_bg_wrap .heading_bg {
        padding-top: 0;
    }

    .heading_bg_wrap .heading_over {
        top: 0;
    }

    .heading_bg_wrap .heading_text_inner {
        padding: 20px 0;
    }

    .breadcrumb_wrapper {
        position: relative;
        margin-top: -60px;
        z-index: 1;
        background-color: rgba(0,0,0,0.4);
    }

    body:not(.featured) main {
        margin-top: 60px;
    }
}

@media (max-width: 700px) {
    .container-header .grid-child,
    .grid-child,
    .heading_bg_wrap .heading_notice,
    .fill-width,
    .footer .grid-child.footer_form .footer_form_heading,
    .footer .grid-child.footer_form .footer_form_form,
    .container-header #navbar.show,
    .container-header #navbar.collapsing,
    .breadcrumb_wrapper {
        padding-left: 3rem;
        padding-right: 3rem;
    }

    .block_rozcestnik {
        width: calc(100% + 6rem);
        margin: 0 -3rem;
    }

    .container-header .mod-menu>li {
        padding: 10px 0;
    }
}

@media (max-width: 530px) {
    .twocols-column p,
    .twocols-column a {
        /*font-size: 16px;*/
        font-size: 5vw;
    }

    .twocols-column a:not([class]) {

    }

    .twocols-column a * {
        display: block;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
    }

    .link_ico:before {
        width: auto;
        font-size: 28px;
        margin-right: 15px;
    }
}

/* Ostatni */
@media (max-width: 1360px) {
    h1, h2, .h1, .h2,
    .heading_bg_wrap .heading_text h1,
    .com-content-article.item-page h2 {
        font-size: 58px;
    }
}

@media (max-width: 650px) {
    .featured .heading_bg_wrap .heading_text h2 {
        font-size: 50px;
    }

    .heading_bg_wrap .heading_text p {
        font-size: 26px;
    }

    .breadcrumb_wrapper .breadcrumb {
        flex-wrap: nowrap;
        overflow-x: auto;
    }

    .breadcrumb_wrapper .breadcrumb .breadcrumb-item {
        display: flex;
        flex: 1 0 auto;
    }
}

@media (max-width: 480px) {
    .brand-logo .logo {
        max-width: 80%;
    }

    h1, h2,
    .h1, .h2,
    .heading_bg_wrap .heading_text h1,
    .com-content-article.item-page h2 {
        font-size: 10vw;
    }

    main p,
    main a,
    main ul li,
    main ol li {
        font-size: 5vw;
    }
}

@media (max-width: 450px) {
    /*    h1, h2, .h1, .h2,
        .heading_bg_wrap .heading_text h1,
        .com-content-article.item-page h2 {
            font-size: 44px;
        }*/
}

/* Footer */
@media (max-width: 1600px) {
    .footer_form_form #contactform {
        width: 80%;
    }
}

@media (max-width: 1350px) {
    .footer_form_form #contactform {
        width: 100%;
    }
}

@media (max-width: 990px) {
    .footer .grid-child.footer_copyright .footer_logo {
        margin-bottom: 30px;
    }

    .footer .grid-child.footer_copyright {
        align-items: center;
        justify-content: center;
    }

    .footer .grid-child.footer_copyright * {
        text-align: center;
    }

    .footer .grid-child.footer_form .custom {
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .footer .grid-child.footer_form .footer_form_heading {
        width: 100%;
        clip-path: none;
        padding-top: 30px;
        padding-bottom: 30px
    }

    .footer .grid-child.footer_form .footer_form_form {
        width: 100%;
    }
}

@media (max-width: 730px) {
    .footer .grid-child.footer_social p {
        font-size: 26px;
        text-align: center;
    }

    .footer .grid-child.footer_form .footer_form_heading h3 {
        font-size: 36px;
    }

    .footer .grid-child.footer_form .footer_form_heading {
        justify-content: center;
        text-align: center;
    }
}

@media (max-width: 480px) {
    .footer .grid-child.footer_social p {
        font-size: 5vw;
        /*font-size: 22px;*/
        text-align: center;
    }

    .footer .grid-child.footer_social p img {
        max-width: 32px;
    }

    .footer .grid-child.footer_form .footer_form_heading h3 {
        font-size: 7vw;
        /*font-size: 32px;*/
    }
}