@media screen and (max-width: 1050px) {
    .headTopRight {
        width: 14%;
    }
    .headTopLeft  {
        width: calc(85% - 40px);
    }
    .headTopMenu {
        width: calc(100% - 167px);
    }
}  

@media screen and (max-width: 1000px) {
    .c-hamburger {
        display: block;
    }
    .headTopMenu {
        display: none;
    }
    .headTopRight {
        width: 14%;    
    }
    .headTopLeft  {
        width: calc(80% - 40px);
    }
    .headCart {
        position: absolute;
        top: 98px;
        right: 30px;
    }
    .headTopLogin {
        max-width: 55px;
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
    }
    .headLineCenter {
        position: absolute;
        top: 14px;
        right: 0;
        left: 0;
        margin: auto;
        width: 45%;
    }
    .headSearch {
        width: 74%;
    }
    .headSearch form {
        width: calc(100% - 120px);
    }
}





@media screen and (max-width: 750px) {
    
    .headLineCenter {
        display: none;
    }  
    .headCatalog {
        display: none;
    }  
    .headSearch {
        width: 100%;
    }
    .headTopLeft {
        width: 100%;       
    }
    .headTopLogo {
        margin: 16px auto 4px;
    }
    .headTopRight { 
        display: none;    
    }
    .headSearch form {
        width: 100%;
    }
    .c-hamburger {
        position: absolute;
        top: 30px;
        left: 18px;
        width: 46px;
        height: 36px;
    }
    .c-hamburger span {
        top: 16px;
    }
    .c-hamburger span::before {
        top: -16px;
    }
     
    .c-hamburger span::after {
      bottom: -16px;
    }
    .headCart>span {        
        display: none;
    }
    .headCart {
        min-width: auto;
        right: 15px;
        top: 32px;
    } 
    .headCartNum span {
        font-weight: 300;
        font-size: 17px;
        line-height: 25px;
        width: 25px;
        height: 25px;
        top: -10px;
        right: -5px;        
    }
    .headCartNum {  
        width: 32px;
        height: 32px;
        background: url(../img/icons.svg) no-repeat -289px 0px;
        background-size: 363px;
    }
    .layer {
        width: calc(100% - 40px);
    }
    .headTopLogo {
        height: 60px;
        display: block;
    }
    .headTopLogo img {
        max-width: 85px;
        margin-top: 3px;
    }
    .headSearch input {
        font-size: 16px;  
        padding: 8px 8px;
    }
    
    
    
}

@media screen and (max-width: 1000px) and (min-width: 750px) {
    .headLayerShow .headLayer {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        overflow: auto;
        z-index: 10;
        background: #fff;
        display: flex;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: center;
        flex-wrap: nowrap;
        padding-bottom: 90px;
        padding-top: 60px;
    }  
    .headLayerShow .headLine, .headLayerShow .headTopRight, .headLayerShow .headTopLogo, .headLayerShow .c-hamburger {
        display: none;
    } 
    .headLayerShow .headTopMenu {
        display: block;
        text-align: center;
        position: absolute;
        top: 0px;
        left: 0;
        right: 0;
        bottom: 0;
        margin: auto;
        background: #fff;
        padding-top: 80px;
        z-index: 10;
        width: 100%;
        
    }
    .headLayerShow .headTopMenu a {
        display: block;
        font-size: 16px;
        line-height: 56px;
    }   
    

    .headLayerShow .headLayerTopClose {
        display: block;
        width: 100%;
        height: 60px;
        background: #ffffff;
        position: fixed;
        z-index: 11;
        top: 0;
        left: 0;
        
        background: #FBFBFB;
    }
    .headLayerShow .headLayerClose {
        display: block;
        position: fixed;
        top: 19px;
        right: 10px;
        z-index: 4;
        transform: scaleX(1.2);
        font-weight: bold;
        font-size: 22px;
        visibility: hidden;
        opacity: 0;
        -webkit-transition: opacity .3s ease, top .3s ease;
        -moz-transition: opacity .3s ease, top .3s ease;
        -o-transition: opacity .3s ease, top .3s ease;
        transition: opacity .3s ease, top .3s ease;
        width: 25px;
        height: 25px;
        z-index: 25;
        opacity: 1;
        visibility: visible;
    }
    .headLayerShow .headLayerClose:after {
        display: block;
        content: " ";
        position: absolute;
        top: 10px;
        left: 0;
        width: 25px;
        height: 3px;
        background: #7E4B9E;
        transform: rotateY(0deg) rotate(50deg);
    }
    .headLayerShow .headLayerClose:before {
        display: block;
        content: " ";
        position: absolute;
        top: 10px;
        left: 0;
        width: 25px;
        height: 3px;
        background: #7E4B9E;
        transform: rotateY(0deg) rotate(-50deg);
    } 
    
    body {
        -webkit-transition: opacity .3s ease;
        -moz-transition: opacity .3s ease;
        -o-transition: opacity .3s ease;
        transition: opacity .3s ease;        
    }
    .headLayerShow2 {
        opacity: 0;        
    }    
        
}


@media screen and (max-width: 750px) {   
    
    body {
        -webkit-transition: opacity .3s ease;
        -moz-transition: opacity .3s ease;
        -o-transition: opacity .3s ease;
        transition: opacity .3s ease;        
    }
    .headLayerShow2 {
        opacity: 0;        
    }
    .headLayerShow {
        position: fixed;
        top: 0;                          
        left: 0;
        width: 100%;
        height: 100%;
        overflow: auto;
        z-index: 10;
        background: #fff;
        display: flex;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: center;
        flex-wrap: nowrap;
        padding-bottom: 90px;
        padding-top: 60px;            
    }                     
    .headLayerShow .headTop {
        width: 100%;
    }
    .headLayerShow .headTopLogo, .headLayerShow .c-hamburger, .headLayerShow .headCart, .headLayerShow .headSearch {
        opacity: 0;
        visibility: hidden;
    }
    .headLayerShow .headSearch {
        display: none;
    }
    .headLayerShow .headLine {
        background: #fff0;
    }   
    .headLayerShow .headLineCenter {
        display: flex;
        width: 100%;
        position: initial;
        top: inherit;
        left: inherit;     
        
        position: fixed;
        bottom: 0;
        left: 0;
        right: 0; 
        background: #fff;  
        max-width: 400px; 
        
        background: #FBFBFB;
        padding: 0px 20px;   
    }
    .headLayerShow .headCatalog {
        display: block;
        width: 100%;
    }
    .headLayerShow .headCatalogButton {
        display: none;
    }
    .headLayerShow .headCatalogLayer {
        display: block;
        opacity: 1;
        visibility: visible;
        position: initial;
        top: inherit;
        left: 0;
        right: 0;
        box-shadow: 0px 4px 4px rgb(0 0 0 / 0%);
        margin: auto;
        padding-top: 20px;
    }
    .headLayerShow .headTopMenu {
        display: block;
        width: 100%;
        text-align: center;
        padding-top: 20px;
        text-align: left;
        width: 266px;
        margin: auto;
        padding-left: 60px;
    }
    .headLayerShow .headTopMenu a {
        display: block;
        line-height: 36px;
    }
    .headLayerShow .headTopLogo {
        display: none;
    }
    .headLayerShow .headLine>div {
        height: auto;
    }
    .headLayerShow .headLine {
        width: 100%;
        max-width: 500px;
    }
    .headLayerShow .headLine>.layer {
        width: 100%;
        
        flex-direction: column-reverse;
    }
    .headLayerShow .headLayerTopClose {
        display: block;
        width: 100%;
        height: 60px;
        background: #ffffff;
        position: fixed;
        z-index: 11;
        top: 0;
        left: 0;
        
        background: #FBFBFB;
    }

    
    

    .headLayerShow .headLayerClose {
        display: block;
        position: fixed;
        top: 19px;
        right: 10px;
        z-index: 4;
        transform: scaleX(1.2);
        font-weight: bold;
        font-size: 22px;
        visibility: hidden;
        opacity: 0;
        -webkit-transition: opacity .3s ease, top .3s ease;
        -moz-transition: opacity .3s ease, top .3s ease;
        -o-transition: opacity .3s ease, top .3s ease;
        transition: opacity .3s ease, top .3s ease;
        width: 25px;
        height: 25px;
        z-index: 25;
        opacity: 1;
        visibility: visible;
    }
    .headLayerShow .headLayerClose:after {
        display: block;
        content: " ";
        position: absolute;
        top: 10px;
        left: 0;
        width: 25px;
        height: 3px;
        background: #7E4B9E;
        transform: rotateY(0deg) rotate(50deg);
    }
    .headLayerShow .headLayerClose:before {
        display: block;
        content: " ";
        position: absolute;
        top: 10px;
        left: 0;
        width: 25px;
        height: 3px;
        background: #7E4B9E;
        transform: rotateY(0deg) rotate(-50deg);
    }    
    .headLayerShow .headTopRight {
        display: flex;
        position: fixed;
        left: 0px;
        top: 22px;
        z-index: 12;
        width: calc(100% - 40px - 0px);
        margin: auto;     
        max-width: 360px;
        right: 0px;
    }  
         
    .headLayerShow .headPhoneLayer {
        bottom: 100%;
        top: auto;
    }
}

