@media screen and (max-width: 1050px) {
    .layer {
        width: calc(100% - 24px);
    }    
}
@media screen and (max-width: 760px) {
    .layer {
        width: calc(100% - 20px);
    }           
}
@media screen and (max-width: 760px) {
    .headTopLayer {
        padding: 0px;
    }
    
    .langLayer {
        position: relative;
        width: 37px;
        height: 41px;
    }
    .langLayer>span {
        display: block;
        line-height: 41px;
        z-index: 11;
        position: relative;
    }
    .langAbsolute {
        display: block;  
        background-color: #fff;  
        overflow: hidden;
        height: 41px;
        width: 130px;
        position: absolute;
        top: 0px;
        left: -10px;
        transition: height .1s ease;
        padding-left: 10px;
        padding-right: 10px;  
    }
    .langAbsolute a:nth-child(1) {
        margin-top: 41px;
        border-top: 1px solid #cccccc;
    }
    
    .langAbsolute a:last-child {
        margin-bottom: 10px;
    }
    
    .langAbsoluteShow {
        box-shadow: 0px 0px 0px 5000px rgba(0,0,0,0.20);
        z-index: 10;
    }
    .langLayer:after {
        content: " ";
        position: absolute;
        top: 0px;
        bottom: 0px;
        right: 0px;
        margin: auto;
        background: url("../img/downArr.svg") 50% 50% no-repeat;
        width: 10px;
        height: 6px;
        z-index: 3;
        transition: transform .3s ease;
    }  
    .langLayerShow:after {
        transform: rotate(180deg);
        z-index: 10;
    } 
    .langLayer a {
        display: block;
        background: #fff;
        width: 37px;
        display: block;
        padding: 7px 0px 0px 0px;
        line-height: 14px;
        width: 100%;
        color: #999999 !important;
    }
    .langLayer a span {
        font-weight: normal;
        display: inline;
    }
    .langLayer .langAbsolute div {
        display: none;
    }
}
@media screen and (max-width: 760px) {   
    .phoneLayer {
        position: relative;
        width: 190px;
        height: 41px;
    }

    .phoneAbsolute {
        display: block;  
        background-color: #fff;  
        overflow: hidden;
        height: 41px;
        width: 180px;
        position: absolute;
        top: 0px;
        left: -10px;
        transition: height .1s ease;
        padding-left: 10px;
        padding-right: 10px;  
    }
    .phoneAbsolute a:nth-child(1) {
        border-bottom: 1px solid #cccccc;
    }
    
    .phoneAbsolute a:last-child {
        margin-bottom: 5px;
    }
    
    .phoneAbsoluteShow {
        box-shadow: 0px 0px 0px 5000px rgba(0,0,0,0.20);
        z-index: 10;
    }
    .phoneLayer:after {
        content: " ";
        position: absolute;
        top: 0px;
        bottom: 0px;
        right: 30px;
        margin: auto;
        background: url("../img/downArr.svg") 50% 50% no-repeat;
        width: 10px;
        height: 6px;
        z-index: 2;
        transition: transform .3s ease;
    }  
    .phoneLayerShow:after {
        transform: rotate(180deg);
    } 
    .phoneLayer a {
        display: block;
        background: #fff;
        width: 37px;
        display: block;
        line-height: 41px;
        width: 100%;
    }

    .phoneLayer .phoneAbsolute div {
        display: none;
    }
}
@media screen and (max-width: 760px) {  
    .regLayer {
        display: none;
    } 
    .regCartWall {
        display: none;
    } 
    .cartLayer {
        margin-top: 16px;
        right: 2px;
    }   
    .cartLayer span {
        line-height: 14px;
    }
}
@media screen and (max-width: 1000px) {
    .mobileMenu {
        display: block;
    } 
    .menuLayer {
        display: none;
    }  
    .menuBackground {
        width: auto;
    }
    .headSerachLayer {
        width: 100%;
    } 
}
@media screen and (max-width: 550px) {
    .headCatalog span {
        display: none;
    }    
    .headCatalog  {
        height: 27px;
        width: 20px;
        padding-left: 0px;
        margin-right: 40px;
    }  
    .mobileMenu span {
        display: none;
    }    
    .mobileMenu  {
        height: 27px;
        width: 20px;
        padding-right: 0px;
        margin-left: 40px;
    }  
    .headSearchInput {
        border: 1px solid #999999;
        padding-left: 9px;
        line-height: 27px;
        height: 27px;
    }  
    .headSearchInput:focus {
        border: 1px solid #999999;
        border-color: #41a0b3 !important;
        outline-width: thin !important;
    }
    .headSearchButton {
        transform: scale(0.8);
    }
    
    .headMiddleLayer {
        padding: 10px 0px;
    }
}
@media screen and (max-width: 1050px) {
    .catalogCat {
        width: 192px;
    }
    .catalogCatTitle {
        width: 192px;
    }
    .catalogChildLayer {
        left: 192px;
        padding: 30px 0px 8px 15px;
    }
    .catalogCatTitle {
        font-size: 14px;
    }   
    .catalogChildItem {
        font-size: 13px;
        margin: 10px 0px;
    } 
    .catalogChildLayerImg {
        min-width: 72px;
        min-height: 72px;
        width: 72px;
        height: 72px;
        
    }
    
    .catalogChildItem {
        width: calc(50% - 12px);    
    }
}
@media screen and (max-width: 750px) {
    .catalogLayer {
        top: 0px;
        left: 0px;
        width: 80%;
        max-width: 320px;
        z-index: 10;
        box-shadow: 0px 0px 5200.44px 400.56px rgba(0, 0, 0, 0.4);
        height: auto !important;
        min-height: 100%;
        position: fixed;
        max-height: 100%;
        overflow: auto;
    }
    .catalogLayerGrey {
        display: none;
    }
    .catalogLayerBackground {
        width: 100%;
    }
    .catalogTitle {
        margin-top: 52px;
        margin-bottom: 10px;
        padding-left: 47px;
    }
    .catalogTitle:after {
        left: 12px;
    }
    .catalogCat {
        width: 100%;
    }
    .catalogCatTitle {
        width: 100%;
    }
    .catalogChildLayer {
        position: inherit;
        padding: 0px;
        padding-bottom: 10px;
    }
    .catalogChildLayerImg {
        display: none;
    }
    .catalogChildItem {
        width: 100%;
        display: block;
        background: #00000000;
        margin: 3px 0px;
        padding-left: 35px;
        font-size: 12px;
        font-weight: 500;
    }
    .catalogCatTitle:after {
        transform: rotate(0deg);
        transition: transform .3s ease, visibility .5s ease;
    }
    .catalogCatActive .catalogCatTitle:after {
        transform: rotate(180deg);
    }
}
@media screen and (max-width: 550px) {
    .catalogTitle {
        margin-top: 38px;
        margin-bottom: 10px;
    }        
}
@media screen and (max-width: 1000px) {
    .menuLayer {
        position: fixed;
        top: 0px;
        right: 0px;
        width: 80%;
        max-width: 276px;
        height: 100%;
        display: block;
        background: #fff;
        z-index: 10;
        padding-right: 12px;
        padding-top: 70px;
        box-shadow: 0px 0px 0px 5000px rgba(0,0,0,0.4);
        opacity: 0;
        visibility: hidden;
        transition: opacity .3s ease, visibility .3s ease;
    }  
    .menuLayerShow {
        opacity: 1;
        visibility: visible;
        z-index: 20 !important;
    }
    
    .menuTopTitle {
        display: block;
        font-size: 14px;
        color: rgb(65, 160, 179);
        font-weight: bold;
        text-transform: uppercase;
        line-height: 18px;
        text-align: right;
        padding-right: 32px;
        position: relative;
        margin-bottom: 20px;
    }
    .menuTopTitle:after {
        content: " ";
        position: absolute;
        top: 0px;
        bottom: 0px;
        right: 1px;
        margin: auto;
        width: 20px;
        height: 20px;
        background: url(../img/catalogTitle.svg) 50% 50% no-repeat;
    }
    .menuLayer a {
        display: block;
        text-align: right;
    }
}

