/* video */
 .embed-container {      
     position: relative;
     width: 100%;
   /*  height: 325px; */
	 
	  padding-bottom: 22.89%; /* 1420:325 video size */
  height: 0;
  
  
     border:#30F 0px solid;
	 border-radius: 30px;
     overflow: hidden;
     z-index: 1;
	
    }

    .embed-container iframe,
    .embed-container object,
    .embed-container embed {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%; border:#3FF 0px solid;
    }
	
	
	
.flxImg{
	display: flex; 
	flex-wrap: wrap ;		   
	justify-content: flex-start ; 
	max-width:1200px;  margin:0 auto;  
}

.dvClntImg { width:198px; height:170px; margin:1px; background-color:#FFF; display: flex;    filter: grayscale(100%); -webkit-filter: grayscale(100%); /*transition: all 0.5s ease;*/ }
.dvClntImg img {   margin: auto;  /* Magic! */
  max-width: 100%;
  max-height: 100%;
  width: 70%
}

.dvClntImg:hover { filter: none; -webkit-filter: grayscale(0);}




@media screen and (max-width: 1200px) { 
.flxImg{ max-width:1000px;}
}

@media screen and (max-width: 800px) { 

  .flxImg{width:96%; justify-content:center;}
 .dvClntImg { width:180px;  height:100px;  } 
}