@media (max-width: 1170px) {
    .item-card .catalogue-item-description img{
        max-width: 100% !important;
        height: auto !important;
    }
    .page-wrapper{
        padding-left: 10px;
        padding-right: 10px;
    }
    header{
        height: auto;
    }
    header > .page-wrapper {
        padding-top: 82px;
        position: relative;
    }

    header > .page-wrapper > .column{
        width: 100%;
    }

    header > .page-wrapper > .column > .row:last-child{
        justify-content: space-between;
        padding: 0 10px;
    }

    #top-logo{
        position: absolute;
        top: 0;
        left: 10px;
        margin: 0;
    }

    #header-navigation{
        padding-right: 0;
        position: absolute;
        top: 25px;
        right: 20px;
    }

    .catalogue-item-list.grid-view .catalogue-item-tile{
        width: 30%;
    }
    .catalogue-item-list.grid-view .catalogue-item-tile .catalogue-item-image{
        width: 100%;
    }
    .catalogue-item-list.list-view .catalogue-item-tile{
        padding: 30px 23% 0 30%;
    }

    .catalogue-item-list.list-view .catalogue-item-image{
        width: 30%;
    }


    #boiler #boiler-list{
        flex-direction: row;
        height: auto;
    }

    #boiler #boiler-list >li{
        width: 100%;
        margin-bottom: 10px;
    }

    #boiler #boiler-list > li.rounded-device{
        width: 100%;
        margin-left: 0;
    }

    #free-shipping img{
        width: 100%;
    }

    footer .page-wrapper{
        padding-top: 100px;
    }

    footer .page-wrapper .row{
        flex-wrap: wrap;
    }

    footer #bottom-logo{
        position: absolute;
        top: 0;
        left: 20px;
    }

    #footer-nav-1 ul{
        margin-left: 45px;
    }

    footer #footer-copyright{
        width: 100%;
        order: 3;
    }
    .buy-one-click-button {
        margin-top: 42px;
        padding: 12px
    }
    .row, #properties,.slider {
        flex-wrap: wrap;
    }
    .item-card .images,.item-card .actions, .layout-tab {
        width: 100%;
    }
    .slider .slider-container {
        width: 800px;
    }
    .catalogue-item-buy-options .column {
        width: 50%;
    }
    .catalogue-item-buy-button, .buy-one-click-button {
        width: 200px;
    }
    #home-banner {
        display: none;
    }
    #extras-mobile {
        display:block;
    }
    #extras {
        display: none;
    }
    #lang-nav{
        right: 20px;
    }
}

@media (max-width: 992px){
    .desktop{
        display: none !important;
    }
    .mobile{
        display: block !important;
    }
    #header-navigation{
        padding-right: 100px;
    }

    #header-cart{
        position: absolute;
        top: 12px;
        right: 20px;
    }

    .page-wrapper{
        width: 100%;
    }

    #benefits .benefits-list li{
        width: 19%;
        margin-left: 1.25%;
    }

    #benefits .benefits-list li.storage{
        width: 19%;
    }

    .catalogue-item-list.grid-view .catalogue-item-tile{
        width: 48%;
    }
    .slider .slider-container {
        width: 600px;
    }
    #lang-nav{
        justify-content: center;
        top: 0;
        right: 0;
        left: 0;
    }
}

