/*@media only screen and (max-width: 320px) {*/
/*    body {*/
/*        border-top: 3px solid #EB5D48;*/
/*        border-left: 4px solid green;*/
/*    }*/
/*}*/

/* ********************************* */

@media only screen and (max-width: 570px) {
    html {
        /*font-size: 0.875rem;*/
        font-size: 0.95rem;
    }
}

@media only screen and (max-width: 470px) {
    html {
        /*font-size: 0.75rem;*/
        font-size: 0.875rem;
    }
}

/* ********************************* */

@media only screen and (max-width: 1780px) {
    .layout {
        padding-left: 5% !important;
        padding-right: 5% !important;
    }
}

@media only screen and (max-width: 1260px) {
    .article-list.recommended-list,
    .article-list.events-list {
        grid-template-columns: 1fr 1fr 1fr;
    }
}

@media only screen and (max-width: 1240px) {
    .sec-contacts {
        grid-template-columns: 1fr;
    }

    /*.article-list.events-list {*/
    /*    grid-template-columns: 1fr 1fr;*/
    /*}*/
}

@media only screen and (max-width: 980px) {
    .section-title h1 {
        display: block;
        width: 100%;
        padding-right: 0;
        padding-bottom: 30px;
        background-position: left bottom;
    }

    .places-list {
        grid-template-columns: 1fr 1fr;
    }
}

@media only screen and (max-width: 950px) {
    #page .left-col {
        width: 100%;
        padding-right: 0;
    }

    #page .right-col {
        display: none;
    }
}

@media only screen and (max-width: 850px) {
    .layout {
        padding-left: 40px !important;
        padding-right: 40px !important;
    }
}

@media only screen and (max-width: 850px) {
    .article-list.recommended-list,
    .article-list.events-list {
        grid-template-columns: 1fr 1fr;
    }
}

@media only screen and (max-width: 840px) {
    .sec-parking {
        grid-template-columns: 1fr;
    }
}

@media only screen and (max-width: 830px) {
    #c-top-bar {
        padding: 10px 0;
        min-height: 140px;
    }

    #top-bar-icons {
        position: absolute;
        right: 35px;
        top: 70px;
    }

    #menu-trigger {
        float: none;
        display: inline-block;
        margin: 0;
        position: absolute;
        top: 10px;
        right: 20px;
    }

    #c-main-menu {
        float: none;
        position: absolute;
        right: 320px;
        top: 76px;
    }

    #main-menu a.special {
        margin: 0;
    }
}

@media only screen and (max-width: 800px) {
    .cmp .gallery-images {
        grid-template-columns: 1fr 1fr 1fr;
    }

    button,
    a.button {
        height: 40px;
        line-height: 34px;
        min-width: 110px;
        padding: 0 10px;
        font-size: 16px;
        border-width: 3px;
    }

    .article-list.repertoire-list,
    .article-list.repertoire-list .item,
    .article-list.repertoire-list .item > div:first-child,
    .article-list.repertoire-list .item > div,
    .article-list.repertoire-list .item > div:last-child {
        width: 100%;
        display: block;
        padding-left: 0;
        padding-right: 0;
        border: 0;
    }

    .article-list.repertoire-list .item {
        border-bottom: 1px solid #ddd;
    }

    .article-list.repertoire-list .item > div:first-child span {
        display: inline-block;
        margin-left: 10px;
    }

    .article-list.repertoire-list .item > div:last-child:empty {
        display: none;
    }

    .article-list.repertoire-list .item > div:last-child {
        text-align: right;
    }
}

@media only screen and (max-width: 700px) {
    /*#top-bar-icons ul {*/
    /*    float: none;*/
    /*    overflow: hidden;*/
    /*    text-align: right;*/
    /*}*/

    /*#top-bar-icons ul li {*/
    /*    line-height: 30px;*/
    /*    float: none;*/
    /*    display: inline-block;*/
    /*}*/

    /*#top-bar-icons ul li:first-child::before {*/
    /*    content: '';*/
    /*}*/

    /*#top-bar-icons ul li:first-child {*/
    /*    padding-left: 0;*/
    /*}*/

    /*#top-bar-icons ul li a {*/
    /*    height: 30px;*/
    /*    margin: 0;*/
    /*    padding-top: 6px;*/
    /*    padding-bottom: 6px;*/
    /*}*/

    #c-top-bar {
        /*padding: 20px 0;*/
        min-height: 150px;
    }

    /*#top-bar-icons {*/
    /*    position: absolute;*/
    /*    right: 35px;*/
    /*    top: 80px;*/
    /*}*/

    /*#menu-trigger {*/
    /*    float: none;*/
    /*    display: inline-block;*/
    /*    margin: 0;*/
    /*    position: absolute;*/
    /*    top: 10px;*/
    /*    right: 20px;*/
    /*}*/
}

@media only screen and (max-width: 560px) {
    #c-top-bar {
        padding-top: 10px;
    }

    /*.sec-right {*/
    /*    position: relative;*/
    /*}*/

    #site-logo {
        position: absolute;
        top: 10px;
        left: 20px;
        z-index: 50;
    }

    #top-bar-icons {
        top: 80px;
    }

    #c-main-menu {
        top: 86px;
    }


    /*#top-bar-icons {*/
    /*    margin-top: 70px;*/
    /*}*/

    .cmp-image > .left,
    .cmp-image > .right {
        float: none;
        margin-right: 0;
        margin-left: 0;
        max-width: 100% !important;
    }

    .sec-social ul {
        grid-template-columns: 1fr;
    }

    /*.article-list.events-list {*/
    /*    grid-template-columns: 1fr;*/
    /*}*/

    .article-list .item.pinned {
        grid-column: auto;
    }

    .article-list .pinned .image img.large {
        display: none;
    }

    .article-list .pinned .image img:not(.large) {
        display: block;
    }

    .events-list .pinned .image {
        max-width: 398px;
    }

    .places-list {
        grid-template-columns: 1fr;
    }

    .layout {
        padding-left: 20px !important;
        padding-right: 20px !important;
    }

    button,
    a.button {
        height: 34px;
        line-height: 28px;
        font-size: 14px;
    }
}

@media only screen and (max-width: 500px) {
    #c-top-bar {
        min-height: 190px;
    }

    #c-main-menu {
        right: 0;
        top: 75px;
    }

    #top-bar-icons {
        top: 125px;
    }
}

@media only screen and (max-width: 430px) {
    .article-list.recommended-list,
    .article-list.events-list {
        grid-template-columns: 1fr;
    }

    #menu-trigger {
        right: 5px;
    }

    #c-main-menu {
        right: -15px;
    }

    #top-bar-icons {
        right: 20px;
    }

    #top-bar-icons ul li a {
        padding-left: 8px;
        padding-right: 8px;
    }
}

@media only screen and (max-width: 380px) {
    #newsletter-form .table > div > div:first-child {
        font-size: 1.001rem;
    }

    #newsletter-form .table,
    #newsletter-form .table div {
        display: block !important;
        width: 100% !important;
    }

    #newsletter-form .table > div > div:first-child {
        padding-bottom: 0;
    }
}