.product-overview {}
.product-overview h3 {color: #FFF;font-family: 'Graphie Bold',sans-serif;font-size: 18px;line-height: 150%;min-height:60px;}
.product-overview .icon {position:relative;}
.product-overview .icon::after {content:'';width:2px;height:65px;background:#36404c;display: block;margin: -4px 0 0 44px;}
.product-overview p {color: #FFF;font-family: 'Graphie Light',sans-serif;font-size: 18px;line-height: 150%;}
.product-overview p strong {font-family: 'Graphie Bold',sans-serif;}
.product-overview .line {margin-left:-21px;margin-top:-21px;}
.product-overview .line svg {width: 100%;}


@media all and (min-width: 1px) and (max-width: 768px) {
    .product-overview .col-md-6 .row {position:relative;width: 300px;height: 200px;display: table;margin:0 auto;}
    .product-overview .col-md-6 .row .col-md-4 {position:static;}
    .product-overview .col-md-6 .row .col-md-4 .icon {position:static;}
    .product-overview .col-md-6 .row .col-md-4 .icon::after {transform: rotate(90deg);position: absolute;top: 16px;z-index:98}
    .product-overview .col-md-6 .row .col-md-4:nth-child(1) .icon::after {left: 45px;}
    .product-overview .col-md-6 .row .col-md-4:nth-child(2) .icon::after {left: 166px;}
    .product-overview .col-md-6 .row .col-md-4:nth-child(3) .icon::after {display: none;}
    .product-overview .col-md-6 .row .col-md-4 svg {position:absolute;top:0px;z-index:99;max-width: 60px;}
    .product-overview .col-md-6 .row .col-md-4:nth-child(1) svg {left:0;}
    .product-overview .col-md-6 .row .col-md-4:nth-child(2) svg {left: 50%;transform:translateX(-50%);}
    .product-overview .col-md-6 .row .col-md-4:nth-child(3) svg {right:0;}
    .product-overview h3 {font-size:14px;text-align: center;max-width: 100px;position:absolute;top:80px;width:100%;}
    .product-overview .col-md-6 .row .col-md-4:nth-child(1) h3 {left:-21px;}
    .product-overview .col-md-6 .row .col-md-4:nth-child(2) h3 {left:100px;}
    .product-overview .col-md-6 .row .col-md-4:nth-child(3) h3 {left:220px;}
    .product-overview .col-md-6 > .col > h3 {position: static;max-width: 300px;display: block;margin:0 auto;font-size:16px;min-height: 50px;}
    .product-overview p {max-width: 330px;margin:0 auto 30px auto;font-size:16px;text-align: center;}
    .product-overview > div > div:nth-child(2) {position: absolute;top: 169px;}
    .product-overview .grid {position:relative;}
}

@media all and (min-width: 769px) and (max-width: 999px) {
    .product-overview .grid {zoom:75%;}
}