@media screen and (max-width: 1500px) {
    #steps::before {
        border-radius: 0 77% 0 0;
    }
}

@media screen and (max-width: 1400px) {
    #steps::before {
        border-radius: 0 85% 0 0;
    }
}

@media screen and (max-width: 1300px) {
    #steps::before {
        border-radius: 0 91% 0 0;
    }
}

@media screen and (max-width: 1200px) {
    .container {
        width: 100%;
    }
    .menu a {
        padding: 15px;
    }
    .menu > li:first-child > a {
        background-image: none;
    }
    .menu .par > a {
        padding-right: 36px;
    }
    .menu .par > a::after {
        right: 23px;
    }
    #menu.fixed .logo {
        display: none;
    }
    .bannery .prev {
        left: 20px;
    }
    .bannery .next {
        left: 70px;
    }
    #why-we .item {
        width: 32%;
    }
    #geography .slider {
        width: 250px;
        padding: 40px 0;
    }
    #geography .arr {
        height: 40px;
    }
    #geography .slider li {
        padding: 5px 20px 5px 35px;
        font-size: 15px;
    }
    #geography .slider li::before {
        left: 10px;
    }
    #vmap {
        width: calc(100% - 280px);
        min-height: 100px;
    }
    #map .contact {
        left: 50px;
    }
    #search-result {
        overflow-y: scroll;
        height: calc(100vh - 300px);
    }
    .search-result {
        padding-bottom: 30px;
    }
    #steps:before,
    #steps:after{
        display: none;
    }
    #steps .container > * {
        padding-left: 0px;
    }
}

@media screen and (max-width: 1100px) {
    #header {
        padding: 25px 0;
    }
    #header .flx {
        align-items: center;
    }
    #header .phone {
        order: 1;
    }
    #header .btn {
        max-width: 180px;
        text-align: left;
    }
    #menu.fixed .phone {
        display: none;
    }
    #catalog-result {
        padding: 15px;
    }
    .catalog .item {
        padding: 15px 10px;
    }
    .catalog .item .img {
        padding-right: 12px;
    }
    #usloviya-form {
        padding: 25px;
        width: 300px;
    }
    .product-media .media {
        width: calc((100% - 320px)*0.58);
    }
    .product-media .short-info {
        width: calc((100% - 320px)*0.40);
    }
}

@media screen and (max-width: 1050px) {
    #footer .big {
        margin-top: 0;
    }
    #footer .social {
        order: 1;
        width: 100%;
        text-align: center;
        margin-top: 30px;
    }
    #footer .copy {
        margin-top: 20px;
    }
    .content.big {
        width: calc(100% - 280px);
    }
    .content.medium {
        width: calc(100% - 390px);
    }
    .s-articles {
        width: 40%;
        padding-right: 10px;
    }
    .s-articles .s-article {
        padding-right: 20px;
    }
    .s-products {
        width: 60%;
        padding-left: 20px;
    }
}

