.wh {position: fixed; top: 1px; left: 1px; z-index: 9999; background: #fff; padding: 1px; font-size: 11px}

@media screen and (max-width:1540px) {
    .top-box__beer:before {left: 50%; margin-left: -115px; top: 23px}
    .top-box__beer .table {max-width: none; margin: 0; padding: 155px 15px 0}
}
@media screen and (max-width:1316px){

    /*.site-header .phone-gen {display: none}*/

    .banner-main:before {left: 50%; margin-left: -115px; top: 23px}
    .top-box:before {left: 46% !important; margin-left: -115px; top: 23px}
    .banner-main .top {height: auto}
    .banner-main .top .wrapper {max-width: none; margin: 0; padding: 190px 15px 24px}
    .banner-main .form {margin-top: 35px}
    .banner-main .form .ui-selectmenu-button {height: 48px; line-height: 44px}
    .banner-main .form .ui-selectmenu-text {margin: 0 25px 0 10px}
    .banner-main .form .ui-selectmenu-icon {right: 5px}
    .banner-main .form input[type=text] {height: 48px; padding: 0 10px}
    .banner-main .form button {height: 48px; font-size: 16px}

    .slider-prs .slider {padding: 0 45px}
    .slider-prs .list {max-width: none}

    .com-slider .slider {padding: 0 50px}
    .com-slider .list {max-width: none}
    .com-slider .com-item {margin-left: 15px; margin-right: 15px}
}
@media screen and (max-width:1246px){
    .wh {background: black; color: #fff}

    .site-header .mid {height: 177px}
    .site-header .logo {margin: 27px 0 0 15px; width: auto}
    .site-header .city {margin: 0; width: auto; float: none; position: absolute; left: 67px; bottom: 42px; font-size: 14px}
    .site-header .pc {float: right; margin: 35px 15px 0 0; width: 60%}
    .site-header .pc .item {margin-left: 0; width: 50%; box-sizing: border-box}
    .site-header .pc .item.hidden {display: block}
    .site-header .pc .callback {font-size: 14px}
    .site-header .r {float: none}
    .site-header .login {margin: 0; float: none; position: absolute; left: 15px; bottom: 44px}
    .site-header .login a {padding-left: 26px; font-size: 14px}
    /*.site-header .login a:after {top: -2px}*/
    .site-header .search {margin: 0; position: absolute; right: 15px; bottom: 46px; width: auto; float: none; clear: both; width: 60%}
    .site-header .search .form input[type=text] {height: 37px}
    .site-header .search .form button {top: 10px; right: 13px}
    .site-header .search .link {position: absolute; left: 0; top: 100%}

    .service-main .content {width: 789px; margin: auto}
    .service-main .service-item:nth-child(3n+3) {margin-right: 33px}
    .service-main .service-item:nth-child(2n+2) {margin-right: 0}

    .service-list .service-item {width: 32%; margin-right: 2%}

    .news-main .news-item {width: 32%; margin-right: 2%}

    .news-list .news-item {width: 32%; margin-right: 2%}

    .offer-list .item {width: 32%; margin-right: 2%}

    .blog-main .blog-item {width: 32%; margin-right: 2%}

    .blog-list .blog-item {width: 32%; margin-right: 2%}

    .inform-section {padding: 55px 0 90px}

    .com-list .com-item {width: 30%; margin-right: 5%}

    .vacancy-list .item {width: 32%; margin-right: 2%}
}
@media screen and (max-width:1116px){
    .wh {background: red; color: #fff}
    .tab-box ul {float: none !important; text-align: center}
    .tab-box li {float: none; display: inline-block; vertical-align: top; margin: 0 2px 10px}
    .tab-box li:last-child {margin-right: 2px}
}
@media screen and (max-width:1016px){
    .wh {background: red; color: blue}

    .site-header .search {padding-right: 140px; box-sizing: border-box}
    .site-header .menu .bt {display: block}
    .site-header .menu ul {display: none}

    .slider-prs {background: none; padding: 0}
    .slider-prs .slider {padding: 0}
    .slider-prs .item {margin-bottom: 64px; margin-left: 0; margin-right: 0}
    .slider-prs .item .text {margin: 0 25px}
    .slider-prs .arr-l, .slider-prs .arr-r {display: none !important}
    .slider-prs .page {bottom: 0}

    .service-list .service-item {width: 48%; margin-right: 4%}
    .service-list .service-item:nth-child(3n+3) {margin-right: 4%}
    .service-list .service-item:nth-child(2n+2) {margin-right: 0}

    .com-slider {margin-top: 30px; margin-bottom: 30px}
    .com-slider .slider {padding: 0 0 50px; margin-top: 50px}
    .com-slider .arr-l, .com-slider .arr-r {display: none !important}
    .com-slider .page {display: block !important}
    .com-slider .new {margin-top: 40px}
    .com-slider .all {margin-top: 50px}

    .com-list .com-item {width: 48%; margin-right: 4%}
    .com-list .com-item:nth-child(3n+3) {margin-right: 4%}
    .com-list .com-item:nth-child(2n+2) {margin-right: 0}
    .com-list .com-item:nth-child(3n+4) {clear: none}
    .com-list .com-item:nth-child(2n+3) {clear: both}

    .com-bot {padding-top: 40px}

    .com-write .intro {position: relative; margin-left: auto; margin-right: auto}
    .com-write .form {position: relative; margin-left: auto; margin-right: auto}

    .form-vac {margin-left: auto; margin-right: auto}

    .form-feedback {position: relative; margin-left: auto; margin-right: auto}

    .news-main {background: none; padding: 0}
    .news-main .news-item {display: none; width: 48%; margin-right: 4%}
    .news-main .news-item:first-child, 
    .news-main .news-item:first-child + .news-item {display: block}
    .news-main .news-item:first-child + .news-item {margin-right: 0}
    .news-main .all {margin-top: 50px}

    .news-list .news-item {width: 48%; margin: 0 4% 60px 0}
    .news-list .news-item:nth-child(3n+3) {margin-right: 4%}
    .news-list .news-item:nth-child(2n+2) {margin-right: 0}
    .news-list .news-item:nth-child(3n+4) {clear: none}
    .news-list .news-item:nth-child(2n+3) {clear: both}

    .news-view {float: none; margin-right: 0; width: auto}
    .news-view .content {margin-right: 0; padding-right: 0}
    .news-view .share {margin: 0}
    .news-view .back {position: absolute; left: 0; bottom: -10px}
    .news-view .back a span {display: inline-block; vertical-align: baseline}
    .news-view .back a span:first-letter {text-transform: uppercase}
    .news-view .back a span:first-child {display: none}

    .news-other {width: auto; float: none; margin-top: 70px}
    .news-other .subtitle {margin-bottom: 0}
    .news-other ul:after {content: ''; display: block; clear: both; visibility: hidden; height: 0}
    .news-other li {float: left; width: 48%; margin: 35px 4% 0 0}
    .news-other li:first-child {margin-top: 35px}
    .news-other li:nth-child(2n+2) {margin-right: 0}
    .news-other li:nth-child(2n+3) {clear: both}

    .blog-main {margin-top: 95px; margin-bottom: 65px}
    .blog-main .blog-item {display: none; width: 48%; margin-right: 4%}
    .blog-main .blog-item:first-child, 
    .blog-main .blog-item:first-child + .blog-item {display: block}
    .blog-main .blog-item:first-child + .blog-item {margin-right: 0}

    .blog-list {margin-bottom: 9px}
    .blog-list .blog-item {width: 48%; margin-right: 4%}
    .blog-list .blog-item:nth-child(3n+3) {margin-right: 4%}
    .blog-list .blog-item:nth-child(2n+2) {margin-right: 0}

    .blog-view {float: none; margin-right: 0; width: auto}
    .blog-view .content {margin-right: 0; padding-right: 0}

    .blog-other {width: auto; float: none; margin-top: 100px}
    .blog-other .subtitle {margin-bottom: 0}
    .blog-other ul:after {content: ''; display: block; clear: both; visibility: hidden; height: 0}
    .blog-other li {float: left; width: 48%; margin: 15px 4% 0 0}
    .blog-other li:first-child {margin-top: 15px}
    .blog-other li:nth-child(2n+2) {margin-right: 0}
    .blog-other li:nth-child(2n+3) {clear: both}
    .blog-img {display: none;}
    blockquote.quote, blockquote.note, blockquote.interesting {margin-left: 0;margin-right: 0;}
    
    .offer-list .item {width: 48%; margin: 0 4% 60px 0}
    .offer-list .item:nth-child(3n+3) {margin-right: 4%}
    .offer-list .item:nth-child(2n+2) {margin-right: 0}
    .offer-list .item:nth-child(3n+4) {clear: none}
    .offer-list .item:nth-child(2n+3) {clear: both}

    .inform-box {margin-top: 60px; margin-bottom: 70px}
    .inform-box .list {margin-top: 20px}

    .inform-consl ul li {width: 49% !important; margin-right: 2% !important; padding-right: 0 !important; clear: none !important}
    .inform-consl ul li:nth-child(2n+2) {margin-right: 0 !important}
    .inform-consl ul li:nth-child(2n+3) {clear: both !important}

    .inform-cat {max-width: 600px; margin: auto}
    .inform-cat .col {width: auto; float: none; padding-right: 0; margin-top: 25px}
    .inform-cat .col:first-child {margin-top: 0}

    .inform-tbl {margin-left: -15px; margin-right: -15px}
    .inform-tbl .subtitle {padding: 0 15px}
    .inform-tbl .outro {padding-left: 15px; padding-right: 15px}

    .inform-tbl .c1 {width: 46%}
    .inform-tbl .c2 {width: 13%}
    .inform-tbl .c3 {width: 13%}
    .inform-tbl .c4 {width: 14%}
    .inform-tbl .c5 {width: 14%}

    .links-main .item {width: 50%; height: 400px; padding-left: 45px}

    .order-form {max-width: 576px; margin-left: auto; margin-right: auto}
    .order-form .l {width: auto; float: none}
    .order-form .r {width: auto; float: none; margin-top: 40px}
    
    .step-2 li .text {font-size: 16px}

    .step-6 .list {position: relative;}
    .step-6 .list ul {width: auto; float: none !important}
    .step-6 .list li:first-child {margin-top: 25px}

    .step-7 {padding: 35px 0 35px; text-align: center}
    .step-7 .intro {margin-bottom: 40px}
    .step-7 ul {max-width: 570px; margin: auto; text-align: left; margin-bottom: 40px;}
    .step-7 li {margin: 0 0 40px 0; float: none; width: auto}
    .step-7 li:last-child {margin-bottom: 0}

    .site-footer {padding-bottom: 60px}
    .site-footer .side {width: 56%}
    .site-footer .contacts {width: 44%}
    .site-footer .menu {float: none; clear: both; width: auto; padding-top: 60px}
    .site-footer .bot {margin-top: 55px}
    .site-footer .copy span {display: none}
    .site-footer .pay {margin-top: 0; padding-top: 20px}
    .site-footer .pay ul {display: block; width: auto; text-align: center}
    .site-footer .pay li {display: inline-block; vertical-align: middle; margin: 15px 7px 0}
    .site-footer .outro {margin-top: 30px}
}
@media screen and (max-width:916px){
    .wh {background: blue; color: #fff}

    .site-header .alert a.close {display: none}
    .site-header .info > ul > li {padding-left: 15px}

    /*.banner-main {margin-bottom: 65px}*/

    .service-main .list {margin-top: 45px}
    .service-main .content {width: auto}
    .service-main .service-item {width: 48%; margin-right: 4%}
    .service-main .service-item:nth-child(3n+3) {margin-right: 4%}
    .service-main .service-item:nth-child(2n+2) {margin-right: 0}

    .inform-contacts {max-width: 600px; margin: auto}
    .inform-contacts .item {float: none; width: auto; margin-right: 0}

    .inform-tbl .f9 {width: 54%}
    .inform-tbl .f10 {width: 27%}
    .inform-tbl .f11 {width: 19%}

    .vacancy-list .item {width: 48%; margin-right: 4%}
    .vacancy-list .item:nth-child(3n+3) {margin-right: 4%}
    .vacancy-list .item:nth-child(2n+2) {margin-right: 0}
    .vacancy-list .item:nth-child(3n+4) {clear: none}
    .vacancy-list .item:nth-child(2n+3) {clear: both}

/*    .tab-box .box {display: block !important}*/
    .tab-box {margin-bottom: 20px}
    .tab-box ul {margin-top: 25px}
    .tab-box ul:first-child {margin-top: 0}
    .tab-box ul:first-child li {display: block; margin: 10px 0 0}
    .tab-box ul:first-child li:first-child {margin-top: 0}
    .tab-box li a {display: inline-block; vertical-align: top}
    .tab-box .level {display: block}
    .tab-box .value {display: block}
    .tab-box .box {display: none; position: absolute; left: 0; right: 0; top: 100%; margin: 5px 0 0; max-height: 340px; overflow: auto; background: #fff; box-sizing: border-box; box-shadow: 0 1px 13px rgba(0,0,0,.26); border-radius: 4px}
    .tab-box .box ul {text-align: left}
    .tab-box .box li {margin: 0 !important}
    .tab-box .box li a {display: block; height: auto; line-height: normal; padding: 12px 20px; border-radius: 0; color: #555; font-size: 15px}
    .tab-box .box li.active a {background: #e3f1fb; color: #2d6a95}
}
@media screen and (max-width:816px){
    .wh {background: orange; color: #fff}

    .text-box blockquote {padding: 30px 35px}
    .text-box ul {margin-left: 20px}
    .text-box .tab {line-height: 24px}
    .text-box .tab div {float: none; margin: 0 0 10px}
    .text-box .inline .col {float: none !important; width: auto}
    .text-box .inline .item {margin-top: 55px !important}
    .text-box .inline .col:first-child .item:first-child {margin-top: 0 !important}
    .text-box .inline ul li:first-child {margin-top: 15px}
    .text-box .inline ul.small li:first-child {margin-top: 5px}

    .site-header .alert .cont {display: block; width: auto; height: auto; padding: 10px 15px}
    .site-header .alert .text {display: block}
    .site-header .alert .bt {display: block; margin-top: 7px}
    .site-header .alert .bt a {display: inline-block; vertical-align: top}
    .site-header .bookm a span {display: inline-block; vertical-align: baseline}
    .site-header .bookm a span:first-child {display: none}
    .site-header .bookm a span:first-letter {text-transform: uppercase}

    .banner-main .menu {display: none}
    .banner-main .menu-mob {display: block}
    .banner-main .menu-mob {padding: 10px 0 10px}
    .banner-main .menu-mob .bt {padding: 0; height: auto; line-height: 1; text-align: center}
    .banner-main .menu-mob .bt:after {display: none}
    .banner-main .menu-mob .quickly {position: static; width: auto; margin-top: 20px; text-align: center}
    .banner-main .menu-mob .quickly a {display: inline-block; vertical-align: top; width: 196px}

    .inform-about-main {padding: 70px 0 65px}
    .inform-about-main .list {margin-top: 50px}
    .inform-about-main .list ul {width: auto; float: none !important}

    .inform-box .list {margin: 45px auto 0; max-width: 540px}
    .inform-box .item {width: auto; float: none !important}
    .inform-box .sign {margin-top: 25px}

    .inform-guar ul {width: auto; float: none !important}
    .inform-guar li:first-child {margin-top: 25px}

    .inform-tbl .f3 {width: 60%}
    .inform-tbl .f4 {width: 20%}
    .inform-tbl .f5 {width: 20%}

    .inform-tbl .c1 {width: 40%}
    .inform-tbl .c2 {width: 14%}
    .inform-tbl .c3 {width: 15%}
    .inform-tbl .c4 {width: 17%}
    .inform-tbl .c5 {width: 14%}

    .order-detail ul {margin-left: -15px; margin-right: -15px}
}
@media screen and (max-width:766px){
    
    .site-header .alert .cont {padding: 0}
    .site-header .alert .text {display: block}
    .site-header .alert .text a {display: block; padding: 9px 15px 11px; line-height: 18px}
    .site-header .alert .bt {display: none}
    .site-header .bookm {float: none; width: 144px}
    .site-header .bookm a {padding: 0 0 0 40px}
    .site-header .info {float: none; position: absolute; left: 144px; right: 0; top: 0}
    .site-header .info > ul > li {display: none; float: none}
    .site-header .info > ul > li:first-child {display: block}
    .site-header .info > ul > li.list > a:after {right: 15px}
    .site-header .info > ul > li ul {width: auto; right: 0}
    .site-header .mid {height: 274px}
    .site-header .logo {float: none; margin: 0; padding-top: 17px; text-align: center}
    .site-header .city {position: static; margin-top: 10px; text-align: center}
    .site-header .pc {float: none; margin: 23px 0 0 15px; width: auto}
    .site-header .pc .item {float: none; margin-top: 17px; width: auto}
    .site-header .pc .item:first-child {margin-top: 0}
    .site-header .pc .phone {font-size: 20px}
    .site-header .pc .callback {margin-top: 2px}
    .site-header .pc .text {margin-top: 2px}
    .site-header .login {left: auto; right: 15px; top: 118px}
    .site-header .login a {display: block; width: 33px; height: 33px; padding: 0; border: 2px solid #b2b4b5; border-radius: 4px}
    .site-header .login a:after {left: 50%; top: 50%; margin: -9.5px 0 0 -9.5px; width: 19px; height: 19px; background-position: -580px 0}
    .site-header .login a span {display: none}
    .site-header .search {right: 15px; top: 170px; width: auto; padding: 0}
    .site-header .search .bt {display: block}
    .site-header .search .form {display: none}
    .site-header .search .link {display: none}
    .site-header .menu .bt {/*left: 15px;*/ margin-bottom: 14px}
    /*.site-header .menu .bt span {display: inline}*/

    .news-view .text-box {margin-bottom: 35px}
    .news-view .share {text-align: left}
    .news-view .share .level {display: block; margin: 0 0 10px}
    .news-view .share .value {display: block}
    .news-view .back {position: static; margin-top: 35px; text-align: center}

    .news-other .subtitle {text-align: center}
    .news-other li {float: none; width: auto; margin-right: 0}
}

@media screen and (max-width:716px){
    .wh {background: green; color: #fff}

    input[type=text], 
    input[type=password], 
    textarea {font-size: 14px}
    input[type=text], 
    input[type=password] {padding: 0 15px}
    textarea {padding: 15px}

    .ui-selectmenu-button {font-size: 14px}
    .ui-selectmenu-text {margin-left: 15px}

    .text-box {font-size: 14px; line-height: 20px}
    .text-box blockquote {margin-left: -15px; margin-right: -15px;margin-bottom: 20px; padding: 20px 15px 25px; font-size: 14px; line-height: 20px}
    .text-box ul {margin-left: 0}
    .text-box ul ul{margin-left: 20px}
    .text-box ul li {margin-top: 15px}
    .text-box ul.bull {margin-left: 0}
    .text-box ul.project {margin-left: 0}
    .text-box ol {margin-left: 0}
    .text-box .inline .item {margin-top: 20px !important}
    .text-box .inline .col:first-child .item:first-child {margin-top: 0 !important}
    /*.text-box .tab {text-align: center}*/

    .navigation {font-size: 14px; line-height: 20px}

    .top-box__beer .table {height: 200px;padding: 190px 15px 24px;}
    .top-box .table { height: 200px;padding: 30px 15px 30px;}
    .top-box .title {font-size: 24px}

    
    .site-body {margin-bottom: 30px;margin-top: 20px;}

    .banner-main:before {top: 28px; width: 214px; height: 142px; margin-left: -107px; -webkit-background-size: cover; background-size: cover}
    .top-box:before {top: 28px; width: 214px; height: 142px; margin-left: -107px; -webkit-background-size: cover; background-size: cover}
    .banner-main .title {font-size: 24px}
    .banner-main .text {margin-top: 7px; font-size: 14px; line-height: 24px}
    .banner-main .form .item {float: none; width: auto; margin: 12px 0 0 0}
    .banner-main .form .item:first-child {margin-top: 0}
    
    .service-item {height: 235px !important}
    .service-item .icon {height: 90px}
    .service-item .text {font-size: 14px; line-height: 20px}
    .service-item .info {margin-bottom: 15px}
    .service-item .title {margin-bottom: 10px}
    .service-item .bt {bottom: 20px;}
    .height230 {height: 230px !important}
    /*.service-item .bt {position: static; margin-top: 17px}*/

    .service-main {padding: 0 0 48px}
    .service-main .title-box {padding: 0 15px}
    .service-main .list {margin-top: 8px}
    .service-main .slick-slide {float: left; padding: 22px 15px 0}
    .service-main .service-item {width: auto; margin: 0 0 22px !important; min-height: 0 !important; float: none}
    .service-main .arr-l, .service-main .arr-r {display: block !important}

    .service-list .service-item {width: auto; float: none; margin-right: 0 !important; margin-bottom: 22px}
    .service-list .service-item:last-child {margin-bottom: 0}

    .slider-prs {padding: 0}
    .slider-prs .item {margin-left: 15px; margin-right: 15px; margin-bottom: 48px; padding-bottom: 30px; background: #fff; box-shadow: 0 1px 7px rgba(0,0,0,.19)}
    .slider-prs .item .icon {height: 210px}
    .slider-prs .item .text {font-size: 14px; line-height: 20px}
    .slider-prs .arr-l, .slider-prs .arr-r {display: block !important}
    .slider-prs .arr-l:after {background-position: -430px -36px}
    .slider-prs .arr-r:after {background-position: -446px -36px}

    .com-item .text {margin-bottom: 15px; font-size: 16px; line-height: 20px}
    
    .com-slider .slider {padding: 0 15px 45px; margin-top: 32px}
    .com-slider .com-item {margin: 0}
    .com-slider .new {margin-top: 35px}
    .com-slider .all {margin-top: 40px}

    .com-list .com-item {float: none; width: auto; margin-right: 0 !important; margin-bottom: 35px}
    .com-list .com-item:last-child {margin-bottom: 0}

    .com-bot {padding-top: 30px; margin-top: 35px; text-align: center}
    .com-bot .lnk {position: static; margin-bottom: 40px; line-height: normal; font-size: 14px}
    .com-bot .write {position: static}
    .com-bot .pagination {position: absolute; left: 0; right: 0; top: 0}

    .com-write .bt {text-align: center}

    .news-item {padding-left: 0}
    .news-item .date {position: static}
    .news-item .text {margin-top: 20px; font-size: 14px; line-height: 20px}
    .news-item .more {margin-top: 15px}

    .news-main .list {margin-top: 35px}
    .news-main .news-item {float: none; width: auto; margin-right: 0 !important; margin-top: 30px}
    .news-main .news-item:first-child {margin-top: 0}
    .news-main .all {margin-top: 30px}

    .news-list {margin-bottom: 50px}
    .news-list .news-item {float: none; width: auto; margin: 0 0 30px !important}

    .news-view .share .level {font-size: 14px}

    .news-other li .text {margin-bottom: 15px; font-size: 14px; line-height: 20px}

    .blog-item {padding: 30px 0 35px; min-height: 0 !important}
    .blog-item .inner {padding: 0 25px}
    .blog-item .text {font-size: 14px; line-height: 20px}

    .blog-main {margin-top: 65px; margin-bottom: 70px}
    .blog-main .list {margin-top: 35px}
    .blog-main .blog-item {float: none; width: auto; margin-top: 22px; margin-right: 0 !important}
    .blog-main .blog-item:first-child {margin-top: 0}
    .blog-main .all {margin-top: 35px}

    .blog-list {margin-bottom: 43px}
    .blog-list .blog-item {float: none; width: auto; margin-right: 0 !important; margin-bottom: 20px}

    .blog-view .title {margin-bottom: 20px; font-size: 24px}
    .blog-view .date {margin-bottom: 25px}
    .blog-view .text-box {margin-bottom: 40px}
    .blog-view .back {text-align: center}
    .blog-view .back a span {display: inline-block; vertical-align: baseline}
    .blog-view .back a span:first-letter {text-transform: uppercase}
    .blog-view .back a span:first-child {display: none}
    
    .blog-other {margin-top: 70px}
    .blog-other li {float: none; width: auto; margin: 15px 0 0 0}

    .form-box .subtext {font-size: 14px; line-height: 20px}
    .form-box .bt {text-align: center}
    .form-box .attach .text {position: static; margin-bottom: 10px}
    .form-box .attach .text span {display: block; height: auto}

    .form-data {margin-bottom: 65px}

    .form-search .text {text-align: center}
    .form-search .form {padding-right: 0; text-align: center}
    .form-search input[type='submit'] {position: static; margin-top: 28px}

    .order-info .steps ol li {padding-left: 44px}
    .order-info .steps ol li:before {margin-top: 0; top: -5px; width: 26px; height: 26px; line-height: 26px; font-size: 13.57px}

    .order-detail .bt {margin-top: 30px}

    .inform-about-main {padding: 70px 0}
    .inform-about-main .intro {font-size: 14px; line-height: 20px; font-weight: 400}
    .inform-about-main .list {margin-top: 35px; font-size: 14px; line-height: 20px}
    .inform-about-main .list li {padding-left: 40px; margin-top: 20px}
    .inform-about-main .bt {margin-top: 30px}

    .inform-box {margin-top: 65px; margin-bottom: 70px}
    .inform-box .intro {font-size: 14px; line-height: 20px; font-weight: 400}
    .inform-box .list {margin-top: 30px; font-size: 14px; line-height: 20px}
    .inform-box li {margin-top: 20px}
    .inform-box .sign {font-size: 14px; line-height: 20px}

    .inform-section {display: none}

    /*.inform-msk {margin-top: 45px}*/

    .inform-contacts .item {margin-bottom: 35px}
    
    .inform-consl ul li {width: auto !important; float: none; margin-right: 0 !important; margin-top: 35px}

    .inform-tbl .f3 {width: 54%}
    .inform-tbl .f4 {width: 23%}
    .inform-tbl .f5 {width: 23%}

    .inform-tbl .f6 {width: 62%}
    .inform-tbl .f7 {width: 19%}
    .inform-tbl .f8 {width: 19%}
    
    .inform-tbl .f9 {width: 47%}
    .inform-tbl .f10 {width: 31%}
    .inform-tbl .f11 {width: 22%}

    .inform-discount {border-bottom: 0}
    .inform-discount:after {display: block; content: ''; position: absolute; left: -15px; right: -15px; bottom: 0; height: 1px; background: #e8f4fb}
    .inform-discount .item {display: block; width: auto; margin: 0 -15px; padding: 25px 15px}
    .inform-discount .item .num {display: block}
    .inform-discount .item .txt {display: block; margin-top: 25px}

    .inform-guar {margin-top: 20px}
    .inform-guar ul {font-size: 14px; line-height: 20px}
    .inform-guar li {padding-left: 44px; margin-top: 20px}
    .inform-guar li:first-child {margin-top: 20px}
    .inform-guar li span {width: 26px; height: 26px; line-height: 26px; font-size: 13.57px}

    .inform-pay .item > ul > li .logo {display: block; width: auto; margin-bottom: 20px}
    .inform-pay .item > ul > li .logo.empty {margin-bottom: 0}
    .inform-pay .item > ul > li .text {display: block}

    .inform-steps ol li {padding-left: 44px}
    .inform-steps ol li:before {width: 26px; height: 26px; line-height: 26px; margin-top: 0; top: -3px; font-size: 13.57px}

    .inform-subject .subtitle {margin-bottom: 20px}
    .inform-subject li .icon {display: block; width: auto; margin-bottom: 20px}
    .inform-subject li .entry {display: block}
    .inform-subject li .text {font-size: 14px; line-height: 20px}
    
    .links-main .item {float: none; width: auto; height: auto; padding: 35px 15px 40px}
    .links-main .item .text {margin-bottom: 35px}

    .order-detail li {display: block; width: auto}
    .order-detail li .level {display: block; width: auto; padding-left: 15px; padding-right: 15px; font-size: 15px}
    .order-detail li .value {display: block; border: 0; padding-left: 15px; font-size: 14px; line-height: 20px}
    .order-detail li:first-child .value {border: 0}

    .project-list .bt {margin-top: 35px}

    .offer-list .item {width: auto; padding: 0; margin-right: 0 !important; margin-bottom: 40px; float: none}
    .offer-list .item .date {position: static; margin-bottom: 25px}
    .offer-list .item .text {font-size: 14px; line-height: 20px}

    .vacancy-list .item {width: auto; max-height: auto !important; padding-bottom: 40px; margin-right: 0 !important; float: none; margin-top: 22px}
    .vacancy-list .item:first-child {margin-top: 0}
    .vacancy-list .item .bt {position: static; margin-top: 40px}

    .step-1 .tx {display: block; margin: 0}
    .step-1 .bt {margin-top: 23px}

    .step-2 {padding: 25px 0 25px}
    .step-2 .intro {font-size: 14px; line-height: 20px}
    .step-2 .outro {margin-top: 55px; font-size: 15px; line-height: 22px}
    .step-2 .detail {margin-top: 25px}

    .step-3 .text {font-size: 15px; line-height: 22px}

    .step-6 {padding: 35px 0 35px}
    .step-6 .list .box {margin-top: 25px; font-size: 14px; line-height: 20px}
    .step-6 .list li {padding-left: 44px; margin-top: 20px}
    .step-6 .list li:first-child {margin-top: 20px}
    .step-6 .intro {margin-bottom: 25px;}

    .step-7 .intro {margin-bottom: 40px}
    .step-7 ul {text-align: center; margin-bottom: 40px;}
    .step-7 li {margin-bottom: 25px}
    .step-7 li .top {height: auto}
    .step-7 li .icon {display: block; width: auto; margin-bottom: 25px}
    .step-7 li .title {display: block; margin-bottom: 20px}
    .step-7 li .text {font-size: 14px; line-height: 20px}
    .step-7 .text__color_grey {font-size: 14px; line-height: 20px}

    .step-8 {padding: 25px 0 25px}

    .site-footer {padding-bottom: 35px}
    .site-footer .side {width: auto; float: none; padding: 66px 0 0}
    .site-footer .intro {max-width: none; margin-bottom: 40px; font-size: 14px; line-height: 20px}
    .site-footer .share {text-align: center}
    .site-footer .share a {float: none; display: inline-block; vertical-align: top}
    .site-footer .contacts {width: auto; float: none; padding: 35px 0 0 30px}
    .site-footer .contacts ul {font-size: 14px}
    .site-footer .menu {padding-top: 35px}
    .site-footer .menu .bt {display: block}
    .site-footer .menu .box {display: none}
    .site-footer .bot {margin-top: 39px}
    .site-footer .outro {display: none}
}
@media screen and (max-width:616px){
    .wh {background: yellow; color: #000}

    .title-box .title {font-size: 24px}
    .title-box .text {margin-top: 13px; font-size: 14px; line-height: 18px}

    .inform-about-main .bt a {position: relative; display: block; margin: 14px auto 0}
    .inform-about-main .bt a:first-child {margin-top: 0}

    .inform-tbl {font-size: 14px}
    .inform-tbl .f1 {width: 70%}
    .inform-tbl .f2 {width: 30%}
    .inform-tbl .f6 {width: 60%}
    .inform-tbl .f7 {width: 22%}
    .inform-tbl .f8 {width: 18%}
    .inform-tbl .head > * span {display: none}
    .inform-tbl ul {line-height: 20px}

    .step-2 ul {margin-top: 45px}
    .step-2 ul:before {display: none}
    .step-2 li {float: none; width: auto; margin-top: 44px}
    .step-2 li:first-child {margin-top: 0}
    .step-2 li:after {display: block; content: ''; background: url(../i/step2-bull-m.png) no-repeat; width: 3px; height: 22px; position: absolute; left: 50%; bottom: 100%; margin: 0 0 12px -1.5px}
    .step-2 li:first-child:after {display: none}
    .step-2 li .text {font-size: 16px; line-height: 20px}

    .ui-dialog-form .ui-dialog-titlebar-close {right: 15px}
    .ui-dialog-form .ui-dialog-content {padding: 55px 15px 60px}
}
@media screen and (max-width:516px){
    .wh {background: silver; color: #000}

    

    .com-write .code {padding-right: 0; max-width: 196px}
    .com-write .code img {position: static; margin-top: 15px}

    .form-box .inline .item {width: auto !important; float: none; margin-right: 0}

    .order-form .check {position: relative; padding-left: 44px; margin-top: 30px; text-align: left; font-size: 14px; line-height: 20px}
    .order-form .check .jq-checkbox {position: absolute; left: 0; top: -4px}
    button {font-size: 15px;}
}
@media screen and (max-width:416px){
    .wh {background: silver; color: #fff}

    .pagination a {margin: 0 3px}
    .pagination span {margin: 0 7px}

    .inform-tbl .f6 {width: 54%}
    .inform-tbl .f7 {width: 26%}
    .inform-tbl .f8 {width: 20%}

    .site-footer .share a {margin-right: 10px}
    .site-footer .bot {padding: 30px 0; height: auto; line-height: normal; text-align: center}
    .site-footer .copy {float: none}
    .site-footer .magwai {float: none; margin-top: 13px}
    
    .dialog-login .bot {text-align: center}
    .dialog-login .check {float: none}
    .dialog-login .lost {float: none; margin-top: 25px}
    .border-for-block {padding: 5px !important;}
}