@media only screen and (max-width: 600px) {
  .slider .parallax-slider .swiper-slide {
    background-size: cover;
    min-height: 60vh;
  }

  .arch-slider .parallax-slider .caption h1 {
    font-size: 40px;
  }

  .arch-slider .setting .swiper-button-next,
  .arch-slider .setting .swiper-button-prev {
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .section-padding {
    padding: 60px 0;
  }

  .our-service {
    margin-top: 10px;
  }

  .mb-80 {
    margin-bottom: 50px !important;
  }

  .mb-40 {
    margin-bottom: 25px !important;
  }

  .custom_testim {
    padding: 50px 0 50px 0;
  }

  .phone .fz-30 {
    font-size: 25px;
  }

  .form-check {
    margin-left: 2px;
  }

  .pb-80 {
    padding-bottom: 70px !important;
  }

  .swiper-slide .img img {
    padding: 0 60px;
  }

  .pt-80 {
    padding-top: 40px !important;
  }

  .proj-header2 {
    /* min-height: 90vh; */
    background-size: contain !important;  /* Ensures the full width of the image is visible */
    background-position: center top !important; /* Aligns image properly */
    background-repeat: no-repeat;
    height: auto; /* Adjusts height dynamically */
    min-height: 400px; /* Ensures some height is maintained */
  } 

  .custom_mobile_margin_top {
    margin-top: 30px;
  }

  .pb-60 {
    padding-bottom: 40px !important;
  }

  .pt-80 {
    padding-top: 0px !important;
  }

  .custom_mobile {
    margin-left: 50px;
  }

  .custom_mobile h5 {
    font-size: 20px !important;
  }

  .amenities-list .mb-30 {
    margin-bottom: 10px !important;
  }

  .amenities-list .pb-20 {
    padding-bottom: 10px !important;
  }

  .amenities-list .fz-16 {
    font-size: 14px !important;
  }

  .icon-img-50 {
    width: 35px;
    height: 31px;
  }

  .custom_sell-checkbox {
    position: relative;
    left: 36px;
  }

  .carousel-inner {
    height: 100% !important;
  }

  .custom_mobile {
    margin-top: 0px !important;
  }

  .back-image {
    margin-top: 30px;
    height: 50%;
    min-height: 300px !important;
  }

  /* .amenities_section .row{
  flex-direction: column-reverse;
} */
  .swiper-button-prev,
  .swiper-button-next {
    top: 100% !important;
    bottom: 10% !important;
    width: 40px !important;
    height: 40px !important;
  }

  .checkbox_purpose .form-check-label {
    margin-left: 3px !important;
  }

  .checkbox_purpose .form-check {
    margin-left: 2px !important;
  }

  .gallery-section .owl-carousel .owl-item {
    display: flex;
    align-items: center;
    /* Center align items vertically */
    height: 300px;
    overflow: hidden;
  }

  .gallery-section .item {
    height: 100%;
    width: 100%;
  }

  .gallery-section .item .img {
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .gallery-section .item .img img {
    max-width: 100%;
    /* Ensure images don't exceed container width */
    max-height: 100%;
    /* Ensure images don't exceed container height */
    width: auto;
    /* Allow images to adjust width based on container */
    height: inherit;
    /* Allow images to adjust height based on container */
    object-fit: cover;
    /* Maintain aspect ratio and cover container */
    padding: 0 20px;
  }

  .owl-prev {
    left: 1.5% !important;
  }

  .owl-next {
    right: 1.5% !important;
  }

  .amenities_section .row {
    flex-direction: column-reverse;
  }

  .amenities_section>div {
    padding: 0;
  }

  .amenities_img {
    padding: 0;
  }

  .work-carsouel .right {
    margin-left: 15px !important;
  }

  .testim-crv .right {
    margin-left: 15px !important;
  }

  .custom_mobile_location .ml-80 {
    margin-left: 20px !important;
  }

  .location_img iframe {
    /* scale:0.8; */
  }

  .mobile_info {
    flex-wrap: wrap;
    /* flex: 1 1 50%; */
    /* justify-content: space-around;
 */
    padding-left: 20px;
  }

  .mobile_info .sub-title {
    font-size: 12px;
  }

  .mobile_info .item {
    /* width:40%; */
  }

  .mobile_carpet {
    /* margin-left: 50px!important; */
  }

  .mobile_config {
    /* margin-left: 10px!important; */
  }

  .mobile_info .item {
    /* margin-bottom: 10px; */
  }

  .mobile_info .row {
    padding: 0 !important;
  }

  .mobile_info .mr-40 {
    margin-right: 0 !important;
  }

  .location_img .iframe {
    width: 300px;
  }

  .mobile_contact_proj {
    padding: 0 !important;
  }

  .mobile_info span {
    text-align: start !important;
  }

}

@media only screen and (max-width: 992px) {
  .footer-container {
    transform: translate(0%, 0%) !important;
  }

  .ml-50 {
    margin-left: 0px !important
  }

  .work-carsouel .right {
    margin-left: 30px;
  }

  .testim-crv .right {
    margin-left: 30px;
  }

  .location_img iframe {
    margin: 0 10px;
  }

  /* .location_section .row{
 flex-direction: row-reverse;  
  } */

}

@media only screen and (min-width: 601px) {
  .gallery-section .owl-carousel .owl-item {
    display: flex;
    align-items: center;
    /* Center align items vertically */
    height: 70vh;
    /* Set a fixed height for each carousel item */
    overflow: hidden;
    /* Hide any overflow to prevent image distortion */
  }

  .gallery-section .item {
    height: 100%;
    /* Ensure each item fills the carousel item height */
    width: 90%;
    /* Adjust item width as needed */
    margin: 0 auto;
    /* Center align item horizontally */
  }

  .gallery-section .item .img {
    height: 100%;
    /* Ensure the image container fills the carousel item height */
    display: flex;
    /* Use flexbox for image centering */
    justify-content: center;
    /* Center align images horizontally */
    align-items: center;
    /* Center align images vertically */
  }

  .gallery-section .item .img img {
    width: 100%;
    /* Allow images to adjust width based on container */
    height: 100%;
    /* Ensure images fill the image container height */
    object-fit: contain;
    /* Maintain aspect ratio and cover container */
  }

  .owl-prev {
    left: 8% !important;
  }

  .owl-next {
    right: 8% !important;
  }

}

@media screen and (min-device-width: 600px) and (max-device-width: 992px) {
  .mobile_info {
    margin-bottom: 50px;
  }

  .amenities_section .custom_mobile {
    margin-top: 0;
    text-align: center;
    /* --bs-gutter-x: -20rem; */
  }

  .amenities_section .amenities-list {
    --bs-gutter-x: -20rem;
  }

  .location_section iframe {
    margin: 0 80px;
  }

  .footer-container .container {
    margin: 0 !important;
  }

  .intro-imgs img {
    height: 400px;
    margin: auto;
    object-fit: cover;
    object-position: center;
    width: 500px;
  }

  .intro-imgs .img1 {
    /* position :relative; */
    display: flex;
  }

  .serv-box .row {
    row-gap: 20px;
  }
}