@media screen and (max-width: 760px) {
    .menuLayer {
        padding-left: 20px;
        padding-right: 10px;
        line-height: 30px;
    }
    .menuTopTitle {
        text-align: left;
    }
    .menuLayer a {
        text-align: left;
    }
    .menuReg {
        display: block;
        font-size: 13px;
        line-height: 16px;
        font-weight: 500;
        text-transform: none;
        font-size: 13px;
        font-weight: 500;
        background: #f8f8f8;
        position: absolute;
        width: 100%;
        left: 0px;
        padding-left: 20px;
        padding-top: 20px;
        margin-top: 20px;
        height: calc(100% - 200px);
        z-index: 18;
    }
    .menuReg a {
        display: inline;
        color: rgb(65, 160, 179);
    }    
}
@media screen and (max-width: 550px) {
    .menuLayer {
        padding-top: 57px;
    }    
}

@media screen and (max-width: 1350px) {
    .headBrandItem:nth-child(2) {
        margin-right: 0%;
    } 
    .headBrand {
        justify-content: space-between;
    }   
}
@media screen and (max-width: 1250px) {
    .headBrandTitle {
        width: auto;
    }  
    .headBrand {
        align-items: center;
        padding-left: 15px;
    }
    .headBrandLogo {
        margin-right: 0px;
        margin: 19px 0px;
    }
    .headBrandBrief span {
        display: none;
    }  
    .headBrandBrief a {
        display: none;
    }
    .headBrandTitle {
        line-height: 28px;
    }
    .headMiddleBackground {
        box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.1);
        z-index: 2;
        position: relative;
    }
}
@media screen and (max-width: 900px) {
    .headBrandTitle {
        width: 105px;
    }    
    .headLogo {
        width: 192px;
    }    
    .headBrand {
        width: calc(100% - 192px);
    }  
}

@media screen and (max-width: 720px) {
    .headerBotton>.layer {
        flex-direction: column;
        align-items: center;
    }  
    .headLogo {
        height: 82px;
        padding: 10px 0px;
        width: 100%;
    } 
    .headLogo img {
        max-width: 100%;
        max-height: calc(100% - 20px);
        right: 0px;
    } 
    .logoLayer {
        width: 5000px;
        right: -10px;
    }
    .headBrand {
        margin: 10px 0px;
        padding: 0px;
        width: 100%;
        justify-content: space-around;
    }
    .headBrandLogo {
        margin: 0px;
        padding: 0px;
        max-height: 60px;
        display: block;
    }
    .headBrandLogo img {
        max-width: 121px;
        max-height: 60px;
    }
    .headBrandTitle {
        font-size: 18px;
        width: auto;
        margin: 0px;
        padding: 0px;
        line-height: 1.2;
    }
}
@media screen and (max-width: 420px) {
    .headBrandTitle {
        width: 80px;
    }  
}
@media screen and (max-width: 370px) {
    .headBrand {
        justify-content: space-between;
    } 
}

@media screen and (max-width: 1000px) { 
    h1 {
        font-size: 21px;
    }
    .productCode {
        font-size: 12px;
    }
}
@media screen and (max-width: 700px) { 
    h1 {
        font-size: 16px;
        width: 100%;
    }
    .productCode {
        font-size: 12px;
    }
    .productBadgesLayer {
        margin-top: 10px;
    }
    .breadcrumbsLayer a {
        font-size: 10px;
    }
    .breadcrumbsLayer span {
        font-size: 10px;
    }
    .breadcrumbsLayer {
        margin-top: 20px;
        margin-bottom: 18px;
    }
    
}

