@media screen and (max-width: 1100px){
    body{
          background-color: #282828;
    }
    .page{
        min-width: 320px;
        min-height: 0;
    }
    .l-width{
        width: 96%;
        margin-left: 2%;
        margin-right: 2%;
    }
    .top-panel .top-panel-home,
    .top-panel .top-panel-feedback,
    .top-panel .top-panel-map{
        position: absolute;
        z-index: 200;
    }
    .top-panel .top-panel-home{
        top: 240px;
        left: 0;
    }
    .top-panel .top-panel-feedback{
        top: 244px;
        left: 41px;
    }
    .top-panel .top-panel-map{
        top: 242px;
        left: 85px;
    }
    .top-panel .top-panel-special{
        display: none;
    }
    .mobile-menu-toggle{
        display: inline-block;
    }
    .header-search{
        top: 15px;
        right: 2%;
        z-index: 100;
    }
    .reader-on body,
    .portals-on body{
        position: fixed;
    }
    .reader-body{
        width: 90%;
        min-width: 288px;
    }
    .reader-overlay .prev,
    .reader-overlay .next,
    .reader-overlay .close,
    .reader-overlay .close.fixed{
        position: absolute;
        top: -42px;
        right: 0;
        z-index: 900;
        margin: 0;
    }
    .reader-overlay .next{
        right: 46px;
    }
    .reader-overlay .prev{
        right: 87px;
    }
    ul.tabs li.head{
        position: static;        
    }
    ul.tabs li.head > ul li{
        margin: 0 3px 3px 0;
    }
    ul.tabs li.head > ul li.selected{
        border-bottom: 1px #DADADA solid;
        height: 18px;
    }
    .fast-filter{
        display: none;
    }
    .standart-form .hint{
        margin-left: 215px;
    }
    .standart-form .hint.author_name, .standart-form .hint.address{
        display: none;
    }
    .standart-form .hint.mobile{
        display: inline-block;
    }
    .standart-form .hint.captcha{
        margin-left: 546px;
    }
}

@media screen and (max-width: 900px){
    .header-logo,
    .header-title{
        height: 120px;
        padding-top: 30px;
    }
        .header-logo img{
            height: 100%;
            width: auto;
        }
    .header-title{
        margin-left: 132px;
    }
        .header-title a{
            font-size: 1.2em;
        }
}

@media screen and (max-width: 815px){
    .left-column, .right-column{
        width: 100%
    }
    .right-column{
        float: none;
    }
    .right-column .media-wrapper .video{
        display: none;
    }
    .right-column .media-wrapper .photo-wrapper{
        display: block;
    }
    .right-column .media-wrapper .video-wrapper{
        display: none;
    }
    
    #add-request .field.ext{
        position: relative;
        padding-top: 67px;
    }
        #add-request .field.ext .move{
            display: block;
            position: absolute;
            top: 0;
            left: 0;
        }
    #add-request .title{
        text-align: left;
    }
    #add-request .value, #add-request .inside-value{
        display: block;
    }
    #add-request .inside-value.margin{
        margin-bottom: 10px;
    }
        #add-request .inside-value input{
            width: 530px !important;
        }
        #add-request .move .select{
            width: 536px;
        }
            #add-request .select.region ul{
                width: 100%;
                box-sizing: border-box;
            }
    .standart-form .hint,
    .standart-form .hint.captcha{
        margin-left: 0;
    }
    
}

@media screen and (max-width: 780px){
    table.structure {
        border-top: 1px #C6BFBF solid;
    }
        table.structure tr:first-child{
            display: none;
        }
        table.structure tr{
            border-bottom: 1px #C6BFBF solid;
        }
            table.structure td{
                display: block;
                border-top: none;
                border-bottom: none;
                padding-left: 89px;
            }
            table.structure td:first-child{
                padding-left: 15px;
            }
    .footer-wrapper{
        position: relative;
    }
        .footer{
            height: auto;
            padding-bottom: 10px;
        }
    .prettycheckbox a{
        float: left;
    }
    .prettycheckbox label{
        margin-left: 30px;
        float: none;
    }
}


