@media screen and (max-width: 750px) {
    .head {
        min-height: 24px;
    }
    .headLogo {
        width: 160px;
    }
    .headLogo img {
        max-width: 100%;
        max-height: 100%;
    }
}  
@media screen and (max-width: 650px) {   
    
    .headLogo {
        width: 120px;
    }
    .headLang {
        display: none;
    }
    .headSearch {
        display: none;
    }
    .headPics {
        width: 64px;
    }
    .headMenu {
        margin-right: 40px;
    }
    .headCart span {     
        top: 11px;   
        font-weight: 400;
        font-size: 11px;
        line-height: 20px;
        width: 20px;
        height: 20px;
              
    }
} 


@media screen and (max-width: 650px) {  
    .backMenu {
        padding-left: 20px;
    }    
}
   
                                                       
@media screen and (max-width: 870px) {      
    .categoryTopList a {
        margin: 0px;
        font-size: 14px;
    }    
    .categoryTopList {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center; 
        flex-wrap: wrap;
    }  
}
@media screen and (max-width: 650px) { 
    .categoryTopLayer {
        padding-top: 8px;
    }
    .categoryTopList a {
        margin: 0px;
        font-size: 11px;
    }    
    .categoryTopList {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center; 
        flex-wrap: wrap;
    }     
    .head {
        margin-bottom: 4px;
    } 
    .categoryTopActive:after {
        bottom: -10px;
    }
}

@media screen and (max-width: 420px) {
    .categoryTopList a {
        margin: 0px;
        font-size: 10px;
    }    
    
}
@media screen and (max-width: 900px) { 
    .filterTop {
        flex-direction: column;    
    }
    .filterSelect {
        margin-top: 20px;
    }
    .filterSelect a {
        margin-left: 0px;
        margin-right: 40px;
    }
    .categoryPanel {
        position: relative;
    }
    .sortLayer {
        position: absolute;
        right: 0px;
    }
}
@media screen and (max-width: 650px) {
    .categoryTopLayer {
        margin-bottom: 20px;
    }
    .filterTitle {
        font-size: 12px;
    }  
    .sortLayer select {
        font-size: 12px;
        width: 110px;  
        text-overflow: ellipsis;
        overflow: hidden;   
        white-space: nowrap;
        padding-right: 30px;
    } 
    .filterLayer {
        font-size: 12px;
    } 
    .filterSelect a:after {
        right: -15px;
    }
    .filterSelect {
        margin-bottom: 10px;
        margin-top: 10px;
    }
    .filterTop {
        margin-bottom: 0px;
    }
    .filterLineValue {
        margin: 3px 0px;
    }
    .viewTypeLayer {
        display: flex;
    }
}
@media screen and (max-width: 900px) {
    .goodTitle {
        font-size: 12px;
        line-height: 130%; 
        margin-top: 8px;
        margin-bottom: 8px; 
        -webkit-line-clamp: 2;
        min-height: auto;
        min-height: 32px;
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        align-items: center; 
        flex-wrap: wrap;  
        
        
    } 
    .goodPrice, .goodPriceAction {
        font-size: 12px; 
        margin-top: 0px;
    }  
    .goodItem {
        margin-bottom: 16px;
    }  
    .goodOutStockSticker {
        font-size: 12px;
        line-height: 130%;
    }
    .paginationCount {
        font-size: 12px;
    }
}

@media screen and (max-width: 650px) {
    .goodItem, .goodList > div {
        width: calc(50% - 4px);
    }  
    .goodOutStockSticker {
        top: 8px;
        left: 8px;
    } 
    .goodListOneCol .goodItem, .goodListOneCol > div {
        width: 100%;    
    } 
    .goodLayer {
        margin-top: 14px;
    }
    .goodListOneCol {
        justify-content: center;
    }
    .goodItem {
        max-width: 407px;
    }
}
@media screen and (max-width: 650px) {
    .paginationLine {
        width: 120px;
    } 
    .paginationLayer {
        width: 270px;
    }   
    
    .paginationMore {
        font-size: 12px;
    }
    .goodLayer {
        margin-bottom: 80px;
    }
    .seeTitle {
        font-size: 16px;
        margin-bottom: 16px;
    }
    .goodFav {
        width: 17px;
        height: 17px;
        right: 8px;
        top: 8px;
        background-size: 17px;
    }
    .goodFav {
        width: 17px;
        height: 17px;
        right: 8px;
        top: 8px;
        background-size: 17px;
    }
    .goodListOneCol .goodFav {
        top: 16px; 
        right: 16px;
        width: 24px;
        height: 22px;  
        background-size: inherit;   
    }
}     