@media screen and (max-width: 470px) { 
    .headLayerShow .headTopLogin {
        margin-right: 40px;
    }
}   
@media screen and (max-width: 400px) {    

    .headLayerShow .headTopRight {
        display: flex;
        position: fixed;
        left: 20px;  
        top: 22px;
        z-index: 12;
        width: calc(100% - 40px - 50px);
        margin: auto; 
        right: auto;
    }    
    .headLayerShow .headTopLogin {
        margin-right: 0px;
    }
}

/*FOOTER*/

@media screen and (max-width: 940px) { 
    .footerMenu {
        width: 100%;
        align-items: flex-start;
        margin-top: 50px;
    }  
    .footer .layer {
        max-width: 550px;    
    } 
    .footerLine .layer {
        max-width: 550px;        
    } 
    .footerMenuList span {
        font-weight: bold;
        font-size: 20px;
        line-height: 30px;
    } 
    .footerMenuList a {
        font-weight: normal;
        font-size: 16px;
        line-height: 30px;    
    }
    .footerLineLeft {
        font-weight: normal;
        font-size: 14px;
        line-height: 24px;
    }
    .footerLine a {
        height: auto;
        font-weight: normal;
        font-size: 14px;
        line-height: 24px;  
        bottom: inherit;      
    }

    .footerIcons {
        position: absolute;
        top: 0;
        right: 0;
    }
    .footerIcons>a {
        margin-bottom: 8px;
    }   
    .footerLogoText {
        display: none;
    }
    .footerLogo {
        width: 117px;
    }

}

@media screen and (max-width: 420px) { 
    .footerMenuList {
        width: 47%;
    }   
    .footerMenuList a {
        font-weight: normal;
        font-size: 14px;
        line-height: 30px;
    } 
    .footerMenuList span, .footerIcons>a {
        font-weight: bold;
        font-size: 16px;
        line-height: 30px;
    }
    .footerLogoText {
        display: none;
    }
    .footerLogo {
        width: 117px;
    }
}
@media screen and (max-width: 750px) { 
    .newsH1 {
        margin-top: 24px;
        margin-bottom: 42px;
    }
    .newsItem {
        width: 100%;
        margin-bottom: 42px;
    } 
    .newsItemTitle {
        margin-top: 16px;
        margin-bottom: 10px;
    }      
    .newsItemBrief {
        margin-bottom: 16px;  
    } 
    .newsItemButton {
        margin: auto;
        padding: 5px 0px;
    }
}

@media screen and (max-width: 500px) {   
    .newsItemButton {
        width: 100%;
    }
}

@media screen and (max-width: 750px) {  
    .newsBreadCrumbs {
        display: none;
    }  
    .newsPageImg  {   
        width: 100%;
        position: relative;
    }
   
    
    
    .newsPageImgWrap {
        padding-top: 49%;
    }
    .newsPageImgInner {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        overflow: hidden;
        background: aqua;
    }
    .newsPageImgInner img {        
        object-fit: cover;   
        height: 100%;
        width: 100%;
        -webkit-border-radius: 0px;
        -moz-border-radius: 0px;
        border-radius: 0px;
    }
    
    .newsPageTitle {
        margin: 32px 0px;
        font-weight: 500;
        font-size: 24px;
        line-height: 28px;        
    }
    .newsPageBrief {   
        font-weight: 300;
        font-size: 18px;
        line-height: 24px;    
    }
    .newsPageBrief h2 {
        margin: 24px 0px;
        font-weight: normal;
        font-size: 20px;
        line-height: 23px;
        text-transform: uppercase;        
    }
    .newsPageShare {
        width: 111px;
    }
    .newsPageShare a { 
        margin-left: 0px;          
    }
    .newsPageShare span {    
        width: 100%;  
        margin-bottom: 8px;
        display: block;
    }
    .newsPageShareLayer {
        margin-top: 56px;
    }
    
}


@media screen and (max-width: 900px) { 
    .regForm {
        justify-content: space-between;
    } 
    .regFormLine {
        width: calc(50% - 20px);
    }                       
    .regFormBottom {
        width: 100%;    
    }
}

