.video{
				width: 80%;
				margin: auto;
			}
			.containerss{
				overflow: hidden;
			}
			.videolist {
				position: relative;
				float: left;
				width: 30%;
				margin:0.66%;
				height:auto;
				background: #f7f7f7;
				padding: 1%;
			}
			
			.videolist:hover {
				cursor: pointer;
			}
			.vtit{margin-bottom: 10px;padding: 20px;font-weight: 550;letter-spacing: 2px;color: #d81e06;}
			.vtime{margin-top: 10px;padding: 20px;}
			.videoed {
				display: none;
				width: 50px;
				height: 50px;
				position: absolute;
				left: 45%;
				top: 45%;
				z-index: 99;
				border-radius: 100%;
			}
			#video{
				width: 640px;
			}
			.videos {
				display: none;
				position: fixed;
				left: 50%;
				top: 50%;
				margin-left: -320px;
				margin-top: -210px;
				z-index: 100;
				height: auto;
			}
			
			.vclose {
				position: absolute;
				right: 1%;
				top: 1%;
				border-radius: 100%;
				cursor: pointer;
			}
			@media only screen and (max-width: 767px) {
				.video{
				width: 90%;
				margin: auto;
			}
			.videolist {
				position: relative;
				float: left;
				width: 90%;
				margin: 5px auto;
				height:auto;
				background: #f7f7f7;
				padding: 3.33%;
			}
			#video{
				width: 375px!important;
    margin-left: 126px;
			}
			}