/* CORE VALUES */
.vii-core-values {padding:80px 0; position:relative;}
.vii-element-blue-shape {
    content:""; position:absolute; top:0; left:0; right:0;
    height:45%; width:100%; background:#192544;
}
.vii-element-blue-shape > div, .vii-element-blue-shape > div:before {
    content:""; position:absolute; top:0; left:50%; transform:translateX(-50%);
    border-left:1px solid #5d667c4d; border-right:1px solid #5d667c4d; height:100%;
}
.vii-element-blue-shape > div {width:100%; max-width:1160px;}
.vii-element-blue-shape > div:before {width:33.33%;}
.vii-core-values__content {max-width:670px;}
.vii-core-values__grid {box-shadow:0 0 30px 0 rgba(0, 0, 0, .16); background:#fff;}
.vii-core-values__item {width:33.33%; padding:30px 50px;}
.vii-core-values__item-icon {margin-bottom:15px;}
.vii-core-values__item-icon img {height:45px;}
.vii-core-values__item-title {margin-bottom:10px !important; line-height:1.5 !important; font-size:16px !important;}
@media only screen and (min-width:769px) {
    .vii-core-values__item:nth-child(odd) {background:#f4f5f7;}
}

/* Show mobile menu from this breakpoint */
@media only screen and (max-width:1200px) {
    /* CORE VALUES */
    .vii-element-blue-shape > div {max-width:calc(100% - 40px);}
    .vii-core-values__item {padding:30px;}
    .vii-core-values__item-inner {height:auto !important; align-items:flex-start;}
}

/***************************************
*             Tablet versions
****************************************/
/* Horizontal tablet */
@media only screen and (max-width:1024px) {
    /* CORE VALUES */
    .vii-core-values {padding:40px 0;}
    .vii-core-values__item {padding:20px;}
}

/* Vertical tablet */
@media only screen and (max-width:768px) {
    /* CORE VALUES */
    .vii-core-values__item {width:50%; border:1px solid #5d667c4d;}
    .vii-element-blue-shape > div:before {width:0; border-left:none;}
    .vii-core-values__item-info {height:auto !important;}
}

@media only screen and (max-width:640px) {
    /* CORE VALUES */
    .vii-core-values__item {width:100%; border:none; padding:30px 20px;}
    .vii-core-values__item:not(:last-child) {border-bottom:1px solid #5d667c4d;}
    .vii-element-blue-shape > div, .vii-element-blue-shape > div:before {display:none;}
}