#dashboard{
    width:800px;
    margin: 10px auto 0;
    overflow: hidden;
}
.navigation-mobile-button, .navigation-mobile-box, #dl-menu{
    display: none;
}
.left-column .my-company-actions,  .left-column .company-descr, .left-column h1, .left-column .my-union-actions, .left-column .text{
    display: none;
}
@media (max-width: 1200px) {
    #goToUp{
        display: flex;
        justify-content: center;
        align-items: center;
        border: 2px solid #eee;
        position: fixed;
        z-index: 55555;
        box-shadow: 0 0 5px rgba(0,0,0,0.3);
        background: rgba(0,0,0,0.3) url("/site/javascript5/slick.jquery.js/slick-next-variant-2.png") no-repeat center center;
        right: 30px;
        bottom: 110px;
        width: 50px;
        height: 50px;
        transform: rotate(-90deg);
        border-radius: 5px;
    }
    html, body, .wrapper, .goods__two-col, .goods__blue-title{
        max-width: 100% !important;
        min-width: 280px !important;
        width: 100% !important;
    }
    .wrapper.clearfix:before, .wrapper.clearfix:after,
    .features-list.clearfix:before, .features-list.clearfix:after,
    .footer__info.clearfix:before, .footer__info.clearfix:after{
        display: none;
        width: 0;
    }
    .wrapper.clearfix, .footer__info.clearfix{
        display: flex;
        justify-content: space-between;
    }
    .header__menu__search, .header__top__job-links{
        width: auto;
    }
    header .header__top{
        padding: 15px;
    }
    .menu ul.menu__items{
        padding: 8px;
    }
    .index-dashboard{
        padding: 15px;
        background-position: 0 50%;
    }
    .index-dashboard__statistics{
        order: 1;
        width: 100%;
        float: none;
    }
    .index-dashboard__slogan{
        order: 2;
        width: 40%;
    }
    .index-dashboard__auth{
        width: 30%;
        order: 3;
        position: relative;
        top: -50px;
    }
    .index-dashboard__slogan h1{
        font-size: 1.5em;
    }
    .index-dashboard .wrapper{
       flex-wrap: wrap;
    }
    .dashboard-statistics__value{
        font-size: 35px;
    }
    .dashboard-statistics{
        display: flex;
        margin: 0;
    }
    .dashboard-statistics__counter{
        padding: 0;
        border: 0;
    }
    .dashboard-statistics__counter+.dashboard-statistics__counter{
        margin-left: 30px;
    }
    .index-dashboard__auth__form label input[type="text"],
    .index-dashboard__auth__form label input[type="password"],
    .index-dashboard__auth__form label input[type="text"],
    .index-dashboard__auth__form label input[type="password"]{
        width: calc( 100% - 18px );
    }
    .index-dashboard__buttons a{
        background: rgba(0,0,0,0.3);
    }
    #dashboard{
        max-width: 800px;
        width: calc(100% - 40px);
    }
    .search.first_page_autocomplete_search_block{
       width: calc( 100% - 10px);
    }
    .first_page_autocomplete_search_container input{
        width: calc( 100% - 20px);
    }
    .top10__title h2{
        font-size: 50px;
        letter-spacing: 0;
    }
    .top10__title h2 span{
        margin-left: -30px;
        letter-spacing: -10px;
        font-size: 100px;
    }
    .top10-list{
        width: 80%;
    }
    .goods__two-col .wrapper{
        display: flex;
        flex-wrap: wrap;
    }
    .goods__two-col{
        padding: 20px;
        margin: 0 0 20px 0;
        width: calc( 100% - 40px) !important;
    }
    .goods-list__title, .goods-list__title span{
        font-size: 18px;
    }
    .goods__left, .goods__right{
        float: none;
        width: 40%;
        margin: 20px auto;
    }
    .article .article__maintxt__content{
        display: flex;
        flex-direction: column;
        width: auto;
    }
    .article .article__maintxt h1{
        font-size: 2em;
    }
    .features-list .feature h3, .features-list .feature .feature-header{
        font-size: 1.5em;
    }
    .features-list.clearfix{
        display: flex;
        flex-wrap: wrap;
        justify-content: space-around;
    }
    .features-list .feature-center{
        padding: 0;
    }
    .footer__info.clearfix{
        max-width: 100%;
        min-width: 320px;
        width: calc( 100% - 30px );
        padding: 40px 15px 15px;
    }
    .link-to-top{
        display: none !important;
    }
    footer section .footer-social-share{
        position: static;
    }
    footer{
        padding: 15px 0 0 0;
        max-width: 100%;
        min-width: 0px;
        height: auto;
    }
    .advert h2{
        font-size: 2em;
    }
    .advert .advert__bg{
        height: auto;
        overflow: hidden;
    }
    header section div.about-popup{
        position: fixed;
        margin: 0;
        width: 100%;
        left: 0;
        right: 0;
    }
    header section div.about-popup .yui3-panel{
        background: none;
        margin: 0 auto;
        display: flex;
        justify-content: center;
    }
    header section div.about-popup .yui3-panel iframe{
        width: 100%;
    }

    main.one-column article{
        max-width: 900px;
        width: calc( 100% - 60px );
    }
    main.one-column, main.two-column, main.three-column{
        min-width: 280px;
        max-width: 960px;
        width: 100%;
    }
    .signup-form{
        max-width: 500px;
        width: calc(100% - 40px);
    }
    .signup-form h2, .signup-success h2{
        text-align: center;
    }
    .signup-under-form-or{
        max-width: 500px;
        width: calc(100% - 40px);
    }
    footer section{
        width: 100%;
        min-width: 280px;
        max-width: 940px;
        justify-content: space-around;
    }
    footer section nav{
        position: relative;
        display: none;
    }
    footer section a.logo, footer section div.copyright, footer section nav, footer div.footer-socials{
        position: static;
    }
    footer section{
        height: auto;
        display: flex;
        flex-wrap: wrap;
    }
    footer section .link-to-top{
        display: flex;
        justify-content: center;
        align-items: center;
    }
    footer section .link-to-top span{
        margin: 0;
    }
    footer section a.logo{
        max-width: 150px;
        order: 1;
        margin-right: 15px;
    }
    footer section a.logo img{
        width: 100%;
    }
    footer section nav{
        order: 2;
        width: auto;
    }
    footer div.footer-socials{
        order: 3;
    }
    footer section div.copyright{
        width: 100%;
        order: 7;
        text-align: center;
        margin-top: 15px;
    }
    .footer-social-share{
        order: 4;
    }
    #showmap{
        width: 100%;
    }
    footer section a.logo{
        margin: 0 15px 15px 15px;
    }

}

