@media only screen and (max-width: 1200px) { .wrapper { width: auto; padding: 0 20px; }
  footer .top .wrapper { padding: 30px 20px; } }
@media only screen and (max-width: 960px) { header .box-logo { margin-right: 30px; }
  header nav li.lev1:not(:last-child) { margin-right: 20px; }
  header nav a.lev1 .text { font-size: 14px; }
  #banner .description, #banner .description * { font-size: 16px; line-height: 20px; }
  #home-presentation .contents { flex-direction: column; }
  #home-presentation .left { width: 100%; max-width: 600px; margin-bottom: 50px; }
  #home-presentation .right { padding: 0; width: 100%; max-width: 600px; }
  .home-highlight .mask { width: calc(100% - 100px); left: 50px; }
  .grid-a { grid-template-columns: repeat(2, 1fr); }
  #contacts-grid { padding: 130px 30px; } }
@media only screen and (max-width: 768px) { h1, h1 * { font-size: 50px; }
  header nav { display: none; }
  header .right { margin-right: 45px; }
  #mobile-menu-switch, #mobile-menu { display: block !important; }
  footer .top .wrapper { height: auto; flex-direction: column; justify-content: center; }
  footer .top .wrapper .left { margin-bottom: 20px; }
  footer .top .wrapper .right * { text-align: center; }
  #banner .wrapper { align-items: center; }
  #banner .right { padding-left: 30px; }
  .home-highlight { padding: 30px 0; }
  .home-highlight .wrapper { height: auto; }
  .home-highlight .mask { width: calc(100% - 60px); left: 30px; }
  .grid-a .grid-item .bot .title { font-size: 20px; line-height: 23px; }
  .grid-a .grid-item .bot .description { font-size: 14px; }
  #contacts-grid .wrapper { padding: 80px 60px; }
  #contacts-grid .top { grid-gap: 40px; } }
@media only screen and (max-width: 600px) { footer .bot .wrapper { padding: 8px 20px; height: auto; flex-direction: column; }
  #banner .wrapper { flex-direction: column; }
  #banner .wrapper .left { width: 80%; margin-bottom: 30px; text-align: center; order: 1; }
  #banner .wrapper .right { width: 40%; padding: 0; }
  #banner .box-knowmore { justify-content: center; }
  #banner .description { max-height: 145px; overflow: hidden; }
  #banner .description, #banner .description * { font-size: 14px; line-height: 18px; }
  #banner .box-scrolldown { right: 0; }
  .home-highlight.wine .mask:before, .home-highlight.wine .mask:after { display: none; }
  .home-highlight.cocktails .mask:before, .home-highlight.cocktails .mask:after { display: none; }
  .home-highlight.whiskies .mask:before, .home-highlight.whiskies .mask:after { display: none; }
  .grid-a { grid-template-columns: repeat(1, 1fr); }
  .grid-a .grid-item .bot .title { font-size: 24px; line-height: 27px; }
  .grid-a .grid-item .bot .description { font-size: 16px; }
  #contacts-grid .top { grid-template-columns: repeat(1, 1fr); }
  #contacts-grid .top h5 { justify-content: center; }
  #contacts-grid .top .grid-item { text-align: center; } }
@media only screen and (max-width: 480px) { header .box-logo { margin-right: 0; }
  header .box-logo a { height: 18px; width: 90px; }
  header .box-logo a:before { background: url("../images/footer-logo.svg") no-repeat 0 0; background-size: 100%; content: ""; display: block; height: 100%; width: 100%; }
  header .box-logo a img { display: none; }
  header .box-social a { width: 30px; height: 30px; }
  header .box-social a:before { font-size: 12px; }
  h1, h1 * { font-size: 40px; }
  h3, h3 * { font-size: 35px; }
  #secbanner h1 { font-size: 40px; line-height: 50px; }
  .general-section { padding: 50px 0; }
  .home-highlight { padding: 10px 0; }
  .home-highlight .wrapper { padding: 30px; }
  .home-highlight .mask { width: calc(100% - 20px); left: 10px; }
  .grid-a .grid-item .bot .title { font-size: 20px; line-height: 23px; }
  .grid-a .grid-item .bot .description { font-size: 14px; }
  #contacts-grid .wrapper { padding: 50px 30px; }
  footer .bot .left { text-align: center; } }