@media (min-width:320px)  { /* smartphones, iPhone, portrait 480x320 phones */ }
@media (min-width:481px)  { /* portrait e-readers (Nook/Kindle), smaller tablets @ 600 or @ 640 wide. */ }
@media (min-width:641px)  { /* portrait tablets, portrait iPad, landscape e-readers, landscape 800x480 or 854x480 phones */ }
@media (min-width:961px)  { /* tablet, landscape iPad, lo-res laptops ands desktops */ }
@media (min-width:1025px) { /* big landscape tablets, laptops, and desktops */ }
@media (min-width:1281px) { /* hi-res laptops and desktops */ }


@media screen and (max-width:767px) {
	.content-video{
	display:none; 
	visibility:hidden;
	}
}


@media screen and (max-width:575px) {
	.content-video {
	background:lightblue;
	height:100%;
	}
}


@media screen and (min-width:576px) and  (max-width:767px) {
	.content-video {
	min-width: 100%;
	min-height: 100%;
	background: url(images/1.jpg);
	background-position: center center;
	-webkit-background-size: cover; 
	-moz-background-size: cover; 
	-o-background-size: cover; 
	-ms-background-size: cover;
	background-size: cover; 
	}
}

@media screen and (min-width:768px) { 
	.content-video {
	position:absolute;
	top: 50%;
	left: 50%;
	display: block;
	z-index: 1;
	min-width: 100%;
	min-height: 100%;
	width: auto;
	height: auto;
	  -webkit-transform: translate(-50%, -50%);
		  -ms-transform: translate(-50%, -50%);
			  transform: translate(-50%, -50%);
	}
}