.product-catalog__wrapper{
    -webkit-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-justify-content: space-between;
    -ms-flex-pack: space-between;
    justify-content: space-between;
    webkit-align-items: flex-start;
    -ms-flex-align: flex-start;
    align-items: flex-start;}
.product-catalog__list{
    width: 330px;
    overflow: hidden;
    margin-top:60px;
    margin-right: auto;
    box-shadow: inset 0 -3em 3em rgba(0, 0, 0, 0.1), 
                    5px 8px 10px rgba(0, 0, 0, 0.3);}
.sidebar-button{
    display: none; 
    width: 360px;
    cursor: pointer;
    padding: 10px 20px 10px 0;
    top: -4px;
    text-align: center;
    color: #fff;
    background-color: #3399ff;
    font-size: 24px;
    border-bottom: 1px solid #CCC;
    position: relative;}
.sidebar-button__klik{
    position: absolute;
    top: 16px;
    left: 15px;
    font-size: 20px;
    line-height: 18px;}
.sidebar-button,
.sidebar-button__klik{
    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;}
.sidebar-button__klik.fa-chevron-down {
    right: 15px;
    top:18px;
    left: auto;
    font-size: 20px;}
.search-form{
    margin: 0;
    padding: 0;
    outline: none; }
.search-form::-webkit-input-placeholder,
.search-form::-moz-placeholder,
.search-form:-ms-input-placeholder,
.search-form:-moz-placeholder{
    color: #7fbfff;
    padding-left: 20px; }
.search-form,
.search-form__input{
    width: 100%;}
.search-form__input{
    padding: 13px 40px 5px;
    border-bottom: 1px solid #7fbfff;
    background: url(../img/search.svg);
    background-size: 40px;
    background-position: left center;
    background-repeat: no-repeat;
    border: none;
    outline: none;
    font-size: inherit;
}
.product-menu{
    width: auto;
    margin: 0;
    list-style: none;
    position: relative;
    padding: 0;}
.product-menu__item{ 
    margin-top:1px;
    background-color:#eaeaea;}
.product-menu__item:hover, .rectangle a:hover{
    background-color:#D8E6F3;}

.product-menu__link{
    display: block; 
    text-decoration: none;
    margin-top: 1px;
    padding: 15px 0 15px 15px;
    font-size: 16px;
    color:#808080;
    border-left: 2px solid transparent;
    white-space: wrap;
    -webkit-transition: 0.2s;
    -moz-transition: 0.2s;
    transition: 0.2s;
}
.sub-menu>li{
 border-top:1px solid #f8f4ff;}
.product-menu__toggle-button{
    padding-right: 15px;}
.product-menu__toggle-button.active{
    padding:0;}
.product-menu__toggle-button_possition{
    padding: 20px;
    position: relative;
    width: 10%;
    float: right;
    top: -52px;
    right: -15px;
}
.product-menu__toggle-icon{
 display: block; 
 float:right;
 position: relative;
 content: "";
 width: 10px;
 height: 10px;
 top: -4px;
 border-left: 1px solid #808080;
 border-bottom: 1px solid #808080;
 transform: rotate(-45deg);
 cursor: pointer;}
.product-menu__toggle-button.active .product-menu__toggle-icon {
 float:right;
 transform: rotate(135deg);
 -webkit-transform: rotate(135deg);
 -ms-transform: rotate(135deg);
 -o-transform: rotate(135deg);
 top: -2px;
 right: 15px;}
.sub-menu {
 display: none;  
 list-style: none;
 width: auto;
 height: auto;
 min-width: 0px;
 min-height: 100%;
 padding:0;
 position: relative;
 left: 0%;
 opacity: 1!important;
 visibility: visible!important; 
 -webkit-transition: all 0.3s ease!important;
 -moz-transition: all 0.3s ease!important;
 -o-transition: all 0.3s ease!important;
 transition: all 0.3s ease!important;}
.product-menu__toggle-button.active .sub-menu{
  display: block; }  
.sub-menu>.product-menu__item{
 border-top:1px solid #f8f4ff;}
.product-menu__toggle-button.active .product-menu__item{
 background-color: #F5F5F5;}
.product-menu__toggle-button.active .sub-menu li a{
 padding-left: 30px;}
.product-menu__link:hover{
 border-left: 2px solid #3399ff;}
.product-menu__toggle-button.active .sub-menu li a:hover{
 padding-left: 40px;}
 
.product__wind {
     width: 70%;
    padding: 55px 0;
}
.breadcrumbs {
 padding-bottom: 20px;
 margin-bottom: 20px;
 border-bottom: 1px solid #c7c7c7;}
.product_info table,  .product_info th, .product_info td, .uslugi_table, .uslugi_table td{border: 1px solid #e7e7e7; }          
 .breadcrumbs__link{
 text-decoration: none;
 color: #808080; }

@media screen and (max-width: 1419px) {
    .product__wind{
        width: 65%;}
}
    
@media screen and (max-width: 1200px) {
    .product-menu__link{
        font-size: 14px;
    }
}
@media screen and (max-width: 1100px) {
    .product-catalog__wrapper{
         flex-flow: column nowrap;
    }
    .product-catalog__list{
        width: 100%;
        display: flex;
        margin-right: auto;
        margin-top: 0; 
        box-shadow: none;
        justify-content: space-between;
        z-index: 2;}
    .search-form{
        width: 40%;
        padding:0;
        align-self: flex-end;}
    .product-menu{
        position: fixed;
        margin-left: 40px;
        margin-top: 50px;
        transition: 0.3s;
        right: 100%;
        background-color: #fff;
        width: 360px;}
    .product-menu.active{
        left:0;}
    .product-menu__link{
    width: 90%;}
    .product-menu__toggle-button{
    position: relative;}
    .product-menu__toggle-button_possition{
    position: absolute;
    right: -2px;
    top: -48px;}
  .product_list ul li .btn_right.active .btn_prod {
    right:0;}
  .body_block .product .product__window {
    padding: 0;}
  .product_wrap .product__window {
    width: 100%;}
  .product .product__window .links_map {
    border:none;
    margin-top: 20px;}
  .product-menu .sub-menu{
    display: none;
    width: 100%;
    height:auto;
    min-width:0px;
    min-height: 100%;
    position: relative;
    left: 0%;
    opacity: 1!important;
    visibility: visible!important;}
    .product__wind {
        width: 100%;}
    .breadcrumbs{
    border:none;
    margin-top: 20px;}
  .sidebar-button{
   display: block; 
   cursor: pointer;}

}
@media screen and (max-width: 800px){

}
@media screen and (max-width: 650px){

    .sidebar-button,.search-form__input{
    width: 100%;}
    .sidebar-button__klik.fa-chevron-down {
        right: 35px;}
    .search-form{
        width: 100%;
        margin-bottom: 20px; }
    .product-menu{
    width:96%;
    margin-left: 10px;
    margin-top: 115px;}
  .product-menu .sub-menu{
    display: none;
    position:relative;
    left: 0%;
    width:100%;
    opacity: 1!important;
    visibility:visible!important; }
    .breadcrumbs{
        margin-bottom: 0;}
    .breadcrumbs__link:last-child {
        color: #3399ff;}



}
@media screen and (max-width: 450px) {
    .product-catalog__list {
        flex-direction: column;
    }
     .product-menu {
   width: 95%;}
}