@media screen and (max-width: 1100px) {
    .footerItem a {
        font-size: 10px;
    }    
}

@media screen and (max-width: 960px) {
    .footerLayer {
        max-width: 550px;            
    }
    .footerLogo {
        width: 100%;
        text-align: center;
        margin-bottom: 40px;
        order: 1;
    } 
    .footerLogo img {
        width: 92px;    
    }  
    .footerRight {
        order: 2;
        width: 100%;
        margin-bottom: 48px;
    } 
    .footerRightTop {
        margin-bottom: 20px;
    }
    .footerItem {
        order: 3;
    }
    .footerSlog {
        display: none;
    }
    .footerBottom {
        max-width: 500px;
        text-align: center;
    }
    .footerBottom .flexBox {
        width: 100%;        
    }
    .footerCopy {
        font-size: 10px;  
        width: 100%;
        margin-bottom: 20px;
    }
    .footerBottom {
        padding: 18px 0px 13px;
    }
}

@media screen and (max-width: 650px) {
    .footerLayer {
        border: none;            
    }
    .footerBottom {
        position: relative;
    }    
    .footerBottom:after {
        content: " ";
        width: calc(100% + 40px);
        height: 1px;
        background: #fff;
        position: absolute;
        top: 0px;
        left: -20px; 
    }
    .footerBackground {
        margin-top: 80px;
    }
}
@media screen and (max-width: 450px) {
    .footerItem {
        width: 50%;
        margin-bottom: 30px;
    }    
}

                                       
@media screen and (max-width: 650px) {
    .topTabItem span {
        display: none;        
    } 
    .topTabItem {  
        padding-right: 0px;
        background: none;
        font-size: 12px;
        margin-right: 39px;
    }   
    .topTabBackground {
        padding-bottom: 6px;
    } 
}

@media screen and (max-width: 730px) {
    .favButtons {
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
        margin-top: 21px;
    }  
    .favButtons>div {   
        margin-right: 0px;
        margin-bottom: 10px;
    }  
}
@media screen and (max-width: 650px) {
    .favCode {
        font-size: 10px;
    }    
    .favTitle {
        font-size: 12px;
        margin: 16px 0px;
    }
    .favFilter {
        font-size: 10px;  
        overflow: hidden;
        min-height: auto;
    }
    .favFilter .productSizeList div:nth-child(1) {
        margin-right: 13px;
    }
        
    
    .favPanelPrice {
        margin-top: 20px;
    }
    .favPrice {
        font-size: 12px;
    }
    .favPriceAction {
        font-size: 12px;
    } 
    .favCartButton {
        width: 100%;
        font-size: 12px;
        height: 32px;
        line-height: 32px;
        max-width: 250px;
    } 
    .favSendButton {
        width: 100%;
        font-size: 12px;
        height: 32px;
        line-height: 32px;
        max-width: 250px;
    } 
    .favImgLayer {
        width: 78px;
    } 
    .favInfo {
        width: calc(100% - 86px);
    } 
    .topTabBackground {
        margin-bottom: 32px;
    }  
    .favItem {
        margin-bottom: 24px;
    }  
    .favFilter span {
        margin-left: 13px;
    }            
}


@media screen and (max-width: 1100px) {
    .orderList {
        width: calc(60% - 20px);
    }  
    .orderFormLayer {
        width: calc(40% - 20px);
    }
    .orderPromoMake {
        width: 54%;
        font-size: 14px;
    }   
    .orderPromoForm input {
        width: 43%;
        font-size: 12px;
    }
    
}

@media screen and (max-width: 700px) {
    .orderLayer { 
        flex-direction: column;
    }
    .orderList {
        width: 100%;
    }  
    .orderFormLayer {
        width: 100%;
    }
    .orderImgLayer {
        max-width: 198px;
    }
}

