#usefull_links {
 float: left;
 width: 100%;
 padding: 25px 0 20px 0;
 line-height: 1.2;
 text-align: left;
}

#usefull_links .wrapper {
 border-bottom: 1px solid #d3d4d4;
}

#usefull_links .tags {
 display: flex;
 flex-wrap: wrap;
 align-items: center;
 justify-content: flex-start;
 float: left;
 width: 100%;
 padding: 0 0 35px 0;
 margin: 13px 15px 0 -15px;
}

#usefull_links a:link,
#usefull_links a:visited,
#usefull_links a:hover {
 padding: 8px 15px 7px 15px;
 margin: 0 4px 0 0;
 font-size: 14px;
 line-height: 1.3;
 color: #000;
 text-decoration: none;
 border-radius: 6px;
}

#usefull_links a:hover {
 color: #5e6d67;
 text-decoration: none;
 background-color: #f9f7ee;
}

@media screen and (max-width: 1400px) {
 #usefull_links {
  padding: 20px 0 18px 0;
 }
}

@media screen and (max-width: 1100px) {
 #usefull_links {
  padding: 15px 0 16px 0;
 }
 #usefull_links .tags {
  padding: 0 0 28px 0;
  margin: 10px 12px 0 -12px;
 }
 #usefull_links a:link,
 #usefull_links a:visited,
 #usefull_links a:hover {
  padding: 6px 12px 5px 12px;
 }
}

@media screen and (max-width: 950px) {
 #usefull_links {
  padding: 8px 0 15px 0;
 }
 #usefull_links a:link,
 #usefull_links a:visited,
 #usefull_links a:hover {
  font-size: 13px;
 }
}

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

@media screen and (max-width: 676px) {
 #usefull_links {
  padding: 6px 0 12px 0;
 }
 #usefull_links .tags {
  padding: 0 0 22px 0;
  margin: 7px 0 0 0;
 }
 #usefull_links a:link,
 #usefull_links a:visited,
 #usefull_links a:hover {
  padding: 4px 8px;
  font-size: 13px;
 }
}

@media screen and (max-width: 460px) {
 #usefull_links a:link,
 #usefull_links a:visited,
 #usefull_links a:hover {
  padding: 4px 8px;
  font-size: 12px;
 }
}