@media(max-width:980px){
  .grid-4{grid-template-columns:repeat(2,1fr);}
  .grid-3{grid-template-columns:1fr;}
  .grid-2{grid-template-columns:1fr;}
}
@media(max-width:760px){
  .sidebar{transform:translateX(-100%);}
  .sidebar.open{transform:translateX(0); box-shadow:20px 0 40px rgba(0,0,0,.5);}
  .main{margin-left:0;}
  .menu-btn{display:block;}
  .search{display:none;}
  .grid-4{grid-template-columns:1fr 1fr;}
  .content{padding:16px 14px 50px;}
  .form-grid-2{grid-template-columns:1fr;}
  .item-row{grid-template-columns:1fr 60px 80px 26px;}
}