@media screen and (max-width: 1000px) {
    .bannery .slick-slide {
        padding: 40px 0 50px;
    }
    .bannery .slick-arrow {
        top: 30px;
    }
    .bannery .prev {
        left: auto;
        right: 70px;
    }
    .bannery .next {
        left: auto;
        right: 20px;
    }
    .bannery .text {
        max-width: 100%;
        padding-top: 0;
        float: none;
    }
    .bannery h1,
    .bannery h2 {
        font-size: 40px;
        max-width: calc(100% - 120px);
    }
    h1 {
        margin-bottom: 30px;
    }
    .bannery .desc {
        font-size: 20px;
    }
    #contact {
        width: 100%;
        float: none;
    }
    #usloviya-form {
        padding: 35px;
    }
    .form:not(#call-back-lc) {
        width: 100%;
        margin-top: 30px;
        float: none;
    }
    .form:not(#call-back-lc) input:not([type=checkbox]),
    .form:not(#call-back-lc) button {
        width: 32%;
    }
    #sidebar .form:not(#call-back-lc) input:not([type=checkbox]),
    #sidebar .form:not(#call-back-lc) button{
        width: 100%;
    }
    .contact-form textarea{
        order: 1;
    }
    .form button {
        padding: 16px 20px 12px;
    }
    .catalog .item:nth-child(n) {
        width: 50%;
        padding: 30px 20px 30px 0;
    }
    .catalog .item:nth-child(2n) {
        padding: 30px 0 30px 20px;
        border-right: none;
    }
    .catalog .item:nth-child(1),
    .catalog .item:nth-child(2) {
        padding-top: 0;
    }
    #why-we .item {
        width: 49%;
    }
    .content.medium {
        width: 100%;
        float: none;
    }
    .products-list .item .left {
        width: 100%;
    }
    .products-list .item:first-child {
        width: 100%;
    }
    .products-list .item {
        width: 100%;
    }
    .product-media .media {
        width: 100%;
        max-width: 350px;
    }
    .product-media .short-info {
        width: calc(100% - 370px);
    }
    .media div[id^="tab-media"] > ul {
        padding: 0;
    }
    .slider-nav .slick-arrow, .slider-iframe .slick-arrow, .slider-image .slick-arrow {
        width: 40px;
        height: 40px;
    }
    .slider-nav .slick-arrow, .slider-iframe .slick-arrow, .slider-image .slick-arrow {
        border: 1px solid #237abe;
    }
    .slider-iframe .prev::before, .slider-image .prev::before, .slider-iframe .next::before, .slider-image .next::before {
        width: 15px;
        height: 15px;
        border-color: #237abe;
    }
    .slider-iframe .next::before, .slider-image .next::before {
        margin-left: -22px;
    }
    .slider-nav .prev,
    .slider-nav .next{
        display: none !important;
    }
}

@media screen and (max-width: 950px) {
    #menu {
        padding: 7px 0;
    }
    #menu form {
        margin: 0px;
    }
    #menu.fixed .container {
        padding: 0 20px;
    }
    #menu .skew {
        position: fixed;
        top: 0px;
        width: 320px;
        left: -320px;
        background: #ffffff;
        height: 100%;
        overflow-y: scroll;
        border-right: 3px solid #00b07e;
        overflow-x: hidden;
        transition: .5s;
        z-index: 1;
        border-radius: 0 !important;
    }
    #menu .skew.active {
        left: 0px;
    }
    .menu li {
        float: none;
    }
    .menu > li:first-child > a {
        background-image: none;
    }
    .fixed .menu a,
    .menu a {
        padding: 15px 20px;
    }
    .menu > li:not(:last-child) > a::before {
        display: none;
    }
    .menu .sub a {
        padding: 10px 15px;
    }
    .menu .sub {
        position: static;
        width: calc(100% - 40px);
        margin: 0 20px;
    }
    #menu.fixed .skew {
        margin-left: 0;
        position: fixed;
    }
    #menu.fixed .unskew {
        transform: none;
    }
    #menu .unskew{
        padding: 20px 0;
        
    }
    .fixed .menu .par > a::after,
    .menu .par > a::after {
        right: 23px;
        top: 17px;
        
    }
    .menu > li:first-child > a{
        background-image: none;
    }
    .menu > li > a{
        background-image: none;
    }
    .menu > li:last-child > a{
        background-image: none;
    }
    #menu.fixed .skew::before,
    #menu.fixed .skew::after,
    .menu .par > a:after,
    .menu .par:hover .sub {
        display: none;
    }
    #menu .skew .close,
    #btnMenu,
    .menu .par .arr{
        display: block;
    }
    #steps .text {
        width: 100%;
        padding-right: 0;
    }
    #steps .steps {
        width: 100%;
        margin-bottom: 30px;
    }
}

