.text {
   overflow: hidden;
   text-overflow: ellipsis;
   display: -webkit-box;
   -webkit-line-clamp: 2; /* number of lines to show */
   -webkit-box-orient: vertical;
}
.chack{width:90px;}

  @media only screen and (max-width: 500px) {
 
    .hine {display: none;}
     .imges{width:100px;}
      
  }
  
  @media only screen and (max-width: 350px) {
  .text {width:80px;} 
   }

	
 .btnn {
     float: right;margin-left: 15px;
     
 } 
    

        #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;
}
   a:link {
  text-decoration: none;
}    
 
div.gallery img{
width:100%;

 
 
}
div.desc {
    width:99.9999%;
  height:25px;
  text-overflow: ellipsis;
  overflow: hidden;
  color: white;
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;
  }
}
 
 
 

@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%;
  }
}


.in_button{
float:right;
margin-top:-39px;
margin-left: 10px;
position:relative;
z-index:23;
    
    
}