nav.main_menu.nonroot {
    margin-top: -100px;
}
body.landing{min-width: 320px;}
body.landing .container{max-width: 1170px !important; width: auto !important;}
.landing .wrapper{min-width: 320px;}
.landing .footer{min-width: 320px;}
.landing .fix-1200{width: auto; max-width: 1200px;}
.landing .container.workers .artis-workers-img{padding: 1px 1px 0 1px; width: 100%; height: 100%;}
.landing .container.workers{width: 100%;}
.landing .container.workers .artis-workers-img:before{background-size: contain; margin: -1px -1px 0 -1px;}
.landing .container.workers .artis-workers-img img{width: 100%; height: 100%;}
.video-cm{min-height: 505px; position: static;}
header.sticky .contact a.phone_link{display: none;}
.mobile_divider{display: none;}
footer .footer-nav{float: right}
@media all and (min-width: 1969px){
    #firstfoto{
        display: block;
        margin: 0 auto;
    }
}
@media screen and (max-width: 1199px){
    .landing .copyright{
        float: none;
        text-align: center;
        margin: auto;
        padding-right: 10px;
        padding-left: 10px;
    }
    .footer-contacts{
        width: calc(100% - 500px - 150px) !important;
    }
}
@media screen and (max-width: 991px){
    header.sticky .contact a.phone_link{display: block;}
    footer .footer-nav{float: none; width: 100%; height: auto;}
    footer .footer-nav ul{
        margin: 0;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -moz-flex;
        display: -webkit-flex;
        display: flex;
        -webkit-justify-content: space-around;
        justify-content: space-around;
        -webkit-flex-flow: row wrap;
        flex-flow: row wrap;
        -webkit-align-items: stretch;
        align-items: stretch;
    }.footer-nav li{
         width: 50%;
         margin: 0px !important;
         text-align: center;
     }
    .footer-contacts{
        width: 75% !important;
    }
    .footer-social{
        width: 25% !important;
        height: 100% !important;
        padding: 0px;
    }
    .landing footer .footer-contacts{
        float: left;
        padding-left: 10px;
        padding-right: 10px;
        width: 75%;
        text-align: center;
    }
    .footer-contacts .phone a{
        font-size: 18px;
        line-height: 18px;
        font-weight: normal;
        padding-top: 1px;
        white-space: nowrap;
    }
}
@media screen and (min-width: 941px){
    .landing .fix-1200.flex-container{padding-left:10px;padding-right:10px;}
    header.header .top-line .fix-1200{padding-left:10px;padding-right:10px;max-width:1285px;}
    .mobile-menu-title{display: none}
}
@media screen and (max-width: 940px){
    header.header>.headinfo>.fix-1200{height: 80px;}
    body.landing .headinfo{min-height: 80px;}
    /*header.header{min-height: 111px;}*/
    .headinfo .logo{margin: 0 0 0 10px;}
    .headinfo .logo img{padding: 0}
    header.sticky .logo img{margin-top: 0;}
    .headinfo div.email a{font-size: 14px; white-space: nowrap;}
    .headinfo div.contact .phone .h1_div{font-size: 20px;}
    .headinfo div.contact .title{font-size: 14px; white-space: nowrap;}
    .headinfo a.bx_bt_yellow{padding: 0 10px;}
    div.banner_align img{left: 0; height: 100%; width: 100%;}
    .headinfo .contact{margin-right: 10px;}
    .header .top-line nav{margin: 0; position: relative; cursor: pointer;}
    .header .top-line nav:before{
        font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
        content: '|||';
        position: relative;
        color: black;
        display: inline-block;
        font-size: 26px;
        font-weight: bold;
        transform: rotate(90deg);
        margin-top: 4px;
        margin-left: 15px;
        /*text-shadow: 1px -1px 6px #000;*/
    }
    .header .top-line nav.active:before{content:'×'; font-size: 36px; margin-left: 10px;}
    .header .top-line nav ul.parent{
        display: none;
        background: #fac200;
        position: absolute;
        height: auto;
        top: 100%;
        width: 250px;
        padding: 10px;
        z-index: 1;
    }
    .header .top-line nav.active ul.parent{
        display: block;
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f8bb00), color-stop(100%,#ffca00));
        background: -webkit-linear-gradient(top, #f8bb00 0%,#ffca00 100%);
        background: -moz-linear-gradient(top, #f8bb00 0%,#ffca00 100%);
        background: -ms-linear-gradient(top, #f8bb00 0%,#ffca00 100%);
        background: -o-linear-gradient(top, #f8bb00 0%,#ffca00 100%);
        background: linear-gradient(to bottom, #f8bb00 0%,#ffca00 100%);
    }
    .header .top-line.fix-displayed nav.active ul.parent{
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fff), color-stop(100%,#f5f5f5));
        background: -webkit-linear-gradient(top, #fff 0%,#f5f5f5 100%);
        background: -moz-linear-gradient(top, #fff 0%,#f5f5f5 100%);
        background: -ms-linear-gradient(top, #fff 0%,#f5f5f5 100%);
        background: -o-linear-gradient(top, #fff 0%,#f5f5f5 100%);
        background: linear-gradient(to bottom, #fff 0%,#f5f5f5 100%);
    }
    .header .top-line.fix-displayed nav ul.parent li.parent.active{
        background: #fff!important;
    }
    .header .top-line nav ul.parent li.parent{float: none; height: auto;}
    .header .top-line.fix-displayed nav ul.parent li.parent{height: auto;}
    .header .top-line nav ul.parent li.parent a.parent{
        text-align: left;
        padding: 0 10px;
    }
    .header .top-line nav ul.parent li.parent a.parent:not(:only-child){pointer-events: none;}
    .header .top-line nav ul.parent li.parent a.parent:not(:only-child):after{
        content: '>';
        float: right;
        transition: all 0.1s;
    }
    .header .top-line nav ul.parent li.parent.active a.parent:not(:only-child):after{transform: rotate(90deg);}
    .header .top-line nav ul.parent li.parent.active{background: #ffd138!important;}
    .header .top-line nav ul.parent li.parent.active ul.child{
        box-shadow: none;
        display: block!important;
        position: static;
        margin-left: 10px;
    }
    .top-line nav ul.parent li.parent:hover ul.child{display: none!important; width: auto!important;}
    .top-line nav ul.parent li.parent ul.child li:first-child:before{display: none!important;}
    .top-line nav ul.parent li.parent ul.child li:last-child:after{height: 12px!important;}
}
@media screen and (max-width: 940px) and (hover: none) {
    .top-line nav ul.parent li.parent:hover{background: transparent!important;}
}
@media screen and (max-width: 1024px){
    .video-cm #lightSlider img{min-width: 1024px; margin-left: calc(50% - 512px);}
}
@media screen and (max-width: 850px){
    .headinfo .addresses{display: none;}
}
@media screen and (max-width: 768px){
    .headinfo div.search{width: 25%}
    .artis-title{font-size: 20px;}
    p.artis-subtitle{font-size: 15px; padding-top: 20px;}
    .gallery-layout-1{height: 360px;}
    .gallery-layout-2{height: 360px;}
    .masonry-grid{height: 391px;}
    .masonry-grid .item{margin-bottom: 12px; margin-right: 12px;}
    .grid-navi{min-width: 26px;}
    .banner_align{margin: auto;}
    body.landing .context{font-size: 15px;}
    body.landing .main-page-contact .conheader{font-size: 16px; margin-bottom: 10px;}

    .landing .video-cm .topblock .sidebar-left{width: 280px;}
    nav.main_menu.nonroot{cursor: pointer;}
    .sidebar-left nav.main_menu a.root{pointer-events: none;}
    .sidebar-left nav.main_menu.nonroot .main_container a.root:after{
        content: '|||';
        background: none;
        display: inline-block;
        position: static;
        transform: rotate(90deg);
        font-size: 25px;
        font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
        float: right;
        width: auto;
        height: auto;
    }
    .sidebar-left nav.main_menu.nonroot.active .main_container a.root:after{content:'×'; font-size: 30px; margin-right: 3px;}
    nav.main_menu.nonroot.index .main_container ul.main{display: none!important;}
    nav.main_menu.nonroot.index.active .main_container ul.main{display: block!important; padding: 10px 8px 5px 10px;}
    .sidebar-left nav.main_menu.active ul li a:only-child:after{display: none;}
    .sidebar-left nav.main_menu.active ul li a:not(:only-child):after{
        position: absolute;
        right: 10px;
        top: 21px;
        pointer-events: none;
        transition: transform 0.1s;
        background-position: 0 -10px;
        opacity: 0.2;
    }
    .sidebar-left nav.main_menu.active ul li.active a:not(:only-child):after{
        opacity: 1;
        transform: rotate(90deg);
    }
    aside.sidebar-left nav.main_menu ul.main li:hover ul.child{display: none;}
    aside.sidebar-left nav.main_menu ul.main li.active ul.child{
        display: block;
        position: static;
        width: auto;
        box-shadow: none;
        padding: 5px 5px 2px 10px;
        background: #f3f3f3;
    }
    .sidebar-left nav.main_menu ul.child li:first-child{margin-top: 0}
}
@media screen and (max-width: 768px) and (hover: none) {
    .sidebar-left nav.main_menu ul.main li a:hover:after{background-position: 0px 0px !important;}
}
@media screen and (max-width: 600px){
    .headinfo div.search{
        order: 1;
        margin: 10px;
        min-height: 38px;
    }

    header.header>.headinfo>.fix-1200 {
        height: auto !important;
    }

    .search {
        width: 100% !important;
    }

    .headinfo .logo {
        margin: 10px 0 10px 10px;
    }

    .header.sticky .search {
        width: 100% !important;
        margin: 0;
    }
}
@media screen and (max-width: 571px){
    .footer-social{
        width: 143px !important;
    }
    .footer-contacts{
        width: calc(100% - 143px) !important;
    }
}
@media screen and (max-width: 540px){
    div.title-search-result{left:auto!important; right: 0; max-width: 100%; min-width: 310px !important; width: 100% !important;}
}
@media screen and (max-width: 450px){
    .headinfo .logo{
        width: calc(100% - 210px);
        margin-right: 10px;
    }
    .headinfo .contact{
        width: 160px;
        margin: 10px 10px 10px 0;
    }

    header.sticky .logo {
        margin-top: 5px !important;
    }
}
@media screen and (max-width: 390px){
    .headinfo div.search{width: 130px; float: right;}
    header .headinfo div.contact .phone .h1_div{font-size: 17px;}
    header .headinfo div.contact .title{font-size: 12px;}
    header .headinfo div.contact .email a{font-size: 12px;}
    .headinfo div.email .title{font-size: 11px;}
}
@media screen and (max-width: 575px) {
    .headinfo .logo,
    .headinfo .contact {
        flex: 1;
    }
}
.goods-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: distribute;
    justify-content: space-around;
}

.goods-list--item {
    min-width: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
@media screen and (min-width: 767px) {
    .goods-list--item {
        min-width: 33%;
    }
}
@media screen and (max-width: 500px) {
    .goods-list--item {
        max-width: 175px;
    }
}

@media screen and (max-width: 400px) {
    .goods-list--item {
        max-width: 135px;
    }
}