@media screen and (min-width: 480px) {
   .h-adr-txt span {
       margin-left: 24px;
   }
   .menu-2 li {
        display: inline-block;
    }
   a.z-online {
        font-size: 13px;
        padding-left: 32px;
        background: url(../images/str.png) 12px center no-repeat, #7ed634;
        background: url(../images/str.png) 12px center no-repeat, -moz-linear-gradient(top, #7ed634 0%, #82c14d 100%);
        background: url(../images/str.png) 12px center no-repeat, -webkit-linear-gradient(top, #7ed634 0%,#82c14d 100%);
        background: url(../images/str.png) 12px center no-repeat, linear-gradient(to bottom, #7ed634 0%,#82c14d 100%);
        filter: url(../images/str.png) 12px center no-repeat, progid:DXImageTransform.Microsoft.gradient( startColorstr='#7ed634', endColorstr='#82c14d',GradientType=0 ); 
    }
    a.z-online:hover {
        background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAAQCAMAAAD6fQULAAAAxlBMVEX/////2xz/2xz/2xz/2xz/2xz/2xz/2xz/2xz/2xz/2xz/2xz/2xz/2xz/2xz/2xz/2xz/2xz/2xz/2xz/2xz/2xz/2xz/2xz/2xz/2xz/2xz/2xz/2xz/2xz/2xz/2xz/2xz/2xz/2xz/2xz/2xz/2xz/2xz/2xz/2xz/2xz/2xz/2xz/2xz/2xz/2xz/2xz/2xz/2xz/2xz/2xz/2xz/2xz/2xz/2xz/2xz/2xz/2xz/2xz/2xz/2xz/2xz/2xz/2xz/2xwy+TjzAAAAQXRSTlMALXf+BO7qIgz99roG+ePFaJxMJ4muUvHTxvVglgWwLDZBorft+xsL1Bilc7XXP9JQvz3w6TvzDQocpuZVKc64H4oDXPMAAACDSURBVHheTcfVEgIxAEPRQLu+uLu7u0v+/6eY0i1DHjL34Ld2ko5pt0AyFiHtM5WPlFvQyiL+VZgRXr0BrWKJZQfQqrBaA4wSpN1sGclO12LPCAj7g+HIHk+0ppxhTpEIlJZcYc3NdkelPQ/u0T/hHHgX4CrEjXcAkOoeT77wt7eM4gNaHg/2iJ6mxAAAAABJRU5ErkJggg==') /*../images/str2.png*/ 12px center no-repeat, #82c14d;
    }   
    .ME-filter .column,
    .LO-filter .column {
        width: 33.3333%;
        padding-right: 5px;
    }
    .tooltiptext, .tooltiplink  {
        display: inline-block;
        vertical-align: top;
    }
    .mp-ttl {
        font: 28px/33px 'Bold';
    }
    .master-plus > div {
        display: inline-block;
        position: absolute;
    }
    .table-2 {
        width: 400px;
        margin: 0 auto;
    }
}
@media (max-width: 639px) and (min-width: 480px) {
    .master-plus {
        min-height: 220px!important;
    }
    .mp1 {
        top: 110px;
    }
    .mp2 {
        top: 110px;
        right: 5px;
    }
    .mp3 {
        top: 165px;
    }
    .mp4 {
        top: 165px;
        right: 5px;
    }
    .c1 {
        width: 192px;
    }
    .c1 select {
        width: 222px;
    }
    .c6 {
        width: 283px;
    }
}

@media screen and (min-width: 640px) {
    .c6 {
        width: 449px;
    }
    .ME-filter .column,
    .LO-filter .column {
        width: 25%;
        padding-right: 5px;
    }
    .mp1 {
        left: 30px;
        top: 75px;
    }
    .mp2 {
        left: 330px;
        top: 75px;
    }
    .mp3 {
        left: 60px;
        top: 130px;
    }
    .mp4 { 
        left: 360px;
        top: 130px;
    }
    .m-forma {
        font: 22px 'Bold';
    }
    h1,
    .h1 {
        font: 32px/36px 'Bold';
    }
    .f-adr-txt span {
        margin-left: 20px;
    }
    .f-col-2 {
        top: -6px;
    }
    .f-adr-txt br {
        display: none;
    }
    .table-2 {
        width: 550px;
    }
}

@media screen and (min-width: 768px) {
    a.z-online {
        position: absolute;
        top: 0;
    }
    
    .menu-2-bl {
        display: none;
    }    
    .menu-2 li:not(:last-child) {
        border-left: 1px #3b5071 solid;
    }
    .menu-2 li:first-child {
        border: 0;
    }
    .mp1 {
        left: 240px;
        top: 33px;
    }
    .mp2 {
        left: 500px;
        top: 33px;
    }
    .mp3 {
        left: 270px;
        top: 92px;
    }
    .mp4 { 
        left: 530px;
        top: 92px;
    }
    .foot-nav ul a {
        padding: 12px 9px 13px;
    }
    .header-bot > div {
        display: inline-block;
        vertical-align: top;
    }
    .all-price {
        margin: 20px 0 0 20px;
    }
}

@media (max-width: 991px) and (min-width: 768px) {
    #navbar {
        padding-left: 0;
        padding-bottom: 20px;
    }
    .h-call-back {
        right: 10px;
        top: 30px;
    }
    .menu-2 {
        position: relative;
    }
    a.z-online {
        right: 0;
    }
    .menu-2 a {
        font-size: 12px;
    }
    .menu-2 li a {
        padding: 18px 7px;
    }
    #wantprice .form-input,
    #onlinez .form-input {
        width: 170px;
    }
    #wantprice .form-btn,
    #onlinez .form-btn {
        width: 350px;
        position: relative;
        top: 2px;
    }
    .f-call-back {
        position: absolute;
        right: 10px;
        top: 34px;
    }
    .foot-nav ul {
        padding-bottom: 20px;
    }
    .c1,
    .c3 {
        width: 220px;
    }
    .c1 select,
    .c3 select {
        width: 250px;
    }
    .c2, .c4 {
        width: 125px;
    }
    .c6 {
        width: 623px;
    }
    .calc-f-rez {
        position: absolute;
        right: 10px;
        top: 30px;
    }
    .calc-fu {
        left: -10px;
    }
}
@media (max-width: 991px) and (min-width: 480px) {
    .f-adr-txt {
        margin-bottom: 18px;
    }
    .f-tel {
        text-align: right;
    }
}