@media screen and (max-width: 750px) { 
    .regTitle {
        padding: 24px 0px 8px;
    }
    .regBrief {
        margin-bottom: 32px;
    }
    .regFormLine {
        width: 100%;
    }   
    .regField {
        margin-bottom: 24px;
    }
    .regButton {
        width: 100%;
        margin-top: 48px;
        
        font-weight: 500;
        font-size: 24px;
        line-height: 28px;  
        margin-left: auto;
        margin-right: auto;
             
    } 
    .regFormLine:nth-child(2) {
        display: flex;
        flex-direction: column-reverse;
    }                                                                  
    .regFormLine:nth-child(2) .regField:nth-child(1) { order: 2; }
    .regFormLine:nth-child(2) .regField:nth-child(2) { order: 1; }
    .regFormLine:nth-child(2) .regField:nth-child(3) { order: 3; }
    
    .regFormBottom {
        flex-direction: column;
        align-items: flex-start;
    }
}
@media screen and (max-width: 900px) { 
    .accEditForm {
        width: 100%;      
    }
    .accContent {
        width: calc(100% - 210px);
        left: 210px;
    }
}
@media screen and (min-width: 750px) { 
    .accContentShow {  
        height: auto !important;   

    }       
}
@media screen and (max-width: 750px) { 
    .accLayer>a {
        float: none;
        background-color: #FBFBFB;
        width: 100%;
        
        font-weight: 500;
        font-size: 16px;
        line-height: 19px;  
        padding: 10px 30px 10px 40px;      
        
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;   
        margin-bottom: 4px;     
        
    }    
    .accLayer>a:before {
        bottom: 0;
        margin: auto;
        left: 8px;
        transform: scale(0.8);
    }
    
    .accLayer>a:after {
        content: " ";
        position: absolute;
        right: 13px;
        top: 0;
        bottom: 0;
        margin: auto;
        height: 16px;
        width: 16px;
        
        background: url(../img/icons.svg) no-repeat -106px -457px;
        filter: invert(79%) sepia(6%) saturate(0%) hue-rotate(151deg) brightness(86%) contrast(94%);
        
        -webkit-transition: filter .3s ease, transform .3s ease;
        -moz-transition: filter .3s ease, transform .3s ease;
        -o-transition: filter .3s ease, transform .3s ease;
        transition: filter .3s ease, transform .3s ease;        
        
    }   
    
    .accMenuActive:after { 
        filter: invert(82%) sepia(59%) saturate(2976%) hue-rotate(341deg) brightness(96%) contrast(95%) !important;
        transform: rotate(180deg);
    } 
    .accLayer {
        height: auto !important;
    }
    .accContent {
        min-height: auto;
        height: 0;                
        
    }
    .accContentShow {  
        position: initial;
        width: 100%;
        height: auto;     
        padding-bottom: 55px;
        padding-top: 15px;
        padding: 0;
    }
    .accContentLayer {
        margin: 24px 0px 48px;
    }
    .accTitle {
        font-weight: 500;
        font-size: 24px;
        line-height: 28px;
        padding: 24px 0px;
    }
    
    .accEditButton {
        width: 100%;
        margin-top: 48px;
        
        font-weight: 500;
        font-size: 18px;
        line-height: 21px; 
        margin-left: auto;
        margin-right: auto;
        padding: 10px 0px;
        margin-top: 33px;
             
    } 
    .accEditH2 {
        margin: 20px 0px 20px;
    }    
    .regFormSubs {
        margin-bottom: 20px;
    }
    body .accExit {
        width: 100%;
        text-align: center;
        color: #fff;
        font-weight: normal;
        font-size: 16px;
        line-height: 19px; 
        background: #ED2F3B !important; 
        margin-top: 24px;       
    }
    .accExit:after {
        display: none;      
    }
    .accExit:before {
        filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7467%) hue-rotate(22deg) brightness(117%) contrast(107%); 
        display: inline-block;
        position: relative !important;
        margin-top: -21px !important;
        margin-bottom: -9px !important;
        margin-right: 10px !important;
    }
    
}

@media screen and (max-width: 600px) { 
    .myfavItemImg {
        width: 40%;
    }    
    .myfavItemCenter {
        width: calc(60% - 30px);
    }
    .myfavItem {
        margin-bottom: 16px;
    }
    .myfavTop {
        margin-bottom: 30px;
    }

}

@media screen and (max-width: 750px) { 
    .myorderNumber {
        font-weight: 500;
        font-size: 18px;
        line-height: 21px;
    }  
    .myorderDate {
        font-weight: 300;
        font-size: 14px;
        line-height: 16px;
    } 

}

@media screen and (max-width: 1050px) {  
      
    .catalogMainList {
         display: grid;
         grid-template-columns: repeat(auto-fill, calc(33% - 20px));
         justify-content: space-between;    
    }       
      
}

@media screen and (max-width: 750px) {  
    .catalogMainList {
         display: grid;
         grid-template-columns: repeat(auto-fill, calc(50% - 10px));
         justify-content: space-between;    
    }           
    .catalogMainItem {  
        margin-bottom: 24px;
    }    
}
@media screen and (max-width: 500px) {  
    .catalogMainItemTitle {
        font-weight: 500;
        font-size: 18px;
        line-height: 21px;
    }   
    .catalogMainTitle {
        margin: 32px 0px 52px;
        font-weight: 500;
        font-size: 28px;
        line-height: 33px;        
    } 
}
@media screen and (max-width: 1200px) {  
    .prLeftGallery {
        width: 120px;
    }    
    .galleryBorder {
        width: 350px;
        height: 300px;
    }
    .prTopLeft { 
        width: 530px;
    }
    .galleryLayer {
        height: 100%;
    }
    .prTopLeft {
        height: 300px;
    }
    .prLeftGalleryItem {
        height: 150px;
    }
    .prTopRigth {
        padding-right: 0px;
        width: calc(100% - 550px);
    }
    .prVariant span {
        width: 100%;
        padding-bottom: 5px;
    }
    .prVariant div div { 
        line-height: 28px;
        font-size: 14px !important;    
    }
}

@media screen and (min-width: 1000px) {        
    .prTitle, .prSaveBlock, .prCode, .prStock {
        position: relative !important;
        top: auto !important;
    } 
    .prTopLayer {
        padding-top: 0px !important;
    }    
}
@media screen and (max-width: 1000px) {        
    .prTopLeft { 
        align-items: flex-start;
    }
    .prTopLayer {
        position: relative;
    }
    .prTop {
        margin-top: 16px;
        max-width: 500px;
    }   
    .productPage .newsBreadCrumbs {
        display: none;
    } 
    .prTitle {
        position: absolute;
        top: 0;
        left: 0;
        width: calc(100% - 120px);
        font-weight: 500;
        font-size: 28px;
        line-height: 33px;        
    }
    .prTopLayer {
        padding-top: 100px; 
    }    
    .prSaveBlock {
        position: absolute;
        top: 4px;
        right: 0;
    }
    .prSaveBlock div {
        width: 29px;
        height: 28px;
        overflow: hidden;
        color: #fff0;
    }
    .prSaveBlock div:before {
        width: 100%;
        height: 100%; 
    }
    .prSaveFav {
        margin-right: 35px;
    }
        
    .prSaveFav:before {
        background: url(../img/icons3.svg) no-repeat -1px -54px;     
    }
    .prSaveCompare:before {
        background: url(../img/icons3.svg) no-repeat -62px -54px;     
    }
    .prCode {
        position: absolute;
        top: 75px;
        left: 0;
        padding-left: 0px;
        
        font-weight: 500;
        font-size: 18px;
        line-height: 21px;
        padding-top: 0px;
    }
    .prStock {
        position: absolute;
        top: 75px;
        right: 0;
        padding-left: 0px;
        margin: 0px;    
        font-weight: normal;
        font-size: 18px;
        line-height: 21px;
    }
    .rateResult {
        float: left;
        margin-right: 20px;
        
    }
    .prLeftGallery {
        display: none;
    }
    .galleryBorder {
        width: 100%;
        height: 450px;
    }
    .prTopLeft {
        height: 500px;
        width: 100%;
        display: block;
    }
    
    
    .prTopRigth {
        width: 100%;
    }
    .prBuyBlock {      
        flex-direction: row-reverse;
        justify-content: space-between;
    }
    .flipdown {
        margin: 20px auto !important;
    }
    .prPrice {
        font-weight: bold;
        font-size: 40px;
        line-height: 47px;
    }
    .prPrice span {
        font-size: 32px;
    }
    .prBuyCount input {
        width: 200px;      
        font-weight: bold;
        font-size: 24px;
        line-height: 40px;
    }
        
    .prBuyPlus {
        position: absolute;
        top: 0;
        bottom: 0;
        right: 16px;
        width: 25px;
        height: 25px;                                             
        margin: auto;
        cursor: pointer;
        background: url(../img/icons3.svg) no-repeat -36px -90px;
    }
    .prBuyMinus {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 16px;
        width: 25px;
        height: 25px;                                             
        margin: auto;
        cursor: pointer;     
        background: url(../img/icons3.svg) no-repeat 0px -90px;
    }  
    .prVariant span {
        font-weight: 500;
        font-size: 18px;
        line-height: 21px;
        width: 110px;
        height: 100%;
        display: block;
        float: left;
    }  
    .prVariant {
        margin-top: 24px;
        margin-bottom: 0px;
    }
    .prVariant>div {
        width: calc(100% - 120px);
        
    }
    .prButtonBlock {
        margin-top: 24px;
    }
    .prButtonBlock {
        max-width: 100%;
    }
    .prBuyCount {
        margin-right: 0px;
    }
    .prVariant div div {
        font-weight: 500;
        font-size: 12px;
        line-height: 14px;
    }
    .galleryDot {
        display: flex;
        width: 100%;
        justify-content: center;  
    }
    .galleryDotItem {
        width: 16px;
        height: 16px;
        -webkit-border-radius: 50px;
        -moz-border-radius: 50px;
        border-radius: 50px;
        background: #383838;
        opacity: 0.2;
        margin: 9px 8px 0px;    
    }
    .galleryDotItemActive {
        background: #EFA123;
        opacity: 1;
    }

    
}

