@media(max-width: 768px) {
    body {
        background: white;
    }
    body.mobile-menu-open {
        max-height: 100vh;
        overflow: hidden;
    }
    #page-wrapper {
        margin-top: 56px;
        background: none;
        padding: 0;
    }
    #page {
        width: 100%;
        box-shadow: none;
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
    }

    #body {
        padding: 0;
    }

    #content {
        padding: 35px 16px 0;
    }

    .cookie-disclaimer {
        width: 100%;
        box-sizing: border-box;
    }

    .content-img.item {
        width: 100%;
        box-shadow: none;
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
    }


    .shadow-bottom-right, .shadow-bottom {
        display: none;
    }

    .content-img {
        width: 100%;
    }

    .content-img img {
        width: 100%;
        border: none;
    }
    .content-img .desc {
        padding: 6px 8px;
        font-size: 10px;
        background: #EFEFEF;
    }

    h1 {
        font-size: 32px;
    }

    h1 .back {
        font-size: 16px;
        position: static;
        display: block;
        right: 0;
        top: 0;
        margin-bottom: 20px;
    }

    h1 .back:before {
        content: '<< ';
    }

    h1 .back.icon {
        background: none;
    }

    /* @todo: */
    footer#footer nav {
        display: none;
    }
    footer#footer div.c {
        width: 100%;
        height: auto;;
    }
    footer#footer .partners {
        position: static;
        width: 100%;
        height: auto;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        align-content: space-between;
    }
    footer#footer .partners a, footer#footer .partners span {
        position: static;
        top: auto !important;
        left: auto !important;
        margin: 0 5px 5px;
    }
    footer#footer div.shadow-top {
        background: none;
    }



    header#header-mobile {
        position: fixed;
        top: 0;
        left:0;
        height: 56px;	
        background-color: #FFFFFF;	
        box-shadow: 0 4px 20px 0 rgba(0,0,0,0.3);
        display:flex;
        justify-content: space-between;
        align-items: center;
        padding: 0;
        z-index: 1;
        width: 100%;
    }
    header#header-mobile .logo {
        width: 56px;
        height: 56px;
        display: block;
        margin-left: 18px;
    }
    header#header-mobile .open,
    header#header-mobile .close {
        width: 16px;
        height: 16px;
        background: blue;
        display: block;
        margin-right: 20px;
    }
    .mobile-menu-open header#header-mobile .open {
        display: none;
        
    }
    header#header-mobile .open {
        background: url(/gfx/icon-hamburger.svg) center center no-repeat;
    }
    header#header-mobile .close {
        display: none;
        background: url(/gfx/icon-close.svg) center center no-repeat;
    }
    .mobile-menu-open header#header-mobile .close {
        display: block;
    }

    header#header-mobile nav {
        position: absolute;
        top: 0;
    }
    #main-mobile-nav {
        display: block;
        background: #fff;
        position: fixed;
        z-index: 1;
        width: 100%;
        height: calc(100vh - 56px);
        top: 56px;
        overflow-y: auto;
        transform: translate(150%, 0);
        transition: transform .2s ease-in-out;
        border-top: 1px solid rgba(117, 117, 117, 0.3);
        
    }
    .mobile-menu-open #main-mobile-nav {
        transform: translate(0, 0);
    }
    #main-mobile-nav a {
        display: block;
        padding: 16px 0 15px;
        margin: 0 16px;
        border-bottom: 1px solid rgba(117, 117, 117, 0.3);
        font-size: 16px;
        line-height: 26px;
    }
    #main-mobile-nav a.active {
        color: #B00000;
        font-weight: bold;
    }
    
    #main-mobile-nav a:last-child {
        border: none;
    }

    header#header {
        display: none;
    }
    footer#copy {
        width: calc(100% - 16px);
        font-size: 12px;
        line-height: 16px;
        color: #000;
        text-align: center;
        padding-top: 10px;
        margin-top: 0;
        
    }
    footer#copy .lc,
    footer#copy .rc {
        float: none;
    }
    .sg-glass-c  {
        width: 100%;
        height: auto;
    }
    .sg-glass-c .glass-c {
        position: static;
		right: auto;
		top: auto;
		width: auto;
		font-size: 16px;
        line-height: 26px;
        margin: 8px;
        padding: 8px;
    }
    .sg-glass-c .glass-c span {
        font-size: 10px;
        line-height: 16px;
    }

    .search-c {
        margin: 8px;
    }
    .search-c .form {
        padding: 0px 0px 0px 8px; 
        margin-bottom: 6px;
    }
    .search-c .form h2 {
        background-position: center top;
        text-align: center;
        padding: 50px 0 15px;
        margin: 32px 0 0 0;
        font-size: 16px;
        line-height: 22px;
        height: auto;
    }
    .search-c .form label {
        font-size: 14px;
        padding: 0;
        width: calc(100% - 10px);
    }
    
    .search-c .form label input[type=text] {
        width: 100%;
        height: 45px;
        background: #fff;
    }
    .search-c input[type=submit] {
        width: calc(100% - 18px);
        font-size: 14px;
    }

    .fsocBody {
        display: flex;
        position: static;
        top: auto;
        right: auto;
        background: #fff;
        border-top: 1px solid red;
        width: calc(100% - 32px);
        border: none;
        border-top: 1px solid rgba(117, 117, 117, 0.3);
        border-radius: 0;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
        margin: 20px auto 7px;
        align-content: space-around;
        justify-content: center;
        padding: 18px 0 0 0;
    }
    .fsocBody a.fsocIcon {
        display: inline-block;
    }



    .gallery.mini {
        padding: 0;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
        width: 100%;
        
    }

    .gallery.mini.below, .gallery.mini.below.gallery2 {
        margin: 0 0 16px;
        width: 100%;
        float: none;
    }

    .gallery.mini .w3gallery-c .img-c .desc-c {
        padding: 6px 8px;
        font-size: 10px;
        background: #EFEFEF;
        color: #333333;
        box-sizing: border-box;
    }
    .gallery.mini .w3gallery-c .img-c .desc-c div {
        font-size: 10px;
        color: #333333;
    }

    .donate-box {

    }
    .donate-box a.button {
        width: calc(100% - 18px);
        font-size: 14px;
        box-sizing: border-box;
    }



    section#contact-form {
        border: none;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
    }

    section#contact-form h2 span {
        display: none;
    }

    section#contact-form h2 {
        text-align: center;
        margin-top: 26px;
    }
    section#contact-form .form-c {
        padding: 8px 8px;
        font-size: 16px;
    }

    .form-item label.label {
        font-size: 14px;
    }

    .form-item .field input[type=text], {
        height: 48px;
        background: #fff;
    }
    .form-item .field textarea {
        background: #fff;
    }
    .form-item .field {
        box-sizing: border-box;
    }
    .form-item .field, .form-item .field.full {
        width: 100%;
    }
    section#contact-form input[type=submit] {
        width: calc(100% - 18px);
        font-size: 14px;
        box-sizing: border-box;
    }

    .form-item .field input[type=text],
    .form-item .field.full textarea,
    section#contact-form #address input[type=text] {
        width: 100%;
    }
    section#contact-form .buttons-c {
        border-top: 4px solid #FFF;
    }
    section#contact-form #files .add {
        display: none;
    }

    .foundation-krs {
        margin-top:0px;
        margin-left:0px;
        padding-left:0px;
        padding-top: 50px;
        background:url(/gfx/logo-f44.png) no-repeat;
    }

    #search_results {
        margin: 0 -8px;
    }

    #search_results li {
        margin-bottom: 6px;
        padding: 15px 8px;
        font-size: 14px;
    }
    #search_results li .extInfo {
        display: none;
    }

    section#relations .label {
        width: calc(100% - 40px);
    }
    
    section#relations .items {
        width: auto;
    }

    section#map {
        padding: 0;
        box-shadow: none;
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
    }
    section#galleries .section-col {
        width: auto;
    }


    .article-share {
        display: flex;  
        justify-content: center;
        align-items: center;
        margin-bottom: 30px;

    }
    .article-share:before {
        content: 'Udostepnij:';
        flex: 1 0 auto;
        font-size: 16px;
        font-weight: bold;
    }

    .article-share a {
        float: none;
    }

    #sponsors-list ul li {
        font-size: 16px;
        line-height: 26px;
    }

    section#galeries_list > ul > li {
        height: 420px;
        float: none;
    }
    section#galeries_list li.even {
        float: none;
    }

    .jqmWindow.gallery {
        width: 100%;
        margin-left: 0;
        top: 0;
        left: 0;
    }
    .gallery.full {
        width: 100%;;
    }
}