@media screen and (min-width: 1250px) {
    .productGalleryBackground { 
        left: 0px !important; 
    }        
}
@media screen and (max-width: 1250px) {
    .productInfoTitle {
        font-size: 14px;    
    }
    .productSizeTitle {
        font-size: 13px;
        line-height: 24px;
    }
    .productSizePrice span {
        font-size: 11px;
        line-height: 24px;
    }
    .productSizePrice div {
        font-size: 16px;
        line-height: 24px;
    }
    

    .productSizePriceOutStock {
        font-weight: 400 !important;
        color: #000 !important;
        width: 100px !important;
        font-size: 12px !important;
    }    
    
    .productSizeItem {
        height: 24px;
        margin-bottom: 2px;
    }
    .productSizeDot {
        background: url(../img/dot.png) 0% 16px repeat-x;
        height: 24px;
    }
    .productChar {
        flex-wrap: wrap;   
    }
    .productCharBlock {
        width: 100%;
    }
    .productCharItem {
        margin-bottom: 5px;
    }
    .productCharTitle {
        font-size: 13px;
    }
    .productCharValue {
        font-size: 13px;
        font-weight: 500;
    }
    .productSize {
        margin-bottom: 20px;
    }
    .productInfo {
        width: calc(100% - 385px);
    }
    
    
    
    .productLeft {
        width: 360px;
        flex-direction: column-reverse;
    }
    .productMainImg {
        max-width: 360px;    
        max-height: 360px;    
    }
    .productGalleryLayer {
        width: 100%;
        height: 72px;
        margin-bottom: 25px;
    }
    .productGalleryUp {
        width: 15px;
        height: 72px;
        background: #fff url(../img/productGalleryUp2.svg) 1px 50% no-repeat;
        
        right: -1px;
        left: auto;
        transform: rotate(180deg);
    }
    .productGalleryDown {
        width: 15px;
        height: 72px;
        background: #fff url(../img/productGalleryUp2.svg) 0% 50% no-repeat;
        transform: rotate(0deg);
        
    }
    .productGalleryLayer {
        padding: 0px 25px;
    }
    .productGalleryBackground {
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        align-items: center; 
        flex-wrap: nowrap;  
        top: 0px !important;
        left: 15px;
        width: 1000px;
        height: 72px; 
    }
    .productGalleryItem {
        height: 72px;
        width: 82px;
    }
    .productGalleryItem img {
        max-width: 72px;
        max-height: 72px;
    }
    .productBuyPrice {
        font-size: 30px;
    }
    .productAddCart {
        padding: 0px 34px;
    }
    .productBuy {
        margin-top: 20px;
    }
    .productGalleryItem:after {
        width: 68px;
        height: 68px;
    }
    .productGalleryItem:before {
        width: 66px;
        height: 66px;
    }
}


@media screen and (max-width: 650px) {
    .productSizeDot {
        display: none;
    }
    .productCenter {
        flex-direction: column;
        justify-content: center;
        align-items: center;
    } 
    .productInfo {
        width: 100%;
        max-width: 100%;
        margin-top: 20px;
    }   

    .productCenter {
        margin-top: 10px;
    }
    
}

@media screen and (max-width: 380px) {
    .productLeft {
        width: 300px;
    }
    .productMainImg {
        max-width: 300px;
        max-height: 300px;
    }
    .productGalleryItem {
        height: 60px;
        width: 68px;
    }
    .productGalleryItem img {
        max-width: 60px;
        max-height: 60px;
    }
}

@media screen and (max-width: 800px) {
    .productPartTitle {
        font-size: 16px;
    }    
    
    .productReviewFormLeft {
        width: calc(50% - 12px);
    }
    .productReviewFormRight {
        width: calc(50% - 12px);
    }
    
    .productReviewFormTitle {
        font-size: 16px;
        margin-bottom: 12px;
    } 
    .productReviewFormRating div {
        top: 2px;
    }   
    .productReviewFormInput {
        margin-bottom: 11px;
    }
    
    .productReviewFormTextarea textarea {
        height: 160px;    
        display: block;
    }
    .productReviewForm {
        padding: 20px;
    }
    .productPartLayer {
        margin-bottom: 10px;
        
    }
    .reviewName {
        font-size: 16px;
    }    
    .reviewDate {
        font-size: 12px;
    }     
    .reviewRating {
        font-size: 16px;
    }    
    .reviewRatingText {
        margin-left: 10px;
    }
    .reviewText {
        font-size: 13px;
    }
    .reviewTop {
        padding-bottom: 8px;
        margin-bottom: 10px;
    }
    .reviewItem {
        margin-top: 30px;
    }
    .reviewText {
        font-size: 12px;
    }
}


@media screen and (max-width: 700px) {
    .productPartTitle {
        display: none;
        font-size: 16px;
        color: rgb(153, 153, 153);
        padding-top: 5px;
    } 
    .productPartMobile {
        display: block;
        font-size: 18px;
        color: #000;
        font-weight: bold;
        line-height: 1.2;
        margin-right: 40px;
        position: relative;
        cursor: pointer;
        font-size: 16px;
        
        
    } 
    
    .productPartMobile:before {
        content: " ";
        position: absolute;
        bottom: -6px;
        left: 0px;
        width: calc(100% + 10px);
        height: 4px;
        background: #fff;
    }
    .productPartMobile:after {
        content: " ";
        position: absolute;
        bottom: -6px;
        left: -10px;
        width: calc(100%);
        height: 3px;
        background: #8b3d78;
        
        border-left: solid 10px #fff;
    }  
    .productPartLayer {
        padding-bottom: 4px;
        
        position: relative;
    }
    .productPartLayer:after {
        content: " ";
        position: absolute;
        top: 8px;
        right: 0px;
        margin: auto;
        background: url(../img/downArr.svg) 50% 50% no-repeat;
        width: 10px;
        height: 6px;
        z-index: 3;
        transition: transform .3s ease;
    }
    
    .productPartShow .productPartTitle {
        display: block;
    } 
    .productPartShow .productPartLayer {
        flex-direction: column;
    } 
    
    
    .productPartShow .productPartTitleActive:after {
        display: none;
    } 
    .productPartShow .productPartTitleActive:before {
        display: none;
    } 
    .productPartShow .productPartMobile:after {
        display: none;
    } 
    .productPartShow .productPartMobile:before {
        display: none;
    } 
    .productPartShow .productPartLayer {
        border-bottom: none;
        background: #fff;
        box-shadow: 0px 0px 0px 5000px rgba(0,0,0,0.50);
        padding: 5px;
        margin-left: -5px;
        margin-top: -5px;
        width: calc(100% + 10px);
        align-items: normal;
        z-index: 10;
    } 
    
    .productPartShow .productPartLayer:after {
        right: 5px; 
        top: 13px; 
        transform: rotate(180deg);  
    }
    .productPartShow .productPartMobile {
        border-bottom: 1px solid #cccccc;
        padding-bottom: 4px;   
        display: block; 
        margin-right: 0px;
    }
    .productBrief {
        font-size: 12px;
    }
    .productReviewFormLeft {
        width: 100%;
    }
    .productReviewFormRight {
        width: 100%;
    }
    .productReviewForm {
        flex-wrap: wrap; 
        padding: 10px;
    }
    .productReviewFormButton {
        margin: auto;
        float: none;
        margin-bottom: 10px;
    }
    .reviewDate {
        font-size: 12px;
    }
}