@media screen and (max-width: 400px) { 
    .rateResult {
        transform: scale(0.8);
        margin-right: 0px;
        width: 150px;
    }    
}


@media screen and (max-width: 550px) {     
    .galleryDot {
        padding-bottom: 27px;
        padding-top: 27px;   
    }
    .galleryBorder {
        width: 100%;
        height: 300px;
        margin-top: 20px;
    }  
    .prTopLeft {         
        height: 420px; 
        width: 100%;
    } 
    .prBuyBlockWithSale {
        margin-top: 30px;
    }
    .prPriceSale {
        margin: -130px auto 0px 0px;
        display: block;
        text-align: center;
    }
    .prPrice {
        width: calc(100% - 200px)
    }
}



@media screen and (max-width: 500px) {  
    .prButtonBlock div {
        width: 100%;
    }
    .prCartButton {
        margin-bottom: 16px;
    }    
}
@media screen and (max-width: 400px) { 
    .prBuyCount input {
        width: 150px;
    }    
    .prPrice {
        width: calc(100% - 150px)
    }
}
 

@media screen and (max-width: 900px) {
    .prCenterMenu {
        overflow: scroll; 
        display: block;
        white-space: nowrap;
    } 
    .prCenterMenu>div {
        display: block;
    }   
    .prCenterMenu>div>div {
        display: inline-block;
        white-space: nowrap;
    }
}
@media screen and (max-width: 750px) {
    
    .prCenter {
        margin-top: 48px;  
    }
    .prCenterContent {    
        margin-top: 48px;
    }
    .prCharBlock {
        margin-top: 32px;
    }
    .prCenterMenuItem {
        font-size: 20px;
        line-height: 24px;
        margin-right: 24px;
    }  
    .prCharCaption {
        margin-bottom: 24px;
    }
    .prCharItem {
        font-weight: 300;
        font-size: 20px;
        line-height: 23px;
    }
    .prCharBlock {
        width: 100%;
    }
}

@media screen and (max-width: 550px) {
    .prCharItem {
        font-weight: 300;
        font-size: 15px;
        line-height: 20px;
    }    
}


/*@media screen and (max-width: 500px) {
    .seeBackground {
        max-width: 400px;
        margin: auto;
    }    
}

@media screen and (max-width: 400px) {
    .seeBackground {
        margin-left: -10px;  
        max-width: auto;
    } 
}*/


@media screen and (max-width: 550px) {
    .seeDotList {        
        display: flex;
        width: 100%;
        justify-content: center;
    }
    .seeDotItem {
        width: 8px;
        height: 8px;
        -webkit-border-radius: 50px;
        -moz-border-radius: 50px;
        border-radius: 50px;
        background: #383838;
        opacity: 0.2;
        margin: 0px 4px;
    }
    .seeDotItemActive {
        background: #EFA123;
        opacity: 1;
    }  
    .OTHERDotList {        
        display: flex;
        width: 100%;
        justify-content: center;
    }
    .OTHERDotItem {
        width: 8px;
        height: 8px;
        -webkit-border-radius: 50px;
        -moz-border-radius: 50px;
        border-radius: 50px;
        background: #383838;
        opacity: 0.2;
        margin: 0px 4px;
    }
    .OTHERDotItemActive {
        background: #EFA123;
        opacity: 1;
    }    
}
@media screen and (max-width: 550px) {
    .seeBlock {
        margin-top: 88px;        
    }
    .seeBlockTitle {       
        font-weight: 500;
        font-size: 32px;
        line-height: 37px;
        margin-bottom: 30px;
    } 
    .OTHERBlock {
        margin-top: 88px;        
    }
    .OTHERBlockTitle {       
        font-weight: 500;
        font-size: 32px;
        line-height: 37px;
        margin-bottom: 30px;
    } 
    .goodTop {
        justify-content: flex-end;
    } 
    .goodCode {
        display: none;
    } 
    .goodTitleLayer {
        font-weight: 500;
        font-size: 20px;
        line-height: 28px;  
        height: 65px;      
    }
    .goodBuy {
        display: block;
        margin-top: -32px;
    }
    .goodItem:hover {
        height: 445px;
    }
    
    

    .goodImg {
        height: 270px;
    }
    .seeBackground {
        height: 535px;
    }
    .OTHERBackground {
        height: 535px;
    }
}
    

@media screen and (max-width: 1100px) {
    .goodList {
        grid-template-columns: repeat(auto-fill, calc(45%));
        justify-content: space-around;
    } 
}

@media screen and (max-width: 900px) {
    .catTitle {
        width: 100%;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        flex-wrap: wrap;
        margin-bottom: 11px;
    }
    .catTitle h1 {
        font-weight: 500;
        font-size: 22px;
        line-height: 26px;
        padding-right: 10px;
        max-width: calc(100% - 100px);
    }  
    .catTitle span {
        font-weight: 500;
        font-size: 14px;
        line-height: 16px;
    }   
    .catSort {
        width: 160px;
        max-width: 48%;    
    }
    .catSort select {
        -webkit-border-radius: 8px;
        -moz-border-radius: 8px;
        border-radius: 8px;        
        padding: 6px 10px;
        text-align: left;
        font-weight: 700;
        font-size: 15px;
        line-height: 19px;
        width: 100%;   
        background: url(../img/icons3.svg) no-repeat calc(139px) -112px;
        background-color: #FBFBFB;
        border: 1px solid #FBFBFB;
    } 
    .catTop {
        margin-top: 11px;
    }
    .categoryPage .newsBreadCrumbs {
        display: none;
    }
    
    .filterLayer {
        position: absolute;
        top: 0;
        right: 0;
        width: auto;
        padding: 0;
        max-width: 48%;
        width: 160px;
    }
    .filterLayer>div, .seopageFilterTitle {
        display: none;
    }
    .filterH1 {
        display: block !important;
        text-align: center;
        line-height: 31px;
        width: 160px;
        border: 1px solid #EFA123;
        font-weight: normal;
        font-size: 16px;
        -webkit-border-radius: 8px;
        -moz-border-radius: 8px;
        border-radius: 8px;
        color: #EFA123;
        max-width: 100%;
    }      
    .goodListLayer {
        width: 100%;  
    }         
    .goodList {      
        grid-template-columns: repeat(auto-fill, calc(31.1%));
        margin-top: 0px;
    }
    .goodList .goodItem {
        margin-top: 20px; 
    }
    .catContent {
        margin-top: 0px;
    }
}

