.DEL-animate-top{position:relative;animation:animatetop 0.4s}@keyframes animatetop{from{top:-300px;opacity:0} to{top:0;opacity:1}}
		.DEL-animate-bottom{position:relative;animation:animatebottom 0.4s}@keyframes animatebottom{from{bottom:-800px;opacity:0} to{bottom:0;opacity:1}}
		.DEL-animate-zoom {animation:animatezoom 0.6s}@keyframes animatezoom{from{transform:scale(0)} to{transform:scale(1)}}

		.vid-st {margin: 11px; padding: 5px; background-color: #eee; height: 375px;}
		.vid-ll {margin: 11px; padding: 5px; background-color: #eee; height: 422px;}
		.vid-xx {margin: 22px; padding: 22px; background-color: #eee; height: 457px;}
		.vid-xxx {margin: 22px; padding: 22px; background-color: #eee; height: 437px;}
		.vid-bl {margin: 22px; padding: 22px; background-color: #ff0000; height: 375px;}

		.vid-st-t {margin: 11px; padding: 5px; background-image: linear-gradient(#d9e8fc, #baf7ef); border: 1px solid #cccccc; border-radius: 11px;  height: 600px;}
		.vid-ll-t {margin: 11px; padding: 5px; background-image: linear-gradient(#d9e8fc, #baf7ef); border: 1px solid #cccccc; border-radius: 11px; height: 500px;}
		.vid-xx-t {margin: 22px; padding: 22px; background-image: linear-gradient(#d9e8fc, #baf7ef); border: 1px solid #cccccc; border-radius: 11px; height: 500px;}
		.vid-xxx-t {margin: 22px; padding: 22px; background-image: linear-gradient(#d9e8fc, #baf7ef); border: 1px solid #cccccc; border-radius: 11px; height: 500px;}
		.vid-bl-t {margin: 22px; padding: 22px; background-color: #ff0000; height: 375px;}

		.vid-xl  { display: block; }
		.vid-lg  { display: none; }
		.vid-md  { display: none; }
		.vid-sm  { display: none; }
		.vid-xs  { display: none; }	

		@media screen and (max-width: 1700px) {
		.vid-xl  { display: block; }
		.vid-lg  { display: none; }
		.vid-md  { display: none; }
		.vid-sm  { display: none; }
		.vid-xs  { display: none; }	
		}

		@media screen and (max-width: 1200px) {
		.vid-xl  { display: none; }
		.vid-lg  { display: none; }
		.vid-md  { display: block; }
		.vid-sm  { display: none; }	
		.vid-xs  { display: none; }	
		}

		@media screen and (max-width: 990px) {
		.vid-xl  { display: none; }
		.vid-lg  { display: none; }
		.vid-md  { display: none; }
		.vid-sm  { display: block; }	
		.vid-xs  { display: none; }	
		}

		@media screen and (max-width: 765px) {
		.vid-xl  { display: none; }
		.vid-lg  { display: none; }
		.vid-md  { display: none; }
		.vid-sm  { display: block; }	
		.vid-xs  { display: none; }	
		}

		@media screen and (max-width: 600px) {
		.vid-xl  { display: none; }
		.vid-lg  { display: none; }
		.vid-md  { display: none; }
		.vid-sm  { display: none; }	
		.vid-xs  { display: block; }	
		}

		@media screen and (max-width: 400px) {
		.vid-xl  { display: none; }
		.vid-lg  { display: none; }
		.vid-md  { display: none; }
		.vid-sm  { display: none; }	
		.vid-xs  { display: block; }
		}