@media screen and (max-width: 900px) {
    /*#header .btn {
        display: none;
    }*/
    h1 {
        font-size: 35px;
    }
    .bannery h1,
    .bannery h2,
    h2 {
        font-size: 30px;
        margin-bottom: 25px;
    }
    .h2 {
        font-size: 18px;
    }
    #steps .text .slogan {
        font-size: 25px;
    }
    #steps .steps li {
        margin-bottom: 20px;
    }
    #why-we.bg-green {
        display: none;
    }
    .calc_block .label-summ {
        padding-right: 0;
    }
    .article .text {
        padding-left: 20px;
    }
    .article .title {
        font-size: 18px;
        margin-bottom: 15px;
    }
    .products-list .item .media {
        width: calc(100% - 420px);
    }
    .s-articles, .s-products {
        width: 100%;
        padding: 0;
        border: none;
    }
    .s-products{
        margin-top: 30px;
    }
    #gallery .item:nth-child(n) {
        width: calc((100% - 20px)/2);
        padding: 10px 10px 10px 0;
    }
    #gallery .item:nth-child(2n) {
        padding: 10px 0 10px 10px;
        border-right: none;
    }
}

@media screen and (max-width: 850px) {
    #header .geo {
        display: none;
    }
    #gallery .item:nth-child(n) {
        width: 49%;
        margin-right: 2%;
    }
    #gallery .item:nth-child(2n) {
        margin-right: 0;
    }
    .products-list .item .left {
        width: 350px;
    }
    .products-list .item .media {
        width: calc(100% - 370px);
    }
    ol.option li .value {
        width: 80px;
    }
    ol.option li .name {
        max-width: calc(100% - 100px);
    }
    .tab-container ol.option {
        width: 100%;
    }
    ol.option + .slider-image, .text + .slider-image {
        margin: 20px auto 0 !important;
        max-width: 100%;
    }
}

@media screen and (max-width: 780px) {
    #geography .slider {
        display: none;
    }
    #vmap {
        width: 100%;
        min-height: 100px;
    }
    #footer .big {
        font-size: 30px;
    }
    .content.big {
        width: 100%;
        float: none;
    }
    #sidebar {
        width: auto;
        float: none;
        margin-top: 30px;
    }
    #sidebar .form:not(#call-back-lc) input:not([type=checkbox]),
    #sidebar .form:not(#call-back-lc) button{
        width: 32%;
    }
    .form {
        padding: 20px;
    }
    .form .med {
        margin-bottom: 25px;
    }
    #gallery .item:nth-child(n) {
        width: 31%;
        margin-right: 3.5%;
        border: none
    }
    #gallery .item:nth-child(3n) {
        margin-right: 0;
    }
    .price-block .price {
        margin-top: 5px;
    }
    .price-block .price span {
        font-size: 20px;
    }
    #category-links li {
        margin: 15px 0;
    }
    #category-links {
        justify-content: space-around;
        padding: 10px;
    }
    .catalog-info iframe {
        height: 200px;
    }
    #footer .big {
        font-size: 20px;
    }
    #footer .small {
        font-size: 18px;
        margin-top: 10px;
        width: auto;
        padding: 7px 15px;
    }
    .tab-container .text {
        width: 100%;
    }
}

@media screen and (max-width: 720px) {
    .catalog .item:nth-child(n) {
        width: 100%;
        padding: 30px 0;
        border-right: none;
    }
    .catalog .item:first-child {
        padding-top: 0;
    }
    .catalog .item:last-child {
        padding-bottom: 0;
    }
    .catalog .item .img {
        width: 200px;
    }
    .catalog .item .text {
        width: calc(100% - 200px);
    }
    #why-we .capt {
        font-size: 20px;
    }
    #why-we .desc {
        margin-top: 10px;
    }
    #call-back .form .flx,
    .form .flx {
        justify-content: space-around;
    }
    #call-back input:not([type="checkbox"]),
    .form:not(#call-back-lc) input:not([type="checkbox"]),
    #sidebar .form:not(#call-back-lc) input:not([type="checkbox"]) {
        width: 48%;
    }
    .form:not(#call-back-lc) input:not([type="checkbox"]) {
        margin-right: 0;
    }
    #call-back button,
    .form:not(#call-back-lc) button {
        width: 280px;
    }
    .contact-form textarea {
        order: 0;
    }
    .products-list .item {
        justify-content: space-around;
    }
    .products-list .item .left {
        width: 100%;
    }
    .products-list .item .media {
        width: 100%;
        margin-top: 30px;
        max-width: 400px;
    }
    ol.option li .value {
        width: 120px;
    }
    ol.option li .name {
        max-width: calc(100% - 140px);
    }
    .product-media .short-info {
        width: 100%;
        margin-top: 30px;
    }
    .products-list div.option {
        width: 100%;
        padding-left: 0;
    }
    .content-text table td {
        padding: 5px;
    }
}