@media screen and (max-width: 750px) {
     .goodListLayer {
        width: 100%;      
     }
    .goodList {      
        grid-template-columns: repeat(auto-fill, calc(45%));
    }        
}
@media screen and (max-width: 550px) {
    .goodList {      
        grid-template-columns: repeat(auto-fill, calc(100%));
        margin-top: 0px;
    }   
 
    .mainGoodList .goodItem:first-child {
        margin-top: 0px;
    }
    
    

     .goodCode {
        display: none;
    } 
     .goodTitleLayer {
        font-weight: 500;
        font-size: 20px;
        line-height: 28px;  
        height: 65px;      
    }
     .goodBuy {
        display: block;
        margin-top: -32px;
    }
  
    
     .goodBuy {
        font-size: 19px; 
        line-height: 42px;
        width: calc(100% - 210px);   
        margin-top: -37px;
        max-width: 170px;
    }   
     .goodTitleLayer span {
        font-weight: 500;
        font-size: 32px;
        line-height: 37px;        
    }
     .goodTitleLayer {
        height: 76px;
        margin-bottom: 35px;
    }
    .goodTop {
        justify-content: flex-end;
    }
     .goodSave {
        width: 80px; 
    } 
     .goodSaveFav {
        height: 26px;
        width: 32px;
        background: url(../img/icons3.svg) no-repeat 0px -54px;
    }
     .goodSaveCompare {
        height: 26px;
        width: 26px;
        background: url(../img/icons3.svg) no-repeat -65px -54px; 
    }
    
    .goodSave .inFav {
        background: url(../img/icons3.svg) no-repeat -116px -54px;
    }
    .goodSave .inCom {
        background: url(../img/icons3.svg) no-repeat -181px -54px; 
    }
    
    .prSaveBlock .inFav:before {
        background: url(../img/icons3.svg) no-repeat -117px -54px;
    }
    .prSaveBlock .inCom:before {
        background: url(../img/icons3.svg) no-repeat -178px -54px;
    }
    

    .goodItem:hover {
        margin-bottom: 0px;
    }
    
    .goodItem {
        height: 520px;
    } 
     .goodItem:hover {
        height: 520px;
    }   
                                   

}

@media screen and (max-width: 550px) and (min-width: 450px) {
    .goodAddReview {
        margin-top: -20px;
        display: block;
        margin-bottom: 20px;
        font-size: 14px;
    }
    .goodRateResult {
        margin-top: -20px;     
        margin-bottom: 20px;                      
    }       
}
   
@media screen and (max-width: 450px) {
    .goodItem {
        height: 500px;
    } 
     .goodItem:hover {
        height: 500px;
    } 
    .seeBackground {
        height: 535px;
    } 
    .OTHERBackground {
        height: 535px;
    }   
    .goodPriceLayer {
        width: auto;
        max-width: 210px;
        text-align: center;
        justify-content: center;
        margin: auto;
    }
    .goodTitleLayer {  
        margin-bottom: 5px;
    }
    .goodBuy {      
        width: 100%;
        margin: 10px auto 0px;
        float: none;
    }   
    .goodTitleLayer  {
        height: 60px;
    }
    .goodTitleLayer span {
        font-size: 24px;
        line-height: 30px;  
        text-align: center;
        width: 100%;
    }
    .goodRateResult {
        margin-left: auto;
        margin-right: auto;
    }
    .goodAddReview {
        margin: -4px 17px 10px;
        margin-left: auto;
        margin-right: auto;
        display: block;
        text-align: center;
    }
}
@media screen and (max-width: 380px) {
    .catSort select {              
        background: url(../img/icons3.svg) no-repeat calc(129px) -112px;   
        background-color: #FBFBFB;
        border: 1px solid #FBFBFB;
    } 
}
@media screen and (max-width: 900px) {
    .filterLayerShow {
        position: fixed;
        overflow: scroll;
        width: 100%;
        height: 100%;
        z-index: 20;
        text-align: left !important; 
        top: 0px !important;
        background: #fff;
        max-width: 100%;  
    }
    
    .filterLayerShow .filterItem, .filterLayerShow .seopageFilterTitle {
        display: block;
        max-width: 300px;
        margin-left: auto;        
        margin-right: auto;        
    }
    .filterLayerShow .filterClose, .filterLayerShow .filterMake, .filterLayerShow .filterMakeSearch {
        display: block;  
    }
    .filterLayerShow .filterItemPanel {
        display: flex;     
        flex-direction: row;
        justify-content: space-around;   
        align-items: center; 
        margin-bottom: 20px;       
    }
    .filterLayerShow .filterItemPanel div {
        width: 45%;      
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
        text-align: center;
        border: 1px solid #EFA123;
        font-weight: 500;
        font-size: 14px;
        line-height: 32px;
        cursor: pointer;
    }
    .filterLayerShow .filterMake, .filterLayerShow .filterMakeSearch {
        background: #EFA123;    
    }
    
    .filterLayerShow .filterH1 {
        display: none !important;
    }
    
    .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(3) {
        margin-bottom: 80px;
    }
    
    .filterLayerShow .filterPanelPrice {
        margin-top: 40px;
    }  
      
}     

@media screen and (max-width: 1050px) {
    .mainGoodList {
        grid-template-columns: repeat(auto-fill, calc(31.1%));
        justify-content: space-around;
    }
    .mainGoodList .goodItem:nth-child(7) { display: none; }
    .mainGoodList .goodItem:nth-child(8) { display: none; }      
}
@media screen and (max-width: 800px) {
    .mainGoodList {
        grid-template-columns: repeat(auto-fill, calc(48%));
        justify-content: space-around;
    }
    .mainGoodList .goodItem:nth-child(5) { display: none; }
    .mainGoodList .goodItem:nth-child(6) { display: none; }      
}
@media screen and (max-width: 550px) {
    .mainGoodList {
        grid-template-columns: repeat(auto-fill, calc(100%));
        justify-content: space-around;
    }                                                        
    
}


@media screen and (max-width: 600px) {
    .mainGoodTop {
        margin-top: 47px;
    }
    .mainGoodTitle {
        font-weight: 500;
        font-size: 28px;
        line-height: 33px;
        width: 100%;
        margin-bottom: 44px;
    }  
    .mainGoodMenu {
        width: 100%;
        position: relative;
        margin-bottom: 30px;      
        position: relative;
        padding-bottom: 8px;
        justify-content: space-around;
    }  
    .mainGoodMenuBorder {
        position: absolute;
        left: -20px;
        bottom: 0;
        width: calc(100% + 40px);
        height: 2px;
        background: #38383866;
    } 
    .mainGoodMenuLine {
        display: block;
        position: absolute;
        left: 0px;
        bottom: 0;
        width: 96px;
        height: 3px;
        background: #EFA123;
        z-index: 2;
        
        -webkit-transition: width .3s ease, left .3s ease;
        -moz-transition: width .3s ease, left .3s ease;
        -o-transition: width .3s ease, left .3s ease;
        transition: width .3s ease, left .3s ease;
    }
    
    .mainGoodMenu div {
        font-weight: 300;
        font-size: 22px;
        line-height: 26px;
        margin-right: 0px;
    }
    .mainGoodMenu div:after {
        display: none;
    }  
}

@media screen and (max-width: 450px) {
    .mainGoodMenu div {
        font-size: 16px;
    }    
} 

@media screen and (min-width: 1050px) {

    .uniLayer a img {
        -webkit-transition: transform .2s ease;
        -moz-transition: transform .2s ease;
        -o-transition: transform .2s ease;
        transition: transform .2s ease;    
    }
    .uniLayer a:hover img {
        transform: translate3d(0px, -8px, 0px);
    }    
}
@media screen and (max-width: 1050px) {
    .uniSmall a img {
        transform: scale(0.9);
        transform-origin: top left;
    }                  
    .uniBig img {
        transform: scale(0.9);
        transform-origin: top left;
    }       
    .uniSmall a { 
        height: 130px; 
        width: calc(50% - 15px);         
        margin-bottom: 30px;     
    } 
}

