@media (min-width: 768px) and (max-width: 979px) {
    .header .header-content-wrap {
        background: url("../images/header-content-wrap-bg.jpg") no-repeat center top / cover;
    }
    .mainWrap{
        width:768px;
    }
    .menu-top ul {
        top:37px;
    }
    .menu-top li a{
        font-size:12px;
        padding:12px;
    }
    .sidebar {
        float: left;
        background: #fff;
        width: 33%;
    }
    .content-cms {
        width: 65%;
    }
}

@media (max-width: 760px) {
    .header .top-inner .address {
        align-items: center;
    }
    .header .top-inner .authoriz {
        float: none;
        clear: both;
        display: block;
        padding: 10px 0 0;
    }
    .header .top-inner .cont-data {
        display: flex;
        float: none;
        clear: both;
        padding: 10px 0 0;
    }
    .header .header-content-wrap {
        background: url("../images/header-content-wrap-bg.jpg") no-repeat center top / cover;
    }
    .header .header-content-wrap .header-content {
        display: block;
        flex-wrap: wrap;
        text-align: center;
    }
    .header .header-content-wrap .header-content .name h2 {
        font-size: 3em;
        font-weight: lighter;
        color: #000;
    }
    .header .header-content-wrap .header-content .photo {
        display: none;
    }
    .header .header-content-wrap .header-content .soc-icon {
        position: relative;
    }
    .header .header-content-wrap .header-content .soc-icon ul {
        display: flex;
        align-content: center;
        align-items: center;
        justify-content: center;
        margin: 0 0 2em;
        text-align: center;
    }
    .top-menu-wrap .f-a-c{
        display: block;
        overflow: hidden;
    }
    .mainWrap{
        width:auto;
        padding:50px 20px;
    }
    .menu-top{
        display:none;
    }
    .mobile-menu{
        display:block;
    }
    nav{
        margin:0;
        background:none;
    }
    .menu-top li{
        display:block;
        margin:0;
    }
    .menu-top li a {
        background:#ffffff;
        color:#797979;
        border-top:1px solid #e0e0e0;
        border-left:3px solid #ffffff;
    }
    .menu-top li a:hover, .menu li:hover > a{
        background:#f0f0f0;
        color:#797979;
        border-left:3px solid #9CA3DA;
    }
    .menu-top ul {
        display:block;
        position:relative;
        top:0;
        left:0;
        width:100%;
    }
    .menu-top ul ul {
        left:0;
    }
    .search-form {
        float: none;
        width: 100%;
        margin: 10px auto 0;
        display: block;
    }
    .sidebar {
        float: none;
        background: #fff;
        width: 100%;
        overflow: hidden;
        margin: 10px auto;
        display: block;
    }
    .content-cms {
        float: none;
        width: 100%;
    }
    .post .post-title {
        position: relative;
        text-align: center;
    }
    .post .post-content .thumb {
        float: none;
        margin: 10px auto;
        width: 100%;
        height: auto;
    }
    .post .post-content{
        margin-bottom: 10px;
        border-bottom: 1px solid #ccc;
        padding-bottom: 10px;
    }
    .post .post-content p {
        font-size: 16px;
        text-align: justify;
    }
    .post .read-more a {
        float: none;
        display: block;
        text-align: center;
        margin: 1em 0;
    }
    .footer-widgets {
        flex-direction: column;
    }
    .footer-widgets .footer-widget {
         margin: 0;
    }
    .footer-widgets .yandex-map {
        float: none;
        width: 90%;
        overflow: hidden;
    }
    .copyright .view-port {
        background: #fff;
    }

    /*--SINGLE--*/
    .breadcrumbs {
        display: none;
    }
    .single .post-title h2 {
        font-size: 20px;
    }
    blockquote {
        width: 100%;
        float: left;
        margin: 0;
    }
}

@media (max-width: 480px) {
}
@media (max-width: 320px) {

}