@media (max-width: 991px) {
    .consultant .info{
        width: auto;
    }
    ._custom-mobile-adv-area{
        display: flex;
    }
    ._custom-mobile-ads, ._custom-mobile-ads div, ._custom-mobile-ads a, ._custom-mobile-ads img{
        display: block;
        width: 100% !important;
        margin: 0 !important;
    }
    ._custom-mobile-ads table{
        margin: 0 !important;
        width: 100%;
    }
    ._custom-mobile-ads td{
        padding: 0;
    }
    section.breadcrumbs{
        margin: 0;
        padding: 15px 0;
    }
    .breadcrumbs > ul{
        white-space: nowrap;
        display: flex;
        overflow-x: scroll;
        padding: 0 0 15px 0;
    }
    .helpcrunch-iframe-wrapper iframe{
        left: auto !important;
        right: 20px !important;
    }
    main.full article{
        width: auto;
    }
    .tape-left-col, .tape-right-col{
        float: none;
    }
    .navi-industries{
        display: none;
    }
    .dl-menuwrapper{
        display: block;
        width: 40px;
        position: relative;
        margin-right: 15px;
        z-index: 999999;
    }
    .dl-menuwrapper button{
        height: 35px;
        width: 40px;
        background: none;
        border: 1px solid #D4D9E4;
    }
    .dl-menuwrapper .dl-menu{
        width: 300px;
        background: white;
        box-shadow: 0 3px 10px rgba(0,0,0,0.5);
        text-decoration: none;
        font-size: 12px;
    }
    .dl-menuwrapper li a{
        text-decoration: none;
        font-size: 12px;
        padding: 7px 15px;
        color: #050505;
    }
    .dl-menuwrapper li.dl-back > a{
        background: rgba(255,213,99, 0.3);
    }
    .dl-menuwrapper li:hover{
        background: #FFD563;
    }
    .dl-menuwrapper li{
        border-bottom: 1px solid #efefef;
        transition: all .5s;
    }
    .dl-menuwrapper ul{
        background: #fefefe;
    }
    .dl-menuwrapper li.dl-back:after, .dl-menuwrapper li > a:not(:only-child):after{
        line-height: 35px;
    }
    .dl-menuwrapper:first-child{
        margin-right: 15px;
    }
    .dl-menuwrapper button:hover{
        background: #eeeeee;
    }
    #dl-menu{
        display: block;
    }
    .navigation-mobile-button, .navigation-mobile-box{
        display: flex;
    }
    .navigation-mobile-box{
        position: absolute;
        left: -600px;
        width: calc(100% - 0px);
        max-width: 480px;
        top: 104px;
        background: white;
        box-shadow: 0 3px 10px rgba(0,0,0,0.5);
        transition: all 0.5s;
    }
    .navigation-mobile-box.open{
        left: 0;
    }
    .navigation-mobile-button{
        width: 80px;
        height: 100%;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        cursor: pointer;
        margin-left: 15px;
        /*border-right: 1px solid #FFD563;*/
    }
    .navigation-mobile-button.open{
        background: #FFD563;
    }
    .navigation-mobile-button.open .navigation-mobile-button-line:nth-child(2){
        opacity: 0;
    }
    .navigation-mobile-button.open .navigation-mobile-button-line{
        margin: 0;
        background: white;
    }
    .navigation-mobile-button.open .navigation-mobile-button-line:nth-child(1){
        transform: rotate(45deg);
        transform-origin: 50% 50%;
    }
    .navigation-mobile-button.open .navigation-mobile-button-line:nth-child(3){
        transform: rotate(-45deg);
        transform-origin: 50% 50%;
        position: relative;
        top: -8px;
        left: 0;
    }
    .navigation-mobile-button-line{
        width: 34px;
        border-radius: 3px;
        height: 4px;
        margin-bottom: 3px;
        background: #FFD563;
        transition: all 0.5s;
        opacity: 1;
    }
    .navigation-desktop{
        display: none;
    }
    header.w960 section.section-header-menu{
        width: 100%;
        max-width: 991px;
        min-width: 280px;
        display: flex;
        justify-content: flex-start;
        align-items: center;
        height: 100%;
    }
    header section.section-header-menu div.login, header section.section-header-menu a.logo, header section.section-header-menu a.logo img,section.section-header-menu .city-select, section.section-header-menu .city-select select{
        position: static !important;
        right: auto;
        top: auto;
        left: auto;
        bottom: auto;
        margin: 0 !important;
    }
    header section.section-header-menu div.login{
        width: calc(100% - 15px);
        display: flex;
        justify-content: flex-end;
        text-align: center;
        align-items: center;
        padding-right: 15px;
    }
    header section.section-header-menu a.logo{
        margin: 0 15px !important;
    }
    .mobile-menu{
        display: flex;
        flex-direction: column;
        width: 100%;
    }
    .mobile-menu .nav-filter.item{
        display: block;
        text-decoration: none;
        padding: 15px 15px 15px 45px;
        width: calc(100% - 60px);
        border-bottom: 1px solid #eee;
        font-family: sans-serif;
        color: #505050;
        text-transform: uppercase;
        transition: all .5s;
    }
    .mobile-menu .nav-filter.item:hover{
        color: #FFD563;
    }
    header section a.more:after{
        right: auto !important;
        left: 85px !important;
        top: 21px;
        border-top: 6px solid #050505;
        transition: all .5s;
    }
    header section a.more:hover:after{
        border-top: 6px solid #FFD563;
    }
    .nav-filter.item.more.open {
        color: #FFD563;
    }
    header section a.more.open:after{
        border-top: 6px solid #FFD563;
        transform: rotate(180deg);
    }
    header section.section-header-menu a.logo{
        width: 80px;
        display: flex;
        justify-content: center;
        align-items: center;
        height: 100%;
    }
    .head-menu-mobile{
        background: none;
        border: none;
    }
    .head-menu-mobile.open, .head-menu-mobile.open .head-menu {
        height: auto;
        width: 100%;
        position: static;
        display: flex;
        flex-direction: column;
        opacity: 1;
        background: none;
        box-shadow: none;
        border: none;
    }
    .head-menu-mobile.open .head-menu a{
        padding: 7px 15px 7px 60px;
        color: #050505;
    }

    main{
        min-width: 280px;
        width: 100%;
        margin: 0 auto;
        display: block;
    }
    main.two-column{
        width: 100%;
        max-width: 960px;
    }
    main.two-column .left{
        display: none;
    }
    main.two-column article{
        width: calc( 100% - 30px);
        max-width: 670px;
        padding: 15px;
        margin: 0 auto;
        display: block;
    }
    .my-company-actions{
        text-align: left;
        display: flex;
        justify-content: space-between;
    }
    .tape-item.promoted .comments-list{
        display: none;
    }
    .my-tape-actions{
        display: flex;
        justify-content: space-around;
    }
    .tape-item{
        padding-top: 15px;
        border-top: 1px solid #eee;
    }
    .tape-item .tape-right-col{
        padding: 0;
        width: auto;
        margin-top: 15px;
    }
    .tape-title{
        text-align: center;
    }
    .tape-left-col, .tape-img{
        display: block;
        margin: 0 auto;
    }
    .search.form-inline{
        display: flex;
     }
    .filter-search .search.form-inline{
        display: flex;
        width: 100%;
    }
    .search.form-inline input.search-text{
        width: calc(100% - 18px) !important;
    }
    .profile-tabs-content .my-tape-actions, .union-tabs-content .my-tape-actions, .my-tape-actions{
        height: auto;
    }
    .filter-search{
        display: flex;
        align-items: center;
        width: 100%;
    }
    .dl-menuwrapper button:after{
        display: none;
    }
    .dl-menuwrapper button{
        background: url("/site/image/filter.svg") no-repeat 50%;
        background-size: 50%;
    }
    .dl-menuwrapper button:hover, .dl-menuwrapper button.dl-active{
        background: #FFD563 url("/site/image/filter.svg") no-repeat 50%;
        background-size: 50%;
    }
    .dl-parent{
        background: #FFD563;
    }
    header section div.gallery-popup{
        position: absolute;
        top: 80px;
        left: 0;
        display: inline-block;
        opacity: 1;
        width: 100%;
        margin: 0;
        right: 0;
    }
    header section div.gallery-popup .yui3-panel .yui3-widget-bd .slideshow div.slide .photo-descr{
        width: 100%;
    }
    header section div.gallery-popup .yui3-panel .yui3-widget-bd .slideshow div.slide{
        left: 0;
        right: 0;
        width: 100%;
    }
    .login-page .login-form{
        overflow: hidden;
    }
}

