@media screen and (min-width: 319px) and (max-width: 640px) {
    .header-box__location {
      display: none;
    }
    
    .header-box__basket {
      display: none; 
    }

    .header-box, 
    .footer-box{
      max-width: 92%;
    }
    
    .search-box,
    .title-box {  
      width: 91%;
    }
 
    .header-box__logo {
      transform: scale(0.9)  
    }
  
    .header-box__logo:hover {
      transform: scale(1) rotate(-1deg);
    }
    
    .header-box .auth_signin {
      width: 65px;
      height: 40px; 
    }
    
    .header-box .auth_register  {
      width: 65px;
      height: 40px;
    }
    .catalog-box {
      grid-template-columns: repeat(1, 92%);
      padding: 0 0 10px;
    }

    .catalog-box__img-box {
      width: 100%;
      height: 100%;
      cursor: pointer;
  }
    .catalog-box__img {
      width: 100%;
    }
  
    .footer-box {
      padding-bottom: 20px;
    }
  
    .footer-box__controls{
      grid-template-columns: repeat(1, 95%);
      
    }
  
    .social {
      padding-bottom: 20px;
    }
  
    .footer-box__privacy {
      display:grid;
      grid-template-columns: repeat(1, 95%);
      white-space: nowrap;
      padding-bottom: 0px;
    }
  
    .rights,
    .privacy-link,
    .terms  {
      
    line-height: 13px;
    font-size: 11px;
    }

    .app-store a {
      margin-right: 20px;
    }
}