@media (max-width: 768px) {
 .banner_top {
    gap: 10px;
    flex-direction: column;
}
  .mon-container{
  	order: -1;
        width: 100%;
  }
  .shop_cards{
  	gap: 10px !important;
  }
  .mon-container > .mt-40px{
  	margin-top: 0;
  }
    .logo-container {
        gap: 5px;
    }
  .edit-layout {
    grid-template-columns: 1fr;
}
  .info-grid {
    grid-template-columns: 1fr;
}
      .two-monitoring {
    grid-template-columns: 1fr;
  }
    .cat-stats {
    display: none;
}
.article-admin-body button {
    width: -webkit-fill-available;
}
  .two-server {
    grid-template-columns: auto 1fr;
  }
  .server_map{
  	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .two-server .server_btn {
    grid-column: 1 / -1;
    flex-direction: row;
    align-items: center;
  }

  .two-server .server_btn a {
    flex: 1;
    justify-content: center;
  }
  .main_content{
  	display: flex;
    flex-direction: column;
  }
  .shop_card h5{
  	display: none;
  }
 .banner_top .banner_left {
    display: none;
}
.banner_top .top_donators {
    width: 100%;
    height: 100%;
  	margin-top: 40px;
}
  
.card_bg .card_human,
.shop_card:nth-child(2) > .card_bg .card_human,
.shop_card:nth-child(3) > .card_bg .card_human{
    left: 12px;
}
  
.shop_card:hover > .card_bg .card_human,
.shop_card:nth-child(2):hover > .card_bg .card_human,
.shop_card:nth-child(3):hover > .card_bg .card_human{
    left: 2px;
}

.shop_card:nth-child(4) > .card_bg .card_human,
.shop_card:nth-child(5) > .card_bg .card_human{
  	left: 62px;
  }
.shop_card:nth-child(4):hover > .card_bg .card_human,
  .shop_card:nth-child(5):hover > .card_bg .card_human{
  	    left: 46px;
  }
    .site-footer {
    margin-top: 30px;
  }

  .footer-inner {
    padding: 24px 16px 0;
  }

  .footer-top {
    grid-template-columns: 1fr;
    gap: 24px;
    padding-bottom: 24px;
  }

  .footer-links-wrap {
    grid-template-columns: 1fr 1fr;
    gap: 24px;
  }

  .footer-col:last-child {
    grid-column: 1 / -1;
  }

  .footer-bottom {
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
    padding: 16px 0 20px;
  }

  .footer-bottom-links {
    gap: 8px;
  }
  .profile-info-bar {
    grid-template-columns: 1fr 1fr;
    padding: 0 12px;
  }

  .profile-user-row {
    padding: 14px 0 14px 80px;
    flex-wrap: wrap;
    gap: 8px;
  }

  .profile-avatar {
    width: 60px;
    height: 60px;
    top: -28px;
  }

  .profile-username {
    font-size: 16px;
  }

  .info-cell {
    padding: 12px;
  }

  .info-cell:nth-last-child(-n+2) {
    border-top: 1px solid var(--divider);
  }
.info-cell:nth-child(3){
    border-right: none !important;
}
  .profile_page_nav {
    flex-wrap: wrap;
    margin-bottom: 16px;
    gap: 0;
  }
.g-stat-label {
    font-size: 9px;
}
  .g-stat-value {
    font-size: 20px;
}
  .wlt-pay-btn {
    font-size: 10px;
    width: 60%
}
  .avatar-preview {
    width: 35px;
    height: 35px;
}
  .wlt-balance {
    font-size: 40px;
}
  .settings-row-right {
    max-width: 50%;
}
  .settings-row-right  .settings-input, .settings-row-right .input-group{
  	width: 100%;
  }
  .settings-row-left .settings-row-desc{
  	display: none;
  }
  .profile_page_nav .profile_btn {
	flex: 1 1 20%;
        padding: 10px 6px;
        font-size: 11px;
        white-space: nowrap;
        text-align: center;
  }
  .g-friends-navbtn span{
  	display: none;
  }
  .g-friends-navbtn {
    width: 100%;
  }
  .g-friend-grid {
    grid-template-columns: repeat(2, 1fr);
}
  #set-signature, #set-happybirth{
  	flex-direction: column;
  }
  #set-signature .settings-row-right, #set-happybirth .settings-row-right{
  	max-width: 100%;
  }
.settings-row-right .tox-tinymce {
        width: 100%;
    }