@media screen and (max-width: 900px) {
    .uniSmall a img {
        transform: scale(0.80);
        transform-origin: top left;
    }                  
    .uniBig img {
        transform: scale(0.80);
        transform-origin: top left;
    } 
    .uniSmall a span {
        font-weight: normal;
        font-size: 22px;
        line-height: 26px;
    }                    
    .uniBig span {
        font-weight: normal;
        font-size: 30px;
        line-height: 35px;
    }   
}



@media screen and (max-width: 750px) {
    .uniLayer {
        max-width: 420px;
        margin-left: auto;
        margin-right: auto;
    }
    .uniSmall, .uniBig {
        width: 100%;
    }   
    .uniSmall a img {
        transform: scale(0.75);        
    }                  
    .uniBig img {
        transform: scale(0.75);      
    } 
    .uniBig  { 
        height: 230px;   
        margin-bottom: 30px;
    }   
    .uniSmall a { 
        height: 106px;   
    }
    
    .uniSmall a span {
        right: 8px;
        bottom: 8px;    
    }
    
    .uniBig span {
        right: 16px;
        bottom: 8px;    
    }
}

@media screen and (max-width: 450px) {                       
    .uniBig img {
        transform: scale(0.65);
        left: -15px;     
    }   
    .uniSmall a { 
        height: 120px;   
    }     
}


/*-------------*/

@media screen and (max-width: 1050px) {
    .uniSmall2 a img {
        transform: scale(0.8);
        transform-origin: top right;
    }                  
    .uniBig2 img {
        right: -20px;
        transform: scale(0.9);
        transform-origin: top right;
    }       
    .uniSmall2 a { 
        height: 130px; 
        width: calc(50% - 15px);         
        margin-bottom: 30px;     
    } 
}

@media screen and (max-width: 900px) {
    .uniSmall2 a img {
        transform: scale(0.75);
        transform-origin: top right;
    }                  
    .uniBig2 img {
        transform: scale(0.75);
        transform-origin: top right;
    } 
    .uniSmall2 a span {
        font-weight: normal;
        font-size: 22px;
        line-height: 26px;
    }                    
    .uniBig2 span {
        font-weight: normal;
        font-size: 30px;
        line-height: 35px;
        bottom: 32px;
        padding-right: 20px;
    }   
}


       
@media screen and (max-width: 750px) {
    .uniLayer2 {
        max-width: 420px;
        margin-left: auto;
        margin-right: auto;
    }
    .uniSmall2, .uniBig2 {
        width: 100%;
    }   
    .uniSmall2 a img {
        transform: scale(0.75);        
    }                  
    .uniBig2 img {
        transform: scale(0.75);      
    } 
    .uniBig2  { 
        height: 230px;   
        margin-bottom: 30px;
    }   
    .uniSmall2 a { 
        height: 106px;   
    }
    
    .uniSmall2 a span {
        right: 8px;
        bottom: 8px;    
    }
    
    .uniBig2 span {
        right: 16px;
        bottom: 8px;    
    }
                                                             
    .uniSmall2 a:nth-child(3) img { right: -30px; top: 10px; opacity: 0.9; }
}

@media screen and (max-width: 450px) {                       
    .uniBig2 img {
        transform: scale(0.6);      
    }   
    .uniSmall2 a { 
        height: 120px;   
    }     
}

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

@media screen and (max-width: 750px) {  
    .bannerList {
        height: 250px;
    }        
}
@media screen and (max-width: 650px) {  
    .bannerList {
        height: 200px;
    }        
}


@media screen and (max-width: 800px) {
    .compareTitle {
        width: 220px;
        font-weight: 500;
        font-size: 20px;
        line-height: 28px;
    }    
    .compareTopRight span {
        font-weight: normal;
        font-size: 16px;
        line-height: 21px;
    }   
    .compareTopRight a {
        font-weight: 300;
        font-size: 16px;
        line-height: 21px;
    }
    .compareCat select {
        font-weight: normal;
        font-size: 18px;
        line-height: 21px;
    }
    .compareH2 {
        font-weight: 500;
        font-size: 18px;
        line-height: 28px;
    }
    .compareDifList div {
        font-size: 16px !important;
    }
    .compareTopRight {
        width: calc(100% - 250px);
    }
    .compareLeft {
        width: 250px;        
    }
    .compareRight {
        width: calc(100% - 250px);
    }
}
      

@media screen and (max-width: 700px) {
    .compareTopRight {
        display: block;
    } 
    .compareTopRight span {
        float: right;
    }   
    .compareTop {
        margin-bottom: 40px;
        position: relative;  
        margin-top: 24px;      
    }
    
    .compareTopRight a {
        position: absolute;
        left: 0;
        top: 35px;        
    }
    .compareCenter {
        justify-content: flex-end;
    }
    .compareLeft {
        width: 100%;
    }
    .compareCat select {                             
        background-color: #FBFBFB;
    }
    .compareCat, .compareH2, .compareDifList {
        margin-right: 0px;
    }
    .compareH2 {
        margin-top: 24px;
        margin-bottom: 16px;
    }
    .compareDifList div {
        width: 50% !important;
        margin-bottom: 30px;
    }
    .compareRight {
        width: calc(100% - 150px);
    }
    .compareLeftBrief {
        width: 150px;
    }
    .compareLeftBrief .flexBox div {
        padding-right: 5px;
    }
    
    .compareGood .goodImg {
        height: 120px;
    }
    .compareGood .goodTitleLayer span {
        font-weight: 500 !important;
        font-size: 16px !important;
        line-height: 19px !important;        
    }
    .compareGood .goodTitleLayer {
        height: 42px !important;
        margin: 8px 17px !important;
    }
    .compareGood .goodPrice {
        font-weight: bold;
        font-size: 18px;
        line-height: 21px;
    }
    .compareGood .goodPrice span {
        font-size: 16px;
    }
    .compareGood .goodPriceSale {
        
        font-weight: normal;
        font-size: 16px;
        line-height: 19px;
    }
    .compareGood .goodPriceSale span {
        font-size: 16px;
    }
    .compareGood .goodPriceSale:after {
        height: 1px;
    }
    .compareGood .goodSave {
        display: none;
    }
    .compareGood .goodBuy {
        font-weight: bold !important;
        font-size: 16px !important; 
        display: block !important;
        width: calc(100% - 34px) !important;
        margin: 15px auto 0px !important;
        float: none !important;  
        line-height: 33px !important; 
    }
}
      
@media screen and (max-width: 550px) {
    .compareLeftBrief {
        width: 100px;
    } 
    .compareLeftBrief {
        font-weight: 300;
        font-size: 13px;
        line-height: 20px; 
        
        margin-top: 20px;
    }  
    .compareRight {
        width: calc(100% - 100px);
    }
    .compareBrief {
        font-weight: 300;
        font-size: 13px;
        line-height: 20px;
        margin-top: 20px;
    }
    .compareBrief .flexBox {
        padding: 0px 5px;
    }
    .compareGood .goodBuy {
        width: calc(100% - 10px) !important;
    }
    .compareGood .goodTop {
        margin: 5px;
        justify-content: flex-start;
    }
    .compareGood .goodTitleLayer {
        margin: 8px 5px !important;
    }
    .compareGood .goodPriceLayer {
        margin: 0px 5px;
    }
    .compareGood .goodImg {
        height: 100px;
    }

    .compareDelete {
        transform: scale(0.7); 
    }
    
}



