.title-wrapper span{

    font-size: 24px !important;

    line-height: 30px !important;

}



#care-hero{

    background-color: #F1F1EC !important;

}



.care-hero-txt{

    padding: 50px 0;

}

.care-hero-txt *{

    color: #36312A;

    text-transform: uppercase;

}



.care-hero-txt span{

    line-height: 60px;

    font-weight: 500;

    font-size: 40px;

    margin-bottom: 10px;

}



.care-hero-txt p{

    line-height: 30px;

    font-weight: 300;

    font-size: 20px;

}



#care-sub-hero{

    background-image: url('../img/product-care/bg1.jpg');

    background-size: cover;

    background-position: center;

    padding: 100px 0 !important;

}



.sub-hero-desc{

    width: 640px;

    opacity: 1;

    position: static;

    padding: 40px;

    padding-left: 100px;

    background: rgba(241, 241, 236, 0.8);

}

.sub-hero-desc p{

    font-size: 16px;

    font-weight: 300;

    line-height: 24px;

}



#care-recommend{

    background-color: #F1F1EC;

    padding: 50px 30px;

}



#care-recommend .title-wrapper{

    margin-bottom: 10px;

}



#care-recommend ul{

    margin-top: 40px;

    margin-bottom: 10px;

    margin-left: 20px;

}

#care-recommend p{

    font-weight: 300;

    font-size: 16px;

    line-height: 24px;

}

.recommend-highlight, #care-recommend li{

    font-weight: 400 !important;

    color: #36312A !important;

}

#cloth-care{

    background-color: #C1C9C0;

    padding-top: 50px;

}



#cloth-care .container{

    flex-direction: column;

}

.cloth-wrapper{

    display: flex;

    justify-content: space-between;

    margin-top: 40px;

}

.cloth-item{

    width: 22%;

    display: flex;

    flex-direction: column;

}

.cloth-item .circle-img{

    border-top-left-radius: 1000px;

    border-top-right-radius: 1000px;

    width: 100%;

    height: 200px;

}

.cloth-item-desc{

    background-color: #F1F1EC;

    display: flex;

    flex-direction: column;

    padding: 20px;

    height: 310px;

}



.cloth-item *{

    color: #36312A !important;

}



.cloth-item span{

    line-height: 24px;

    font-weight: 400;

    font-size: 18px;

    margin-bottom: 10px;

}



.cloth-item p{

    line-height: 18px;

    font-weight: 300;

    font-size: 14px;

}



#matress-selection{

    background-color: #F1F1EC;

    padding: 50px 30px;

}

#matress-selection .title-wrapper{

    margin-bottom: 10px;

}

.matress-desc{

    font-size: 16px;

    font-weight: 400;

    line-height: 24px;

}

.matress-wrapper{

    display: flex;

    justify-content: space-between;

    margin-top: 40px;

}

.matress-item{

    width: 30%;

    display: flex;

    flex-direction: column;

}

.matress-item span{

    font-size: 18px;

    font-weight: 400;

    line-height: 24px;

    color: #36312A !important;

    margin: 20px 0;

    display: block;

}



.matress-item p{

    font-size: 14px;

    font-weight: 300;

    line-height: 18px;

}



.matress-wrapper-mobile{

    display: none !important;

    margin-top: 40px;

}

#matress-firmness{

    padding: 50px 30px;

    background: url(../img/product-care/bg-2.png);

    background-size: cover;

    background-position: center;

}

#matress-firmness ul{

    margin-top: 40px;

    margin-bottom: 10px;

    margin-left: 20px;

}

#matress-firmness p{

    font-weight: 300;

    font-size: 16px;

    line-height: 24px;

}



#firmness-table{

    padding: 50px 30px;

    background-color: #C1C9C0;

}

#firmness-table .title-wrapper{

    margin-bottom: 20px;

}

.f-table-wrapper{

    display: flex;

    justify-content: space-between;

}