@media (max-width: 991px) and (min-width: 640px) {
    .h-addr {
        float: right;
    }
    .h-tel {
        margin-top: 10px;
        text-align: center;
        width: 100%;
    }
    .h-tel > div {
        display: inline-block;
        margin: 0 10px;
    }
    
}

@media (max-width: 767px) and (min-width: 480px) {
    .calc-el br {
        display: block;
    }
}

@media screen and (max-width: 1366px) {
    #left-back {
        right: -322px;
    }
}

@media screen and (min-width: 992px) {
    .container {
        width: 960px;
        padding: 0 30px;
    }
    .header-bot {
        padding-left: 30px;
        padding-right: 30px;
    }
    #navbar {
        padding-left: 19px;
    }   
    .h-call-back {
        right: 28px;
        top: 8px;
    }
    .h-tel {
        float: right;
        position: relative;
        margin-top: -8px;
    }
    .h-addr {
        margin-left: 45px;
    }
    .menu-2,
    .menu-2 > div {
        position: relative;
    }
    .menu-2:before,
    .menu-2:after,
    .m-forma:before, .m-forma:after {
        content: '';
        position: absolute;
        width: 12px;
        height: 100%;
        background: #1b2535;
        top: 0;
        display: block;
    }
    .menu-2:before,
    .m-forma:before {
        left: -12px;
    }
    .menu-2:after,
    .m-forma:after {
        right: -12px;
    }
    .menu-2 > div:before,
    .menu-2 > div:after,
    .m-forma > div:before,
    .m-forma > div:after {
        width: 0;
        height: 0;
        border-style: solid;
        content: '';
        position: absolute;
        bottom: -12px;
    }
    .menu-2 > div:before,
    .m-forma> div:before {
        border-width: 0 12px 12px 0;
        border-color: transparent #1b2535 transparent transparent;
        left: -12px;
    }
    .menu-2 > div:after,
    .m-forma > div:after {
        border-width: 12px 12px 0 0;
        border-color: #1b2535 transparent transparent transparent;
        right: -12px;
    }
    .menu-2 > div {
        padding-left: 15px;
        padding-right: 15px;
    }
    a.z-online {
        right: 30px;
    }
    .calc-bl,
    .calc-bl > div {
        position: relative;
    }
    .calc-bl > div {
        padding-left: 30px;
        padding-right: 20px;
    }
    .calc-bl:before,
    .calc-bl:after {
        content: '';
        position: absolute;
        width: 12px;
        height: 100%;
        background: #1b2535;
        top: 0;
        display: block;
    }
    .calc-bl:before {
        left: -12px;
    }
    .calc-bl:after {
        right: -12px;
    }
    .calc-bl > div:before,
    .calc-bl > div:after {
        width: 0;
        height: 0;
        border-style: solid;
        content: '';
        position: absolute;
        top: -12px;
    }
    .calc-bl > div:before {
        border-width: 0 0 12px 12px;
        border-color: transparent transparent #1b2535 transparent;
        left: -12px;
    }
    .calc-bl > div:after {
        border-width: 12px 0 0 12px;
        border-color: transparent transparent transparent #1b2535;
        right: -12px;
    }
    .m-price {
        display: table;
        width: 100%;
        border-spacing: 20px 5px;
    }
    .m-price > div {
        display: table-cell;
        vertical-align: top;
    }
    .pr-cont {
        padding: 15px 10px;
    }
    .m-pr-1 {
        width: 35%;
    }
    .m-ttl,
    .deliv-vkl,
    #tab3 > div:first-child {
        padding-left: 20px;
    }
    .pr-line > div:first-child {
        padding-left: 20px;
    }
    .pr-line > div:last-child {
        padding-left: 15px;
    }
    .main-txt .ttl .h2,
    .main-txt .ttl h2 {
        background: rgba(255, 255, 255, 0.70);
        margin: 0;
        padding-left: 25px;
        padding-right: 25px;
    }
    .mark-beton > div {
        padding-left: 30px;
        padding-right: 30px;
    }
    .master-plus{
        padding-left: 30px!important;
    }
    .mp1 {
        left: 312px;
        top: 33px;
    }
    .mp2 {
        left: 610px;
        top: 33px;
    }
    .mp3 {
        left: 367px;
        top: 92px;
    }
    .mp4 { 
        left: 665px;
        top: 92px;
    }
    .col-md-8 {
        width: 62.666667%;
    }
    .col-md-4 {
        width: 37.33333333%;
    }
    .right-block {
        padding-left: 20px;
        padding-right: 20px;
    }
    #wantprice .form-input,
    #onlinez .form-input {
        width: 178px;
    }
    #wantprice .form-btn,
    #onlinez .form-btn {
        width: 395px;
        position: relative;
        top: 2px;
    }
    .foot-nav ul {
        padding-left: 21px;
    }
    .f-call-back {
        position: absolute;
        right: 30px;
    }
    .f-tel {
        float: right;
        margin-left: 50px;
    }
    .f-adr-txt {
        float: left;
    }
    .foot-menu {
        position: absolute;
        top: 49px;
        right: 30px;
    }
    .foot-menu a {
        margin-left: 4px;
    }
    .c6 {
        width: 250px;
    }
    .l1 label,
    .l2 label,
    .l10 label,
    .l11 label,
    .l16 label, .l21 label {
        padding-top: 8px;
    }
    .calc-fu {
        left: -30px;
    }
    .calc-f-rez {
        position: absolute;
        right: 180px;
        top: 30px;
    }
}

