* {
    box-sizing: border-box;
}

.col-container {
    display: table;
    width: 100%;
}
.col {
    display: table-cell;
    padding: 50px;
	border: solid 0px red;
	border-bottom: dotted 1px #cccccc;
	border-right: dotted 1px #cccccc;
	width: 30%;
	}

.colbg {background-color: #f2f3f5;}


	.videotitile {position: relative;
    font-weight: normal;
    color: #333333;
  	line-height: 22px;
    height: auto;
    overflow: hidden;
    font-size: 20px;}
	
	
	.videodescription {position: relative;
    font-weight: normal;
    color: #333333;
  	 line-height: 18px;
    height: auto;
    overflow: hidden;
    font-size: 14px;
}

.align-center {text-align: center;}
.videoimg{border: solid 12px #e5e5e6; border-radius: 8px; box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.2);}





@media only screen and (max-width: 600px) {
	
	
    .col { 
        display: block;
        width: 100%;
		border-: bottom: solid 1px #cccccc;
		border-right: dotted 0px #cccccc;
		 }
.videostyle1{width: 50%; border: solid 10px red;}
}	


 @media only screen and (device-width: 768px) {
 .col-container {
    display: table;
    width: 100%;
}
 .col {
    display: table-cell;
    padding: 20px;
	border: solid 0px red;
	border-bottom: dotted 1px #cccccc;
	border-right: dotted 1px #cccccc;
	width: 20%;
	}
 
 }
 
 .audiocredit {
 	font-size : 14px;
 }