#section-values {background-color: #f1f1f2; padding: 40px 10% 40px 10%;}
#section-values-mobile {display:none; background-color: #f1f1f2; padding: 40px 10% 40px 10%;}

#section-values .row {display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex;}
.values-item {position: relative; min-width:33%; padding-left: 5%; padding-right: 5%; flex: 1;}
.values-item-image {text-align: center; margin-bottom: 40px;}
.values-item-title {text-align: center; margin-bottom: 25px; font-size: 20px; color: #962d37; letter-spacing: 2px; font-family: 'SuisseIntl'; font-weight: 600; font-style: normal;}
.values-item-desc {color: #4d4d4f; font-weight: 300; font-style: normal; font-size: 14px;}
.values-item-separator {position: absolute; top: 0; bottom: 0; right: 0; width: 5px; background: url('../img/mission-separator.png') repeat-y 0 0;}

.horizontal-item-separator {

    background: url('../img/ourvalue-mobile/Asset 148.png');
    width:100%;
    height:3px;
    margin-top: 10%;
    background-size:cover;
    
}

.page-intro-detail-mobile{display:none; color:#c52a2e;font-family: 'Sisco'; font-weight: 500; font-style: italic; text-align:center; font-size:18px;}

@media all and (min-width:1600px){
    .values-item-desc {
        font-size: 16px;
    }
}
@media all and (max-width:850px){
    #section-values {
        padding: 40px 5% 40px 5%;
    }

    .values-item {
        padding-left: 2%;
        padding-right: 2%;
    }
}

@media all and (max-width:800px){
    .values-item-title {
        font-size: 18px;
    }
}
@media all and (max-width:700px){
    #section-values-mobile{display:block;}
    #section-values{display:none;}
    .values-item{min-width:100%;padding-bottom:10%;}

    .values-item-title {
        font-size: 20px;
    }

    .page-intro-detail-mobile{display:block; margin-bottom: 10%;}
    .intro-ourcorevalue{display:none;}
}

@media all and (max-width:340px){
    .page-intro-detail-mobile {
        font-size: 16px;
    }
}