@media screen and (max-width: 600px) {      
    .orderImgLayer {
        max-width: 78px;
    }  
    .orderInfo {
        width: calc(100% - 86px);
    }
    .orderCode {
        font-size: 10px;
    }
    .orderTitle {
        font-size: 12px;
        margin-top: 8px;
        line-height: 130%;
    }
    .orderFilter {
        margin-top: 8px;
        font-size: 12px;
    }
    .orderFilter div span {
        width: calc(100% - 86px);
        
    }
    .orderFilter > div {
        margin: 0px;
        display: none;
    }
    .orderFilter > div:nth-child(1) {
        display: flex;
    }
    .orderQtyMinus {
        width: 18px;
        height: 18px;
        
    }
    .orderQtyMinus:after {
        width: 7px;
    } 
    .orderQtyMinusCart {
        width: 18px;
        height: 18px;
        
    }
    .orderQtyMinusCart:after {
        width: 7px;
    } 
    .orderQtyPlus {
        width: 18px;
        height: 18px;
        
    }
    .orderQtyPlus:after {
        width: 7px;
    } 
    .orderQtyPlus:before {
        height: 7px;
    }
    .orderQtyPlusCart {
        width: 18px;
        height: 18px;
        
    }
    .orderQtyPlusCart:after {
        width: 7px;
    } 
    .orderQtyPlusCart:before {
        height: 7px;
    }
    
    .orderQtyInput {
        width: 50px;
        
        height: 18px;
    } 
    .orderQtyInput input { 
        height: 18px;
        line-height: 18px;
        font-size: 10px;
        display: block;
    }
    .orderQty {
        width: 86px;
        align-items: flex-start;
        margin-bottom: 0px;
    }
    .orderItemBottom {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center; 
        flex-wrap: wrap; 
    }
    
    .orderPrice, .orderPriceAction {
        font-size: 12px;
    }
    .orderList {
        margin-bottom: 40px;
    }
    .orderFormTitle {
        font-size: 14px;
        padding-bottom: 4px;
    }
    .orderSumm {
        font-size: 12px;
        margin: 18px 0px 24px;
    }
    .orderPromoTitle {
        font-size: 12px;
        margin-bottom: 0px;
    }
    .orderPromoForm input {
        height: 32px;
        line-height: 32px;
    }
    .orderPromoMake {
        height: 32px;
        line-height: 32px;
        font-size: 12px;
    }
    .orderPromoForm {
        margin-bottom: 24px;
    }
    
    .orderPromoForm input::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
      color: rgba(54, 54, 54, 0.4);;
      opacity: 1; /* Firefox */
    }

    .orderPromoForm input:-ms-input-placeholder { /* Internet Explorer 10-11 */
      color: rgba(54, 54, 54, 0.4);;
    }

    .orderPromoForm input::-ms-input-placeholder { /* Microsoft Edge */
      color: rgba(54, 54, 54, 0.4);
    }
    .orderButton {
        width: 100%;
    }
    .orderLayer {
        align-items: flex-start;
        margin-bottom: 80px;
    }
}


@media screen and (max-width: 1000px) {    
    .pageInfoTitle {
        position: relative;
        font-weight: 700;
        font-size: 18px;
        line-height: 130%;
    }    
    .pageInfoContent {
        font-size: 16px;
    }
    
    .pageInfoContent ul li:after {
        top: 10px;    
    }
    
    .pageInfoContent p {
        padding-bottom: 10px;    
    }
    
    .pageInfoContent ul {
        margin-bottom: 0px;
    }
}


@media screen and (max-width: 650px) {    
    .pageInfoLayer {
        flex-direction: column;
        width: 100%;
        max-width: inherit;
    }    
    .pageInfoLeft {
        width: 100%;  
        padding-top: 104px;
        padding-bottom: 54px;
        padding-right: 0px;
    }
    .pageInfoCover {
        width: 100% !important;
        background: url(../img/pageInfo.png) no-repeat 0% 0%;
        background-size: cover;
    }
    .pageInfoTitle {     
        width: calc(100% - 40px);
        max-width: 1240px;
        margin: 0px auto;
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center; 
        flex-wrap: nowrap; 
        font-weight: 700;
        font-size: 16px;
        line-height: 130%;
        
    }
    .pageInfoContent {
          
        width: calc(100% - 40px) !important;
        max-width: 1240px;
        padding-left: 0px !important;
        margin: auto;
        padding-top: 48px;
        padding-bottom: 80px;
        font-weight: 300;
        font-size: 12px;
        line-height: 150%;
    }
    
    .headLayerMobWhite .headMenu, .headLayerMobWhite .headLogo, .headLayerMobWhite .headFav, .headLayerMobWhite .headCart img {
        -webkit-filter: brightness(0) invert(1);
        filter: brightness(0) invert(1);    
    }
    .headLayerMobWhite .flexBoxCenter {
        background: #ffffff;
        color: #363636;
    }
    .pageInfoContent ul {
        margin-bottom: 0px;
    }
    
    .pageInfoContent ul li:after {
        top: 7px;    
    }
}