@media (max-width: 920px) {
    .features-list .feature .arrow-right-icon,
    .features-list .feature .arrow-left-icon,
    .features-list .feature .arrow-center-icon{
        display: none;
    }
    .article__buttons{
        margin-top: 30px;
    }

}

@media (max-width: 768px) {
    .advert h2{
        font-size: 1.5em;
    }
    .advert .advert__form__descr{
        font-size: 1.2em;
        padding: 15px;
    }
    .advert .advert__form__field{
        width: auto;
    }
    .advert .advert__form__two__field .advert__form__field{
        width: 100%;
        padding: 0;
    }
    .advert .advert__form__field label{
        font-size: 1.1em;
        display: block;
    }
    .big-field, #price-advert, #curr-type, .popup-industries, .popup-regions {
        width: calc(100% - 20px) !important;
    }
    .popup-ind, .popup-reg{
        margin: 0;
        display: block;
    }
    .advert .advert__form{
        margin: 0 auto;
        height: auto;
        width: auto;
    }
    .advert .advert__bg{
        height: auto;
    }
    .wrap__button-style{
        display: block;
    }
    .footer__info.clearfix{
        flex-wrap: wrap;
    }
    .advert .advert__form__terms span{
        width: 100%;
    }
    .advert .advert__form__terms.clearfix{
        display: flex;
    }
    footer .footer__column{
        width: 50%;
        margin-bottom: 15px;
    }
    footer .footer__column:nth-child(1){
        order: 1;
    }
    footer .footer__column:nth-child(4){
        order: 2;
    }
    footer .footer__column:nth-child(3){
        order: 3;
        display: none;
    }
    footer .footer__column:nth-child(2){
        order: 4;
        display: none;
    }
}
@media (max-width: 700px) {
    section.company-profile .left-column{
        width: 100%;
    }
    section.company-profile .right-column{
        width: 100%;
    }
    section.union-profile .left-column{
        width: 100%;
        border: none;
    }
    section.union-profile .right-column{
        width: 100%;
    }

}
@media (max-width: 680px) {
    .index-dashboard .wrapper{
        flex-direction: column;
    }
    .index-dashboard__slogan{
        order: 1;
        width: 100%;
        height: auto;
    }
    .index-dashboard__slogan h1{
        width: 100%;
        padding: 15px 0;
    }
    .dashboard-statistics{
        justify-content: space-around;
        flex-wrap: wrap;
    }
    .dashboard-statistics__counter{
        margin: 15px;
    }
    .dashboard-statistics__counter + .dashboard-statistics__counter{
        margin: 15px;
    }
    .index-dashboard__buttons, .index-dashboard__buttons table{
        width: 100%;
    }
    .index-dashboard__buttons tr{
        flex-wrap: wrap;
        justify-content: space-around;
        display: flex;
    }
    .index-dashboard{
        height: auto;
    }
    .index-dashboard__auth{
        width: calc(100% - 40px);
        margin-top: 15px;
        top: 0;
    }
    .goods__two-col .wrapper{
        flex-direction: column;
    }
    .goods__left, .goods__right{
        width: 80%;
    }
    footer .footer__column{
        width: 100%;
    }
    footer .footer__column:nth-child(3), footer .footer__column:nth-child(2){
        width: 50%;
    }
    .article .article__maintxt h1{
        font-size: 1.5em;
    }
    .advert .advert__form__fields{
        padding: 20px;
        width: calc(100% - 40px);
    }
    .top10__title h2 span{
        letter-spacing: -6px;
        font-size: 40px;
        line-height: 40px;
        margin: 0 5px 0px -5px;
    }
    section.offer .right-col{
        width: auto;
    }
}

