@media (min-width: 1200px) {
    body.special-size-2 .main-container {padding-bottom:220px;}
    body.special-size-3 .main-container {padding-bottom:250px;}
    body.special-size-4 .main-container {padding-bottom:300px;}
}
@media (max-width: 1400px) {
    .photos > a {height:150px;}

    .cont-left {padding-left:20px;}
    .cont-right {padding-right:20px;}
    
    body {font-size:14px;}
}

@media (max-width: 1200px) {
    .menu-bottom a {font-size:14px;}
    .menu-cont a {
        font-size:14px;
        margin-right:15px;
    }
    .menu-bottom {word-spacing: 10px;}
}


@media (max-width: 1023px) {
    
    .logo span:nth-child(2) {font-size:16px;}
    
    .mainimg {height:300px;}
    .addimgs .img {height:70px;}
 
    .photos > div {width:25%;}
}

@media (max-width: 1023px) {
    
    .menu-bottom {display:none;}
    
    .menu-main .menu-subs a {
        font-size:14px;
        font-weight: 200;
    }
    .menu-main .menu-subs {
        position: static;
        max-height: none;
        background:none;
        box-shadow: none;
    }
    .mb-menu {
        display: inline-block;
        cursor: pointer;
        line-height: 45px;
    }
    .mb-menu a:first-child {padding-left:60px; padding-right:15px;}
    .mb-menu a:last-child {float:right;}
    .mb-menu a {font-size:16px;}
    .pc-menu {display: none;}
    
    .mb-popup-menu {
        display: block;
    }
    
    /*
    .pc-menu a.sel:hover,
    .pc-menu a.sel,
    .pc-menu a {
        display:block;
        font-size:16px !important;
        line-height: 1em;
        padding:12px 0px 12px;
        border-bottom: 1px solid #eee;
        background:none;
        color:black;
    }
    .pc-menu a.sel:hover {color:#d40000;}
    .pc-menu a:last-child {border:none;}
    .pc-menu .right {float:none;}
    .pc-menu {
        display: none;
        position: fixed;
        z-index: 0;
        padding:0 20px;
        top:45px;
        bottom:0;
        min-width:320px;
        left:-500px;
        max-width:400px;
        background:white;
        transition: all 300ms;
        box-shadow: 0 2px 1px rgba(0,0,0,0.4);
        overflow: hidden;
    }
    .pc-menu.show {
        left: 0px;
    }*/
    
    .pad {
        padding-left:15px !important;
        padding-right:15px !important;
    }
    .top {padding-top:5px; padding-bottom: 5px; height:80px;}
    .map-cont {height:400px;}
}

@media (max-width: 900px){
    .columns .col.c9 {width:auto; display: block;}
    .columns #menu_left {
        display: none;
    }
    .logo small {font-size:14px;}
}

@media (max-width: 767px){
    .top .right a span {display: none;}
    .top .right a .ico {margin-right:0;}
    .columns > .col.grad {background:none !important;}
}

@media (max-width: 750px){
    
    h1,.h1 {font-size:30px;}
    
    .ns-logo {width:300px;}
    .head .side-right {display:none;}
    
    .cont-left {float:none;}
    .cont-left, .cont-right {max-width: none;}
    .side-content {display:block;}
    .side-content .side-left, .side-content .side-right {
        width:100%;
        display: block;
        float:none;
        max-width: none;
        width:auto;
    }
    
    .catalog.wide.pc-wide {display:none;}
    .catalog.wide.mb-wide {display:block;}
    
    .head .cont-left *, .head .cont-right *,
    .head .side-left, .head .side-right {
        min-height: 90px;
        line-height: 90px;
    }
    .head.sm {
        min-height: 90px !important;
    }
    .head .side-left img {
        min-height:0;
        height:70px;
    }
    .documents .item > .ico {
        width:40px;
        height:40px;
        background-size: 100% auto;
    }
    .documents .item {
        padding-left:45px;
    }
    
    .photos > div {width:33.33333333%;}
    
    .comment {padding-left:0;}
    .comment .img {display:none;}
    
    .item-share > span:first-child {display: none;}
    .right.share {
        float:none;
    }   
}

@media (max-width: 600px) {
    .map-cont {height:300px;}
    
    .logo div {font-size:24px;}
    .logo small {
        font-size:12px;
        max-width: 280px;
        line-height: 1.2em;
    }
    
    .attrs .col:nth-child(2n+1) {
        display:block;
        font-size:14px;
        width:auto;
    }
    .attrs .col:nth-child(2n) {
        display:block;
        width:auto;
    }
    .mselector.open .list {
        top:50%;
        margin-top:-100px;
    }
    .mselector .list {
        position: fixed;
        left:20px;
        right:20px;
        margin-top:0;
        top:-50px;
        max-width: none;
        width:auto;
        text-align: center;
        border:none;
        box-shadow: 0 0 50px black;
        z-index: 800;
    }
}

@media (max-width: 480px) {
    
    h1,.h1 {font-size:28px;}
    h2,.h2 {font-size:22px;}
    
    .pad {
        padding-left:10px !important;
        padding-right:10px !important;
    }

    .events .item.small {
        width:50%;
        display: inline-block;
        padding-left:0;
        vertical-align: top;
        position: relative;
    }
    .events .item.small .img {
        position: relative;
        margin:0;
        width:100%;
    }
    .events .item.small .img .button {
        left:0; top:0;
        width:auto;
    }
    .events .item.small .desc {padding-left:0;}
    
    .events .item.small .desc > div:first-child {
        position: absolute;
        top:0;
    }
    

    
    .news .item .info {padding-left:90px;}
    .news .item .img {width:80px; height:80px;}
}

@media (max-width: 400px) {

    .top .right {display: none;}
    .logo div {font-size:22px;}
    .logo small {width:230px;}
    
    .map-cont {height:250px;}

    .events .item {
        width:100% !important;
    }
    
    h1, .h1 {font-size:22px;}
    h2, .h2 {font-size:20px;}
    h3, .h3 {font-size:18px;}
    
    .mselector .list {font-size:16px;}
    
    .org-item.col {padding-left:100px;}
    .org-item .img {
        width:80px;
        height:80px;
    }
}

@media (max-width: 350px) {

}