@media (max-width: 992px) {
  body {
    padding: 0;
  }
	body header nav {
  	position:fixed;
	left:-100%;
	top:0;
	width:98%;
	height:100%;
	background:#f7f7f7;
	z-index:9999;
  }
  body header nav .nav-btn:first-child{ margin-top:90px;}
  .nav-btn {

  display: block;
  padding: 10px 20px;
  color:#000000;
 
}

  .ydclose {
    position: absolute;
    right: 0;
    top: 25px;
    border: none;
    background: transparent;
    color: #000000;
    font-size: 2rem;
    line-height: 1;
    cursor: pointer;
	border-radius: 4px;
	}

  #header-right-container button {
    display: none;
  }

  #gem-logo-img {
    height: 70px;
    width: auto;
  }

  .gem-margin-section {
    margin-top: 30px;
  }

  .gem-margin-block {
    margin-top: 25px;
  }

   .gem-bkfwbox {
    padding: 0;
    border-radius: 0;
  }
 
  .gem-tongybox-items {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 8px;
  }
  
  .gem-tongybox-itemsfb {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 8px;
  }


  .gem-chxx-subbtn {
    max-width: 100%;
  }
  
  .gem-bkfwbox-item {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
  }

  .gem-bkfw-itembox {
    width: 100%;
    height: auto;
  }

  .gem-bkfw-title {
    font-size: 0.88rem;
	text-align:center;
  }

  #news-banner {
     min-height: 190px; margin-top:90px; display:none;
  }

  .news-bannerbox-title {
    font-size: 1.7rem;
  }

  .news-banner-subtitle {
    font-size: 0.92rem;
  }

}

@media (max-width: 768px) {
  #gem-logo-img {
    height: 55px;
    width: auto;
  }
}

@media (max-width: 575px) {
  #gem-logo-img {
    height: 40px;
    width: auto;
  }

  #gem-header-container {
    justify-content: space-between;
  }

  footer section {
    width: unset;
  }

  footer section:nth-child(2) {
    width: unset;
    margin: 0 auto;
  }


  .gem-bkfwbox-item {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
  }

  .gem-bkfw-itembox {
    border-radius: 8px;
    box-shadow: 0 3px 10px rgba(80, 56, 0, 0.1);
  }

  .gem-bkfw-title {
    font-size: 0.72rem;
    line-height: 1.25;
    padding: 6px 4px 8px;
  }

  .gem-tongybox-items {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .gem-tongybox-itemsfb {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

}