@media screen and (max-width: 640px) {
    #header .ph-manager {
        display: none;
    }
    .row {
        padding: 50px 0;
    }
    .row-t {
        padding: 50px 0 0;
    }
    .row-b {
        padding: 0 0 50px;
    }
    #why-we .item {
        width: 100%;
        margin-top: 30px;
    }
    #news .slick-slider {
        max-width: 350px;
        margin: 0px auto;
    }
    #footer .flx {
        align-items: center;
    }
    #footer .contact .phone {
        margin-bottom: 5px;
    }
    #gallery .item:nth-child(n) {
        width: 49%;
        margin-right: 2%;
    }
    #gallery .item:nth-child(2n) {
        margin-right: 0;
    }
    h1 {
        font-size: 30px;
    }
    .catalog-info > * {
        width: 100%;
    }
    .catalog-info > *:first-child{
        margin-bottom: 25px;
    }
    .bannery h1, .bannery h2 {
        font-size: 30px;
        max-width: 100%;
    }
    .bannery .desc {
        font-size: 18px;
        line-height: 1.2;
    }
}

@media screen and (max-width: 540px) {
    .calc_block {
        padding: 15px;
    }
    #map .contact {
        max-width: 100%;
        left: 0px;
        top: 0px;
    }
    #map {
        position: relative;
        height: 300px;
        box-sizing: content-box;
    }
    .managers .manager,
    #contact .column{
        width: 100%;
    }
    #articles .article {
        margin-bottom: 40px;
        text-align: center;
    }
    .article .img {
        width: 100%;
        max-width: 300px;
        display: inline-block;
        float: none;
        position: relative;
        margin-bottom: 20px;
    }
    .article .text {
        width: 100%;
        padding-left: 0;
    }
    .article .text .desc{
        text-align: left;
    }
    #certificates a:nth-child(n) {
        width: 32%;
        margin-right: 2%;
    }
    #certificates a:nth-child(3n) {
        margin-right: 0;
    }
    #reviews .item:nth-child(n){
        width: 49%;
        margin-right: 2%;
    }
    #reviews .item:nth-child(2n){
        margin-right: 0;
    }
    .s-product:nth-child(n) {
        width: calc(50% - 15px);
        padding: 20px 15px 30px;
        padding-left: 0;
    }
    .s-product:nth-child(2n) {
        padding-right: 0px;
        padding-left: 15px;
    }
    .s-product:nth-child(3n+3) .price {
        right: 15px;
    }
    #steps .steps li {
        width: 100%;
    }
    #steps .text {
        text-align: left;
    }
    #footer .question,
    #footer .contact{
        width: 100%;
        text-align: center;
    }
    #footer .contact > *{
        padding-left: 0;
        background: none !important;
    }
    #footer .social,
    #footer .contact{
        margin-top: 20px;
    }
    .product-info .tabs li {
        float: none;
    }
    
}

@media screen and (max-width: 480px) {
    /*#jivo-iframe-container, jdiv, #jivo-action-container, #jivo_container {
        display: none !important;
        opacity: 1 !important;
        visibility: hidden !important;
        left: 999px !important;
    }*/
    #header .logo {
        width: 100%;
        background-position: center;
        margin-bottom: 15px;
    }
    #header .flx {
        justify-content: space-around;
    }
    #header .ph-main {
        max-width: 100%;
    }
    #header .ph-main span {
        display: block;
        text-align: center;
    }
    #geography {
        display: none;
    }
    #call-back input:not([type="checkbox"]),
    .form:not(#call-back-lc) input:not([type="checkbox"]),
    #sidebar .form:not(#call-back-lc) input:not([type="checkbox"]),
    .form textarea,#sidebar .form:not(#call-back-lc) button{
        width: 100%;
        max-width: 280px;
        margin-right: 0;
    }
    #price-info .flx {
        flex-direction: column;
    }
    #price-info .price-block,
    #price-info .exchange {
        margin-bottom: 10px;
    }
    .ul-plus {
        padding-left: 35px;
    }
    .ul-plus .plus {
        left: -35px;
        top: -4px;
        width: 28px;
        height: 28px;
    }
    .ul-plus .plus::before {
        line-height: 25px;
    }
    .ul-plus .active > .capt .plus::before {
        line-height: 20px;
    }
    .ul-plus .item-sub {
        padding: 0 0 20px 10px;
    }
    .product-info .tabs li {
        margin-right: 0;
        display: block;
        text-align: center;
    }
    #slider{
        display: none;        
    }
    #slider_mobile{
        display: block;
    }
}