@media screen and (max-width: 991px) {
    .ul li  {
        margin-left: 9px;
    }
    .foot-menu {
        margin-top: 30px;
        text-align: center;
    }
    .foot-menu a {
        margin: 0 3px 8px; 
    }
}

@media screen and (max-width: 767px) {
    .h-call-back {
        right: 10px;
        top: 9px;
    }
    .menu-2 {
        text-align: center;
    }
    .menu-2-bl + div {
        display: none;
    }
    .mp-ttl br {
        display: none;
    }
    .master-plus {
        min-height: 180px;
        background-size: cover;
    }
    #wantprice .form-input,
    #onlinez .form-input {
        margin-bottom: 10px;
    }
    .foot-nav {
        text-align: center;
    }
    .foot-nav ul {
        padding-top: 6px;
        padding-bottom: 6px;
    }
    .f-call-back {
        display: inline-block;
        margin: 10px 0;
    }
    .l18, .l19 {
        margin-top: 10px;
    }
    .calc-f-rez {
        width: 100%;
    }
}

@media screen and (max-width: 639px) {
    .h-tel {
        position: absolute;
        right: 10px;
        top: 5px;
    }
    .h-addr {
        width: 100%;
        text-align: center;
        margin-top: 10px;
    }
    .master-plus {
        padding-bottom: 27px!important;
    }
    .f-adr-txt span {
        margin-top: 9px;
    }
    .f-adr-txt {
        text-align: right;
        margin-bottom: 11px;
    }
    .zakazform .col-5 {
        width: 100%;
        text-align: right;
    }
    .l5 br, .l6 br, .l7 br, .l8 br, .l9 br {
        display: none;
    }
}

@media screen and (max-width: 479px) {
    .h-tel {
        position: static;
        width: 100%;
    }
    .h-addr a {
        margin-bottom: 6px;
    }
    .h-adr-txt {
        margin-top: 0;
    }
    .h-adr-txt span {
        display: inline-block;
        margin-top: 8px;
    }
    .header-bot {
        text-align: center;
    }
    .h-logo > div {
        text-align: left;
    }
    .menu-2 a {
        display: block;
    }
    .calc-el > div {
        width: 100%;
    }
    .cust-sel select {
        width: 110%;
    }
    .deliv-vkl > div {
        font: 14px 'Bold';
        height: 99px;
    }
    .tooltiptext, .tooltiplink  {
        display: block;
    }
    .tool-tip {
        height: auto!important;
        border-left: 2px #1b2535 solid;
    }
    .master-plus > div:not(:last-child) {
        margin-bottom: 25px;
    }
    #wantprice .form-btn,
    #onlinez .form-btn {
        font-size: 12px;
    }
    .deliv-vkl > div:after {
        bottom: -12px;
    }
    .useful-b .col-xs-6 {
        width: 100%;
    }
    .f-adr-txt {
        text-align: center;
        margin: 20px 0;
    }
    .mp2, .mp4 {
        float: right;
    }
}