@media(max-width: 768px){
    .item-card .catalogue-item-buy-actions {
        flex-direction: column;
        align-items: stretch;
        justify-content: stretch;
    }
    #top-menu-button{
        display: block;
        position: absolute;
        top: 25px;
        right: 20px;
        width: 20px;
        height: 20px;
        background: url(../images/menu.svg) center center no-repeat transparent;
        border: none;
        background-size: contain;
        box-shadow: none;
        outline: none;
    }
    .catalog-filter-active #top-menu-button{
        display: none;
    }
    header{
        position: relative;
        z-index: 100;
        height: auto;
        margin:0;
    }
    header > .page-wrapper {
        padding-top: 0;
    }

    input[type=text], input[type=password], button, .button{
        height: 37px;
    }
    .page-wrapper{
        width: auto;
        margin: 0;
        padding: 10px;
        box-sizing: border-box;
    }
    #top-nav a {
        font-size: 18px;
    }
    body.top-menu-active #top-menu-button{
        position: fixed;
        top: 26px;
        right: 14px;
        display: block;
        z-index: 100;
        background: transparent;
        width: 20px;
        height: 20px;
        padding: 0;
        border: none;
        box-shadow: none;
    }
    body.top-menu-active #top-menu-button:after{
        position: absolute;
        content: "x";
        font-size: 15px;
        line-height: 18px;
        top:0;
        left: 0;
        width: 20px;
        text-align: center;
        text-transform: uppercase;
        color: #FFFFFF;
    }

    body.catalog-filter-active, body.cart-popup-active, body.top-menu-active {
        overflow: hidden;
        height: 200px;
    }
    #header-center{
        margin-top: 35px;
        width: 100%;
    }
    #header-center>.row{
        align-items: center;
        justify-content: space-between;
        width: 100%;
    }
    #top-logo{
        width: 100px;
        height: 27px;
        /*position: absolute;*/
        /*top: 10px;*/
        /*left: 10px;*/
        background-size: contain;
        margin: 15px;
        background-position-x: left;
        background-position-y: top;
    }
    #top-logo span{
        display: none;
    }
    #header-navigation{
        display: none;
    }
    #catalogue-menu-button,
    #catalogue-menu-mobile-button{
        display: block;
        border: none;
        box-shadow: none;
        width: auto;
        text-align: center;
        justify-content: center;
        margin: 0;
        padding-left: 36px;
    }
    #catalogue-menu-button::before,
    #catalogue-menu-mobile-button::before{
        top: 0;
        left: 10px;
        min-width: inherit;
        height: inherit;
    }
     #catalogue-menu-button,
     #catalogue-menu-mobile{
        order: 2;
    }
    #header-phone{
        position: absolute;
        top: 6px;
        left: 50%;
        transform: translateX(-50%);
    }
    #header-phone .tel{
        background: none;
        padding: 0;
        margin-top: 15px;
        font-size: 19px;
        line-height: normal;

    }
    #header-phone>div{
        display: none;
    }
    #header-cart{
        order: 2;
        position: relative;
        z-index: 10;
        top: 0;
        right: 0;
    }
    .compare-items-cart{
        order: 3;
        position: relative;
        z-index: 10;
        top: 0;
        right: 0;
    }
    #header-cart #cart-button{
        margin: 0;
        background-size: 37px 37px;
        width: 37px;
        height: 37px;
    }
    #main-section{
        -margin-top: 130px;
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: stretch;
        justify-content: flex-start;
    }
    #home-banner{
        display: none;
        order: 1;
        background: transparent;
    }
    #benefits{
        display: none;
        order: 3;
    }
    #boiler{
        order:2;
        padding-bottom: 0;
    }
    #wizzard{
        order: 4;
    }
    #recommended {
        order: 1;
        padding-bottom: 10px;
    }
    #recommended .slider {
        margin-bottom: 10px;
    }
    .catalogue-item-list {
        margin-top: 0;
    }
    #free-shipping{
        order: 6;
    }
    #contacts{
        order: 7;
    }
    #header-search{
        order: 1;
        width: 100%;
        margin: 30px 0 20px 0;
    }
    #catalogue-button{
        order: 2;
    }
     #catalogue-button{
        width: 100%;
        justify-content: center;
    }
    #header-search input{
        width: 100%;
        padding: 9px;
    }
    .row{
        flex-wrap: wrap;
    }
    #benefits .benefits-list{
        flex-direction: column;
    }
    #benefits .benefits-list li{
        margin: 20px 0 0 0;
        padding: 20px 0 0 0;
        background: none !important;
        border-top: 1px solid #E2EBF3;
        width: 98% !important;
    }
    #benefits .benefits-list li:first-child{
        border-top: none;
        margin-top: 0;
        padding-top: 0;
    }
     #header-search input{
        width:100%;
    }
    #home-banner{
        height: 150px;
        margin: 0;
    }
    #home-banner .slider-message-visible > .page-wrapper{
        padding: 15px;
    }

    #home-banner .slider-large-image{
        display: none;
    }
    #home-banner .slider-message-visible > .page-wrapper > div:first-child{
        height: 100% !important;
        width: 100% !important;
        padding: 10px !important;
        margin-top: 0 !important;

        font-size: 22px !important;
        line-height: 26px !important;
        text-align: center !important;
    }

    #home-banner-text{
        width: auto;
        padding: 23px 40px;
        font-size: 20px;
        line-height: 26px;
        text-align: justify;
    }
    #home-banner-text .button{
        display: none;
    }
    #home-banner-text em{
        padding: 4px;
    }
    section .title:first-child{
        margin: 30px 10px 20px 10px;
    }
    section .section-description{
        margin:0 10px;
    }
    #wizzard-steps > li{
        margin: 0 10px 30px 10px;
        width: 100%;
    }
    #wizzard-steps > li::before{
        left: 0;
    }
     #wizzard-steps>li>.fieldblock>label{
        margin-bottom:10px;
    }
     #wizzard-steps>li label{
        margin-bottom: 10px;
        margin-left: 45px;
    }
    #wizzard-steps select{
        width: 100%;
    }
    #wizzard-steps .fieldblock.right-label label{
        margin-left: 0px;
        margin-bottom: 0;
    }
     #wizzard-steps input[type=checkbox],
     #wizzard-steps .smart-checkbox{
        margin-left: 40px;
    }
    .fieldblock.fieldblock-buttons{
        justify-content: center;
    }
    #boiler-list{
        display: flex !important;
        flex-direction: column !important;
        align-items: stretch !important;
        justify-content: flex-start !important;
        text-shadow: none !important;
        height: auto !important;
    }
    #boiler-list li{
        background: none !important;
        width: auto !important;
        height: auto !important;
        font-weight: 600 !important;
        font-size: 16px !important;
        line-height: 19px !important;
        text-align: center !important;
        color: #4A90E2 !important;
        text-shadow: none !important;
        height: 46px;
        margin: 0 0 20px 0 !important;
        position: relative;
        line-height: 46px !important;
        border: 1px solid #DCE0E1 !important;
        padding: 0 !important;
        display: block !important;
        text-align: center !important;

    }
    #boiler-list li:after{
        background: none !important;
        display: none !important;
    }
    #boiler-list li .button{
        font-size: 0 !important;
        height: inherit;
        width: auto;
        position: absolute;
        background: transparent !important;
        border: none !important;
        border-radius: 4px !important;
        left:0;
        right:0;
        top: 0;
        bottom:0;
        margin: 0 !important;
        box-shadow: none !important;

    }
    #boiler-list li br{
        display: none;
    }
    #free-shipping img{
        width: 100%;
    }
    #map{
        margin-top: 30px;
    }
    footer>.page-wrapper>.row{
        flex-direction: column;
        flex-wrap: nowrap;
    }
    footer #bottom-logo{
        order: 1;
    }
    footer #footer-copyright{
        order: 4;
        margin: 0;
    }
    footer #footer-nav-1{
        order: 2;
        margin: 30px 0 0 0;
        padding: 0;
    }
    #footer-nav-1 ul{
        margin: 0;
    }
    footer #footer-nav-2{
        display: none;
        order: 3;
        border-left: none;
        border-top: 1px solid #07477b;
        margin: 15px 0 0 0;
        padding:30px 0 0 0;
    }
    #footer-nav-1 ul,
    #footer-nav-2 ul{
        width: auto;
        height: auto;
    }
    .slider .slider-container > li.catalogue-item-tile,
    .slider .slider-container>ul>li.catalogue-item-tile{
        width: 100% !important;
    }

    body.top-menu-active #header-navigation{
        display: block;
        position: fixed;
        top:0;
        left: 0;
        right: 0;
        bottom: 0;
        width: auto;
        height: auto;
        background:#003763;
        z-index: 10;
        padding: 240px 0 0 0;
    }
    body.top-menu-active #header-navigation ul{
        flex-direction: column;
        align-items: center;
        justify-content: flex-start;
    }
    body.top-menu-active #header-navigation li{
        margin: 0 0 40px 0 !important;
    }
    body.top-menu-active #top-logo{
        z-index: 11;
    }
    body.top-menu-active #catalogue-menu-button{
        z-index: 11;
    }
    body.top-menu-active #catalogue-button{
        z-index: 11;
        display: flex;
        position: relative;
        width: 100%;
        margin-top: 20px;
        padding-left: 50px;
        box-shadow: 0 1px 0 #0078ac;
        border-radius: 4px;
        border: 1px solid #039ce3;
        background-image: linear-gradient(136deg, #009ee3 0%, #5d5ff4 100%);
        color: #ffffff;
        font-size: 16px;
        line-height: 16px;
        font-weight: 600;
    }
    body.top-menu-active #header-phone{
        z-index: 11;
    }
    body.top-menu-active #header-search{
        z-index: 11;
    }
    #crumbs{
        display: none;
    }
    .title{
        font-weight: 800;
        font-size: 22px;
        line-height: 26px;
        color: #132541;
    }
    .fieldblock-horizontal{
        flex-wrap: wrap;
    }

    #catalog-filter{
        display: none;
    }
    #view-options{
        background: transparent;
        border-radius: 0;
        padding: 0;
    }
    #view-options .view-mode{
        display: none;
    }
    #view-options .sort-mode{
        display: flex;
        flex-direction: column;
        width: 100%;
    }
    #view-options .sort-mode select{
        width: 100%;
    }
    #filter-button{
        display: block;
        background: transparent;
        border-color: #DCE0E1;
        width: 100%;
        color: #4A90E2;
        box-shadow: none;
    }

    body.catalog-filter-active #catalog-filter{
        display:block;
        position: fixed;
        top: 40px;
        bottom:0;
        left: 0;
        right: 0;
        overflow: auto;
        background: #ffffff;
        z-index: 12;
        padding: 30px 15px 20px 15px;
    }
    body.catalog-filter-active #header-search{
        display: none;
    }
    body.catalog-filter-active #header-center{
        margin-top: 40px;
    }

    body.catalog-filter-active #header-cart{
        display: none;
    }

    body.catalog-filter-active header .page-wrapper{
        padding: 0;
    }
    body.catalog-filter-active #catalogue-menu-button{
        display: none;
    }
    body.catalog-filter-active #close-filter-button{
        position: fixed;
        top: 26px;
        right: 20px;
        display: block;
        z-index: 100;
        background: transparent;
        width: 20px;
        height: 20px;
        padding: 0;
        border: none;
        box-shadow: none;
    }
    body.catalog-filter-active #close-filter-button:after{
        position: absolute;
        content: "x";
        font-size: 15px;
        line-height: 18px;
        top:0;
        left: 0;
        width: 20px;
        text-align: center;
        text-transform: uppercase;
        color: #000000;
    }
    .item-card .images,
    .item-card .actions{
        width: 100%;
    }
    .catalogue-item-flag{
        left: 10px;
        /*width: 60px;*/
    }
    .current-item{
        display: none;
    }
    #new-items{
        display: none;
    }
    #bottom-cart-details .box{
        width: auto;
    }
    #bottom-cart-details img{
        display: none;
    }
    #bottom-cart-details td {
        padding: 3px;
    }
    #bottom-cart-details .cart-details table tr td:first-child{
        padding-left: 10px;
    }
    #bottom-cart-details .cart-details table tr.total{
        font-size: 1em;
        font-weight: normal;
    }
    button, .button{
        padding: 8px;
    }
    .item-card .catalogue-item-buy-button{
        height: auto;
    }
    #bottom-cart-details .button-order{
        color: #fff;
    }
    #bottom-cart-details .cart-delete-button{
        font-size: 0;
        position: relative;
        padding: 0;
        width: 20px;
        height: 20px;
        border: none;
        border-radius: 0;
        box-shadow: none;
    }
    #bottom-cart-details .cart-delete-button:after{
        content: "x";
        position: absolute;
        left: 0;
        top: 0;
        width: 20px;
        height: 20px;
        text-align: center;
        line-height: 20px;
        color: #000;
        font-size: 12px;
    }
    .cart-page #header-cart{
        display: none;
    }
    .cart-page table .small-item-image{
        display: none;
    }
    .cart-page table .parameters{
        display: none;
    }

    .advanced-numbers-input{
        width: 75px;
    }
    .advanced-numbers-input button{
        padding: 4px;
    }
    .advanced-numbers-input input{
        min-width: auto;
        width:35px;
    }
    .cart-page #wizzard-steps > li::before{
        left: -40px;
    }
    #order-container #order-details #city,
    #order-container #order-details #street,
    #order-container #order-details #comment{
        width: 373px;
    }
    .catalogue-item-list.grid-view .catalogue-item-tile{
        width: 48%;
    }
    #view-options label{
        margin: 10px 0;
    }

    .catalogue-item .catalogue-item-flag:first-child{
        top: -14px;
    }

    .slider .slider-container{
        width: 100%;
    }

    .slider button{
        height: 100px;
    }

    #filter-submit-button{
        position: fixed;
        right: 15px;
    }

    #properties .layout-tab.item-card-properties{
        width: 100%;
    }

    #bottom-cart-details .box{
        position: fixed;
        top: 20px;
        bottom: 20px;
        left: 10px;
        right: 10px;
        padding-top: 0;
    }
    #bottom-cart-details .cart-details{
        height: 100%;
        width: 100%;
        padding-bottom: 0;
        overflow: hidden;
        margin-bottom: 0;
    }

    #bottom-cart-details nav {
        position: absolute;
        bottom: 0;
        width: 100%;
        padding-bottom: 20px;
        background: #ffffff;
        border-radius: 0 0 10px 10px;
    }
    #bottom-cart-details .cart-details .cart-items-wrap {
        margin: 0;
        padding: 30px 0 125px 0;
        height: 100%;
        overflow: auto;
    }

    #bottom-cart-details .box-item-title {
        position: absolute;
        width: 100%;
        margin: 0;
        background: #ffffff;
        border-radius: 10px 10px 0 0;
    }

    #boiler #boiler-list > li.device .device-img{
        display: none;
    }
    .buy-one-click-button {
        width: 100%;
        margin-top: 5px;
        height: auto;
    }
    .catalogue-item-buy-options .column,.catalogue-item-buy-button  {
        width: 100%;
    }
    #header-cart #cart-button .qty {
        top: -10px;
        left: -10px;
        width: 20px;
        height: 20px;
        font-size: 15px;
        line-height: 16px;
        border-radius: 10px;
    }
}

