@media screen and (max-width: 1100px) {
    .logo {
        width: 180px;
        padding-right: 70px;
    }  
    .menu {
        width: calc(100% - 180px);
    }
    body {
        padding-top: 70px;
    }
}       

@media screen and (max-width: 980px) {
    .menuCatalog {
        margin-left: 10px;
    }
}

@media screen and (max-width: 900px) {
    .phone span {
        display: none;
    } 
    .cart span {
        display: none;
    }
    .phone {
        width: 40px;
    } 
    .cart {
        padding-left: 20px;
    }
    .searchForm {
        flex-grow: 2;
        justify-content: center;   
    }   
}

@media screen and (max-width: 740px) {
    
    .searchForm  {
        display: block;
    }
    
    .searchForm>div, .searchForm input {
        display: none;
    }
    .searchForm img {
        display: block;
        width: 20px;
        
    }
    .searchForm {
        flex-grow: 0;
        width: 40px;
        padding-right: 20px;    
    }
    .menuCatalog {   
        flex-grow: 2;  
    }
    .phone span {
        display: none;
    } 
}

@media screen and (max-width: 500px) {
    .menuCatalog {
        font-size: 14px;
    }    
    .logo {
        width: 150px;
        padding-right: 60px;
    }
    .menu {
        width: calc(100% - 100px);
    }
    .menuCatalog {
        margin-left: -10px;
    }
    body {
        padding-top: 60px;
    }
    .logo:after {
        transform: rotateZ(0);
    }
}

@media screen and (max-width: 420px) {
    .logo {
        width: 140px;
        padding-right: 55px;
    }
    .menu {
        width: calc(100% - 90px);
    }
    .menuCatalog {
        margin-left: -25px;
        font-size: 12px;
    } 
    
    .searchForm {    
        padding-right: 0px; 
    }  
    .phone {
        width: 30px;
    }     
}


@media screen and (max-width: 900px) {
    .bannerList {
        height: 300px;
    }    
}

@media screen and (max-width: 600px) {   
    .bannerText { 
        width: 70%;
        font-size: 14px;
        line-height: 20px;
        margin: auto;
        right: 0;
        left: 0;
        bottom: 20px;
        padding: 10px 20px;
        padding-right: 40px;
        border-left: none;
        border-top: 5px solid #ff910f;
    }    
}

@media screen and (max-width: 1250px) {   
    .catsBlockItem {
        background-position: 150% 90% !important;
    }    
}
@media screen and (max-width: 1070px) {   
    .catsBlockItem {
        background-position: 170% 90% !important;
    }    
}
@media screen and (max-width: 1000px) {   
    .catsBlockItem {
        background-position: 100% 90% !important;
        width: 50%;
        border-bottom: 1px solid #efefef;
    }    
    .catsBlock {
        flex-wrap: wrap;
        max-width: 700px;
    }
    .catsBlockItem div {   
    }
}

@media screen and (max-width: 640px) { 
    .catsBlockItem {
        background-position: 150% 90% !important;
    }         
}
@media screen and (max-width: 520px) { 
    .catsBlockItem {
        background-position: 170% 90% !important;
    }         
}
@media screen and (max-width: 480px) { 
    .catsBlockItem {
        background-position: 100% 40% !important;
        width: 100%;
        border-bottom: 1px solid #efefef;
        min-height: 180px;
    }
    .catsBlockItem div {
        text-align: left;
        width: 50%;
        margin: 0;
    }       
    .catsBlockItem ul {
        margin-top: 5px;
    }
    .catsBlock {
        flex-wrap: wrap;
        max-width: 320px;
    }      
}



@media screen and (max-width: 1000px) { 
    .menuCatalogLayerShow .menuCatalogLayerClose {
        display: block;
        position: fixed;
        top: 2px;
        right: 6px;
        width: 40px;
        height: 40px;
        
    }
    
    .menuCatalogLayerClose:after {
        content: " ";
        display: block;
        position: absolute;
        top: 12px;
        left: 12px;
        border-top: 3px solid #373737;
        border-right: 3px solid #373737;
        width: 10px;
        height: 10px; 
        
        transform: rotateZ(45deg);
    }
    .menuCatalogLayerClose:before {
        content: " ";
        display: block;
        position: absolute;
        top: 12px;
        left: 26px;
        border-top: 3px solid #373737;
        border-right: 3px solid #373737;
        width: 10px;
        height: 10px; 
        
        transform: rotateZ(225deg);
    }    
    
    .menuCatalogLayerShow {
        position: fixed;
        width: 100%;
        height: 100%;
        top: 0 !important;
        left: 0;        
        background: #fff;
        overflow: scroll;
    }
    .menuCatalogLayerShow .catsBlock {
        border: none;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
    }
    .menuCatalogLayerShow .catsBlock .catsBlockItem {
        border: none;
    }
    .menuCatalogLayerShow .catsBlock .catsBlockItem div {
        width: 100%;
    }
        
}