@media screen and (max-width: 1100px) {
    .cartItemContent {
        width: calc(100% - 260px);
    }    
    .cartItemImg {
        width: 200px;
    }
    .cartRight {
        width: 320px;
    }
    .cartLeft {
        width: calc(100% - 350px);
    }
    
}
@media screen and (max-width: 900px) {
    .cartItemContent {
        width: calc(100% - 220px);
    }    
    .cartItemImg {
        width: 160px;
    }
    .cartRight {
        width: 320px;
    }
    .cartLeft {
        width: calc(100% - 350px); 
    }
    .cartTop  {
        width: 100%;
    }
    
}    

@media screen and (max-width: 750px) {
    .cartLeft {
        width: 100%;
    }    
    .cartBackButton {
        display: none;
    }
    .cartRight {
        margin: 50px auto 0px;
        width: 100%;
        max-width: 550px;
    }
    .cartBank, .cartDelivery {
        max-width: 400px;
        margin-left: auto;
        margin-right: auto;
    }
    
    .cartTop  {
        margin-top: 24px;
    }
    .cartTitle {
        font-weight: 500;
        font-size: 24px;
        line-height: 28px;
    }
    .cartTitle span {
        display: none;
    }
    .cartDelivery>div {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        flex-wrap: wrap;
    }
    .cartDelivery>div>div {
        width: 48%;
    }
}

@media screen and (max-width: 450px) {
    .cartItemRight {
        width: 100%;
        flex-direction: row-reverse;
        margin-top: 15px;
    }  
    .cartItemRight a, .cartItemRight div {
        color: #38383866;
        text-decoration: underline;   
        background: none;
        width: auto;  
        font-weight: 300;
        font-size: 16px;
        line-height: 23px; 
        background: none !important;  
    }    
    .cartItemContent {
        width: calc(100% - 180px);
    }  
    .cartItem {
        border-bottom: none;
    }
    
    .cartDelivery>div {
        display: block;    
    }
    .cartDelivery>div>div {
        width: 100%;
    }
}

       


@media screen and (max-width: 1150px) {
    .cartFinishDeliveryList {
        padding-left: 0px;
    }  
    .cartFinishDeliveryItem div {
        margin-left: 36px;
    } 
    .cartFinishPage .cartContent {
        margin-top: 24px;
    } 
    .cartFinishPage .cartContent {
        width: 100%;
        max-width: 550px;
        margin-left: auto;
        margin-right: auto;
    }
    .cartFinishLeft {
        width: 100%;
    }
    .cartFinishRight {
        width: 100%;
    }

                                         
    .cartFinishDeliveryList>div label {
        font-size: 15px !important;
    } 
    .cartFinishDeliveryItem div {
        font-size: 13px;
        line-height: 18px;
    } 
    .cartFinishDeliveryItem .flexBox {
        height: 20px;
        width: 90px;
    }  
    .cartFinishDeliveryItem .flexBox img {
        max-height: 100%;
        max-width: 40px;   
    }
    .cartFinishDeliveryList>div {
        width: 30%;
    }
    .cartFinishPickupPoint>div {
        width: 48%;
    }
    .cartFinishPage input+label {
        background: none !important;
    }
    .cartFinishPage input+label::before {
        margin-right: 20px;
    }
    .cartFinishDeliveryItem div {
        margin-bottom: 10px;
    }
    .cartFinishForm {
        width: 100%;
    }
    .cartFinishFormLeft {
        font-weight: 300;
        font-size: 14px;
        line-height: 21px;
        width: 80px;
    }
    .cartFinishFormRight {
        width: calc(100% - 90px);
    }
    .cartFinishFormRight label {
        font-size: 14px;
    }
    .cartFinishSumm {
        padding: 24px 16px 24px 16px;
    }
}

                     
@media screen and (max-width: 600px) {
    .cartFinishDeliveryItem {
        width: 100% !important;
    } 
    .cartFinishPaymentList>div label {
        margin-bottom: 0px;
    }   
}
@media screen and (max-width: 550px) {
    .pagination {
        text-align: center;
    }
}

@media screen and (max-width: 1100px) {
    .favPageList .goodList {
        display: grid;
        grid-template-columns: repeat(auto-fill, calc(31.1%));
        justify-content: space-between;
        margin-top: 0px;
    }    
}
@media screen and (max-width: 850px) {
    body .favPageList {
        max-width: 700px;
        margin: auto;
    }
    .favPageList .goodList {
        display: grid;
        grid-template-columns: repeat(auto-fill, calc(49%));
        justify-content: space-between;
        margin-top: 0px;
    }        
}

@media screen and (max-width: 550px) {
    .favPageList .goodList {
        display: grid;
        grid-template-columns: repeat(auto-fill, calc(100%));
        justify-content: space-between;
        margin-top: 0px;
    }          
}

@media screen and (max-width: 410px) {
    .compareGood .goodBuy {
        font-size: 13px !important;
    }    
}
@media screen and (max-width: 450px) {
    .cartPopupItemImg {
        width: 30%;
    }    
    .cartPopupItemRight {
        width: 68%;
    }
    .cartPopupItemTitle {
        font-size: 20px;
        line-height: 24px;
    }
    .cartPopupItemPrice {
        margin: 11px 0px;
        font-weight: bold;
        font-size: 24px;
        line-height: 28px;
    }
    .cartPopupCount {
        width: 100%;
        max-width: 150px;
    }
    .cartPopupCount input {
        width: 100%;
        font-weight: bold;
        font-size: 24px;
        line-height: 40px;
    }
    .cartPopupPlus {
        position: absolute;
        top: 0;
        bottom: 0;
        right: 0px;
        width: 40px;
        height: 100%;
        margin: auto;
        cursor: pointer;
        background: url(../img/icons3.svg) no-repeat -33px -82px;
    }
    .cartPopupMinus {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0px;
        width: 40px;
        height: 100%;
        margin: auto;
        cursor: pointer;
        background: url(../img/icons3.svg) no-repeat 10px -82px;
    }
    
}


@media screen and (max-width: 1150px) {
    .uCatCol:nth-child(2) .uCatItem:nth-child(2) img {
        width: 85%;
        top: -15px;
    }    
}

@media screen and (max-width: 980px) {
    .uCatCol:nth-child(1) .uCatItem:nth-child(2) img {
        width: 76%;
        top: 0;
        bottom: 0;
        margin: auto;
    } 
    .uCatCol:nth-child(1) .uCatItem:nth-child(1) img {
        width: 100%;
        top: auto;
        bottom: 20px;
        margin: auto;
    }  
    .uCatCol:nth-child(2) .uCatItem:nth-child(1) img {
        width: 85%;
    } 
}
@media screen and (max-width: 880px) {
    .uCatCol:nth-child(1) .uCatItem:nth-child(1) {
        height: 320px;
    }  
    .uCatCol:nth-child(2) .uCatItem:nth-child(2) {
        height: 320px;
    }  
    .uCatCol:nth-child(2) .uCatItem:nth-child(2) img {
        top: -20px;
        width: 70%;
    }  
    .uCatCol:nth-child(1) .uCatItem:nth-child(1) img {
        bottom: 0px;
    }  
}
@media screen and (max-width: 750px) {
    .uCatCol:nth-child(1) .uCatItem:nth-child(1) img {
        left: -20px;
    }
    .uCatCol .uCatItem span {
        font-weight: normal;
        font-size: 32px !important;
        line-height: 38px !important;
    }  
    .uCatCol:nth-child(2) .uCatItem:nth-child(2) span {
        width: 183px;
    }
    .uCatCol:nth-child(2) .uCatItem:nth-child(2) img {
        top: -15px;
        width: 80%;
    }
}
@media screen and (max-width: 690px) {
    .uCatCol:nth-child(1) .uCatItem:nth-child(1) {
        height: 260px;
    }
    .uCatCol:nth-child(2) .uCatItem:nth-child(2) {
        height: 260px;
    }
    .uCatCol:nth-child(1) .uCatItem:nth-child(2) {
        height: 190px;
    }
    .uCatCol:nth-child(2) .uCatItem:nth-child(1) {
        height: 190px;
    }
}
@media screen and (max-width: 600px) {
    .uCatCol .uCatItem span {
        font-size: 28px !important;
        line-height: 32px !important;
    } 
    .uCatCol:nth-child(1) .uCatItem:nth-child(1) img {
        top: auto;
        bottom: 0px;
    }  
    .uCatCol:nth-child(1) .uCatItem:nth-child(1) span {
        width: 100%;
        text-align: right;
    }
    .uCatCol:nth-child(1) .uCatItem:nth-child(2) span {
        left: 26px;
    }
}

