@media only screen and (max-width:850px) {
    #content {
        margin: 57px 0 0 0;
        padding: 15px;
    }
    #content .ce-bodytext img {
        max-width: 100% !important;
        height: auto  !important;
    }
    #menu {
        padding: 15px 15px 0;
    }
    #menu h1 {
        margin: 0 0 0px 0;
        border-bottom:1px solid black;
        padding-bottom:15px;
    }
    #menu-website {
        border: 0px;
        margin: 0;
        margin-top: 15px;
    }
#menu-website li:first-child {
    border-top: 1px solid #35245c;
    display: block;
    padding-top: 0.6em;
}
    #menu-website li:last-child {
        padding-bottom: 15px;
    }
    #menu-path {
        position: relative;
        margin: 0 0 15px 0;
        padding: 0 0 30px 0;
        top: 0;
        overflow: hidden;
        line-height: normal;
        display: block;
        border-bottom: 1px solid black;
        display: none !important;
    }
     #menu-path h1 {font-size: 16px;}
    .item header .description {
        font-size:12px;
    }
    .item header .description div:nth-child(2) {
        display: none;
    }
    .modal footer {
        display:block;
    }
    .modal .close {
       background-size: 30px auto;
       left: auto;
       right: 11px;
       top: 3px;
       width: 40px;
       height: 40px;
       display: none;
       z-index: 9999;
       opacity: 1;
       position: fixed;
    }
    .swiper-lazy-preloader {
        top: 25%;
    }
    .modal .flexbox {
        /* display: block; */
    }
    .modal img.swiper-lazy-loaded {
         position: relative; 
    }
    .modal .item footer {
       display: none;
        
    } 
    .modal .item header h2 {
        display: block;
        margin-top: 0;
        color: rgb(115,179,141);
        font-family: 'Open Sans', sans-serif;
        font-weight: 700;
        font-size: 15px;
        
    } 
    .modal img {
        display: none;
        /* top: 50%;
        transform: translateY(-50%); */
    }


}