
@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;
        padding-top: 5px;
    }

    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;
    }
    .row, #properties,.slider {
        flex-wrap: wrap;
    }
    .item-card .images,.item-card .actions, .layout-tab {
        width: 100%;
    }
    .slider .slider-container {
        width: 96%;
        margin: 0 auto;
    }
    .catalogue-item-buy-options .column {
        width: 50%;
    }
    .catalogue-item-buy-button, .buy-one-click-button {
        width: 200px;
    }

    #extras-mobile {
        display:block;
    }
    #extras {
        display: none;
    }
    .slider button.slider-control-left {
        left: -10px;
    }
    .slider button.slider-control-right {
        right: -5px;
    }
    aside#left-side + main {
        width: 790px;
    }
    aside#left-side {
        width: 180px;
        margin-right: 20px;
    }
    .catalogue-item-list.list-view .catalogue-item-small-buttons {

    }
    #main-nav li.catalogue-item > ul {
        top:117px;
    }
    .current-item {
        display: none;
    }
    .slider {
        width: 1000px;
    }
    #order-details #wizzard-steps input[type="text"], #order-details #wizzard-steps textarea,
    #order-container #order-details #city, #order-container #order-details #np_br,
    #order-container #order-details #street,#order-container #order-details #appartment
    {
        width: 300px;
    }
    #order-container #order-details #comment {
        width: 100%;
    }
    #order-container #order-details {
        width: 100%;
    }
}

@media (max-width: 992px){
    .desktop{
        display: none !important;
    }
    .mobile{
        display: block !important;
    }
    #header-navigation{
        padding-right: 100px;
    }
    .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%;
    }

    #lang-widget li.active {
        padding-left: 0;
    }
    #mobile-navigation ul {
        list-style: none;
    }
    #mobile-navigation li  {
        /*border-bottom: 1px solid #dde4e8;*/
        padding: 10px 0;
    }
    #mobile-navigation li a {
        padding: 10px 0;
        font-weight: 600;
    }
    #lang-widget li {
        padding: 2px 0;
    }
    .slider {
        width: 800px;
    }
    .slider .catalogue-item-list.grid-view .catalogue-item-tile {
        width: 240px;
        margin: 4px;
    }
    .slider button.slider-control-right {
        right: 4px;
    }
    #main-nav li.catalogue-item > ul {
        left: 12px;
    }
    #filter-button{
        display: block;
        background: transparent;
        border-color: #DCE0E1;
        width: 100%;
        color: var(--main-active-color);
        box-shadow: none;
    }

    body.catalog-filter-active #catalog-filter{
        display:block;
        position: fixed;
        top: 20px;
        bottom:5px;
        left: 5px;
        right: 5px;
        overflow: auto;
        background: #ffffff;
        z-index: 12;
        padding: 30px 15px 20px 15px;
        border: 1px solid rgb(220, 224, 225);
    }
    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: 30px;
        right: 60px;
        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:before{
        font: var(--fa-font-solid);
        content: "\f057";
        background-size: contain;
        position: absolute;
        left: -17px;
        top: 4px;
    }
    #catalog-filter{
        display: none;
    }
    #contact-form {
        width: 100%;
    }

}

