.top_container {
  display: grid;
  grid-template-columns: 1fr;
}

.item {
  padding: 1px;
  text-align:center;
}

@media (min-width: 500px) {
  .top_container {
     grid-template-columns: repeat(3, 1fr);
  }

  .item-1 {
    order: 1;
  }

  .item-2 {
    order: 2;
  }

  .item-3 {
    order: 3;
  }
}

.OnlyMobil { display: block; text-align:left; }

@media screen and (max-width: 500px) { 
	.OnlyMobil { display:inline; }
}
@media screen and (min-width: 425px) { 
	.OnlyMobil { display:none; }
}

.modal-dialog {
    max-width: 90% !important;
}

.offcanvas-size-xl {
    --bs-offcanvas-width: min(95vw, 600px) !important;
}
.offcanvas-size-xxl {
    --bs-offcanvas-width: min(95vw, 1000px) !important;
}
.offcanvas-size-md { /* add Responsivenes to default offcanvas */
    --bs-offcanvas-width: min(95vw, 400px) !important;
}
.offcanvas-size-sm {
    --bs-offcanvas-width: min(95vw, 250px) !important;
}


@media (width < 1200px) {
	.ar {
		font-size: calc(0.5rem + 0.5vw);
		font-weight: 700;
	}

	.price {
		font-size: calc(0.5rem + 0.5vw);
	}
	
	.csok_result {
	font-size: calc(0.6rem + 0.9vw);
	}

	.szoveg {
		font-size: calc(0.4rem + 0.6vw);
		text-align:justify;
		}
		
	.h3, h3 {
		font-size: calc(1rem + 0.2vw) !important;
	}

	.none {
		font-size: calc(0.5rem + 0.4vw);
		text-decoration: none;
		color:#000;
	}
	.flickity-page-dots {
	display:none; !important;
}
	
}

/* fhd */
@media (width > 1200px) {
	.h3, h3 {
		font-size: calc(1.5rem + 0.8vw) !important;
	}
	.ar {
    font-size: 0.8rem;
    font-weight: 700;
	}
	.csok_result {
	font-size: calc(1.1rem + 0.7vw);
	}
	.contact {
    font-size: 0.8rem;
    font-weight: 700;
	}
	.price {
    font-size: 0.7rem;
	}
	.szoveg {
    font-size: 0.9rem;
	text-align:justify;
	}
	.none {
	font-size: 0.7rem;
    text-decoration: none;
	color:#000;
	}
	.none:hover {
	font-size: 0.7rem;
    text-decoration: none !important;
	color:#000;
	}
	.flickity-page-dots {
	margin: calc(-10px - 0.5vw); !important;
}
}

.block {
    display: inline-block;
}

.none:hover {
		text-decoration: underline;
	}

.kiemelt_ajanlat {
	background: #45a15d;
	color:#fff;
}

.flickity-button {
	background: none !important;
	border: 1px solid black;
}