@media screen and (max-width: 1100px) {
    .cartPage .orderList {
        width: calc(50% - 20px);
    }  
    .cartPage .orderFormLayer {
        width: calc(50% - 20px);
    }
 

    
}

@media screen and (max-width: 750px) {
    .cartPage .orderList {
        width: calc(100% - 0px);
        order: 1;
    }  
    .cartPage .orderFormLayer {
        width: calc(100% - 0px);
        order: 2;
    }     
    .cartPageTtile {
        display: none;
    } 
    
    .cartPageItemsTitle {
        margin-bottom: 24px;
    } 
    .cartPage .orderList {
        margin-bottom: 0px;
    }
    
    .cartFormTitle {
        font-weight: 400;
        font-size: 12px;
        line-height: 130%; 
        margin-bottom: 8px;
    }
    .cartPage .cartForm {
        margin-top: 24px;
    }
    .cartInputText input {
        font-weight: 400;
        font-size: 12px;
        line-height: 130%;
        padding: 8px 10px;
    }
    .cartInputGift, .cartInputPostCard, .cartInputBox {
        font-weight: 300;
        font-size: 12px;
        line-height: 160%;
        background-size: 20px;
        padding-right: 30px;
        padding-left: 30px;
        margin-top: 24px;
    }
    .cartInputGift:before, .cartInputPostCard:before, .cartInputBox:before {
        width: 16px;
        height: 16px;
    }
    .cartInputGift:after, .cartInputPostCard:after, .cartInputBox:after {
        width: 12px;
        height: 12px;
        left: 3px;
    }
    .cartInputPostCard {
        background-size: 17px;        
    }
    .cartInputBox {
        background-size: 24px;
        padding-right: 35px;    
    }
    .cartInputPostCardAttentionBrief {
        font-size: 11px; 
        line-height: 130%;   
    }
    .deliveryForm {
        margin-top: 24px;
        margin-bottom: 24px;
    }
    .deliveryFormTitle {
        font-weight: 400;
        font-size: 12px;
        line-height: 130%;    
    }
    .deliveryFormSelect select {
        font-weight: 400;
        font-size: 12px;      
        padding: 8px 10px;
        
    }
    .deliveryFormType div {
        font-weight: 700;
        font-size: 12px;
        line-height: 130%;
        margin-bottom: 0px;    
    }
    .deliveryFormType span {
        font-weight: 300;
        font-size: 12px;
        line-height: 100%;   
    }
    .deliveryFormTypeList {
        padding-bottom: 0px;
    }
    .cartSend {
        height: 34px;
        font-weight: 700;
        font-size: 14px;
        line-height: 34px;
    }
    .cartSendInfo {
        font-weight: 300;
        font-size: 12px;
        line-height: 130%; 
        
    }
 
}


@media screen and (max-width: 650px) {
    .tagTopLayer .viewTypeLayer {
        width: 56px;
        position: absolute;  
        left: 0px;  
        right: unset;
        top: unset;   
        margin: auto;  
    } 
    .tagTopLayer {
        padding-top: 24px;
        text-align: right;
    }   
    .tagTopLayer h1 {
        font-weight: 300;
        font-size: 16px;
        line-height: 130%;
    } 
    .tagCategoryName {
        font-weight: 700;
        font-size: 16px;
        line-height: 130%;
        padding-bottom: 4px;
        border-bottom: 1px solid #363636;
    }  
    .tagCategoryName {
        margin-bottom: 16px;
    }
    .tagGoodLayer {
        margin-bottom: 16px;
    }
}


@media screen and (max-width: 1150px) {
    .productInfo {
        max-width: 407px;
        width: calc(40%);
    }    
}

@media screen and (max-width: 900px) {
    .productInfo h1 {
        font-weight: 500;
        font-size: 26px;
        line-height: 130%;   
    }
    .productFilterTitle {
        width: 85px;
        font-weight: 300;
        font-size: 14px;
        line-height: 130%;
    }
    .blockSlideUpBriefText {
        font-weight: 300;
        font-size: 14px;
        line-height: 130%;
    }
}


