JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
<div class="container">
  <div class="row">
        <div class="col-xs-6 col-sm-6 col-md-3 text-center vr-all" id="one">
        	<h5>Rich Media Ad Production</h5>
        	<img src="http://png-1.findicons.com/files/icons/2338/reflection/128/mobile_phone.png" />
		</div>
        <div class="col-xs-6 col-sm-6 col-md-3 text-center vr-xs" id="two">
        	<h5>Web Design & Development</h5>
        	<img src="http://png-1.findicons.com/files/icons/2338/reflection/128/mobile_phone.png" >
		</div>
        
        <!-- hr for only x-small/small viewports -->
        <div class="col-xs-12 col-sm-12 hidden-md hidden-lg hrspacing"><hr class="hrcolor"></div>
        
        <div class="col-xs-6 col-sm-6 col-md-3 text-center vr-all" id="three">
        	<h5>Mobile Apps Development</h5>
            <img src="http://png-1.findicons.com/files/icons/2338/reflection/128/mobile_phone.png" >
		</div>
        <div class="col-xs-6 col-sm-6 col-md-3 text-center vr-md" id="four">
        	<h5>Creative Design</h5>
            <img src="http://png-1.findicons.com/files/icons/2338/reflection/128/mobile_phone.png" >
        </div>
        
        <!-- hr for for all viewports -->
        <div class="col-xs-12 hrspacing"><hr class="hrcolor"></div>
        
        <div class="col-xs-6 col-sm-6 col-md-3 text-center vr-all" id="five">
        	<h5>Web Analytics</h5>
            <img src="http://png-1.findicons.com/files/icons/2338/reflection/128/mobile_phone.png" >
        </div>
        <div class="col-xs-6 col-sm-6 col-md-3 text-center vr-xs" id="six">
        	<h5>Search Engine Marketing</h5>
            <img src="http://png-1.findicons.com/files/icons/2338/reflection/128/mobile_phone.png" >
        </div>
        
        <!-- hr for only x-small/small viewports -->
        <div class="col-xs-12 col-sm-12 hidden-md hidden-lg hrspacing"><hr class="hrcolor"></div>
        
        <div...

CSS

.vr-all {
	padding:0px;
	border-right:1px solid #CC0000;
}
.vr-xs {
	padding:0px;
}
.vr-md {
	padding:0px;
}
.hrspacing { padding:0px; }
.hrcolor {
	border-color: #CC0000;
	border-style: solid;
	border-bottom: 1px;
	margin:0px;
	padding:0px;
}
/* remove right vertical rule on small */
@media(min-width:992px){
	.vr-xs {
		border-right:1px solid #CC0000;
	}
	}