@media (max-width: 600px){
    select{
        min-width: auto;
    }

    #catalogue-menu-button{
        width: 75%;
    }

    #header-phone{
        margin-left: 35px;
        top: 10зч;
    }

    #main-section .page-wrapper{
        padding: 0 10px;
    }

    .section-buttons .button{
        width: 80%;
        display: block;
        margin: 0 auto 10px auto;
    }

    #wizzard button{
        width: 80%;
    }

    #contacts .tel, #contacts .address{
        margin-left: 0;
    }

    .item-card{
        margin-top: 30px;
    }

    .item-card .catalogue-item-image{
        margin-right: 0;
    }

    .item-card .catalogue-item-images{
        width: 100%;
        margin: 10px 0 0 0;
        flex-wrap: wrap;
    }
    .item-card .catalogue-item-image img {
        width: 75%;
        height: 530px;
        object-fit: contain;
    }

    .catalogue-item-code {
        top: 41px;
    }

    #properties{
        width: 100%;
        display: block;
    }

    #properties .layout-tab-content{
        padding: 10px;
        box-sizing: border-box;
    }
    .layout-tab > .layout-tab-controls, .layout-tab.layout-tab-controls-top > .layout-tab-controls {
        width: 100%;
        display: block;
        overflow: auto;
    }

    #cart-table{
        font-size: 0.9em;
    }


    #cart-table tr td, table.table tr th {
        padding: 10px 5px !important;
    }

    #cart-table .image{
        display: none;
    }

    #cart-table .price{
        display: none;
    }

    #cart-table .token{
        display: none;
    }

    #cart-table .qty{
        text-align: center;
    }

    /*#bottom-cart-details .cart-details table{*/
    /*    font-size: 0.9em;*/
    /*}*/
    #bottom-cart-details .cart-details table tr td:first-child{
        padding-left: 0;
    }

    #cart-table .advanced-numbers-input button,
    #bottom-cart-details .cart-details table tr .advanced-numbers-input button{
        display: none;
    }

    #cart-table .advanced-numbers-input,
    #bottom-cart-details .cart-details table tr .advanced-numbers-input{
        width: 40px;
        margin: 0 auto;
    }

    #cart-table .advanced-numbers-input input,
    #bottom-cart-details .cart-details table tr .advanced-numbers-input input{
        width: 100%;
    }
    #bottom-cart-details .clear-cart{
        height: auto;
    }

}