@media screen and (max-width: 750px) {
    .productLayer {
        position: relative;
    }
    .productPhotoLayer {
        width: 100%;
    }   
    .productTopLayer {
        margin-bottom: 0px;   
    }
    .productInfo {
        width: 100%;
        margin: auto;
    } 
    .productCode {
        font-weight: 300;
        font-size: 12px;
        line-height: 130%;
    }
    .productFav {
        position: absolute;
        top: 14px;
        right: 16px;
        
        -webkit-filter: brightness(0) invert(1);
        filter: brightness(0) invert(1); 
    }
    .productPic {
        position: inherit;
        margin-top: 32px;
        margin-bottom: 16px;
    }
    
    .productInfo h1 {
        font-weight: 700;
        font-size: 16px;
        line-height: 130%; 
        margin-bottom: 8px; 
    }
    .productPrice {
        font-weight: 300;
        font-size: 18px;
        line-height: 130%;  
    }
    .productPriceLayer {
        margin-bottom: 42px;
    }
    
    .productFilterTitle {
        font-weight: 300;
        font-size: 12px;
        line-height: 130%;
    }

    .sizeGuideLink {     
        font-weight: 300;
        font-size: 14px;
        line-height: 130%;
    }    
    
    .productFilter a {
        font-weight: 700;
        font-size: 12px;
        line-height: 130%;
    }
    
    .productTag {
        margin-top: 0px;
        font-weight: 300;
        font-size: 12px;
        line-height: 130%;
        margin-bottom: 35px;
    }
    .productBuyPanel .orderQtyMinus, .productBuyPanel .orderQtyPlus {
        width: 33px;
        height: 32px;    
    }
    .productBuyPanel .orderQtyInput input {
        height: 32px; 
        font-weight: 700;
        font-size: 12px;
        line-height: 130%;
    }
    .productBuyPanel .orderQtyInput {
        width: calc(100% - 66px);
    }
    .buttonAddCart {
        height: 32px; 
        font-weight: 700;
        font-size: 14px;
        line-height: 130%;
    }
    .productBuyPanel {
        margin-bottom: 48px;
    }
    .blockSlideUpTitle {
        font-weight: 700;
        font-size: 14px;
        line-height: 130%;
    }
    
}

@media screen and (max-width: 650px) {
    .productInfo {
        max-width: 100%;
        margin: auto;
    } 
    .productLayer {
        flex-direction: column;
    }
    .productMainPhoto {
        width: 100%;
    }  
    .productGallery {
        width: 100%;
        flex-direction: row;
        align-items: center;
        margin-top: 9px;
    }   
    .productGallery a {
        width: 17%;
        padding-top: 26%;
        
    }  
    .productGallery a:nth-child(6) {
        display: none;
    } 
    
    .productGalleryCount6 {
        justify-content: space-between;
    }
    .productGalleryCount6 a {
        margin: 0px;
    }
    .productGalleryCount5 {
        justify-content: flex-start;
    }
    .productGalleryCount5 a {
        margin-bottom: 0px;
        margin-right: 12px;
    }
    
}
@media screen and (max-width: 650px) {
    .headCart:hover .cartPopupBack {
        opacity: 0;
        visibility: hidden;    
    }    
}

@media screen and (max-width: 1270px) {
    .mainInInfo {
        padding-bottom: 16px;
    }                    
}
@media screen and (max-width: 770px) {
    .mainInLayer {
        margin-top: 72px;
    }
    .mainInInfo {    
        height: auto !important;
        flex-direction: row;
        align-items: center;
        padding-left: 0px !important;
        
        width: calc(100% - 40px) !important;
        max-width: 1240px;
        margin: 0px auto !important;
        position: inherit;
        
    } 
    .mainInInfoBrief span {
        display: none;
    }   
    .mainInInfoBrief a {
        margin-top: 0px;
        font-weight: 300;
        font-size: 11px;
        line-height: 130%;
    }
    .mainInInfoTitle {
        font-weight: 500;
        font-size: 18px;
        line-height: 130%;
    }
      
}
@media screen and (max-width: 650px) {
    .mainTopLayer video {
        object-fit: cover;
    }
    .mainCatItem {
        background: none;
    }  
    .mainCatItem a {
        font-weight: 300;
        font-size: 20px;
        line-height: 130%;
        text-align: center;
        padding: 16px 0px;
        
    }  
    
    .mainPhotoLayer {
        width: 100%;
        margin-top: 80px;
    }
}

