.videobox {
	width: 660px;
	height: 371px;
	margin-bottom: 30px;
}

.col-sidebar {
	width: 20%;
	float: right;
	padding-right: 15px;
}

.story-previous {
	width: 28%;
	float: left;
	margin-right: 1%;
	padding-top: 25px;
	position: relative;
  	overflow: hidden;
}
.story-current {
	float: left;
	width: 42%;
	margin: 0 0 0 0;
}
.story-next {
	float: left;
	width: 28%;
	margin-left: 1%;
	padding-top: 25px;
	position: relative;
	overflow: hidden;
}

.column-collapse{
	margin-bottom:50px;
	width:50%;
	display:inline-block;
	float:left;
}

.twoLines{
   height:30px;
   line-height:15px;
   overflow:hidden;
}

@media screen and (max-width: 768px) {
.col-sidebar{
    display:none;
}
.col-2{
    width:100%;
}   
.rcaption{
    display:none;
}
.column-collapse{
	width:100%;
	margin-bottom:0px;
}
}

@media screen and (max-width: 660px) {
.videobox {
    	width: 92vw;
	height: 51.75vw;
	margin-bottom: 20px;
}

}

@media screen and (max-width: 580px) {
.storythumbnail{
	width:100% !important;
	padding-bottom: 10px;
}
.storypanel{
	padding:0;
	margin-bottom:15px;
	padding-bottom:10px;
}

.col-5 {
	width: 50%;
}

}

@media screen and (max-width: 480px) {
.story-next{
	display: none;
}
.story-previous{
	display: none;
}
.story-current{
	width:100%;
}
}