@media screen and (max-width: 640px) { 
    .menuCatalogLayerShow .catsBlock .catsBlockItem {
        background-position: 100% 70% !important;
        background-size: 35%;
        min-height: 190px;
    }    
}


@media screen and (max-width: 900px) { 
    .textRight {
        display: block;
    }
    .textRightLeft {
        width: 30%;
        float: left;
        margin: 20px 20px 20px 0px;
    } 
    .textRightRight {
        width: 100%;
    }
}
@media screen and (max-width: 600px) { 
    .textRight {
        flex-direction: column;
    }    
    .textRightLeft {
        float: left;
        width: 100%;        
        margin-bottom: 20px;
        margin-top: 0px;
    }
    .textRightRight {
        width: 100%;
        max-height: 150px;
        overflow: hidden;
        position: relative;
        
        
        -webkit-transition: max-height .3s ease;
        -moz-transition: max-height .3s ease;
        -o-transition: max-height .3s ease;
        transition: max-height .3s ease;        
            
    }
    .textRightRight:after {
        content: "Развернуть";
        display: block;
        position: absolute;
        left: 0;
        bottom: 0;
        width: 100%;
        padding-top: 50px; 
        height: 20px;
        color: #ff910f;
        z-index: 2;
        text-align: center;  
        background: rgb(9,9,121);
        background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgb(247 247 247) 70%);   
        text-transform: uppercase;
    }
    .euroStandartBlock .textRightRight:after {
        background: linear-gradient(180deg, rgba(55,55,55,0) 0%, rgba(55,55,55,1) 70%); 
    }
}


@media screen and (max-width: 1000px) { 
    .mainColumn div {
        width: 18%;
    }
    .mainColumn div span {    
        max-width: 110px;
        font-size: 11px;
        line-height: 20px;
    } 
    .mainColumn div img {
        max-width: 100%;
    }   
}

@media screen and (max-width: 630px) {
    .mainColumn {
        flex-wrap: wrap;     
        justify-content: space-around; 
    }
    .mainColumn div {
        width: 31%;
        margin-bottom: 20px;
    }  
    .mainColumn div span {
        max-width: 120px;
        font-size: 12px;
        line-height: 20px;
    }       
}

@media screen and (max-width: 450px) {
    .mainColumn div {
        width: 31%;
        margin-bottom: 20px;
    }  
     
    .mainColumn div span {
        max-width: 120px;
        font-size: 10px;
        line-height: 20px;
    } 
    .mainColumn div img {
        max-width: 80px;
    }      
}

@media screen and (max-width: 1050px) {
    .selectProductPart {
        width: 200px;
    }    
    .selectProductFilter {
        width: calc(100% - 220px);
    }
}

@media screen and (max-width: 900px) {     
    .selectProduct { 
        flex-direction: column;
    }  
    .selectProductPart { 
        flex-direction: row;
        justify-content: space-between; 
        align-items: stretch; 
        width: 100%;
    } 
    .selectProductPart div {   
        width: 24%;    
        
        display: flex;
        flex-direction: column;
        justify-content: center;   
        align-items: center;         
        
    }
    .selectProductFilter {
        width: 100%;
        
    }
    
    .selectProductFilter>div {
        padding: 20px 20px;    
    }
    .h2 {
        text-align: center;
    }
}

@media screen and (max-width: 650px) {
    .selectProductPart {   
          
    }
    .selectProductPart div {   
        width: 24%;
        font-size: 13px;
        font-weight: normal;
        padding: 8px 5px; 
           
    }
    

    .selectProductFilter>div {    
        grid-template-columns: 1fr 1fr;    
        grid-column-gap: 1rem;
        grid-row-gap: 0rem;
        grid-auto-rows: 60px;
        margin-top: 10px;
    }
    
    .selectBlock span {
        font-weight: bold;
        font-size: 12px;
    }
    
    .selectBlock select {  
        font-size: 12px;     
        display: block;    
        width: 100%;
        border: 1px solid #d4d4d4;
        background-color: #f7f7f7;
        font-size: 12px;
        padding: 5px 5px;
    }     

    .selectButton {
        font-size: 12px;
    }     
        
}


