.box{
	
	
	width: 200px;
	height:140px;
	background-color:red;
	border-radius: 10px;
	box-shadow: 2px 10px 12px rgba(0,0,0,0.5);
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: space-between;
	box-sizing: border-box;
	margin: 20px 10px;
}
.model{
	height: 200px;
	width: 100%;
}

.box:hover{
	background-color: #17171d;
	transform-style: preserve-3d;
	transform: scale(1.02);
	transition: all ease 0.3s;
}

/*--responsive for mobile phone--*/
@media(max-width:720px){
	.box{
		width:140px;
	height:100px;
	}
	.model{
		height:100px;
		width: 140px;
	}
	
	
}

/*  screen  display hidne and show  start  */
  @media only screen and (max-width: 600px) {
   .pd{
 
 padding-right: 0px;
padding-left: 0px;
}
.serch_tab {
  display: none;
}



}  
    
@media only screen and (max-width: 990px) {

.serch_pc,.user_log {
   display: none;
}

}  
 @media only screen and (min-width: 990px) {

.user_mb {
  display: none;
}
.serch_tab {
  display: none;
}



}
   
    @media only screen and (min-width: 600px) {
  .serch_mbd {
    display:none;
}

} 


 @media only screen and (max-width: 1400px) {
  #screen-size{display:none;} 
  } 
  /*  screen  display hidne and show  end  */



/* video gallery thumnal start */

    
        #sul { 
  display: block;
  list-style-type: disc;
  margin-top: 0em;
  margin-bottom: 0em;
  margin-left: 0;
  margin-right: 0;
  padding-left: 0px; 
}


.list{
  display:inline;
}
  


div.desc {
  width:90%;
   height:25px;
  text-overflow: ellipsis;
  overflow: hidden;
    white-space: normal;
    word-wrap: break-word;
    line-height: 1.5em!important;
font-size: 15px;
   display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    
  margin-top: 5px!important;
   margin-bottom:10px!important;
  
}


.responsive {
  padding: 3px;
  float: left;
  width: 33%;
  
}

 @media only screen and (min-width: 1600px) {
  .responsive {
    width: 24.99999%;
    margin: 6px 0;
  }
  div.desc {
      
      width:85%;
  }
}
 
 
 

@media only screen and (max-width: 900px) {
  .responsive {
    width: 49.99999%;
    margin: 6px 0;
   
  }
}


@media only screen and (max-width: 700px) {
  .responsive {
    width: 49.99999%;
    margin: 6px 0;
  }
  
}

@media only screen and (max-width: 500px) {
  .responsive {
    width: 99.99999%;
   
  }
 #Autoplay_pc {
     display:none;
 }

}
/* video gallery thumnal end */



/*img {
background: #F1F1FA;
  width:100%;
  height:100%;
 
}*/




 
 #history_video{max-height:350px}