.cnkt-plugin-installer{
   box-sizing: border-box;
   display: -webkit-box;
   display: -moz-box;
   display: -ms-flexbox;
   display: -webkit-flex;
   display: flex;  
   -webkit-flex-wrap: wrap;
   flex-wrap: wrap;
   flex-flow: row wrap;
   -webkit-flex-flow: row wrap;
   justify-content: space-between;
   width: 102%;
   position: relative;
   left: -1%;
}
   .cnkt-plugin-installer:after {
      content: "";
      flex: auto;
   }
   .cnkt-plugin-installer * {
      box-sizing: border-box;      
   }
   .cnkt-plugin-installer .plugin{
      width: 31.333%;
      margin: 0 1% 30px;
      padding: 0;
      overflow: hidden;
      text-align: left;
      border: 1px solid #e1e1e1;
      background: #fff;
      position: relative;
      border-radius: 2px;
   }
      .cnkt-plugin-installer .plugin:hover{
         border-color: #cecece;
      }
      
   .cnkt-plugin-installer .plugin-wrap{
      padding: 20px 20px 95px 145px;
      min-height: 214px;
      display: block;
      position: relative;
   }
   .cnkt-plugin-installer li a,
   .cnkt-plugin-installer .plugin-wrap a{
      text-decoration: none;  
   }
   .cnkt-plugin-installer .plugin-wrap img{
      display: block;
      position: absolute;
      left: 20px;
      top: 20px;
      max-width: 108px;
      max-height: 108px;
      border: 1px solid #f7f7f7;
   }
   .cnkt-plugin-installer .plugin-wrap h2,
   .cnkt-plugin-installer .plugin-wrap p{
      padding: 0;
      margin: 0;
      font-size: 17px;
      font-weight: 600;  
      color: #333;
      line-height: 1.4;
   }
   .cnkt-plugin-installer .plugin-wrap p{
      padding: 10px 0 0;
      margin: 0;
      font-size: 14px;
      font-weight: 400; 
      color: #777;
   }
   .cnkt-plugin-installer .plugin-wrap p.plugin-author{
      font-size: 13px;
      padding-top: 20px;
      font-style: italic;
   } 
   
.cnkt-plugin-installer .activation-row{
      display: block;
      margin: 0;
      padding: 20px;
      background: #f7f7f7;
      border-top: 1px solid #e1e1e1;
      border-radius: 0 0 2px 2px;
      position: absolute;
      bottom: 0;
      width: 100%;
      overflow: hidden;
      border-radius: 0 0 2px 2px;
      text-align: left;
   }
      .cnkt-plugin-installer .activation-row li{
         display: inline-block;
         vertical-align: top;
         margin: 0 10px 0 0;
         font-size: 13px;
         line-height: 27px;
      }

@media screen and (max-width: 1170px){
   .cnkt-plugin-installer .plugin{
      width: 48%; 
      margin: 0 1% 15px;
   }
}   
@media screen and (max-width: 960px){
   .cnkt-plugin-installer .plugin-wrap{
      padding: 20px 20px 95px 115px;
      min-height: 214px;
   }
   .cnkt-plugin-installer .plugin-wrap img{
      max-width: 78px;
      max-height: 78px;         
   }
}   
@media screen and (max-width: 640px){
	.cnkt-plugin-installer{
		width: 100%;
		position: static;
	}
   .cnkt-plugin-installer .plugin{
      width: 100%;
      margin: 0 0 20px;  
   }
}
   
   
