/* small */
.why-roc-small { height:215px !important; }
.why-roc-small .block {
	position: relative;
	display: block;
	float: left;
	width: 198px;
	height: 170px;
	overflow: hidden;
}
.why-roc-small .UpcomingItem {
	position: relative;
	display: block;
	float: left;
	width: 198px;
	height: 170px;
	padding-right: 10px;
	font-size: 13px;
}
.why-roc-small .UpcomingContent {
	position: relative;
	display: block;
	overflow: hidden;
	width: 198px;
	height: 165px;
	padding: 6px 0px 0px 0px;
	margin-left:15px;
    
}

/* medium */
.why-roc-home { height:153px !important; padding-bottom:20px !important; }
.why-roc-home .view-all a { color:#fff !important; font-weight:bold !important; }
.why-roc-home .block {
	position: relative;
	display: block;
	float: left;
	width: 434px;
	height: 96px;
	overflow: hidden;
}
.why-roc-home .UpcomingItem {
	position: relative;
	display: block;
	float: left;
	width: 424px;
	height: 96px;
	padding-right: 10px;
	font-size: 12px;
}
.why-roc-home .UpcomingContent {
	position: relative;
	display: block;
	overflow: hidden;
	width: 434px;
	height: 96px;
	padding: 6px 0 0 12px;
}

@media (max-width: 767px) {

    /*======================*/
    /*MOBILE VERSION*/
    /*======================*/
	.why-roc-home .block {
	
	width: 288px;
	height: 96px;
	
}
.why-roc-home .UpcomingItem {
	
	width: 288px;
	height: 96px;
	padding-right: 10px;
	font-size: 12px;
}
.why-roc-home .UpcomingContent {
	
	width: 288px;
	height: 96px;
	padding: 6px 0px 0px 0px;
	margin-left:15px;
}
}
@media (min-width: 768px) and (max-width: 991px) {
    /*sm*/
    /*======================*/
    /*TABLET VERSION*/
    /*======================*/
	.why-roc-home .block {
	
	width: 338px;
	height: 96px;
	
}
.why-roc-home .UpcomingItem {
	
	width: 338px;
	height: 96px;
	padding-right: 10px;
	font-size: 12px;
}
.why-roc-home .UpcomingContent {
	
	width: 338px;
	height: 96px;
	padding: 6px 0px 0px 0px;
	margin-left:15px;
}
}
@media (min-width: 992px) {
    /*======================*/
    /*DESKTOP VERSION*/
    /*======================*/
	.why-roc-home .block {
	
	width: 438px;
	height: 96px;
	
}
.why-roc-home .UpcomingItem {
	
	width: 438px;
	height: 96px;
	padding-right: 10px;
	font-size: 12px;
}
.why-roc-home .UpcomingContent {
	
	width: 438px;
	height: 96px;
	padding: 6px 0px 0px 0px;
	margin-left:15px;
}
}