@media only screen and (max-width: 768px) {
  body {
    min-width: 0;
  }
.section-title {
  font-size: 24px;
}
.alink {
  font-size: 14px;
}
.ssimg {display:none;}
.ssimg2 {display:none;}
.activity-date{
  font-size: 15px;
}
.activity-title {
  font-size: 18px;
}
  .header {
    height: 64px;
  }
  .header .logo {
    margin: 0 20px;
  }
  .header .logo > img {
    width: 100px;
  }
  .header-wrapper-main {
    display: none;
  }
  .banner-pagination {
    display: none;
  }
  .section {
    padding: 0 20px;
  }
  .section-wrapper {
    padding: 16px 0;
  }
  .section-header {
    margin-bottom: 10px;
  }
  .news-wrapper {
    height: auto;
    flex-direction: column;
  }
  .news-left {
    width: 100%;
  }
  .news-right {
    height: auto;
  }
  .news-carousel {
    width: 100%;
    height: fit-content;
  }
  .news-list {
    gap: 10px 0;
  }
  .news-item {
    width: 100%;
  }
  .notice-section {
    height: auto;
    background: #f8f8f8;
  }
  .notice-list {
    gap: 20px;
    grid-template-columns: repeat(1, 1fr);
    height: auto;
  }
  .activity-wrapper {
    height: auto;
    display: flex;
    flex-direction: column-reverse;
  }
  .activity-img-wrapper {
    width: 100%;
    height: 235px;
    /* display: none; */
    position: relative;
    left: 0;
    top: 0;
   
  }
  .activity-element{
    display: none;
  }
  .activity-list {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    padding: 20px;
  }
  .activity-main {
    padding: 0;
  }
  .footer-links-title {
    padding: 0;
font-size:16px;
  }
  .footer-links {
    flex-direction: column;
    gap: 20px;
    margin: 20px 0;
  }
  .footer-contacts {
    flex-direction: column;
  }
  .contacts {
    height: auto;
  }
  .friend-links {
    grid-template-columns: repeat(1, 1fr);
    gap: 10px;
  }
  .friend-links-item {
    height: auto;
    padding: 12px 0;
  }
  .footer-section,
  .footer-section .section-wrapper {
    height: auto;
  }
  .cooperation {
    flex-direction: column;
    padding: 30px 0;
  }
  .coop-list {
    flex-direction: column;
    height: auto;
    gap: 30px;
  }
  .footer {
    height: auto;
    padding: 40px 0;
  }
  .footer-wrapper {
    gap: 40px;
    align-items: center;
    flex-direction: column;
    padding: 0 20px;
    width: 100%;    
    background: none;    
  }
  .footer-left,
  .westa-college,
  .footer-texts {
    width: 100%;
  }
.cooperation {

    gap: 46px;
}
.coop-list img {
    width: 138px;
    height: 40px;
}
  .westa-college {
    display: block;
    margin: 0 auto 30px;
    max-width: 160px;
  }  
  main {
    width: 100%;
    padding: 0 20px 60px;
  }
  .pagination > span,
  .pagination-btn {
    width: 28px;
    height: 28px;
  }
  .pagination-btn.last-page {
    width: auto;
    padding: 0 6px;
  }
  .list-container {
    flex-direction: column-reverse;
    gap: 20px;
  }
  .list-container-right {
    width: 100%;
  }
  .cat-list {
    flex-direction: row;
    flex-wrap: wrap;
  }
  .category-item {
    padding: 20px;
    height: 60px;
    width: calc((100% - 20px) / 2);
  }
  .article-item {
    flex-direction: column;
    gap: 12px;
  }
  .article-info {
    padding-top: 0;
  }
  .teacher-list {
    grid-template-columns: repeat(6, 1fr);
  }
  h2.article-title {
    height: auto;
    line-height: 40px;
    padding-bottom: 20px;
  }
  .article-datas {
    flex-direction: column;    
    gap: 6px;
    align-items: flex-start;
    height: auto;
  }
  .mobile-toolbar {
    display: flex;
  }
  .contact-list .alink {
    font-size: 16px;
  }
}
@media only screen and (max-width: 430px) {
  .teacher-list {
    grid-template-columns: repeat(4, 1fr);
  }
}