@media screen and (max-width: 1300px) {
    .dayCaption {
        width: 25%;
    }
    .dayImg {
        width: 25%;
    }
    
    .dayInfo {
        width: 50%;
    }
}
@media screen and (max-width: 1230px) {
    .dayLayer {
        flex-wrap: wrap;
    }
    .dayCaption {
        width: 100%;
        justify-content: flex-start;
        padding: 5px 10px;
    }   
    .dayImg {
        width: 35%;
    }  
    .dayInfo {
        width: 65%;
    }   
    .dayBadgesLayer {
        top: 10px;
    }
    .dayTitle {
        font-size: 14px;
        min-height: auto;
        -webkit-line-clamp: 3;
    }
    .daySizeTitle {
        font-size: 13px;
        line-height: 20px;
    }
    .daySizeSale {
        font-size: 11px;
    }
    .daySizePrice {
        font-size: 16px;
    }
    
}
@media screen and (max-width: 1050px) {
    .dayInfoLayer {
        width: 40%;
    }   
    .daySize {
        width: 60%;
    } 
}
@media screen and (max-width: 700px) {
    .dayLayer {
        max-width: 410px;
    }
    .dayCaption {
        justify-content: center;
        flex-direction: column;  
        font-size: 16px;      
    }
    .dayCaption img {
        width: 42px;
        display: block;
        margin-right: 0px;
    }
    .dayImg {
        width: 100%;
        height: 140px;
    }
    .dayInfo {
        width: 100%;
        flex-wrap: wrap;
        position: relative;
        padding: 15px 20px;
    }
    .dayInfoLayer {
        width: 100%;
        background: url("../img/dayDot.png") 100% 100% repeat-x;
        min-height: auto;
        margin-bottom: 5px;
        padding-bottom: 8px;
    }
    .daySize {
        width: 100%;
        padding-bottom: 30px;
        padding-left: 0px;
    }
    .daySizeItem {
        margin: 7px 0px;
    }
    .dayButton {
        position: absolute;
        bottom: 10px;
        left: 0px;
        right: 0px;
        margin: auto;
        width: 160px;
    }
}


@media screen and (max-width: 1170px) {
    .footerMenu {
        width: 540px;
    }    
    
    .footerMenu a {
        font-size: 12px;    
    }
    .footerSale {
        font-size: 12px;          
    }
    .footerTop {
        padding: 20px 0px;
    }
}
@media screen and (max-width: 730px) {
    .footerLayer {
        margin-top: 20px;
    }
    .footerTop {
        flex-direction: column-reverse;
        flex-wrap: wrap;
    }  
    .footerMenu {
        width: 100%;
    }  
    .footerSale {
        width: 100%;
        padding-bottom: 10px;
        border-bottom: 1px solid #5c5c5c;
        text-align: center;
        margin-bottom: 10px;
    }
    .footerTop {
        padding: 20px 0px 0px;
    }
    .footerMenu {
        flex-wrap: wrap;
        margin: 0 -10px;
        justify-content: center;
        position: relative;
        left: 10px;
    }
    .footerMenu a {
        white-space: nowrap;
        margin: 0 10px;
        margin-bottom: 10px;
    }
}
@media screen and (max-width: 1250px) {
    
    .footerMiddleLeft {    
        width: 420px;    
    } 
    .footerPhoneLayer {
        width: 235px;
        flex-direction: column;
        align-items: flex-start;
    }
    .footerPhone {
        flex-direction: column;
        width: 100%;
    }
    .footerPhone a {
        width: 100%;
        margin-bottom: 10px;
        justify-content: flex-end;
    }  
    .footerPhone a img {
        margin-right: 10px;
    }
    .footerNetwork {
        margin-left: 5px;
        width: 40px;
    }
}
@media screen and (max-width: 730px) {
    .footerMiddle {
        flex-wrap: wrap;
        padding-top: 10px;
    }   
    .footerMiddle * {
        flex-wrap: wrap;
    }    
    .footerMiddleLeft {
        width: 100%;
        border-bottom: 1px solid #5c5c5c;
        padding-bottom: 10px;
        margin-bottom: 10px;
    }    
    .footerPhoneLayer {
        width: 100%;
        height: auto;
        
    }    
    .footerPhone {
        width: 100%;
        flex-direction: row;
        justify-content: center;
        
        margin: 0 -10px;
        position: relative;
        left: 0px;
    }
    .footerPhone a {
        width: auto; 
        margin: 0 10px 10px;   
    }
    .footerLogo {
        text-align: center;
        width: 100%;
        margin-bottom: 20px;
    }
    .footerPhoneLayer {
        align-items: center;
    }
    .footerNetwork {
        margin: 0px;
        width: 70px;
    }
    .footerNetwork a {
        width: 50%;
    }
    .footerBrand {
        width: 100%;
        justify-content: space-around;
    }
    .footerMiddle {
        padding-bottom: 10px;
    }
}
@media screen and (max-width: 1200px) {
    .footerBottom .footerBottomItem:nth-child(6) {
        display: none;
    }   
    .footerBottom .footerBottomItem:nth-child(5) {
        display: none;
    }   
    .footerBottomItem {
        width: 25%;
    } 
}
@media screen and (max-width: 730px) {
    .footerBottom .footerBottomItem:nth-child(4) {
        display: none;
    }   
    .footerBottom .footerBottomItem:nth-child(3) {
        display: none;
    }
    .footerBottom {
        flex-direction: column;
        width: 100%;
    }    
    .footerBottomItem {
        width: 100%;
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: flex-start;
        flex-wrap: wrap;
        
        margin: 0 -5px;
        position: relative;
        left: 10px;
        margin-bottom: 10px;
    } 
    .footerBottomItem a {
        margin: 0px 5px;
    }
}