@media screen and (max-width: 500px) { 
    .selectProductFilter>div { 
        grid-template-columns: 1fr; 
        
    }   
    .selectProductPart {
        flex-wrap: wrap;
    }
    .selectProductPart div {   
        width: 49%;
        font-size: 12px;
        font-weight: normal;
        padding: 8px 5px; 
        margin-bottom: 5px;   
    }    
      
}

@media screen and (max-width: 600px) {
    
    .clientItem span {
        text-transform: uppercase;
        font-weight: bold;
        padding: 10px 10px;
        display: block;
        font-size: 11px;
    }
}


@media screen and (max-width: 1150px) {
    
    .footerItem {
        width: calc((100% - 350px) / 3.1);    
    }
}


@media screen and (max-width: 960px) {
    .footerItem {
        width: 30%;
        text-align: center;    
    } 
    
    .footerLogo {   
        width: 100%;
        text-align: center;
    }
    .footerLogo img {
        max-width: 200px;
    }
}

@media screen and (max-width: 650px) {
    .footerBlock {
         align-items: center;
    }
    .footerItem {
        width: 48%;
        text-align: center;    
    }  

    .footerLogo {   
        width: 48%;
        text-align: center;
    }       
}


@media screen and (max-width: 500px) {
    .footerBlock>div {
        width: 100%;
    }       
    .footerLogo img, .footerItem {
        padding: 20px 0px 20px;
    } 
}

@media screen and (max-width: 600px) {
    .breadcrumbs {
        overflow: scroll;
    }
        
    .breadcrumbs a:last-child, .breadcrumbs span {
        overflow: visible;

        white-space: nowrap;
        color: #545454; 
    }        
}

  
@media screen and (max-width: 1150px) {
    .productIconsMain, .productIconsOther {
        padding: 20px 0px;
    }  
    .productBuy {
        padding: 20px;
    }  
    .productFast {
        padding: 0px 20px 20px 20px;
    }
    .deliveryInfo .tabUl {
        margin: 40px 20px 20px;
    }  
}

