@media only screen and (max-width: 1024px){
	.archive .blog-archive-item .blog-content .blog-content-item {
  padding: 15px 10px; }
}
@media only screen and (max-width: 768px){
	.archive .news-archive .inner {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }

.archive .blog-archive , .archive .b-archive-right{
  width: 100%; }
 .archive #sidebar-news {
  margin-left: 0; }
 #sidebar-news img {
    width: 100%; }
}
@media only screen and (max-width: 500px){ 
.archive .blog-archive-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }

}