@media screen and (max-width: 1100px) {
    :root {
      --mPercent: 1%;
    }
    .cartCaption {
        font-size: 21px;
    }
    .mainBrief h1 { 
        font-size: 21px;
    }
    .cartImg {
        width: 180px;
    }
    .cartInfo {
        width: calc(100% - 180px);
    }
    .cartItem {
        height: 110px;
    }
    .cartTitle {
        font-size: 16px;
        width: 240px;
    }
    
    .cartInfoLeft i {
        display: block;
        max-width: 240px;
    }
    .cartPriceOne {
        font-size: 16px;
    }
    .cartBuyCount input {
        font-size: 16px;
    }
    .cartPriceAll {
        font-size: 19px;
        width: auto;
    }
}
@media screen and (max-width: 730px) {
    .cartCaption {
        font-size: 16px;
        margin-bottom: 20px;
    }
    
    .mainBrief h1 {    
        font-size: 16px;
        margin-bottom: 20px;
    }
    .cartItem {
        height: auto;
        align-items: stretch;
    }
    .cartImg {
        width: calc(50% - 10px);
        min-height: 100%;
    } 
    .cartInfo {
        width: calc(50% + 10px);
        flex-wrap: wrap;
        padding: 10px;
        position: relative;
    }   
    .cartInfoLeft {
        width: 100%;
    }
    .cartTitle {
        width: 100%;
        font-size: 14px;
        margin-bottom: 7px;
    }
    .cartPriceOne {
        width: 100%;
        background: url(../img/dayDot.png?t=1) 100% 100% repeat-x;
        margin-bottom: 10px;
        padding-bottom: 10px;
    }
    .cartDelete {
        position: absolute;
        top: 10px;
        right: 10px;
        margin: auto;
        transform: scale(0.8);
    }
}

@media screen and (max-width: 730px) {
    .cartFunction {
        flex-wrap: wrap;
        
    }
    .cartClear {
        width: 100%;
        font-size: 12px;
        line-height: 1.2;
        background: url(../img/dayDot.png?t=1) 100% 100% repeat-x;
        margin-bottom: 20px;
        padding-bottom: 20px;
    } 
    .cartSum {
        width: 100%;
        text-transform: uppercase;
    }
    .cartSumTitle {
        font-size: 14px;
        line-height: 1.2;
        width: 140px;
    } 
    .cartSumValue {
        font-size: 30px;
        line-height: 36px;
        text-align: right;
    }  
}
@media screen and (max-width: 1000px) {
    .cartFormCaption {
        font-size: 16px;
    }   
    .cartInput {
        margin-bottom: 10px;
    } 
    .cartInput>div {
        font-size: 14px;
        width: 168px;
    }
    .cartInput>input {
        width: calc(100% - 168px);
    }
    .cartInput textarea {
        width: calc(100% - 168px);
    }
    .cartInput select {
        width: calc(100% - 168px);
    }
    .cartInputRadioLayer {
        width: calc(100% - 168px) !important;
        
    }
    .cartInputRadioLayer label {
        font-size: 14px;
    }
}
@media screen and (max-width: 770px) {
    
    .cartInputRadioLayer label {
        font-size: 12px;
    }
}
@media screen and (max-width: 730px) {
    .cartForm {
        flex-wrap: wrap;
    }  
    .cartFormColumn {
        width: 100%;
    }  
}
@media screen and (max-width: 500px) {
    .cartInput {
        flex-wrap: wrap;        
    }    
    .cartInput>div {
        width: 100%;
    }
    .cartInput>input {
        width: calc(100%);
        line-height: 27px;
    }
    .cartInput textarea {
        width: calc(100%);
        line-height: 27px;
    }
    .cartInput select {
        width: calc(100%);
        
        padding: 6px 18px;
    }
    .cartInputRadioLayer {
        width: calc(100%) !important;
        
    }
    .cartInputRadioLayer label {
        font-weight: 500;
    }
    .cartForm {
        margin-top: 10px;
    }
    
    .cartInput textarea {
        height: 80px;    
    }
    .cartInput {
        margin-bottom: 5px;
    }
    
}

@media screen and (max-width: 730px) {
    .cartBottom {
        flex-direction: column-reverse;
        justify-content: center;
        align-items: center;
    }
    .cartAttention {
        width: 300px;
        text-align: left;
    }
    .cartSend {
        width: 300px;
        text-align: center;
    }
}

@media screen and (max-width: 1100px) {
    .catH1 {    
        font-size: 21px; 
        margin-bottom: 30px;   
    }
    .pageH1 {    
        font-size: 21px; 
        margin-bottom: 30px;   
    }
}
@media screen and (max-width: 730px) {
    .catH1 {    
        font-size: 16px; 
        margin-bottom: 20px;   
    }
       
    .pageH1 {    
        font-size: 16px; 
        margin-bottom: 20px;   
    }
        
}

@media screen and (max-width: 1250px) {
    .catSortTitle {
        font-size: 14px;
        display: inline-block;
        padding-bottom: 10px;
    }  
    .catSortValue {
        display: block;
    } 
    .catSortValue {
        font-size: 13.336px;
        font-family: "Ubuntu";
        color: rgb(0, 0, 0);
        line-height: 1.2;
        color: #000;
        font-weight: 500;
        position: relative;
        display: inline-block;
    }

    .catSortValue:before {
        content: " ";
        position: absolute;
        bottom: -9px;
        left: 0px;
        width: calc(100% + 10px);
        height: 4px;
        background: #fff;
    }
    .catSortValue:after {
        content: " ";
        position: absolute;
        bottom: -9px;
        left: -10px;
        width: calc(100%);
        height: 3px;
        background: #8b3d78;
        
        border-left: solid 10px #fff;
    }
    .catSortLayer {
        display: block;
    }
    .catSortLayer a {
        display: block;
        padding: 0px;
        margin: 4px 0px;
    } 
    .catSortLayer .catSortActive {
        font-size: 13.336px;
        color: rgb(87, 87, 86);
        line-height: 1.2;
        font-weight: 400;
    }
    .catSortLayer .catSortActive:after {
        display: none;
    }
    .catSortLayer .catSortActive:before {
        display: none;
    }
    .catSort {
        position: relative;
        height: 24px;
    }
    .catSortLayer {
        position: absolute;
        left: -10px;
        top: -10px;
        width: calc(100%);
        background: #fff;
        padding: 10px 10px 5px 0px;
        margin-left: 10px;
        z-index: 1;
        height: 35px;
    }
    .catSortLayerShow {
        box-shadow: 0px 0px 0px 5000px rgba(0,0,0,0.4);
        height: auto;
        padding-left: 10px;
        margin-left: 0px;
        width: calc(100% + 20px);
        z-index: 2;
    }
    .catSortLayer a {
        display: none;
    }
    .catSortLayerShow a {
        display: block;
    }
    .catSortLayerShow .catSortValue:after {
        display: none;
    }
    .catSortLayerShow .catSortValue:before {
        display: none;
    }
    .catSortLayerShow a:nth-child(3) {
        border-top: 1px solid #cccccc;
        padding-top: 7px;
    }
    .catSortLayerShow .catSortTitle {
        padding-bottom: 3px;
        margin-top: 0px;
    }
    
    .catSortLayer:after {
        content: " ";
        position: absolute;
        top: 18px;
        right: 5px;
        margin: auto;
        background: url(../img/downArr.svg) 50% 50% no-repeat;
        width: 10px;
        height: 6px;
        z-index: 3;
        transition: transform .3s ease;
    }
    .catSortLayerShow:after {
        transform: rotate(180deg);
        right: 15px;
    }
    
    .catRight {
        padding-left: 0px;
        width: calc(100% - 294px);
    }
    .catH1 {
        margin-bottom: 20px;
    }
    .pageH1 {
        margin-bottom: 20px;
    }
}


