@media screen and (max-width:800px) {

body {min-width:360px; font-size: 14px; }   
.center-box { width:100%;}  

.navigation .donate {

    padding: 10px 10px 6px 60px;
    width: 50%;
    font-size: 21px;
    background: #fbf2d5 url(../images/donate.png) left 15px center no-repeat;
    background-size: 30px;
    border-left: 0;
    border-right: 0;
}
.navigation .donate:hover {
    border-left: 0;
    border-right: 0;
}
        .mob-menu {
            display: block;
            height: 56px;
            width: 50%;
            float:left;
            text-align: left;
            margin: auto;
            line-height: 40px;
            font-size: 21px;
            padding: 10px 10px 6px 60px;
            text-transform: uppercase;
            background: #ffb800 url(../images/mob-menu.png) center left 10px no-repeat;
            background-size: 40px;
            color: #000;
            cursor: pointer;
        }


.navigation ul.menu {
    display: none;
    float: none;
    clear: both;
}
.navigation ul.menu li {
    display: block;
    padding:0;
    margin:0;
}
.navigation ul.menu > li > a {
    padding:5px 20px;
    border-bottom: 1px solid #eee;
}
.navigation ul.menu > li.active > a {
    padding:5px 20px;
    border-bottom: 1px solid #b21a01;
}
.navigation ul.menu > li:hover > a {
    padding:5px 20px;
    border-bottom: 1px solid #b21a01;
}
.navigation ul.menu > li.parent > a {
    padding-right: 30px!important;
    background: url(../images/parent_menu.png) center right 20px no-repeat;
}

.navigation ul.menu ul {
    display: block;
    padding:0;
    margin:0 0 0 20px;
    border-left:1px solid #eee;
}
.navigation ul.menu li:hover ul {
            display:block;
            position:relative;
            background:#fff;
            padding:0;
            margin:0 0 0 20px;
            border-left:1px solid #eee;
            box-shadow:unset;
            font-size: 18px;
            line-height: 24px;
        }
.navigation ul.menu ul li a {
    display: block;
    padding: 5px 20px;
    color: #545960;
    min-width: auto;
    font-size: 18px;
    line-height: 24px;
}


.header {
    height: auto;
    padding: 15px;
    overflow: hidden;
}
.header .logo {
    margin-top: 0;
    width: 40%;
    display: block;
    float: left;
    position: relative;
}
.header .slogan {
    font-size: 18px;
    line-height: 24px;
    display: block;
    float: right;
    width: 60%;
    padding: 10px 0 10px 10px;
    margin-left: 0;
}
.header .dops {
    font-size: 16px;
    line-height: 28px;
    display: block;
    float: none;
    clear: both;
    border-radius: 5px;
    padding: 20px 0 0;
    overflow: hidden;
}
.header .dops .clear {
    display:none;
}
.header .dops .subscribe {
    float: right;
    line-height: 28px;
    height: 28px;
}
.header .dops .subscribe .vk {
    display: inline-block;
    width: 21px;
    height: 21px;
    line-height: 28px;
    background: url(../images/vk.png) center no-repeat;
    background-size: contain;
    margin-bottom: -5px;
    margin-left: 5px;
}
.header .dops .address {
    padding-left: 30px;
    background: url(../images/point.png) left center no-repeat;
    background-size: contain;
    float:left;
}

.slider img {
    display: inline-block;
    height: 120px;
    width: auto;
}
.slider a.go_to_gallery {
    background:rgba(255,255,255,0.8) url(../images/arrow.png) right 11px center no-repeat;
    text-decoration:none;
    width:auto;
}

.slider a.go_to_gallery span {
    display:block;
    margin:15px 50px 15px 30px;
    font-size:28px;
    line-height:40px;
    text-transform:uppercase;
    color:#b21a01;
    margin:15px 50px 13px 30px;
    border-bottom: 2px solid #fb9203;
}

.main {
    position: relative;
    padding: 15px;
    z-index: 100;
}
.project {
    position: relative;
    padding: 15px;
    z-index: 100;
}
#yoo-zoo .items, .project .items {
    position: relative;
    margin: 0;
}
#yoo-zoo .items div.teaser-item, .project .items div.teaser-item {
    float: none!important;
    margin: 0 0 20px!important;
    width: 100%;
    position: relative;
}

.footer_info  {
    overflow: hidden;
    text-align:right;
    width:100%;
}

.footer_info span {
    display:block;
    padding:10px 0;
}

.fos-box {
    display: none;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    margin-left: 0;
    margin-top: 0;
    padding: 50px 15px 50px 15px;
}
.fos-box .fos-box-title {
    margin: -50px -15px 0 -15px;
}
.fos-box .target_list {
    width:auto;
    margin-top: -7px;
}

.zoo-gallery-wall.margin {
    margin: 0;
}
.zoo-gallery-wall img {
    displaY:block;
    width:100%;
    height:auto
}

}