.shop-layout {
    grid-template-columns: 100%;
}
  
  .select_container {
    grid-template-columns: 1fr;
}
  
  .forum-layout {
    grid-template-columns: 1fr;
}
  .page-head-actions > .btn-primary span{
  	display: none;
  }
  .topic-layout {
    grid-template-columns: 1fr;
  }

  .topic-sidebar {
    display: none;
  }

  .topics-head {
    grid-template-columns: 1fr 50px;
    padding: 8px 12px;
  }

  .topics-head-cell:nth-child(2),
  .topics-head-cell:nth-child(4) {
    display: none;
  }

  .topic-row {
    grid-template-columns: 1fr 50px;
    padding: 10px 12px;
    gap: 8px;
  }

  .topic-stat:nth-child(2) {
    display: none;
  }

  .topic-last {
    display: none;
  }

  .topic-title {
    white-space: normal;
    font-size: 12px;
  }
  
  .btn-topic span,
.post-action span,
  .btn-add span{
  	display: none;
  }
  
  .btn-topic {
    width: 36px;
    height: 36px;
    padding: 0;
    justify-content: center;
    flex-shrink: 0;
  }

  .btn-topic svg {
    width: 16px !important;
    height: 16px !important;
    flex-shrink: 0;
  }
  .post-foot {
    gap: 10px;
}
    .t-head {
    grid-template-columns: 1fr 1fr !important;
    padding: 8px 12px;
  }

  .t-head span:nth-child(3),
  .t-head span:nth-child(4) {
    display: none;
  }

  .t-row {
    grid-template-columns: 1fr 1fr !important;
    padding: 10px 12px;
    gap: 4px;
  }

  .t-row > div:nth-child(3),
  .t-row > div:nth-child(4) {
    display: none;
  }

  .status {
    font-size: 11px;
  }
    .services-table thead th:nth-child(3),
  .service-row td:nth-child(3) {
    display: none;
  }
 #server_admins .services-table thead th:nth-child(4),
  #admins_services .service-row td:nth-child(4) {
    display: none;
  }
  
  #server_admins .t-head {
        grid-template-columns: 50px 1fr 1fr !important;
    }
  
  #server_admins .t-row {
        grid-template-columns: 50px 1fr 1fr !important;
    }
  .news-layout {
    grid-template-columns: 1fr;
    display: flex;
    flex-direction: column;
  }

  .news-sidebar, .tips-card {
    order: -1;
        width: 100%;
  }
  .form-layout {
    grid-template-columns: 1fr;
}
  .article-layout {
    grid-template-columns: 1fr;
}
  .ban-table-head {
    grid-template-columns: 60px 1fr 1fr 1fr 1fr;
}
  .ban-table-head div:nth-child(5),
  .ban-row-head div:nth-child(5){
  	display: none;
  }
  
  .ban-row-head {
    grid-template-columns: 60px 1fr 1fr 1fr 1fr;
}
  
  .ban-stats {
    grid-template-columns: repeat(2, 1fr);
}
  .search-wrap, .search-input, .list-tabs a {
    width: 100%;
}
  .server-list-wrap {
    width: 100%;
}
  .server-nav {
    flex-direction: column;
}
  #banlist > .ban-row > .ban-details > .ban-details-head div:nth-child(1),
  #banlist > .ban-row > .ban-details > .ban-details-head div:nth-child(2),
  #banlist > .ban-row > .ban-details > .ban-details-body .bid-val,
  #muts > .ban-row > .ban-details > .ban-details-head div:nth-child(1),
  #muts > .ban-row > .ban-details > .ban-details-body .bid-val,
  #banlist > .ban-row > .ban-details > .ban-details-body div:nth-child(2),
  #stats > .ban-row > .ban-details > .ban-details-head div:nth-child(3),
  #stats > .ban-row > .ban-details > .ban-details-head div:nth-child(4),
  #stats > .ban-row > .ban-details > .ban-details-head div:nth-child(5),
  #stats > .ban-row > .ban-details > .ban-details-body div:nth-child(3),
  #stats > .ban-row > .ban-details > .ban-details-body div:nth-child(4),
  #stats > .ban-row > .ban-details > .ban-details-body div:nth-child(5){
  	display: none;
  }
  .ban-details-head, .ban-details-body{
    grid-template-columns: 1fr 1fr 1fr !important;
}

  .ban-date-input, .btn-buy-unban, .btn-unban{
  	width: 100%;
  }
  .ban-details-body .bid-val {
    font-size: 12px;
    font-weight: 500;
  }
  

}
