@media (max-width: 768px) {
	
/* 	this is the css section for the single property for a responsive style */
	
	.main-content h1{
		text-align: center;
		font-size: 28px;
	}
	
	
	
  /* mobile styles here */
	.property-main-slider img {
    height: 280px;
  }

  /* Hide thumbnails on mobile */
  .property-thumb-slider {
    display: none !important;
  }

  .swiper-button-next,
  .swiper-button-prev {
    display: none !important;
  }
	.swiper-wrapper{
/* 		display: none !important; */
	}

  .swiper-pagination {
    bottom: 10px !important;
  }
	.property-container{
		display: block !important;
	}
	.property-meta{
		display: block;
	}
	.property-meta p{
		text-align: center;
		font-size: 15px;
		padding: 8px 25px 8px 25px;
	}
	.property-details {
		display: flex;
		flex-wrap: wrap;
		gap: 12px;
	  }
	.property-details li{
		flex: 0 0 50%;   /* 2 items per row */
    	box-sizing: border-box;
	}
	.property-sidebar{
		max-width: none;
	}
	.similar-properties-section h2{
		text-align: center;
		font-size: 18px;
	}
	.similar-properties-grid{
		display: block;
	}
	.property-card{
		margin: 10px;
	}
	.property-gallery {
		grid-template-columns: 1fr;
	}
	
	.gallery-layout {
    flex-direction: column;
  }

  .side-images {
    flex-direction: row;
    gap: 10px;
  }

  .side-images img,
  .image-overlay img {
    height: 150px;
    object-fit: cover;
  }

  .custom-list {
    flex-direction: column;
  }
	
	.mobile-only-link {
        display: block !important;
    }
	.login-text{
		font-size: 15px;
	}
	
	/* GRID FOR MULTI-FIELDS (Bedrooms, Bathrooms, etc) */
/* automatically fits 2 columns on big screens, 1 on mobile */
	
	/* RESPONSIVE GRID */
	
	.submission_form {
        grid-template-columns: 1fr 1fr;
    }

    .submission_form label,
    .full-width-input,
    #property_description,
    #property_type,
    [name="property_title"],
    [name="property_description"],
    [name="property_highlights"] {
        grid-column: span 2;
    }
	
	.mainGallery,
  .swiper,
  .swiper-wrapper,
  .swiper-slide {
    height: 220px !important;
  }

  .mainGallery img {
    width: 100% !important;
    height: 100% !important;
    aspect-ratio: auto !important;
    object-fit: cover !important;
  }

  .mainGallery {
    overflow: visible !important;
  }
	
	
	
	
	
	
	
	
	
	
	
	
	
}