.productBanner {
    max-width: 1920px;
    width: 100%;
    margin: 0 auto;
    height: 720px;
    padding-top: 206px;
    background: url("/images/furniture.png") no-repeat;
}

.productTitle {
    max-width: 1366px;
    width: 100%;
    margin: 0 auto;
    color: #F1B80E;
    font-family: MonserratBold;
    font-size: 96px;
    font-style: normal;
    font-weight: 700;
    line-height: 124px;
}

.more {
    font-family: MonserratBold;
    width: 100%;
    display: block;
    padding: 0 8px;
    border-bottom: 4px solid #4D4D4F;
    position: relative;
    color: #4D4D4F;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 40px;
    text-transform: uppercase;
    margin-top: 24px;
    transition: 0.3s;
}

.more:after {
    content: url("/images/vec.svg");
    position: absolute;
    right: 0;
    top: -14px;
}

.more:hover {
    background: #4D4D4F;
    color: #F1B80E;
}

.blogItemImg {
    width: 100%;
}

.blogItemTitle {
    color: #393939;
    font-family: MonserratBold;
    font-size: 18px;
    font-weight: 700;
    line-height: 24px;
    margin: 22px 0;
}

.blogItemTxt {
    color: #393939;
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    margin-bottom: 22px;
    display: -webkit-box;
    word-break: break-word;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 4;
}

.blogItem {
    max-width: 400px;
    width: 100%;
    margin: 0 24px;
}

.blogs {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -moz-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 244px;
}

.hiddenToShow {
    clip-path: polygon(0% 0%, 0% 0%, 0% 100%, 0% 100%);
    transition: 0.4s linear;
}

.activeClip img {
    clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
}

.typeItemImg {
    overflow: hidden;
}

.typeItemImg img {
    transform: scale(1.2);
    transition: 0.3s;
}

.blogItem:hover img {
    transform: scale(1);
}

.blogItem:hover .more {
    background: #4D4D4F;
    color: #F1B80E;
}

.tab-container {
    min-height: 100vh;
}

.pin-spacer {
    margin: 0 !important;
}

.tabs {
    overflow: hidden;
}

.t-panel-container {
    padding-top: 48px;
}

.t-panel {
    min-width: 100%;
}

.t-panel-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -moz-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.t-panel {
    opacity: 1 !important;
    display: block !important;
    padding: 0 21px;
}
.tab-container-mobile {
    /*display: none;*/
    padding: 0 16px;
    margin-bottom: 40px;
}
.tab-container-mobile nav  {
    position: sticky;
    top: 80px;
    background: #fff;
    z-index: 1;
}
.tab-container-desktop .t-panel {
    height: calc(100vh - 200px);
}

@media (max-width: 1700px) {
    .productTitle {
        font-size: 5vw;
        line-height: 100%;
    }

    .productBanner {
        height: 63vh;
        padding-top: 166px;
        background-size: cover;
    }
}

@media (max-width: 1450px) {
    .blogs {
        margin-bottom: 80px;
    }
}

@media (max-width: 1400px) {
    .productTitle {
        max-width: 93%;
    }
}

@media (max-width: 1234px) {
    .productBanner {
        background-position: center;
        padding-top: 133px;
    }

}

@media (max-width: 1100px) {
    .tab-container-mobile nav {
        top: 68px;
    }
}

@media (max-width: 768px) {
    .productBanner {
        padding-top: 92px;
        height: 58vh;
    }

    .productTitle {
        font-size: 9vw;
    }

    .hiddenToShow {
        clip-path: unset;
    }
    .aboutContent {
        padding: 0 3px !important;
    }
    .t-panel {
        padding: 0 54px !important;
    }
    .deskThird, .companyDecor {
        display: none !important;
    }
    .tabDecor3 {
        margin-top: 0 !important;
    }
    .middleSize {
        z-index: 1 !important;
    }
    .imagesContainer {
        margin-top: 0 !important;
        position: relative;
    }
   .imagesContainer .tabDecor3 {
        position: absolute !important;
        right: 0;
    }
   .tab-container-desktop {
       display: none;
   }
   .tab-container-mobile {
       display: block;
   }
   .tabs-mobile {
       display: flex;
       align-items: center;
       overflow: auto;
       margin-bottom: 24px;
   }
   .tab-container-mobile .tabTxtContent {
       -webkit-box-orient: vertical;
       -webkit-box-direction: normal;
       -webkit-flex-direction: column;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
       -ms-flex-direction: column;
       flex-direction: column;
   }
   .tab-container-mobile .tabTxtContent img {
       margin-left: 0;
       margin-top: 16px;
   }
   .tab-container-mobile .tabDecor3 {
       display: none !important;
   }
}