.documents .item {float: left; margin: 0 15px 15px 0; width: 280px;}
.documents .item .name a {font-size: 0.9rem;}
.documents .item .name a {text-decoration: none;}
.documents .item .img {margin-top: 2px; flex: 0 0 25px; width: 25px; height: 33px; margin-right: 10px;}
.documents .item .file_size {color: #a6bcd2; font-size: 0.85rem; padding-top: 5px;}
.documents .item .file_size .ext {text-transform: uppercase; }

.show_documents.btn::before {
  content: '';
  display: inline-block;
  width: 10px;
  height: 14px;
  background: url(/include/images/btn_documents.png) no-repeat;
  margin-right: 7px;
  vertical-align: middle;
  margin-top: -2px;
}
.show_documents.btn:hover::before {
  filter: brightness(0) invert(1);
}


/*.col-xl-  (>= 1200px)*/
@media screen and (min-width: 1200px)
{
       
}
/*.col-lg-  (>= 992px)*/
@media screen and (max-width: 1200px)
{
    .documents .item { margin: 10px 20px; width: 280px;}    
}
/*.col-md-  (>= 768px)*/
@media screen and (max-width: 991px)
{
    
}
/*.col-sm-  (>= 576px)*/
@media screen and (max-width: 767px)
{
    
}
/*.col-*/
@media screen and (max-width: 575px)
{
     .documents .item { margin: 5px; width: 250px;}     
}