/* START RESPONSIVE CSS */

@media (max-width: 1200px) {
  .s-navbar {
    display: none;
  }

  .hamburger {
    display: block;
    width: 22px;
  }

  .s-header {
    padding: 10px 0;
  }

  .s-nav-col:nth-child(2) {
    width: 0;
    padding: 0;
  }

  .s-nav-col:last-child {
    width: 83.33333333%;
  }

  .s-shop-icons {
    width: 120px;
  }

  .s-hero-title h1 {
    font-size: 40px;
  }
}

@media (max-width: 991px) {
  .s-hero-title h1 {
    font-size: 40px;
    line-height: 40px;
  }

  .s-about h2 {
    font-size: 7vw;
    text-align: center;
  }

  .s-about .s-button {
    margin: 60px auto;
  }

  #s-hero-home-mobile {
    display: block;
  }

  #s-hero-home-desktop {
    display: none;
  }

  .s-submit-btn {
    left: 50%;
    transform: translateX(-50%);
  }

  .s-btn-container .row {
    display: block;
  }
}

@media (max-width: 600px) {
  .s-hero-home .s-hero-title h1 {
    font-size: 16px;
    line-height: 40px;
  }

  .s-hero-home .s-hero-title h2 {
    font-size: 9vw;
  }

  .s-contacts .container h2 {
    top: -30px;
    font-size: 40px;
  }
  
  .s-hero-title h1 {
    font-size: 40px;
}
}

/* END RESPONSIVE CSS */