@media screen and (max-width: 760px){
    .reader-content .photo-list{
        float: none;
        margin-left: 0;
    }
    .footer-menu{
        width: 100%;
    }
    .footer-contacts{
        width: 100%;
        margin: 5px 0 20px 0;
    }
    .footer-contacts__address{margin: 0px 0 5px 0;}
    .footer-copyright{width: 100%;}
    #footer-menu li{width: 130px;}

}


@media screen and (max-width: 700px){
    .reader-content iframe{
        height: 350px;
    }
    
    .job-preview .bottom-wrapper{
        margin-top: 0;
    }
    .job-preview a {
        max-width: 100%;
    }
    .job-preview .salary,
    .job-preview .location{
        display: block;
        float: none;
    }
    .job-table td{
        width: 90%;
    }
}


@media screen and (max-width: 600px){
    #lang-switch-wrapper{
        margin: 0 0 0 65px;
    }
    #add-request .field.captcha{
        position: relative;
    }
        #add-request .field.captcha .value{
            white-space: nowrap;
        }
            #add-request .field.captcha input[type=text]{
                width: 40% !important;
                position: absolute;
                top: 7px;
                right: 0;
            }
    .filter-block .value,
    .filter-block input[type=text],
    .filter-block .select,
    #add-request .field .value,
    #add-request .field input[type=text],
    #add-request .field textarea,
    #add-request #map,
    #add-request .field .move,
    #add-request .move .select,
    #add-request .field .inside-value{
        width: 100% !important;
        box-sizing: border-box;
    }
    #add-request #map{
        padding: 0;
    }
    .filter-field .select ul{
        width: 100%;
        box-sizing: content-box;
    }
    
    .reader-content{
        padding: 30px 30px 50px 30px;
    }
    
    .job-close{
        display: block;
    }
    .job-close span{
        display: none;
    }


}

@media screen and (max-width: 500px){
    .header-logo,
    .header-title{
        height: 100px;
    }
    .header-logo{
        padding-right: 10px;
    }
    .header-title{
        margin-left: 103px;
    }
        .header-title a{
            font-size: .84em;
        }
    .header-search{
        width: 212px;
    }
        .header-search .selectbox{
            width: 20px;
        }
            .header-search .selectbox .select{
                width: 0px;
            }
                .header-search .select .text{
                    display: none;
                }
            .header-search .selectbox .dropdown{
                left: -56px;
                width: 111px;
            }
    .content .button-wrapper{
        display: block;
    }
        .content .button-wrapper a,
        .content .button-wrapper.left a{
            float: none;
            margin-left: 0;
        }
    .content .filter-button,
    .content .rss-button{
        float: none;
        margin-bottom: 10px;
    }
    .content .rss-button{
        margin: 0;
        display: block;
    }
    #structure-tree li .item{
        background-image: none;
        padding-left: 15px;
    }
    .reader-content{
        padding: 20px 20px 50px 20px;
    }
    .structure-pic{
        float: none;
        margin: 5px 0 20px 0;
    }
    table.data-table td, table.data-table th{
        padding: 8px 10px;
    }
    .events-wrapper .element-date{
        display: none;
    }
    
    

    .reader-content iframe{
        height: 300px;
    }
}

@media screen and (max-width: 420px){
    .reader-content .photo-list{
        width: 100%;
    }
}

@media screen and (max-width: 400px){
    .top-panel .top-panel-feedback{
        left: 33px;
    }
    .top-panel .top-panel-map{
        left: 69px;
    }
    .reader-content{
        padding: 15px 15px 35px 15px;
    }
    table.data-table td, table.data-table th{
        padding: 5px;
    }
    .filter-field .date input[type=text] {
        width: 82px !important;
    }
}