@media only screen and (min-width: 1200px) and (max-width: 1600px) {
  .main-header .main-menu {
    margin-right: 30px;
  }

  .hero-area {
    min-height: 900px;
  }

  .blog-text .blog-text-inner {
    padding: 10px 20px 30px 20px;
    margin: -35px 20px 0px 20px;
  }

}
@media only screen and (min-width: 1200px) and (max-width: 1300px) {
  .hero-area .hero-img img {
    right: 0px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .hero-area .hero-caption h1 {
    font-size: 55px;
  }
  .hero-area .hero-img img {
    right: 0px;
  }
}
@media (max-width: 991px) {
  .section-padding {
    padding: 30px 0;
  }

  h2.service-title,
  .section-title h2 {
    font-size: 33px;
    margin-bottom: 40px;
  }

  .section-title h2::after {
    bottom: -20px;
  }
  .section-title h2::before {
    bottom: -16px;
  }

  .hero-area .hero-caption h1 {
    font-size: 55px;
  }

  .filters-content .grid .single-work:nth-of-type(4) {
    margin-bottom: 30px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .hero-area {
    min-height: 600px;
  }
  .hero-area .hero-caption p {
    margin-bottom: 54px;
    padding-right: 0px;
  }

  .hero-shape {
    padding: 10px 25px;
  }
}
@media (max-width: 767px) {
  .hero-area {
    min-height: 600px;
  }
  .hero-area .hero-caption h1 {
    font-size: 40px;
  }
  .hero-area .hero-caption p {
    margin-bottom: 54px;
    padding-right: 0px;
  }
  .hero-area .about-block {
    width: 76%;
    margin: 0 auto;
  }

  .filters-content .grid .single-work:nth-of-type(5) {
    margin-bottom: 30px;
  }

  #scrollUp {
    right: 16px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .hero-shape {
    top: 5%;
    left: 73%;
  }
}
@media only screen and (min-width: 481px) and (max-width: 767px) {
  .price-area .pricing-item {
    max-width: 420px;
    margin: auto;
  }
}
@media (max-width: 590px) {
  .filters-content .grid .single-work:hover .overlay {
    top: 0;
    left: 0;
  }
}

@media only screen and (min-width: 1024px) and (max-width: 1200px) {
  .filters-content .grid .single-work:hover .short-info {
    left: 50%!important;
  }

  .filters-content .grid .single-work:hover .long-title {
    left: 50%!important;
  }

  .filters-content .grid .single-work:hover .long-title h3{
    font-size: 20px;
  }

  .filters-content .grid .single-work:hover .long-title h6{
    font-size: 12px;
  }
}

@media only screen and (min-width: 768px) {
  .blog-text {
    padding: 0 40px;
  }
}

@media only screen and (max-width: 765px) {
  .blog-text .blog-text-inner {
    padding: 0px 15px 35px 15px;
    margin: -22px 5px;
  }

  .blog-text .blog-text-inner h4 {
    padding: 12px 0px;
    font-size: 16px;
  }

  .blog-text .blog-text-inner p {
    font-size: 13px;
  }

  #scrollUp {
    display: none!important;
  }

  .glide__slide {
    margin-right: 3rem!important;
  }

  .modal-mobile {
    padding-right: 0!important;
  }

}

@media only screen and (min-width: 370px) and (max-width: 400px) {
  .filters-content .grid .single-work:hover .short-info {
    left: 50%!important;
  }

  .filters-content .grid .single-work:hover .long-title {
    left: 50%!important;
  }
}

@media only screen and (min-width: 410px) and (max-width: 760px) {
  .filters-content .grid .single-work:hover .short-info {
    left: 50%!important;
  }

  .filters-content .grid .single-work:hover .long-title {
    left: 50%!important;
  }
}

@media only screen and (min-width: 765px) and (max-width: 1020px) {
  .filters-content .grid .single-work:hover .short-info {
    left: 50%!important;
  }

  .filters-content .grid .single-work:hover .long-title {
    left: 50%!important;
  }

  .modal-mobile {
    padding-right: 0!important;
  }

  .modal-mobile .modal-dialog {
    max-width: 600px!important;
  }
}