.m2-search-listings {
	display: grid;
	grid-template-columns: 1fr;
	grid-gap:2.1em;
	margin-top: 30px;
	font-family: 'Inter';
}

.details {
	color: #303030;
  font-size: 16px;
	padding:15px !important;
}

.description {
	color: #303030;
  font-size: 14px;
	padding:15px !important;
}

.search-item {
	border: 1px solid rgba(0, 0, 0, 0.1);
	cursor: pointer;
	display: flex;
	flex-direction: column;
	margin-bottom: 20px;
	position: relative;
	padding:0;
}

.search-item:hover {
	box-shadow: 20px 20px 60px 0px rgba(0, 0, 0, 0.1);
}

.search-item-title {
	font-weight: 700 !important;
	font-size: 18px !important;
	line-height: 24px !important;
	word-break: break-word !important;
	color: #000 !important;
}

.search-item-title:hover {
	text-decoration: underline;
}

.search-item.lvl-4 .search-item-title,
.search-item.lvl-5 .search-item-title {
  margin-right: 45px;
}

.btn-search-item-website, .btn-search-item-website:hover {
  border-color: #FFCC61;
  color: #000 !important;
	background-image: linear-gradient(120deg,#eee 0,#eee 100%);
	background-color:#EEEEEE !important;
	border-radius:3px;
}

.m2az {
	height: 250px;
	margin-bottom: 20px;
	grid-column: unset;
}

.m2az span,
.m2az ins {
	height: 250px;
	margin: 0 auto;
	width: 300px;
}

.az-sm-1 {
  grid-row: 9;
}

.az-sm-2 {
  grid-row: 17;
}

.az-sm-3 {
  grid-row: 25;
}

.az-sm-4 {
  grid-row: 34;
}

.search-item-img {
	height:225px;
	background-size:cover;
}

@media (min-width: 768px) {
  .m2-search-listings {
    grid-template-columns: repeat(2, 1fr);
    gap: 42px 50px;
    margin-top: 20px;
  }
  .search-item {
    grid-column: unset;
    margin-bottom: 0;
  }

  .az-sm-1,
  .az-sm-2 {
    grid-row: 5;
  }
	
  .az-sm-3,
  .az-sm-4 {
    grid-row: 11;
  }
}

@media (min-width: 992px) {
  .container {
    width: 1420px;
    max-width: 100%;
  }
  
  .m2-search-listings {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 22px;
    margin-top: 10px;
  }
  .m2-search-listings .search-item {
    margin-bottom: 0;
    grid-column: unset;
  }

	.az-md-1 {
    grid-column: span 2;
    grid-row: 4;
  }

  .az-md-2 {
    grid-column: span 2;
    grid-row: 8;
  }
}

@media (min-width: 1450px) {
  .m2-search-listings {
    gap: 42px 50px;
  }

	.m2az {
    grid-row: 4;
  }
  .az-lg-1 {
    grid-column: 1;
  }
  .az-lg-2 {
    grid-column: 2;
  }
  .az-lg-3 {
    grid-column: 3;
  }
  .az-lg-4 {
    grid-column: 4;
  }
}