@media screen and (max-width: 430px) {
    .catalog .item {
        text-align: center;
    }
    .catalog .item .img {
        width: auto;
        display: inline-block;
        text-align: center;
        margin-bottom: 20px;
        min-height: 0px;
        padding: 0;
        float: none;
    }
    .catalog .item .text {
        width: 100%;
        padding-bottom: 0px;
        float: none;
    }
    .catalog .item ul {
        text-align: left;
    }
    .catalog .item .btn {
        margin-top: 20px;
    }
    .row {
        padding: 30px 0px;
    }
    .row-t {
        padding: 30px 0 0;
    }
    .row-b {
        padding: 0 0 30px;
    }
    h1 {
        font-size: 25px;
    }
    h2,.products-list h2,
    .bannery h1,
.bannery h2{
        font-size: 23px;
    }
    h3{
        font-size: 20px;
    }
    .h2 {
        font-size: 16px;
    }
    
    #news .slick-slide {
        padding: 0;
    }
    #news .news .capt {
        font-size: 17px;
        line-height: 1.2;
    }
    .form {
        padding: 20px;
    }
    .calc_block .label {
        padding: 10px 0;
    }
    .calc_block .summ {
        padding-right: 0;
    }
    .calc_block .right {
        position: static;
        transform: none;
        margin-top: 8px;
    }
    .content-text blockquote {
        padding: 10px 10px 10px 25px;
        margin: 20px 0px;
    }
    .content-text ul:not(.slider-image),
    .content-text ol {
        margin: 25px 0;
    }
    .ul-plus .item .capt {
        padding-right: 0;
    }
    .ul-plus .active > .item-sub .price-title {
        display: none;
    }
    #certificates a:nth-child(n) {
        width: 49%;
        margin-right: 2%;
    }
    #certificates a:nth-child(2n) {
        margin-right: 0;
    }
    ol.option li .value {
        width: 80px;
    }
    ol.option li .name {
        max-width: calc(100% - 100px);
    }
    .product-info div[id^="tab-info"] {
        margin-left: -20px;
        width: calc(100% + 40px);
    }
    .products-list h2 {
        width: 100%;
    }
    .s-product:nth-child(n) {
        width: 100%;
        padding: 15px 0 30px;
        border-left: none;
        border-right: none;
    }
    .s-product .img{
        text-align: center;
        display: block;
    }
    .s-product img{
        max-width: 180px;
    }
    .products-list .media .tabs {
        float: none;
    }
    .media .tabs a {
        padding: 9px 7px;
        text-transform: none; 
    }
    .products-list .blue {
        margin-left: -20px;
        width: calc(100% + 40px);
    }
}

@media screen and (max-width: 380px) {
    .form:not(#call-back-lc):not(#call-back-dir) {
        margin-left: -20px;
        max-width: 200%;
        width: calc(100% + 40px);
    }
    #reviews .item:nth-child(n){
        width: 100%;
        margin-right: 0;
    }
    #gallery .item:nth-child(n) {
        width: 100%;
        margin-right: 0;
    }
    .s-articles .s-article {
        padding-right: 0;
        width: 100%;
    }
    .s-articles .s-article + .s-article{
        margin-top: 10px;
    }
    .bannery .slick-slide {
        padding: 40px 0 0;
    }
}