@media screen and (max-width: 900px) {
    .aboutTopLayer {
        display: none;
    }    
}
@media screen and (max-width: 1150px) {
    .aboutTopBrief {
        font-size: 20px;
        line-height: 150%;
    }  
    .aboutTopText {
        width: calc(100% - 377px);
    } 
    .aboutTopBrief {
        padding-right: 54px;
    } 
    .aboutTopContent {
        padding-right: 10px;
    }
    .aboutTopTextImg div, .aboutTopImg div {
        font-size: 16px;
    }
    
    .aboutBottomLeft {
        margin-left: -200px;
    }
    .aboutBottomRightText {
        width: calc(100% - 480px);
        padding-top: 150px;
    }
}
@media screen and (max-width: 1050px) {
    .aboutBottomRightTagline {
        margin-top: 32px;
    }   
    .aboutBottomRightText {
        width: calc(100% - 480px);
        padding-top: 80px;
    } 
}
@media screen and (max-width: 920px) {
    .aboutLogo {
        width: 200px;
    }  
    .aboutTopImg {
        width: 300px;
    }      
    .aboutTopImg img {
        max-width: 100%;
    }
    .aboutTopText {
        width: calc(100% - 250px);
    }
    .aboutTopTextImg {
        top: 0px;
    }
    .aboutBottomLeft {
        width: 480px;
    }
    .aboutBottomLeft img {
        max-width: 100%;
    }
    .aboutBottomLeft div {
        width: 870px;
    }
    .aboutBottomRight {
        align-items: flex-start;    
    }
    .aboutBottomRightText {
        width: calc(100% - 280px);
        padding-top: 0px;
        font-size: 14px;
    }
    .aboutTopTextImg {
        right: -220px;
    }
    .aboutBottomLeft div {
        font-size: 16px;
    }
    .aboutBottomLeft {
        margin-left: -250px;
    }
}
@media screen and (max-width: 750px) {
    .aboutTop {
        flex-direction: column;
        padding-bottom: 0px;
        padding-right: 0px;
    } 
    .aboutTopImg {
        position: absolute;
        bottom: 0px;
        left: 0px;
    } 
    .aboutLogo, .aboutTopText {
        position: unset;
    }
    .aboutTop {
        position: relative;
    }  
    .aboutLogoImg {
        margin-bottom: 48px;
    }
    .aboutTopTextImg {
        right: -20px;
        height: 320px;
        bottom: 0px;
        top: auto;
    }
    .aboutTopTextImg img {
        max-width: 100%;
        max-height: 100%;
    }
    .aboutTopTextImg div {
        font-size: 10px;
    }
    .aboutTopContent {
        font-weight: 300;
        font-size: 12px;
        line-height: 140%;
        padding-right: 120px;
    }
    .aboutLogo {
        width: 220px;
    }
    .aboutTop {
        padding-top: 30px;
    }
    .aboutTopText {
        width: 100%;
    }
    .aboutTopTextImg div {
        bottom: 0px;
    }
    .aboutTopImg div {
        display: none;
    }
    .aboutTopImg {
        width: 150px;
        height: 150px;
        margin-left: -20px;
    }
    .aboutTopImg img {
        width: 100%;
        height: 100%;
        object-fit: cover;   
        display: block;   
    }
    .aboutTopBrief {
        padding: 0px;
        padding-left: 150px;
    }
    .aboutLogoText {
        font-weight: 300;
        font-size: 12px;
        line-height: 130%;
        margin-bottom: 8px;
    }
    .aboutTop {
        margin-bottom: 42px;
    }
    .aboutBottomLeft {
        margin-left: -20px;
        width: 98%;
        height: 227px;
    }
    .aboutBottomLeft img {
        width: 100%;
        height: 100%;
        object-fit: cover;   
        display: block;
        object-position: left 10%;
    }
    .aboutBottomRight {
        position: inherit;
    }
    .aboutBottomRightText {
        width: 100%;
        padding-top: 32px;
        font-weight: 300;
        font-size: 12px;
        line-height: 140%;
    }
    .aboutBottomLeft div {
        font-weight: 300;
        font-size: 10px;
        line-height: 130%;
        width: 227px;
        text-align: left;
        left: calc(100% + 30px);
    }
    .aboutBottomRightTagline {
        font-weight: 700;
        font-size: 14px;
        line-height: 140%;
    }
}
@media screen and (max-width: 650px) {
    .aboutTopBrief {
        font-weight: 700;
        font-size: 12px;
        line-height: 140%;
        padding-left: 120px;
    }  
    .aboutTopImg {
        width: 120px;
    }  
}