@media screen and (max-width: 900px) {
    .catLeft {
        width: 192px;
    }   
    .catRight {
        width: calc(100% - 192px - 15px);
        margin-left: 15px;
    } 
}


@media screen and (max-width: 730px) {
    .catLeft {
        display: none;
    }   
    .catRight {
        width: 100%;
        margin-left: 0px;
    }  
    .catSortTitle {
        font-size: 12px;
    }  
    .catSortValue {
        font-size: 12px;
    }  
    .catSortLayer a {
        font-size: 12px;
    }  
    
}


@media screen and (max-width: 1250px) {
    .filterH1 {
        top: -2px;
        font-size: 16px;
    }   
    .filterSelLayer {
        padding: 10px 15px;
        margin-bottom: 20px;
    } 
    .filterSelCaption {
        font-size: 14px;
    }
    .filterSelTitle {
        font-size: 12px;
        margin-top: 10px;
        margin-bottom: 5px;
    }
    .filterSelValue {
        font-size: 12px;
    }
    .filterSelValue span {
        transform: scale(0.9);
        padding-left: 18px;
    }
    .filterSelClear {
        font-size: 12px;
        margin-top: 10px;
    }
    .filterTitle {
        font-size: 14px;
        margin-bottom: 10px;
    }
    .filterPriceWidget {
        position: relative;
        top: -5px;
    }
    .irs--round {
        height: 35px !important;
    }
    .filterPanelPrice {
        margin-bottom: -10px;
    }
    .filterItem {
        margin-bottom: 20px;
    }
    .filterValue {
        font-size: 12px;
    }
    .filterValue a span {
        font-size: 12px;
    }
    .filterHiddenMany {
        font-size: 12px;
    }
    .filterMake {
        font-size: 12px;
        right: -114px;
    }
    .filterMake:before {
        top: 3px;
    }
    .filterPriceInput input {
        font-size: 12px;
        line-height: 17px;
    }
}
@media screen and (max-width: 730px) {
    .catLayer {
        flex-direction: column;
    }
    .catLeftMobile {
        display: block;
        width: 100%;
        min-height: 30px;
    } 
    .filterSelCaption {
        margin-bottom: 10px;    
    }
    .catLeftShow .filterH1 {
        margin-bottom: 10px;
    }
    .filterSelTitle {
        display: inline-block;
        margin: 0px;
        margin-right: 10px;
    } 
    .filterSelValue {
        display: inline-block;
        padding-left: 20px;
        margin-right: 5px;
    }  
    .filterSelValue span {
        top: 0px;
    } 
    .filterMobileCaption {
        font-size: 14px;
        color: rgb(0, 0, 0);
        font-weight: bold;
        text-transform: uppercase;
        padding-left: 22px;
        background: url(../img/filterMobileCaption.svg) 0% 50% no-repeat;
        display: inline-block;
    }
    .filterSelLayer {
        margin-top: 10px;
    }
    .catLayer {
        position: relative;
    }
    .catLeft {
        max-width: calc(100% - 93px);
        position: absolute;
        left: 0px;
        top: -12px;
        width: 90%;
        display: block;
        background: #fff;
        z-index: 50;
        padding: 14px 10px 10px 10px;
        box-shadow: 0px 0px 5200.44px 4000.56px rgba(0, 0, 0, 0.6);
        opacity: 0.7;
        transition: opacity .3s ease, visibility .3s ease, left .3s ease;
        opacity: 0;
        visibility: hidden;
        left: -10px;
    }
    .catLeftShow {
        opacity: 1;
        visibility: visible;
        left: -10px;
    }
    .filterH1 {
        font-size: 14px;
        padding-bottom: 0px;
        margin-bottom: -2px;
        border-bottom: none;
        padding-left: 22px;
    }
    .filterH1:after {
        content: " ";
        position: absolute;
        top: 0px;
        bottom: 0px;
        left: -2px;
        margin: auto;
        width: 20px;
        height: 20px;
        background: url(../img/catalogTitle.svg) 50% 40% no-repeat;
    }    
    
    .filterH1 div:before {
        display: none;
    }
    .filterH1 div:after {
        display: none;
    }
    
    .filterSelBoth {
        display: block;
    }
    
}


@media screen and (max-width: 1250px) {
    .helpfulCaption {
        font-size: 16px;
    }    
    .helpfulItem {
        font-size: 13px;
    }
}

@media screen and (max-width: 730px) {
    .helpfulLayer {
        display: none;
    }    
}

@media screen and (max-width: 1250px) {
    .goodItem {
        width: 168px;
        margin-bottom: 20px;
        min-height: 386px;
    }
    .goodTmp {
        width: 168px;   
    }
    .goodImg {
        height: 168px;
    }
    .goodButton {
        width: 145px;
        padding: 0px;
        text-align: center;
    }
   
}
@media screen and (max-width: 370px) {
    .goodItem {
        width: 140px;
        margin-bottom: 20px;
        min-height: 311px;
    }
    .goodTmp {
        width: 140px;   
    }
    .goodImg {
        height: 140px;
    }
    .goodButton {
        width: 120px;
        padding: 0px;
        text-align: center;
        margin: 10px 0px;
    }
    
    .goodTitle {
        font-size: 14px;
        -webkit-line-clamp: 4;
    }
    .goodInfo {
        height: 95px;
        padding: 7px 10px;
        margin-bottom: 10px;
        
    }
    .goodPrice {
        font-size: 12px;
        height: 25px;
    }
    .goodPrice span {
        font-size: 21px;
    }
    .goodSizeInfoPrice  {
        font-size: 15px;
    }
    .goodSize {
        padding: 0px 10px;
        margin-bottom: 0px;
    }

}