@media (max-width: 400px) {
    #catalogue-menu-button{
        padding-left: 30px;
        padding-bottom: 30px;
        margin: 0 10px 0 0;
    }

    #catalogue-menu-button::before {
        left: 14px;
    }

    .catalogue-item-list.grid-view .catalogue-item-tile {
        width: 98%;
        height: 520px;
        /*padding: 10px;*/
    }

     #wizzard-steps input[type=checkbox],  #wizzard-steps .smart-checkbox {
        margin-left: 0;
        margin-right: 0;
    }

     #wizzard-steps>li:first-child>.fieldblock>label{
        /*margin-left: 45px;*/
    }

     #wizzard-steps>li>.fieldblock>label{
        margin-left: 10px;
        margin-right: 0;
    }

    .item-card .service-request{
        margin-top: 20px;
    }
    .item-card {
        margin-bottom: 40px;
    }
    .item-card .catalogue-item-image{
        height: 385px;
    }

    .item-card .catalogue-item-image img{
        height: 370px;
    }
    .item-card .catalogue-item-buy-button {
        padding: 14px 36px 14px 50px;
    }
    .item-card .catalogue-item-buy-button:before {
        left: 12px;
    }

    #order-container #order-details{
        width: 100%;
    }

    #order-form .fieldblock{
        width: 100%;
    }

    #order-form li > .fieldblock{
        margin-left: -32px;
    }

    #order-container #order-details li > .fieldblock > .fieldblock{
        /*width: 100%;*/
    }

    #order-details #wizzard-steps input[type=text], #order-details #wizzard-steps textarea{
        width: 100%;
    }

    #order-container #order-details #city, #order-container #order-details #street, #order-container #order-details #comment{
        width: 100%;
    }
    #order-container #order-details #appartment {
        width: 100%;
    }

    #order-form .button{
        height: auto;
        text-align: center;
    }

    #order-container #order-details .fieldblock.fieldblock-horizontal {
        display: block;
    }

    #order-container #order-details #wizzard-steps>li label {
        margin-left: 0;
    }

    .catalogue-item-list.list-view .catalogue-item-property{
        display: none;
    }
    .catalogue-item-list.list-view .catalogue-item-title{
        font-size: 18px;
    }
    .catalogue-item-list.list-view .catalogue-item-tile {
        padding: 40px 2% 0 35%;
    }
    .catalogue-item-list.list-view .catalogue-item-buy-options {
        right: 0;
        bottom: 0;
        width: 100%;
    }
    .catalogue-item-list.list-view .catalogue-item-tile {
        min-height: 290px;
    }
    .search-page .catalogue-item-price .sale-percent{
        left: 40%;
        right: auto;
    }
}