@media screen and (max-width: 1020px) {
    
    .productBuy ,.productFast, .deliveryInfo {
        max-width: 350px;
        margin: auto;
    }     
    
    .productLayer>div {
        width: 49.5%;
    }    
    .productLayer {
        flex-wrap: wrap;
    }      
    
    .productIcons {
        order: 1;
        width: 100% !important;
        margin-top: 10px;
        
        display: flex;
        flex-direction: row-reverse;
        justify-content: space-between;   
        align-items: stretch;
        
        background: none;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
        border: none;                   
        
    } 
    .productIcons>div {
        width: 49.5%;
        border-bottom: none;
        padding: 20px 0px;
        
        background: #fff;
        -webkit-box-shadow: 0px 3px 5px -4px rgb(0 0 0 / 15%);
        -moz-box-shadow: 0px 3px 5px -4px rgb(0 0 0 / 15%);
        box-shadow: 0px 3px 5px -4px rgb(0 0 0 / 15%);
        border: 1px solid #eaeaea;          
            
    }  
        
    .productIconsOther {
        order: 1;
        width: 50%;
        display: none;
    }
    
    .productIconsOtherAllLink {
        display: block;    
    }
    
    .productButton {
        width: 130px;
    }    
    .productFastButton {
        padding: 10px 0px 11px;
        width: 130px;
    }
    .productFastPhone {
        width: calc(100% - 130px);
    }
    .deliveryInfo .tabUlContent {
        margin: 20px 20px 40px;
    }
    .productPrice {
        font-size: 20px;
    }
    .productIconsMain {
        display: flex;
        flex-direction: column;
        justify-content: center;   
        align-items: space-between; 
    }  

}
@media screen and (max-width: 650px) {
    .productLayer>div {
        width: 100%;           
    } 
    .productBuy ,.productFast, .deliveryInfo {
        max-width: 350px;
        margin: auto;
    } 
    
    .productIconsOther {
        order: 2;        
        display: block;
    } 
    .productIcons {
                          
        flex-direction: column;
        
        background: #fff;
        -webkit-box-shadow: 0px 3px 5px -4px rgb(0 0 0 / 15%);
        -moz-box-shadow: 0px 3px 5px -4px rgb(0 0 0 / 15%);
        box-shadow: 0px 3px 5px -4px rgb(0 0 0 / 15%);
        border: 1px solid #eaeaea;          
        
    }
    .productIcons>div {
        width: 100%; 
        
        background: none;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
        border: none;  
        border-bottom: 1px solid #eaeaea;       
    }
    .otherVariant {
        order: 0;
        border: none;
    } 
    .productIconsMain {
        order: 1;
        border: none;
    }
    .productImage {   
        margin-bottom: 10px;
    }     
    .productChar, .prdoctBrief {
        padding-top: 10px !important;
    }        
}
@media screen and (max-width: 400px) {
    .productPrice {
        text-align: center;
        width: calc(100% - 130px);
        font-size: 22px;
    }    
}
@media screen and (max-width: 800px) {
    .productInfo {   
        flex-direction: column;
        margin-top: 10px;
    } 
    .productInfo>div {
        width: 100%;
    } 
    .prdoctBrief {
        margin-bottom: 10px;
    }
    .productH2 {
        margin-bottom: 0px; 
        text-align: center;   
    }
    .prdoctBriefContent {
        margin-top: 10px;    
    }
    .briefOver {
        max-height: 200px;
        overflow: hidden;
        position: relative;
        
        -webkit-transition: max-height .3s ease;
        -moz-transition: max-height .3s ease;
        -o-transition: max-height .3s ease;
        transition: max-height .3s ease;         
        
    }
    
    .briefOver:after {
        content: "Развернуть";
        display: block;
        position: absolute;
        left: 0;
        bottom: 0;
        width: 100%;
        padding-top: 50px;
        height: 15px;
        color: #ff910f;
        z-index: 2;
        text-align: center;
        background: rgb(9,9,121);
        background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgb(255 255 255) 70%);
        text-transform: uppercase;   
    }


    .briefOverShow:after {
        display: none;
    }  
    

    .briefOverCatBrief:after {
        padding-bottom: 10px;
    }     
    
}
@media screen and (max-width: 1100px) {
    .listItem {
        flex: 0 0 50%;
        max-width: 50%;
    } 
}
@media screen and (max-width: 900px) {
    .categoryLayer {
        position: relative;
    }    
    .filterLayer {
        position: absolute;
        top: 0px;
        right: 0px;
        background: #fff;
        padding-bottom: 0px;
        border-left: 1px solid #eaeaea;
        width: 160px;  
    }       
    .filterH1 {
        background: #ff910f;
        color: #fff;  
        text-align: center;  
        height: 50px; 
        line-height: 50px;    
        padding: 0;
    }
    .filterH1 img {
        display: none;
    }
    .filterItem {
        display: none;
    }
    .listLayer {
        width: 100%;
    }
    
    .filterLayerShow {
        position: fixed;
        overflow: scroll;
        width: 100%;
        height: 100%;
        z-index: 20;
        text-align: left !important; 
    }
    .filterLayerShow .filterItem {
        display: block;
        max-width: 300px;
        margin: auto;        
    }
    .filterLayerShow .filterClose, .filterLayerShow .filterMake {
        display: block;  
    }
    .filterLayerShow .filterItemPanel {
        display: flex;     
        flex-direction: row;
        justify-content: space-around;   
        align-items: center; 
        margin-bottom: 20px;       
    }
    
    .filterLayerShow .filterH1 {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        z-index: 20;
    }
    
    .filterLayerShow .filterItemPanel {
        position: fixed;
        bottom: 0;
        left: 0;
        right: 0;
        width: 100%;           
        z-index: 20;
        margin: auto;
        padding-bottom: 10px;
        background: #fff;
        padding-top: 15px;            
        border-top: 1px solid #eaeaea;
    }
    .filterLayerShow .filterItem:nth-last-child(2) {
        margin-bottom: 80px;
    }
    
    .filterLayerShow .filterPanelPrice {
        margin-top: 40px;
    }
    
    .listH1 {
        height: 50px;
        line-height: 50px;
    }
    .filterInfo span {
        display: block;
    }
    .filterSelTitle {
        padding-top: 5px;
        display: none !important;    
    }
    
}

@media screen and (max-width: 570px) {
    .listH1 {
        padding-left: 10px;
    }
 
    .listSort {
        display: block !important;
        margin-left: 15px;    
    }  
}

@media screen and (max-width: 510px) {
    .listH1 {
        text-align: center;
        
        display: flex;
        flex-direction: row;
        justify-content: space-around;   
        align-items: center;  
        margin-top: 50px;        
        
    }    
    
    .listSort {
        float: none !important;    
    }
    .filterLayer {
        width: 100%;        
    }
    .filterH1 {   
        text-align: center;
    }
    .listSort {
        margin: 0;
    }
    .listItem {
        flex: 0 0 100%;
        max-width: 100%;
    }
}


