.full-width-chart-column { padding: 50px 0; }
.full-width-chart-column h4 { font-size: 28px; margin-bottom: 55px; }
.wpc-box {margin: 72px 33px;background: var(--dark);color: #fff;width: 134px;flex: 0 0 134px;height: 98px;display: flex;align-content: center;justify-content: center;align-items: center;text-align: center;flex-direction: column;padding: 15px 15px 10px;position: relative;}
.wpc-box h6 {font-weight: 700;margin-bottom: 5px;font-size: 19px;}
.wpc-box span {display: block;font-size: 24px;line-height: 28px;margin-bottom: 5px;}
.wpc-box:before {content: '';width: 172px;height: 60px;background: #fff;position: absolute;bottom: 100%;left: 50%;transform: translateX(-50%);clip-path: polygon(50% 0%, 0% 100%, 100% 100%);margin-bottom: -1px;}
.wpc-box:after {content: '';width: 172px;height: 60px;background: #fff;position: absolute;top: 100%;left: 50%;transform: translateX(-50%);clip-path: polygon(50% 100%, 0 0, 100% 0);margin-top: -1px;}
.wpc-box.wpc-down { background: var(--blue); }
.wpc-box.wpc-down:after { background: var(--blue); }
.wpc-box.wpc-up { background: var(--green); }
.wpc-box.wpc-up:before { background: var(--green); }
/* ========================================== 
! Large devices (desktops, less than 1200px)
=========================================== */
@media (max-width:1199.98px) {
    
.full-width-chart-column h4 { margin-bottom: 0; text-align: center; }
}

/*==========================================
! Medium devices (tablets, less than 992px)
========================================== */
@media (max-width:991.98px) {
.wpc-outer { padding: 30px 0 60px; text-align: center; }
}

/* =================================================  
 ! Small devices (landscape phones, less than 768px)
 ================================================= */
@media (max-width:767.98px) {
.full-width-chart-column h4 { font-size: 22px; }
}

/* ======================================================
 ! Extra small devices (portrait phones, less than 576px)
 ====================================================== */
@media (max-width:575.98px) {
.wpc-box + .wpc-box { margin-top: 100px; }
.wpc-box { width: 100px; height: 76px; margin: 45px auto; }
.wpc-box:before, .wpc-box:after { width: 128px; height: 45px; }
.wpc-box h6 { font-size: 16px; }
.wpc-box span { font-size: 18px; line-height: 18px; margin-bottom: 0; }
}