@media(max-width: 768px){
    .mobile-760{
	display: block !important;
    }
    #mobile-menu-controls{
        padding: 4px 15px;
	flex-wrap: nowrap;
	width: 100%;
    }
    #current-menu-title{
	width: 70%;
	white-space: nowrap;
	overflow: hidden;
	flex-shrink: 0;
	text-overflow: ellipsis;
	text-align: center;
    }
    #mobile-menu-controls button{
        border: none;
    }
    body.top-menu-active #mobile-menu-controls #mobile-menu-close-button{
       position: fixed;
       top: 55px;
       left: 273px;
	width: 40px;
	height: 40px;
    }
    h2,h3,h4 {
       margin: 10px 0;
    }

    #top-menu-button{
        display: block;
        position: absolute;
        top: 15px;
        left: 10px;
        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;*/
    }
    #main-nav {
        display: block;
        position: fixed;
        top: 53px;
        left: 1px;
        width: 0px;
        bottom: 0;
        z-index: 10;
        background: #FFF;
        padding: 0px;
        box-shadow: 0 3px 3px #aaa;
        -display: none;
        transition: width 0.5s ease;
        overflow: hidden;
    }
    #main-nav ul{
        flex-direction: column;
        width: inherit;
        padding: 0 !important;
    }
    #main-nav li{
        width: inherit !important;
	padding: 0 !important;
        margin: 0 !important;
    }
    #main-nav a{
        width: inherit !important;
        padding: 4px 20px !important;
        margin: 0 !important;
    }
    #main-nav li.catalogue-item > ul{
        left: 0;
        top: 53px;
    }
    #main-nav ul ul{
    	display: block !important;
	margin: 0 !important;
	width: inherit !important;
	overflow: hidden;
	position: absolute !important;
	top: 33px !important;
	left: 270px !important;
	bottom: 0 !important;
	background: #fff !important;
	transition: left 0.5s ease;
    }
    #main-nav ul ul ul{
        top: 0px !important;
    }
    #main-nav ul ul>li.has-child-elements:before{
       content:" ";
       width: 100%;
       height: 30px;
       position: absolute;
    }
    #main-nav .active>ul{
	position: fixed;
	top: 53px;
	left: 0 !important;
	z-index: 20;
	background: #fff;
	bottom: 0; 
    }
    #main-nav li.catalogue-item li > a{
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	padding-right: 40px !important;
    }
    #main-nav li.catalogue-item > ul > li > a::after {
	position: absolute;
	right: 10px;
    }
    header{
        position: relative;
        z-index: 100;
        height: auto;
        margin:0;
    }
    header > .page-wrapper {
        padding: 0;
    }


    .page-wrapper{
        width: auto;
        margin: 0;
        padding: 10px;
        box-sizing: border-box;
    }
    footer .page-wrapper {
        padding-top: 30px;
    }
    #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;
    }
  /*  #mobile-navigation {
        display: none;

    } */
    #header-additionals_lang-item,#header-additionals_profile-item {
        display: none;
    }
    body.top-menu-active #main-nav {
        width: 270px;
    }
    body.top-menu-active:before{
        content: " ";
        position: fixed;
        top: 53px;
        bottom: 0;
        left: 0;
        right: 0;
        background: rgba(0,0,0,0.5);
	z-index: 10;
    }
    #mobile-navigation
    body.catalog-filter-active, body.cart-popup-active, body.top-menu-active {
        overflow: hidden;

    }
    #header-center{
        margin-top: 35px;
        width: 100%;
    }
    #header-center>.row{
        align-items: center;
        justify-content: space-between;
        width: 100%;
    }
    #top-logo {
        width: 140px;
        height: 40px;
        /*position: absolute;*/
        /*top: 10px;*/
        /*left: 10px;*/
        background-size: contain;
        margin: 2px;
        background-position-x: left;
        background-position-y: top;
        margin-left: 25px;
        padding-left: 40px;
        padding-top: 0;
        font-size: 20px;
    }
    #top-logo a {
        font-size: 20px;
    }
    #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: 85px;

    }
    #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;
    }

    #main-section{
        -margin-top: 130px;
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: stretch;
        justify-content: flex-start;
    }

    #benefits{
        display: none;
        order: 3;
    }
    #boiler{
        order:2;
        padding-bottom: 0;
    }
    #wizzard{
        order: 4;
    }
    #free-shipping{
        order: 6;
    }
    #contacts{
        order: 7;
    }
    #header-search{
        order: 1;
        width: 100%;
        margin: 20px 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{
        /*width: 290px;*/
        height: 300px;
        /*width: 100%;*/
        /*height: auto;*/
        margin: 0;
    }
    #home-banner .slider-message-visible > .page-wrapper{
        padding: 15px;
    }


    #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 .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: 230px;
    }

    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: 12;
        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;
    }


    #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%;
    }
    .item-card-header{
	margin-top: 0;
    }
    .item-card .images,
    .item-card .actions{
        width: 100%;
    }

    .catalogue-item-flag{
        left: 10px;
        /*width: 60px;*/
    }
    .current-item{
        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.total{
        font-size: 1em;
        font-weight: normal;
    }
    button, .button{
        padding: 8px;

    }
    .cart-page #header-cart{
        display: none;
    }
    .cart-page table .small-item-image{
        /*display: none;*/
    }
    .cart-page table .parameters{
        display: none;
    }

    .advanced-numbers-input{
        width: 80px;
    }
    .advanced-numbers-input button{
        padding: 4px;
    }
    .advanced-numbers-input input{
        min-width: auto;
        width:35px;
    }
    .cart-page #wizzard-steps > li::before{
        left: -40px;
    }

    .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: 95%;
        margin: 0 auto;
    }

    .slider button{
        height: 30px;
        width: 10px;
    }
    .slider button.slider-control-left {
        left: 0;
    }
    .slider button.slider-control-right {
        right: 0;
    }
    #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;
        overflow: hidden;
    }
    #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 nav .row{
        justify-content: center;
    }

    #bottom-cart-details nav .row li{
        flex-shrink: 0;
    }
    #bottom-cart-details table td.item-name a {
        font-size: 12px;
    }
    #bottom-cart-details nav .row li button,
    #bottom-cart-details nav .row li a{
        width: 100%;
    }

    #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;
    }

    #bottom-cart-details > .box > .button-close{
        top: 13px;
        z-index: 3;
    }

    #boiler #boiler-list > li.device .device-img{
        display: none;
    }

    .catalogue-item-buy-options .column,.catalogue-item-buy-button  {
        width: 100%;
    }
    .search-active #header-search {
        top: 0;
        margin: 0;
        padding-bottom: 100px;
        padding-top: 0;
        height: 70px;
    }
    .banner-empty {
        height: auto;
    }
    #header-additionals .compare-items-cart-actions .button {
        margin-top: 8px;
    }
    .item-card .small-compare-button {
        top: -45px;
    }
    .compare-items-cart > .compare-items-cart-button > .qty {
        top: -10px;
        left: -10px;
        width: 20px;
        height: 20px;
        font-size: 15px;
        line-height: 17px;
        border-radius: 10px;
    }

    .compare-items-cart > .compare-items-cart-button {
        margin: 0;
        background-size: 26px 26px;
        width: 37px;
        height: 37px;
    }
    .compare-items-cart > .compare-items-cart-content .compare-items-cart-item-number {
        display: none;
    }
    .compare-items-cart > .compare-items-cart-content .compare-items-cart-item-title {
        width: 90%;
        padding: 0;
    }
    #header-additionals .compare-items-cart > .compare-items-cart-content .compare-items-cart-item-title a {
        width: 100%;!important;
        text-align: left;
    }
    .compare-items-cart > .compare-items-cart-content {
        top:47px;

    }
    .compare-items-cart.active > .compare-items-cart-content {
        padding: 20px 0;
    }
    .compare-items-cart > .compare-items-cart-content a {
        white-space: inherit;
    }
    .compare-items-cart > .compare-items-cart-content .compare-items-cart-actions {
        justify-content: center;
        padding: 20px 0 0 0;
    }
    .compare-items-cart > .compare-items-cart-content .item-list li {
        padding: 5px 0;
    }
    .flex-table .flex-table-title {
        display: none;
    }

    .flex-table .flex-table-body .flex-table-row:nth-child(2n) {
        background: none;
    }

    .flex-table-row .cell-title {
        display: inline;
        min-width: 120px;
        text-align: left;
        font-weight: normal;
        max-width: 80%;
    }
    .flex-table-row .row-title {
        display: block;
        padding: 5px;
        width: 100%;
        font-size: 16px;
    }
    .flex-table .flex-table-row .flex-table-cell {
        width: 100% !important;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        padding: 5px;
    }
    .flex-table .flex-table-row .flex-table-cell .cell-value {
        width: auto;
        text-align: right;
        font-weight: 600;
    }
    .flex-table .flex-table-row .flex-table-cell.extras .cell-value {
        width: 100%;
        text-align: left;
    }
    .flex-table .flex-table-row .flex-table-cell.actions {
        justify-content: center;
    }
    .flex-table-row {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        align-items: start;
        padding: 10px 0;
    }
    .flex-table .flex-table-body .flex-table-row .flex-table-cell,div.flex-table .flex-table-cell {
        border: none;
    }
    .flex-table .foot .flex-table-cell .cell-value {
        width: 100%;
    }
    .hide-mobile {
        display: none!important;
    }
    .flex-table-cell extras .cell-value {
        width: 100%;
        text-align: left;
    }
    body.catalog-filter-active #catalog-filter {
        top:60px;
    }
    body.catalog-filter-active #close-filter-button {
        top:70px;
    }
    .pay-parts-widget .buy-btn {
        margin: 0 3px!important;
    }
    ul.articles-list li {
        width: 100%;
    }
    li.article img {
        height: auto;
    }
    #order-container .grid{
        flex-wrap: wrap;
    }

    #order-container #user-cart-page {
        width: 100%;
    }

    #order-container #user-cart-page h2.title{
        display: block;
        /*text-align: left;*/
    }

    #order-container #user-cart-page .table td.cover{
        display: none;
    }

    #order-container #user-cart-page .table td.item-name {
        border-left: 1px solid #dce0e1;
    }

    #order-container #user-cart-page .cart-box .title{
        color: var(--main-color);
        font-size: 16px;
        line-height: 16px;
    }

    #order-container #user-cart-page #cart_amount{
        justify-content: space-between;
        padding: 0 10px 20px 10px;
    }

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

    #order-container #order-details #wizzard-steps{
        margin-top: 0;
    }

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

    #order-container #order-details #wizzard-steps .fieldblock-horizontal{
        flex-wrap: nowrap;
    }

    #order-container #order-details #wizzard-steps .fieldblock-horizontal label{
        width: 110px!important;
    }

    #order-container #order-details .fieldblock-buttons{
        display: none;
    }

    #order-container .mobile-order-buttons{
        display: flex;
        justify-content: center;
    }
    #order-container .mobile-order-buttons button {
        width: 100%;
    }
    .item-card .catalogue-item-buy-actions {
        gap: 5px;
    }
    .item-card .catalogue-item-buy-actions .additional-actions {
        position: absolute;
        right: 0;
        top: -2px;
    }
    #mobile-lang-item {
        display: block;
        margin-left: 20px;
        width: 100%;
    }
    #main-nav #mobile-lang-item .lang-widget-current {
        display: none;
    }
    #main-nav #mobile-lang-item ul{
        width: 90px;
        display: flex!important;
        flex-direction: row;
        justify-content: flex-start;
        gap:10px;
    }
    #main-nav #mobile-lang-item ul li {
        padding: 4px 6px!important;

    }
    #main-nav #mobile-lang-item ul li a,
    #main-nav #mobile-lang-item ul li span {
        text-align: center;
        margin: 0;
        padding: 0;
    }
    #cart-table .qty{
        text-align: center;
    }


    #bottom-cart-details .cart-details table tr td:first-child{
        padding-left: 0;
    }

    #bottom-cart-details .cart-details table tbody tr td:first-child {
        border-left: none;
    }

    #user-cart-page #cart-table tbody tr td,
    #bottom-cart-details .cart-details table tbody tr td {
        padding: 5px;
        border-top: none;

    }
    #user-cart-page #cart-table  td.name {
        display: flex;
        flex-direction: column;
        gap: 4px;
    }

    #user-cart-page #cart-table tr,
    #bottom-cart-details .cart-details table tr {
        position: relative;
    }
    #user-cart-page #cart-table tr td,
    #bottom-cart-details .cart-details table tr td {
        vertical-align: top;
    }
    #user-cart-page #cart-table td.name .actions,
    #bottom-cart-details .cart-details table td.item-name .actions {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        margin-top: 5px;
    }
    #user-cart-page #cart-table td.qty,
    #bottom-cart-details .cart-details table td.item-qty {
        display: none;
    }
    #cart-totals {
        align-items: center;
    }
    #user-cart-page #cart-table td.actions,
    #bottom-cart-details .cart-details table td.item-actions {
        display: none;
        /*border: 2px solid var(--default-border-color) !important;*/
        /*border-radius: 3px;*/
        /*height: 38px;*/
        /*width: 38px;*/
        /*position: absolute;*/
        /*bottom: 7px;*/
        /*right: 7px;*/
        /*display: flex;*/
        /*justify-content: center;*/
    }
    #user-cart-page #cart-table td  .actions .advanced-numbers-input,
    #bottom-cart-details td .actions .advanced-numbers-input {
        margin: 0!important;
    }
    #user-cart-page .cart-delete-button,
    #bottom-cart-details .cart-delete-button {
        border: 2px solid var(--default-border-color) !important;
        border-radius: var(--default-border-radius);
        height: 38px;
        width: 38px;
    }
    #user-cart-page #cart-table thead {
        display: none;
    }
    #user-cart-page tfoot {
        display: none;
    }

    #bottom-cart-details .cart-details .row.total {
        justify-content: center;
        margin-top: 10px;
    }

    #bottom-cart-details .cart-details .row.total .total-label {
        display: none;
    }
    #user-cart-page #cart-table td.amount {
        display: none;
    }
    #bottom-cart-details .cart-details table td.item-total{
        display: none;
    }
    #bottom-cart-details .cart-details table thead {
        display: none;
    }


    #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;
    }
    #cart-table .price {
        display: none;
    }
    #cart-table .token{
        display: none;
    }
}

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

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

    #header-phone{

        top: 0;
    }

    #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;
    }
    .item-card .catalogue-item-buy-actions {
        flex-direction: column;
        align-items: stretch;
        justify-content: stretch;
    }
    #order-container > .title {
        text-align: center;
    }
    #order-details #wizzard-steps > li {
        margin: 0;
    }

}