@media screen and (max-width: 540px) {
    .uCatCol {
        width: 100%;
    } 
    .uCatCol .uCatItem {
        height: 250px !important;
    }
    .uCatCol .uCatItem span {
        width: 100% !important;
        font-size: 28px !important;
        line-height: 42px !important;
    } 
    
    .uCatCol:nth-child(2) {
        display: flex;
        flex-direction: column-reverse;
    }
    
    .uCatCol:nth-child(1) .uCatItem:nth-child(1) span {
        width: 240px !important;
    }
    .uCatCol:nth-child(1) .uCatItem:nth-child(1) img {
        width: 65%;
    }   
    .uCatCol:nth-child(1) .uCatItem:nth-child(2) img {
        width: 76%;
        top: -20px;
        bottom: auto;
        margin: auto;
        right: -10px;
    } 
    .uCatCol:nth-child(1) .uCatItem:nth-child(2) span {
        width: 100px !important;
    }
    .uCatCol:nth-child(2) .uCatItem:nth-child(1) img {
        width: 75%;
        bottom: -21px;
    } 
    .uCatCol:nth-child(2) .uCatItem:nth-child(1) span {
        width: 180px !important;
    }
    .uCatCol:nth-child(2) .uCatItem:nth-child(2) img {
        width: 60%;
        right: 0px;
    }
    .uCatCol:nth-child(2) .uCatItem:nth-child(2) span {
        width: 183px !important;
    }
}
@media screen and (max-width: 650px) {
    .productFilesList, .productFilesYoutube {
        width: 100%;
    }    
}
@media screen and (max-width: 650px) {
    .productBriefLayerYoutube {
        height: 350px;
    }    
}
@media screen and (max-width: 450px) {
    .productBriefLayerYoutube {
        height: 200px;
    }    
}

@media screen and (max-width: 550px) {
    .bestFlagBlock {
        transform: translate(0px, -33px);    
    }    
    .newFlagBlock {
        transform: translate(0px, -33px);    
    }    
}
@media screen and (max-width: 450px) {
    .newFlagBlockPage, .bestFlagBlockPage {
        position: absolute;
        right: 0px;
        transform: translate(0px, 30px);  
    }    
}
@media screen and (max-height: 480px) {
    .reviewPopupLayer {
        height: 100%;
        overflow: auto;
    }
}

@media screen and (max-width: 580px) {
    .contactImg {
        flex-direction: column;
        align-items: flex-start;
    } 
    .contactImg>a {
        display: block;
        width: calc(100%);
        max-height: 350px;
    }  
    .contactImg a img { 
        margin-top: 20px;    
    }
    .contactImg {
        margin-bottom: 40px;
    }
    .contactImg>p {
        width: 100%;
    } 
}

@media screen and (max-width: 1050px) {
    .prInfoBlockItem  {
    width: 40%;     
    }   
    .prInfoBlockItem:nth-child(1), .prInfoBlockItem:nth-child(3)  {
        width: 55%; 
    }   
}
@media screen and (max-width: 800px) {
    .prInfoBlock {
        margin: 20px 0px 0px; 
    }  
}
@media screen and (max-width: 550px) {
    .notFoundLayerNum {
        font-size: 140px;
    }
    .notFoundText {
        font-size: 40px;
    }    
}


@media screen and (max-width: 1100px) {
    
    .mainSpecialItem {    
        height: 280px;
    }    
}

@media screen and (max-width: 670px) {
    .mainBrandItem {
        width: 45%;
        margin-bottom: 20px;
    }   
}
@media screen and (max-width: 470px) {
    .mainBrandItem {
        width: 45%;
    }   
    .mainBrandList {
        margin-top: 32px;
    }
}

@media screen and (max-width: 1050px) {
    .bundleProduct .goodTop {
        display: none;
    }
    .bundleProduct .goodTitleLayer span {
        font-size: 13px;
        line-height: normal;
    }
}

@media screen and (max-width: 900px) {
    .bundleProduct .goodAddReview {
        display: none;    
    }    
}
@media screen and (max-width: 800px) {
    .bundleInfo .bundlePrPrice {
        font-size: 22px; 
        line-height: normal; 
    }  
    .bundleInfo .bundlePrPriceSale {
        font-size: 15px; 
        line-height: normal; 
    }  
    .bundleProduct .goodImg {
        height: 80px;
    }  
    .bundleProduct .goodPrice {
        font-size: 15px; 
        line-height: normal; 
    }  
    .bundleProduct .goodPrice span {
        font-size: 15px; 
        line-height: normal; 
        padding-left: 0px;
    }  
}
@media screen and (max-width: 700px) {

    .bundlePlus {
        position: absolute;
        top: 0px;
        bottom: 0px;
        right: -12px;
        margin: auto;
        width: 16px;
        height: 16px;
        color: #7E4B9E;
        font-size: 28px;
        line-height: 16px;
        font-weight: bold;
        text-align: center;
    }    
}

@media screen and (max-width: 600px) {
    .bundleProduct .goodTitleLayer {
        display: none;
    }  
    .bundleProduct .goodPriceLayer {
        justify-content: center;    
    }  
    .bundleInfo .bundlePrPrice {
        font-size: 15px; 
        line-height: normal; 
    }  
    .bundleInfo .bundlePrPriceSale {
        font-size: 13px; 
        line-height: normal; 
    }  
    
    
    .bundleProduct .goodPrice {
        font-size: 13px; 
        line-height: normal; 
    }  
    .bundleProduct .goodPrice span {
        font-size: 13px; 
        line-height: normal; 
    }  
     
    .bundleProduct .goodImg {
        height: 60px;
    } 
    
    .bundleItemList {
        width: 75%;
    }
    .bundleInfo {
        width: 25%;
        text-align: center;
    }
    
    .bundlePlus {
        position: absolute;
        top: 0px;
        bottom: 0px;
        right: -12px;
        margin: auto;
        width: 16px;
        height: 16px;
        color: #7E4B9E;
        font-size: 20px;
        line-height: 16px;
        font-weight: bold;
        text-align: center;
    } 
}


@media screen and (max-width: 900px) {
    .bundleInfo {
        position: static;
    }    
    .bundleItem {
        position: relative;
        padding-bottom: 65px;
    }
    .bundleInfo .goodBuy {
        bottom: 10px;
    }
}
@media screen and (max-width: 550px) {
    .bundleInfo .goodBuy {
        height: 42px;
    }    
}