@charset "utf-8";
.mvideo{    width: 277px;
    float: left;
    height: auto;
    margin-right: 30px;
    margin-bottom: 20px;
	    display: block;
    position: relative;
  
    border-radius: 20px 20px 20px 0;
    box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.40);
    overflow: hidden;
	}
.mvideo1{float:right;margin-right:0px;}
.imvideo{width:100%;float:left;height:auto;}

.imvideo img{width:100%;height:auto;float:left}
.tenmvideo{width:100%;float:left;height:auto;   padding: 15px; background: url(../images/bgdv.jpg) repeat;}
.tenmvideo h3 a{font-size:15px;font-weight:bold;color:#FFFEFD;
 
    
    text-transform: capitalize;-webkit-line-clamp: 1;text-align:center;    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    -webkit-box-orient: vertical;
    display: -webkit-box;line-height: 25px;}
#kvideoct{width:100%;float:left;height:auto;padding:0px 200px}
#kvideoct iframe{width:100%;float:left;height:400px;margin-bottom:10px}
#tenkvideoct{width:100%;float:left;height:auto;text-align:center}
#tenkvideoct h1 a{font-weight:bold;font-size:18px;text-transform:uppercase;color:#333}
@media only screen and (min-width : 1px) and (max-width : 1200px) {
#kvideoct{padding:0px 0px}	
}	
@media only screen and (min-width : 800px) and (max-width : 1200px) {
	
.mvideo  {width:23%!important;margin-left:1%!important;margin-right:1%!important;float:left}	


}


@media only screen and (min-width : 500px) and (max-width : 799px) {
.mvideo  {width:31%!important;margin-left:1%!important;margin-right:1%!important;float:left}	


}

@media only screen and (min-width : 301px) and (max-width : 499px) {
.mvideo  {width:48%!important;margin-left:1%!important;margin-right:1%!important;float:left}

}

@media only screen and (min-width : 0px) and (max-width : 300px) {
	
.mvideo {width:98%!important;margin-left:1%!important;margin-right:1%!important;float:left}

}