@media screen and (min-width: 900px) {
    .filterMakeShow {
        position: absolute;
        top: 0;
        left: 0;
        display: block;
        padding: 5px; 
        z-index: 2;
    }    
}

@media screen and (max-width: 1000px) {
    .cartItemImg {
        display: none;
    }
    .cartItem {
        padding-left: 20px;
        padding-right: 20px;
    }
    
    .cartItemTitle {
        width: calc(100% - 210px);
    }
}
@media screen and (max-width: 850px) {
    .cartLayer {
        flex-direction: column;   
    }
    .cartItems {
        margin-top: 0px !important;
    }
    .cartLayer>div {
        width: 100%;      
        margin: 10px auto;
    } 
    .cartItemImg {
        display: block;
    }
    .cartItemTitle {
        width: calc(100% - 300px);
    }
}

@media screen and (max-width: 500px) {
    .cartItemImg {
        display: none;
    }
    .cartItem {
        padding-left: 20px;
    }
    
    .cartItemTitle {
        width: calc(100% - 180px);
    } 
    .cartItemPrice {
        font-size: 16px;
        width: 80px;
    }  
    .cartItemQty {
        width: 60px;
    } 
    .cartItemTitle {
        font-size: 13px;
    }
    .cartSumm {
        font-size: 16px;
    }
    .cartForm {
        padding: 20px 20px 40px;
    } 

}

@media screen and (max-width: 840px) {
    .categoryChildItem {
        flex: 0 0 50%;
        max-width: 50%;      
    }
}
@media screen and (max-width: 500px) {
    .categoryChildItem {
        flex: 0 0 100%;
        max-width: 100%;      
    }
}

/*phoneShow*/


@media screen and (max-width: 900px) {
    .phoneShow {
        left: -180px;
    }  
    .phoneShow:after {
        right: 23px;
        left: auto;
    } 
}

@media screen and (max-width: 740px) {
    .searchFormShow {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: #373737;
        z-index: 2;
        
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: flex-start;
        padding-top: 30px;   
        padding-right: 0px; 
        overflow: scroll;    
        
    }  
    .searchFormShow>div, .searchFormShow input {
        display: block;
        height: 30px;
    } 

    .searchFormShow img {
        height: 30px;
        display: none;
    }

    
    .searchFormShow .searchFormClose {
        display: block;
        position: fixed;
        top: 0px;
        right: 3px;
        width: 40px;
        height: 40px;
        border-bottom: none;
        
    }
    
    .searchFormClose:after {
        content: " ";
        display: block;
        position: absolute;
        top: 12px;
        left: 12px;
        border-top: 3px solid #ffffff;
        border-right: 3px solid #ffffff;
        width: 10px;
        height: 10px; 
        
        transform: rotateZ(45deg);
    }
    .searchFormClose:before {
        content: " ";
        display: block;
        position: absolute;
        top: 12px;
        left: 26px;
        border-top: 3px solid #ffffff;
        border-right: 3px solid #ffffff;
        width: 10px;
        height: 10px; 
        
        transform: rotateZ(225deg);
    }   
    
    .searchFastRes {
        display: none !important;
    }
          
    .searchFormShow .searchFastRes {
        display: block !important;
        height: auto;
        margin: auto;
        right: 0;
        top: 59px;
    }
    .searchFormShow .searchItemImg img {
        display: block;
        width: 100%;
        height: 100%;
    }
    .searchFormShow .searchFastRes {
        width: 260px;
    }
    
    
}


@media screen and (max-width: 600px) {
    .cartLayerPopup {
        max-height: 100%;
    }    
}

@media screen and (max-width: 850px) {
    .seeArrLeft {
        left: 0px;
    }
    .seeArrRight {
        right: 0px;
    }        
}


@media screen and (min-width: 740px) {
    .clientItem:hover div:before {
        opacity: 1;
        visibility: visible;
    }
    .clientItem:hover div:after {
        background-color: #0000005e;
    }
    
}


@media screen and (max-width: 600px) {
    .callbackPopup {
        max-height: 100%;
    }    
    .callbackOpt:after {
        position: fixed; 
        top: 0px;   
    }
    .clientItem div::before {
        display: none;
    }
    .categoryBrief {
        padding: 20px 20px 40px;
    }
    .categoryBrief li {
        margin-left: 10px;
        padding-left: 15px;
    }
}