@media screen and (min-width: 1400px) {
  .blog-slider__img {
    position: relative;
    left: 150px;
    
  }
  .list-pool {
    direction: ltr !important;
    margin-top: 120px;
  }
}

@media screen and (max-width: 1400px) and (min-width: 1200px) {
  .blog-slider__img {
    position: relative;
    left: 150px;
  }
}

@media screen and (max-width: 1200px) and (min-width: 992px) {
  .blog-slider__img {
    position: relative;
    left: 150px;
  }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
  .blog-slider__img {
    position: relative;
    left: 150px;
  }

  .img-blog {
    height: 300px !important;
  }

  .nav-profile {
    top: 15 !important;
  }
  .contact-ways {
    width: 100%;
  }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
  .img-instagram {
    position: absolute;
    right: 30%;
  }

  .nav-profile {
    top: 9 !important;
  }
  .contact-section {
    margin-top: 70px !important;
  }
  .contact-ways {
    width: 100%;
  }
  .about-city {
    background-color: #e9edf2;
    padding: 20px !important;
  }
}

@media screen and (max-width: 576px) {
  .ico-men-women {
    margin-left: 0px !important;
  }
  .img-Top-pools {
    width: 7em;
    height: 7em;
  }

  #bestSwiper .swiper-slide-active {
    transform: scale(1.2) !important;
  }

  .logo-ticket {
    width: 90px;
    height: 90px;
  }

  .qr-ticket {
    width: 90px;
  }

  .img-instagram {
    position: absolute;
    right: 28%;
  }

  .img-blog {
    height: 200px !important;
  }

  .ticket {
    margin: 0;
  }

  nav .logo {
    height: 30px;
  }

  nav li {
    margin-left: 14px;
    font-size: 0.9em;
    padding: 3px 0;
  }

  .nav-profile {
    top: 9 !important;
  }
  .contact-section {
    margin-top: 60px !important;
  }

  .DM-nav {
    position: relative;
    top: 6px;
    margin-left: 12px;
  }
  .contact-ways {
    width: 100%;
  }
  .about-city {
    background-color: #e9edf2;
    padding: 20px !important;
  }
  .qr-ticket>img{
    width: 95px !important;
    height: 95px !important;
  }
}

@media screen and (min-width: 1400px) {
  .container,
  .container-lg,
  .container-md,
  .container-sm,
  .container-xl,
  .container-xxl {
    max-width: 1420px;
  }
  .nav-profile {
    top: 15 !important;
  }
}