@media screen and (max-width: 1250px) {
    .loopRight {
        width: 497px;
        background: #fff url(../img/loopArr2.svg) -1px calc(50% - 20px) no-repeat;
    }
    .loopLeft {
        width: 497px;
        background: #fff url(../img/loopArr.svg) calc(100% + 1px) calc(50% - 20px) no-repeat;
    }        
    
}
@media screen and (max-width: 550px) {
    
    .loopRight {
        background: #fff;
    }
    .loopLeft {
        background: #fff;
    }     
    
    .backgroundToLoop {
        max-width: 400px;
        margin-left: auto;
        margin-right: auto;
    }
    .loopLeft:before {
        content: " ";
        position: absolute;
        top: 0px;
        right: -70px;
        width: 70px;
        height: 100%;
        background: rgb(248,248,248);
        background: linear-gradient(-90deg, rgba(248,248,248,1) 0%, rgba(0,212,255,0) 0%, rgba(255,255,255,1) 100%);
    } 
    .loopRight:before {
        content: " ";
        position: absolute;
        top: 0px;
        left: -70px;
        width: 70px;
        height: 100%;
        background: rgb(248,248,248);
        background: linear-gradient(90deg, rgba(248,248,248,1) 0%, rgba(0,212,255,0) 0%, rgba(255,255,255,1) 100%);
    } 
    .loopLeft:after {
        content: " ";
        position: absolute;
        top: 0px;
        right: -30px;
        width: 70px;
        height: 100%;
        background: rgb(248,248,248);
        background: url(../img/loopArr.svg) calc(100% - 10px) calc(50% - 20px) no-repeat;
    } 
    .loopRight:after {
        content: " ";
        position: absolute;
        top: 0px;
        left: -70px;
        width: 70px;
        height: 100%;
        background: rgb(248,248,248);
        background: url(../img/loopArr2.svg) calc(100% - 10px) calc(50% - 20px) no-repeat;
    }   
    

}


@media screen and (max-width: 1000px) {
    .loopCaptionItem {
        font-size: 21px;
        margin-right: 30px;
    }    
    .loopCaptionItemActive {
        font-size: 21px;
    }
    .loopCaptionLayer {
        margin-bottom: 15px;
    }    
}
@media screen and (max-width: 720px) {
    .loopCaptionLayer {
        flex-direction: column;  
        border-bottom: none;
        position: relative;
    } 
    .loopCaptionLayer:after {
        content: " ";
        position: absolute;
        bottom: -1px;
        left: 0px;
        width: 100%;
        height: 1px;
        background: #cccccc;
    }  
    .loopCaptionLayer:before {
        content: " ";
        position: absolute;
        top: 8px;
        right: 0px;
        margin: auto;
        background: url(../img/downArr.svg) 50% 50% no-repeat;
        width: 10px;
        height: 6px;
        z-index: 3;
        transition: transform .3s ease;
    }  

    .loopCaptionDefault {
        order: 1;
        display: block;
        font-size: 16px;
        font-family: "Ubuntu";
        font-weight: bold;
        text-transform: uppercase;
        line-height: 1.2;
        
        position: relative;
    } 
    

    .loopCaptionDefault:before {
        content: " ";
        position: absolute;
        bottom: -9px;
        left: 0px;
        width: calc(100% + 10px);
        height: 4px;
        background: #fff;
    }
    .loopCaptionDefault:after {
        content: " ";
        position: absolute;
        bottom: -9px;
        left: -10px;
        width: calc(100%);
        height: 3px;
        background: #8b3d78;
        
        border-left: solid 10px #fff;
    }    
    
    .loopCaptionItem {
        display: none; 
        font-size: 16px;
        font-family: "Ubuntu";
        font-weight: bold;
        text-transform: uppercase;
        line-height: 1.2;
        order: 2;
        color: #999999 !important;
        padding-top: 10px;  
        margin-right: 0px;
        width: 100%;
        
    }
    .loopCaptionLayerShow .loopCaptionItem {
        display: block;    
    }
    .loopCaptionLayerShow {
        box-shadow: 0px 0px 0px 5000px rgba(0,0,0,0.50);
        position: absolute;
        z-index: 22;
        background: #fff;
        padding: 10px;
        width: calc(100% + 20px); 
        transform: translate(0px, -10px);
    }
    .loopCaptionLayerShow *:before {
        display: none;
    }
    .loopCaptionLayerShow *:after {
        display: none;
    }
    
    .loopCaptionLayerShow .loopCaptionDefault {        
        padding-bottom: 5px;
        margin-bottom: 5px;
    }
    .loopCaptionLayerShow:after {
        top: 36px;
        left: 10px;
        width: calc(100% - 40px);
    }
    .loopCaptionLayerShow:before {
        display: block;
        transform: rotate(180deg);
        z-index: 2;
        right: 30px;
        top: 18px;
    }
}



@media screen and (max-width: 1300px) {
    .goodLayer .goodItem {
        min-width: 168px;
        width: calc(25% - 15px);
        min-height: 410px;
    }
}
@media screen and (max-width: 1150px) {
    .goodLayer .goodItem {  
        width: calc(33% - 15px);
        min-height: 410px;
    }
}
@media screen and (max-width: 770px) {
    .goodLayer .goodItem {  
        width: calc(50% - 15px);
        min-height: 410px;
        margin-right: 0px;
    }
    .goodLayer {
        justify-content: space-around;
        width: 100%;
    }  
}
@media screen and (max-width: 660px) {
    .goodLayer .goodItem {  
        width: calc(33% - 15px);
        min-height: 410px;
    }
}
@media screen and (max-width: 560px) {
    .goodLayer .goodItem {  
        width: calc(50% - 15px);
        min-height: 410px;
    }
}
@media screen and (max-width: 560px) {
    .goodLayer .goodItem {  
        width: calc(50% - 15px);
        min-height: 410px;
        min-width: 140px;
    }
}

@media screen and (max-width: 1250px) {
    .pagination a, .pagination span, .pagination div {
        font-size: 12.6px;
        width: 28px;
        height: 28px;
        line-height: 28px;
        margin-right: 10px;
    }    
    .nextPage {
        font-size: 12px;    
        height: 28px;
        line-height: 28px; 
    }
}