.f-table-wrapper > *{

    width: 47.5%;

}

.f-table-wrapper p{

    font-weight: 300;

    font-size: 16px;

    line-height: 24px;

}



.table-wrapper{

    width: 100%;

    background-color: #f1f1ec;

}

.table-wrapper td{

    width: 8%;

}

.table-wrapper .bg-1, .bg-2, .bg-3, .bg-4, .bg-5{

    border-radius: 4px;

    color: #f1f1ec;

    text-align: center;

}

.bg-1{

    background-color: #d2d2d2;

}

.bg-2{

    background-color: #a9a9a9;

}

.bg-3{

    background-color: #a2a2a2;

}

.bg-4{

    background-color: #7a7a7a;

}

.bg-5{

    background-color: #646464;

}



.ta-center{

    text-align: center;

}

.ta-right{

    text-align: right;

    padding-right: 4px;

}



.slick-dots li button:before

{

    color: #C1C9C0 !important;

}





@media (max-width: 1600.78px) {

    

}

@media (max-width: 1400.78px) {

    .f-table-wrapper{

        flex-direction: column;

    }

    .f-table-wrapper > *{

        width: 100%;

    }

    .f-table-wrapper img{

        margin-top: 40px;

    }

    #cloth-care{

        padding: 50px 0;

    }

    #cloth-care .container{

        padding: 0;

    }

    #cloth-care .title-wrapper{

        padding-left: 100px;

    }

    .cloth-wrapper{

        flex-direction: column;

    }

    .cloth-item{

        margin-bottom: 40px;

        flex-direction: row;

        width:  70%;

    }

    .circle-img{

        height: auto !important;

        width: 25% !important;

    }

    .cloth-item-desc{

        height: auto;

        padding: 40px 100px;

        width: 75% !important;

    }

    .cloth-item:nth-child(2), .cloth-item:nth-child(4){

        align-self: flex-end;

    }

    .cloth-item:nth-child(1), .cloth-item:nth-child(3){

        flex-direction: row-reverse;

    }

    .cloth-item:nth-child(2) .circle-img, .cloth-item:nth-child(4) .circle-img{

        border-top-right-radius: 0;

        border-bottom-left-radius: 1000px;

    }

    .cloth-item:nth-child(1) .circle-img, .cloth-item:nth-child(3) .circle-img{

        border-top-left-radius: 0;

        border-bottom-right-radius: 1000px;

    }

    .cloth-item:nth-child(2) .cloth-item-desc, .cloth-item:nth-child(4) .cloth-item-desc{

        padding-left: 20px;

    }

    .cloth-item:nth-child(1) .cloth-item-desc, .cloth-item:nth-child(3) .cloth-item-desc{

        padding-right: 20px;

    }

}

@media (max-width: 1024.78px) {

    .cloth-item{

        width: calc(100% - 100px);

    }

    .matress-wrapper-mobile{

        display: block !important;

        width: 100%;

    }

    .matress-wrapper{

        display: none;

    }

    .matress-item img{

        width: 100%;

    }

    .matress-item{

        margin: 0 20px;

    }

}

@media (max-width: 780.78px) {

    .title-wrapper{

        margin: 0!important ;

    }

    .cloth-wrapper{

        margin-top: 0;

    }

    .sub-hero-desc{

        width: auto;

        padding-left: 30px;

        padding-right: 30px;

    }

    .container{

        padding: 0 !important;

    }

    #cloth-care .title-wrapper{

        padding-left: 30px;

    }

    .cloth-item{

        width: calc(100% - 30px);

    }

    

    .cloth-item:nth-child(2) .cloth-item-desc, .cloth-item:nth-child(4) .cloth-item-desc{

        padding-right: 30px;

    }

    .cloth-item:nth-child(1) .cloth-item-desc, .cloth-item:nth-child(3) .cloth-item-desc{

        padding-left: 30px;

    }

}

@media (max-width: 400.78px) {

    

}