@media (max-width: 400px) {
    #catalogue-menu-button{
        padding-left: 30px;
        padding-bottom: 30px;
        margin: 0 10px 0 0;
    }
    #header-additionals #header-additionals_favorites-item .qty {
        top: 3px;
    }
    #header-additionals .qty {
        top: -7px;
    }
    #catalogue-menu-button::before {
        left: 14px;
    }

    .catalogue-item-list.grid-view .catalogue-item-tile {
        width: 98%;
        min-height: 520px;
        height: auto;
        /*padding: 10px;*/
    }
    .catalogue-item-list.grid-view .catalogue-item-tile .catalogue-item-rating {
        display: none;
    }
    .catalogue-item-list.grid-view .catalogue-item-tile .catalogue-item-description{
        display: block;
        order: 2;
        margin: 15px;
    }
     #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-buy-actions {
        width: 100%;
    }

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

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

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



    #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,
    #order-container #order-details #np_br{
        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;
    }
    #header-additionals > li {
        margin-left: 5px;
    }
    .buy-one-click-button {
        width: 100%;

    }
    .order-info dl {
        width: 100%;
    }
    .order-item .order-item-title {
        width: 200px;
    }
    .order-item .order-item-price,.order-item .order-item-qty, .order-item .order-item-amount {
        width: 100%;
        margin-top: 10px;
    }
    .slider {
        width: 90%;
    }
    .slider button.slider-control-left {
        left: -10px;
    }
    .slider button.slider-control-right {
        right: -10px;
    }
    .slider .catalogue-item-list.grid-view .catalogue-item-tile {
        width: 300px;
    }
    #recommended  .slider .slider-container {
        height: 400px;
    }
    .slider .catalogue-item-list.grid-view .catalogue-item-tile {
        min-height: auto;
    }
}
@media (max-width: 320px) {
    .slider .catalogue-item-list.grid-view .catalogue-item-tile {
        width: 260px;
    }
}
