/*responsive*/
@media (min-width: 1300px) {
  .container {
    max-width: 1240px;
  }
}

@media (min-width: 1850px) {
  .container {
    max-width: 1750px;
  }

  .overview-img{max-width: 90%; margin: 0 auto;}

  .title .brush-mark {
    width: 150px;
  }

  .logo-overview {
    max-width: 58%;
    margin: 0 auto;
  }

  .mid-logo {
    max-width: 300px;
  }

  /* .heading .h1{font-size: 4rem;} */
}

@media (min-width: 2500px) {
  .container {
    max-width: 2300px;
  }
  .logo-overview {
    max-width: 250px;
  }
  .mid-logo {
    max-width: 340px;
  }

  .site-legends .inner ul {
    height: 27vw;
  }
}

@media (min-width: 3840px) {
  .container {
    max-width: 3200px;
  }
}

@media (min-height: 1024px) {}

@media (min-height: 1280px) {}

@media (max-width: 1400px) {
  .logo {
    width: 160px;
  }

  .bannerText {
    max-width: 500px;
  }

  .bannerText .h1 {
    font-size: 3rem;
  }

  .fpImg a span {
    bottom: -7px;
  }
}

@media (max-width:1280px) {
  .header .nav>ul>li>a {
    font-weight: 600;
    gap: 0 5px;
    padding: 8px;
  }

  .readmore .button {
    padding: 1rem;
  }

  .logo {
    width: 130px;
  }

  .heading .h1 {
    font-size: 2.25rem;
  }
}

@media (max-width: 991.9px) {
  html {
    font-size: 87.5%;
  }

  .logo {
    width: 50px;
  }

  .banner {
    height: auto;
  }

  .banner .container {
    align-items: end;
  }
  .gap-row {
    row-gap: 9px;
  }
  .bannerText {
    margin-top: 0;
    margin-bottom:40px;
    /* background: rgb(255 255 255 / 66%); */
    padding: 5px;
    width: 100%;
    text-align: center;
    color: #fff;
    font-weight: bold;
  }
  .bannerText .h1 {
    font-size: 2rem;
    font-weight: 600;
    color: #fff !important;
  }

  .hm-statsContainer{
    background-image: none !important;
  }
  .flower{width: 100px;}
  .italian-statue{
    position: absolute;
    left: -220px;
    top: 0;
    opacity: 0.25;
  }

  .random-img img {
    margin: auto;
    transform: none;
  }

  .heading {
    margin: auto;
    margin-bottom: 10px;
  }

  .heading .h1 {
    text-align: center;
  }

  .swiper-button-next,
  .swiper-button-prev {
    width: 30px;
    height: 30px;
  }
  .swiper-button-next, .swiper-button-prev{background-size: 14px;}

  .bottom-control.swiper-button-prev {
    left: calc(50% - 35px);
  }

  .bottom-control.swiper-button-next {
    right: calc(50% - 35px);
  }

}

@media (max-width: 767.9px) {
  html {
    font-size: 77.5%;
  }

  .cloud{height: 40%; background-size: contain;}

  .mid-logo {
    margin: auto;
    margin-bottom: 15px;
  }

  .statsBox h2 {
    font-size: 1.7rem;
  }

  .bannerText .h1 {
    font-size: 2rem;
    font-weight: 600;
  }

  .italian-statue {
    left: 0;
  }

  .title .brush-mark {
    margin-bottom: 10px;
  }

  .swiper-button-next,
  .swiper-button-prev {
    margin-top: -12px;

  }

  .gaurs-logo {
    margin: auto;
    margin-bottom: 1rem;
  }

  .title .brush-mark {
    width: 80px;
  }
}

@media (max-width: 576px) {
  .reranumber {
    left: 0;
    padding: 2px 5px;
    font-size: 9px;
    background: #0000009c;
    bottom: 0;
    right: 0;
    text-align: center;
  }
  .iframevideo
  {
    min-height:40vh !important;
  }
  #jp-amenities
  {
    padding-top: 0;
  }
  .list
  {
    font-size: 14px;
    margin-top: 15px;
  }
  .ConstructionUpdatevideo
  {
    max-height: 50vh !important;
  }
}

@media (max-width: 575.9px) {
  .heading h2 {
    font-size: 2rem;
  }

  .gaurs-logo {
    margin: auto;
    margin-bottom: 10px;

  }

  .locationSlider {
    background: none !important;
  }

  .tagline {
    margin: auto;
  }

  .bannking {
		display: flex;
		flex-wrap: wrap;
    justify-content: center;
	}
	.bannking h6{
		width:100%;
		text-align: center;
	}
	.bannking br{
		display:none;
	}
  .bannking div{width: 120px;}

  .foot-links {
    text-align: center;
  }

  .foot-logo img {
    margin: auto;
  }

  .footer-address ul li a {
    line-height: 2;
    margin: auto;
  }

  .foot-menu ul li a {
    display: block;
  }

  .foot-other-menu {
    flex-wrap: wrap;
  }
  .linespes li
  {
    width: 48%;
    display: inline-block;

  }
  .bg-imagepaddingb
  {
    padding-top:2rem;
    padding-bottom:2rem;
  }
  .bg-imagepaddingb1
  {
    padding-top:2rem;    
  }
}

@media (max-width: 480px) {
  html {
    font-size: 70.5%;
  }

  .bg-circle::before {
    clip-path: circle(50% at 100% -10%);
  }

  .benefitBox section .img-fluid {
    width: 60px;
  }
}

@media (max-width: 425px) {
  .cloud{background-size: auto;}
  .brush img{width: 60px; margin-right: -30px;}
  .italian-statue{opacity: .125;}
  .flower{width: 70px;}
}

@media (max-width: 375px) {}

@media (max-width: 320px) {}