@media screen and (max-width: 650px) {
    .contactLayer h2 {
        font-weight: 700;
        font-size: 14px;
        line-height: 160%;
        margin-top: 40px;
    }
    .contactLayer {
        margin-top: 40px;
    } 
    .contactLayer a {
        font-weight: 300;
        font-size: 12px;
        line-height: 140%;
        display: block;
    }   
    .contactButton {
        font-weight: 700;
        font-size: 12px;
        line-height: 130%;
        padding: 10px 16px 8px;
        width: auto;
        display: inline-block;
        height: auto;
    }
}

@media screen and (max-width: 1100px) {
    .notFoundText h2 {
        font-weight: 300;
        font-size: 18px;
        line-height: 130%;
        /* or 36px */

        text-transform: uppercase;
        margin-bottom: 14px;
    }  
    .notFoundText {
        width: calc(50% - 50px);
    }  
    
    .notFoundText div {
        font-weight: 300;
        font-size: 12px;
        line-height: 130%;
        margin-bottom: 60px;
    }
    .notFoundText a {
        font-weight: 700;
        font-size: 12px;
        line-height: 130%;
        padding: 10px 16px 8px;
        width: auto;
        display: inline-block;
        height: auto;
    }
}

@media screen and (max-width: 700px) {
    .notFoundText {
        width: calc(100%);
        
        padding: 80px 20px;
        text-align: center;
    }     
    .notFoundImg {
        display: none;
    } 
}

@media screen and (max-width: 650px) {
    .filterTop {
        max-width: calc(100% - 100px);
    }
    .seoTextBrief {
        font-size: 13px;
    }
}
@media screen and (max-width: 850px) {
    .productFilter .productFilterText {
        padding: 4px 8px;
        font-size: 14px;
    }    
}
@media screen and (max-width: 600px) {
    .orderQtyText {
        margin-bottom: 0px;
        font-size: 11px;    
    }    
}
@media screen and (max-width: 750px) {
    .selection {
        font-size: 13px;    
    }    
}

@media screen and (max-width: 650px) {
    .categoryTopLayer {
        margin-top: 50px;
    }    
    .topTabBackground {
        margin-top: 50px;        
    }  
    .tagTopLayer {
        margin-top: 50px;        
    }
    .aboutTop {
        margin-top: 50px;
    }
    .pageInfoTitle {
        margin-top: 70px;
    }
}

@media screen and (max-width: 650px) {
    .productGalleryLayer {
        width: 100%;
        overflow: scroll;
        margin-top: 10px;
        padding-bottom: 5px;
    }
    .productGallery {
        flex-wrap: nowrap;
        margin-top: 0px;      
    }
    .productGallery a {
        display: block !important;
        padding-top: 0px;
    } 
    .productGallery a img {
        position: relative;
        max-height: 100%;
        max-width: calc(100% - 5px);
    }
    
    .productGalleryLayer::-webkit-scrollbar {
      display: none;
    }

    /* Hide scrollbar for IE, Edge and Firefox */
    .productGalleryLayer {
      -ms-overflow-style: none;  /* IE and Edge */
      scrollbar-width: none;  /* Firefox */
    }    
    
}
@media screen and (max-width: 550px) {
    .sizeGuideLayer {
        max-width: 95%;
    }
    .sizeGuideContent {  
        padding: 10px;
        font-weight: 300;
        font-size: 12px;
        line-height: 130%;
        
    }
    .sizeGuideContent table {  
        padding: 10px;
        font-weight: 300;
        font-size: 12px;
        line-height: 130%;
    }
    .sizeGuideContent td {  
        padding: 10px;
        font-weight: 300;
        font-size: 12px;
        line-height: 130%;
    }
    .sizeGuideTitle {
        margin: 31px 10px 10px;
            
    }  
}