@media screen and (max-width: 550px) {
    .paginationLayer {
        flex-direction: column-reverse;
        align-items: center;
    } 
    .nextPage {
        margin-bottom: 10px;
        background: #fff;
    }   
    .pagination a, .pagination span, .pagination div {
        font-size: 12px;  
        margin-right: 10px;
    } 
    .pagination a:last-child {
        margin-right: 0px;
    }
}
@media screen and (max-width: 380px) {
       
    .pagination a, .pagination span, .pagination div {
        font-size: 12px;  
        margin-right: 5px;
    }  
}

@media screen and (max-width: 1634px) {
    .bannerPic {
        left: calc(67px + 279px);
        width: calc(100% - (67px + 279px));
    }
    .bannerPic2 {
        left: calc(67px + 279px);
        width: calc(100% - (67px + 279px));
    }
}
@media screen and (max-width: 1050px) {
    .bannerPic {
        left: calc(12px + 279px);
        width: calc(100% - (12px + 279px));
    }
    .bannerPic2 {
        left: calc(12px + 279px);
        width: calc(100% - (12px + 279px));
    }
}

@media screen and (max-width: 900px) {
    .bannerLeft {
        width: 192px;
    } 
    .bannerLogo img {
        max-width: 90%;
    }
    .bannerRight {
        height: 340px;
    } 
    .bannerPic {
        left: calc(12px + 192px);
        width: calc(100% - (12px + 192px));
    }  
    .bannerPic2 {
        left: calc(12px + 192px);
        width: calc(100% - (12px + 192px));
    }  
    .bannerInfo { 
        top: 120px;       
        left: 36px;     
        width: 384px;
        height: 148px;
        padding: 15px 15px 15px 37px;
    }
    .bannerInfoTop {
        font-size: 18px;
    }
    .bannerInfoTitle {
        font-size: 28px;
    }
    .bannerInfoLink {
        font-size: 13px;
    }
}
@media screen and (max-width: 760px) {
    .bannerPic {
        left: calc(10px + 192px);
        width: calc(100% - (10px + 192px));
    } 
    .bannerPic2 {
        left: calc(10px + 192px);
        width: calc(100% - (10px + 192px));
    }  
    
}
@media screen and (max-width: 720px) {
    .bannerBackground {
        display: none;
    }    
}

@media screen and (max-width: 1050px) {
    .bannerArrowLeft {                     
        left: 0px;
    }    
    .bannerArrowRight {                     
        right: 0px;
    }    
}
@media screen and (max-width: 1250px) {
    .headerBottomMain .headBrandTitle {
        display: none;    
    }  
    .headerBottomMain .headBrand {
        justify-content: space-around;
    }  
}
@media screen and (max-width: 900px) {
    .headerBottomMain .headLogo .headLogoText {
        font-size: 24px;
    }
    .headerBottomMain .headLogo {
        padding-left: 0px;
    }
}
@media screen and (max-width: 720px) {
    
    .headerBottomMain .headLogo img {
        display: block;
    }    
    .headerBottomMain .headLogo .headLogoText {
        display: none;
    }
    .headerBottomMain .logoLayer {
        background: #41a0b3;
    }
}
@media screen and (max-width: 900px) {
    .mainLinkItem {
        width: calc((100% - 72px) / 4);
        margin-bottom: 20px;
    }
    .mainLinkTitle {
        font-size: 12px;
    }
    .mainLinkTitle:after {
        transform: scale(0.5) translate(0px, -10px);
    }
    
    .mainLinkTitle {
        background: linear-gradient(180deg, rgba(242,242,242,0.0) 40%, rgba(242,242,242,1) 70%);               
    }
    .mainLinkTitle:before {  
        background: linear-gradient(180deg, rgba(139,61,120,0.3) 40%, rgba(139,61,120,1) 70%);          
    }
    
    .mainLinkItemSale .mainLinkTitle:before {  
        background: linear-gradient(180deg, rgb(218,79,49,0.3) 40%, rgb(218,79,49,1) 70%) !important;    
    }  
    .mainLinkItemSale .mainLinkTitle {
        background: linear-gradient(180deg, rgba(242,242,242,0.5) 40%, rgba(242,242,242,1) 70%);  
    }
    .mainLinkItemAction .mainLinkTitle:before {  
        background: linear-gradient(180deg, rgb(247,108,34,0.3) 40%, rgb(247,108,34,1) 70%) !important;    
    }
    
    .mainLinkItemAction .mainLinkTitle {
        background: linear-gradient(180deg, rgba(242,242,242,0.5) 40%, rgba(242,242,242,1) 70%);  
    }
    
    .mainLinkItemNew .mainLinkTitle:before {  
        background: linear-gradient(180deg, rgb(89,133,39,0.3) 40%, rgb(89,133,39,1) 70%) !important;    
    }
    
    .mainLinkItemNew .mainLinkTitle {
        background: linear-gradient(180deg, rgba(242,242,242,0.5) 40%, rgba(242,242,242,1) 70%);  
    }
}

@media screen and (max-width: 760px) {
    .mainCaption {
        margin-top: 20px;
    }        
    .mainLinkItem {
        width: calc((100% - 40px) / 3);
        margin-bottom: 20px;
    }
}
@media screen and (max-width: 550px) {
        
    .mainLinkItem {
        width: calc((100% - 20px) / 2);
        margin-bottom: 10px;
    }
}

@media screen and (max-width: 1300px) {
    .cartPopupLayer { 
        width: 95%;
    }    
}
@media screen and (max-width: 900px) {
    .cartPopupLayer { 
        width: 100%;
        height: 100%;
        max-height: 100%;
    }    
}

@media screen and (max-width: 670px) {
    .cartPopupButtonLayer .cartSend {
        font-size: 14px;
        width: auto;
    }    
}
@media screen and (max-width: 550px) {
    .cartPopupButtonLayer .cartSend {
        font-size: 14px;
        width: 40%;
        line-height: 1.2;
        padding: 10px 20px;
        font-size: 12px;
    }    
}
@media screen and (max-width: 420px) {
    .cartPopupButtonLayer .cartSend {
        font-size: 14px;
        width: 40%;
        line-height: 1.2;
        padding: 10px 20px;
        font-size: 12px;
    }    
}

@media screen and (max-width: 580px) {
    .langAttentionLayer {
        max-width: calc(100% - 0px);
        height: 300px;
        padding: 20px;
    }    
    .langAttentionButtons {          
        justify-content: center;
    }
    .langAttentionButtons a {
        margin: 0px 5px 10px; 
    }
}