.container {
  max-width: 1536px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  border: solid transparent;
  /* border: 2px solid red; */
}

/* 2xl */
@media (max-width: 1536px) {
  .container {
    max-width: 1280px;
  }

  /* HEADER */

  /* NAVIGATION */

  /* MAIN */

  .main-service__grid {
    grid-template-columns: repeat(auto-fit, minmax(600px, 1fr));
  }

  .main-service__content {
    height: 15rem;
  }

  .main-location__map {
    width: 1200px;
    height: 600px;
  }

  /* FOOTER */
}

/* xl */
@media (max-width: 1280px) {
  .container {
    max-width: 1024px;
  }

  h2 {
    font-size: 29px !important;
  }

  p, a {
    font-size: 14px !important;
  }

  /* HEADER */

  /* NAVIGATION */

  /* MAIN */

  .main-service__grid {
    grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));
  }

  .slider__slide {
    scale: .9;
  }

  .main-location__map {
    width: 1000px;
    height: 500px;
  }

  table {
    font-size: 14px;
  }

  /* FOOTER */
}

/* lg */
@media (max-width: 1024px) {
  .container {
    max-width: 768px;
  }

  /* HEADER */

  /* NAVIGATION */

  /* MAIN */

  .slider__slide {
    grid-template-columns: 1fr;
  }
  
  .slider__track-container {
    left: 90px;
  }

  .main-location__map {
    width: 700px;
    height: 350px;
  }

  .image-buttons {
    grid-template-columns: repeat(2, auto);
  }

  /* FOOTER */
}

/* md */
@media (max-width: 768px) {
  .container {
    max-width: 640px;
  }

  /* HEADER */

  /* NAVIGATION */

  /* MAIN */

  .slider__track-container {
    left: 43px;
  }

  .main-location__map {
    width: 600px;
    height: 300px;
  }

  /* FOOTER */
}

/* sm */
@media (max-width: 640px) {
  .container {
    max-width: 475px;
  }

  /* HEADER */

  /* NAVIGATION */

  /* MAIN */

  .slider__track-container {
    left: 0;
  }

  .slider__button {
    display: none;
  }

  .main-location__map {
    width: 450px;
    height: 275px;
  }

  .image-buttons {
    grid-template-columns: 1fr;
  }

  .main-contacts__flex {
    flex-direction: column;
  }

  /* FOOTER */
}

/* xs */
@media (max-width: 475px) {
  .container {
    width: 100%;
  }

  /* HEADER */

  /* NAVIGATION */

  /* MAIN */

  .slider__slide {
    scale: .8;
  }

  .main-location__map {
    width: 400px;
    height: 200px;
  }

  /* FOOTER */
}