@media (max-width: 560px) {
    .page-banner{
        padding: 0;
    }
    .page-banner img{
        padding: 0 !important;
        border: 0;
        width: 100%;
    }
    .tape-item.promoted{
        padding: 0;
    }
    .add-offer-form .offer-field{
        width: auto;
    }
    .add-offer-form .offer-field{
        text-align: left;
    }
    .add-offer-form textarea{
        width: calc(100% - 10px);
        display: block;
    }
    main .login-page{
        width: auto;
    }
    main .login-page a{
        margin: 7px !important;
        display: block !important;
        padding: 0 !important;
        text-align: center;
    }
    main .login-page .social-login{
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
    }
    main .login-page div{
        padding: 0 !important;
        margin: 15px 0;
        text-align: center;
    }
    main .login-page .social-login div{
        width: 100%;
    }
    main .login-page .form-label input[type="file"], main .login-page .form-label input[type="text"], main .login-page .form-label input[type="email"], main .login-page .form-label input[type="date"], main .login-page .form-label input[type="password"]{
        margin: 5px 0;
    }
    .login-page .form-label{
        width: auto;
    }
    section.section-header-menu .city-select select{
        width: 120px !important;
    }
    header section div.login a{
        font-size: 12px;
    }
    .top10__title h2 span{
        letter-spacing: -6px;
        font-size: 40px;
        line-height: 40px;
        margin: 0 5px 0px -5px;
    }
    .top10__title h2{
        font-size: 30px;
        letter-spacing: 0;
        line-height: 30px;
    }
    .top10-list{
        width: 70%;
    }
    .article__buttons{
        width: 100%;
    }
    .article__buttons a{
        display: block;
        width: calc(100% - 50px);
        margin: 0 auto;
    }
    .footer__info.clearfix{
        flex-direction: column;
    }
    footer{
        overflow: hidden;
    }
    header section div.about-popup .yui3-panel-content .yui3-button-close{
        left: 0;
        top: -25px;
    }
    main article h1, main article h2{
        font-size: 16px;
    }
    .signup-form__type ul, .signup-form__type ul li{
        display: block;
        margin: 0px 0 15px 0;
    }
    .signup-form__type ul li span{
        top: 0;
    }
    .signup-form .signup-field{
        width: auto;
    }
    input[type="text"], input[type="email"], input[type="date"], input[type="password"], .signup-form .signup-field.phone-field input{
        width: calc(100% - 18px);
    }
    .signup-form .signup-field.phone-field input{
        padding-left: 0;
    }
    .signup-form .signup-field.phone-field::after{
        display: none;
    }
    .signup-form .signup-field{
        text-align: left;
    }
    #signup-field-button{
        margin: 0 !important;
    }
    #signup-field-button span{
        width: calc(100% - 24px) !important;
    }
    .company-left-col{
        width: 100%;
        padding: 0;
        height: auto;
        min-height: auto;
    }
    .company-left-col:after{
        display: none;
    }
    .company-left-col .firmlogo img{
        width: auto;
        max-height: 140px;
        max-width: 150px;
    }
    .company-left-col .firmlogo a{
        width: 100%;
        display: block;
        text-align: center;
    }
    .company-right-col{
        width: calc(100% - 30px);
        padding: 0 15px;
        margin: 0;
    }
    .union-right-col{
        width: calc(100% - 30px);
        margin-bottom: 15px;
        padding: 15px;
    }
    .union-descr{
        margin-bottom: 15px;
    }
    .union-title{
        text-align: center;
    }
    .union-left-col{
        margin: 0;
        width: 100%;
    }
    .my-union-actions{
        width: 100%;
        text-align: center;
    }
    .my-union-actions a{
        padding: 0;
        margin: 0;
    }
    .union-left-col .union-img{
        display: block;
        margin: 0 auto;
    }
    section.company-profile .left-column{
        margin: 0;
        width: 100%;
        float: none;
        border: 0;
    }
    section.company-profile .right-column{
        width: 100%;
        float: none;
    }
    section.company-profile .left-column h3, section.union-profile .left-column h3{
        margin: 0;
    }
    .company-contacts,
    .company-prices,
    .company-catalogs,
    .company-industries,
    .company-partners,
    .company-unions,
    .company-galleries,
    .discussion-item,
    .union-members,
    .photo-list,
    .video-list{
        height: 0;
        overflow: hidden;
    }
    .profile-tabs{
        width: calc( 100% - 2px);
        border: 0;
    }
    .profile-tabs ul{
        width: calc( 100% - 2px);
        display: flex;
    }
    section.profile-tabs li.tab-actual, section.union-tabs li.tab-actual, section.profile-tabs li, section.union-tabs li, section.profile-tabs li.tab-blue{
        width: 40%;
        text-decoration: none;
    }
    section.profile-tabs li a, section.union-tabs li a{
        text-decoration: none;
    }
    footer section{
        flex-direction: column;
        align-items: center;
    }
    .comment-info, .comment-actions{
        width: calc(100% - 20px) !important;
        margin: 0;
        word-wrap: break-word;
    }
    .my-tape-actions{
        flex-wrap: wrap;
        justify-content: space-between;
    }
    /*
    .trade-feedback, .need-login, .social-share, #commentsformsenddemand300{
        margin: 0 !important;
        text-align: left;
        width: 49%;
    }
    */
    section.profile-tabs-content, section.union-tabs-content{
        width: 100%;
    }
    section.company-profile{
        margin: 0;
    }
    .company-wallpaper{
        width: 100%;
        margin: 0;
    }
    .attached-videos iframe, .attached-videos{
        width: 100% !important;
    }
    .tape-shared-post .company-name .company-title, .tape-shared-post .author-company-name .company-title{
        width: auto;
    }
    section.company-profile .left-column .profile-logo{
        margin: -120px 0 0 0;
        width: 40%;
        height: auto;
        background: rgba(255,255,255,0.5);
        border: none;
        position: relative;
        padding: 0;
        display: flex;
        flex-direction: column;
    }
    section.company-profile a{
        display: block;
        margin: 0 auto;
        background-size: 100% !important;
        width: auto;
        background-position: 50% !important;
    }
    .attached-pictures a{
        background-size: 100% !important;
        width: auto;
        background-position: 50% !important;
    }
    section.company-profile .left-column .profile-logo img{
        margin: 0 auto;
    }
    .tape-item.promoted .item-content{
        padding: 15px;
        margin: 0;
        width: calc(100% - 34px);
    }
    .tape-item{
        padding: 15px;
    }
    .tape-item .tape-right-col{
        word-wrap: break-word;
        width: 100%;
    }
    section.demand{
        padding: 15px;
    }
    .search.form-inline{
        display: flex;
    }
    section.tender{
        padding: 15px;
    }
    footer section a.logo{

    }
    footer section nav{
        flex-direction: column;
        order: 3;
        display: none;
    }
    footer div.footer-socials{
        order: 2;
    }
    footer section nav .column{
        margin: 0 0 15px 0;
    }
    footer section div.copyright{
        text-align: center;
    }
    .companies-list{
        padding: 15px;
    }
    section.activity{
        padding: 15px;
    }
    header section a.more:after{
        right: 65%
    }
    .right-column .my-company-actions, .right-column .company-descr, .right-column h1{
        display: none;
    }
    .left-column .my-company-actions{
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    .left-column .company-descr, .left-column h1{
        padding: 3px 15px 0;
        display: block;
        text-align: left;
    }
    section.company-profile .my-company-actions .need-login{
        margin: 0 0 15px 0;
    }
    section.company-profile .left-column h3, section.union-profile .left-column h3{
        font-weight: bold;
        padding: 10px;
        display: block;
        border-top: 2px solid #DADEE7;
        background: none;
    }
    section.company-profile .left-column h3 a, section.union-profile .left-column h3 a, section.company-profile .left-column h3 a:hover, section.union-profile .left-column h3 a:hover{
        font-weight: bold;
        text-decoration: none;
    }
    section.company-profile .left-column h3.open, section.union-profile .left-column h3.open{
        background: #DADEE7;
    }
    .company-contacts.open, .company-prices.open, .company-catalogs.open, .company-industries.open, .company-partners.open, .company-unions.open, .company-galleries.open,  .discussion-item.open, .union-members.open, .photo-list.open, .video-list.open{
        height: auto;
    }
    section.company-profile .left-column .company-contacts div.user a.thumb_user{
        background-size: 100%;
        width: 60px;
        height: 60px;
    }
    footer div.footer-socials{
        width: auto;
    }
    .link-to-top{
        display: none;
    }
    section.union-wallpaper, section.union-profile{
        margin: 0;
    }
    .discussion-item, .photo-list{
        margin: 0 !important;
    }
    .discussion-item.open, .photo-list.open{
        margin: 15px 0 !important;
    }
    section.union-profile .right-column .my-union-actions{
        width: auto;
    }
    div.attach div.gallery{
        width: auto;
        overflow: hidden;
    }
    .my-union-actions{
        margin: 15px 0;
    }
    .left-column .my-union-actions, .left-column .text{
        display: block;
    }
    .left-column .text{
        padding: 15px;
    }
    .left-column .text h1{
        padding: 0;
    }
    .right-column .my-union-actions, .right-column .text{
        display: none;
    }
    section.union-profile .left-column{
        margin: 0;
    }
    section.profile-tabs, section.union-tabs, .union-tabs ul{
        width: calc(100% - 2px);
        display: flex;
    }
    .tab-wall, .tab-offers, .tab-demands{
        width: 40% !important;
    }
    div.login-form{
        left: 0;
        right: 0;
        width: 100%;
        margin: 0;
    }
    div.login-form label.button-block input[type=submit].btn{
        width: calc(100% - 16px);
        padding: 8px;
        background: #FFD563;
        text-align: center;
    }
    div.login-form label input[type="text"], div.login-form label input[type="password"]{
        width: calc(100% - 16px);
    }
    header .header__top__logo{
        width: 130px;
    }
    header .header__top__logo img{
        width: 100%;
        height: auto;
    }
    main.one-column article{
        padding: 15px;
        width: calc( 100% - 30px );
    }
}

@media (max-width: 400px) {
    header section div.login span.login-icon {
        display: none;
    }

    main.two-column article {
        width: 100%;
        padding: 0;
    }

    .tape-activity, .tape-company, .tape-demand, .tape-offer, .tape-post, .tape-shared-post, .tape-union {
        padding: 10px;
    }

    ._custom-mobile-adv-area {
        display: flex;
        flex-direction: column;
    }

    ._custom-mobile-ads, ._custom-mobile-ads div, ._custom-mobile-ads a, ._custom-mobile-ads img {
        display: block;
        width: 100% !important;
        margin: 0 !important;
    }

    ._custom-mobile-ads table {
        margin: 0 !important;
        width: 100%;
    }

    ._custom-mobile-ads img{
        max-height: 180px;
    }
}