/* --------------------------- TABLET BREAKPOINT ----------------------------- */
@media only screen and (min-width: 601px) and (max-width: 1024px) {
/* 	SEARCH BAR */
	.search-form__form .search-field{
		width: 446px;
	}
	
/* 	LATEST */
	.latest{
		display: grid;
		grid-template-columns: 1fr;
		margin: 140px 0;
	}
	.latest article{
		margin-top: 32px;
	}
	
	.latest2x, .normal-posts{
		grid-template-columns: repeat(2, 1fr);
	}
/* CARD FULL WIDTH */
	.normal-posts > .card.card-fullWidth {
		display: flex;
		grid-column: span 2;
	}
	.normal-posts > .card.card-fullWidth .card-body {
		margin-left: unset;
		padding: 17px 0 0 0 !important;
	}
	.normal-posts > .card.card-fullWidth .card-body h3 a {
		font-size: 24px;
	}
	.normal-posts > .card.card-fullWidth .card-img-top {
		max-height: 350px;
	}
/* 	BANNERS	 */
	.full-banner p {
		line-height: normal !important;
	}
	.full-banner.small {
		gap: 28px;
		flex-direction: column;
	}
}


/* --------------------------- MOBILE BREAKPOINT ----------------------------- */
@media only screen and (max-width: 600px) {
	/* 	SEARCH BAR */
	.search-form__form .search-field{
		width: 286px;
	}
	
/* 	POST CARD COMPONENTS */
	.title-of-section{
		font-size: 28px;
	}
	.latest article{
		margin-top: 32px;
	}
	.latest article a{
		margin-top: 24px;
	}
	.latest, .latest2x, .normal-posts{
		display: grid;
		grid-template-columns: 1fr;
	}
	.latest2x, .normal-posts{
		grid-template-columns: 1fr;
	}
/* CARD FULL WIDTH */
	.normal-posts > .card.card-fullWidth {
		display: flex;
		flex-direction: column;
		grid-column: unset;
	}
	.normal-posts > .card.card-fullWidth .card-body {
		margin-left: unset;
		padding: 17px 0 0 0 !important;
	}
	.normal-posts > .card.card-fullWidth .card-body h3 a {
		font-size: 24px;
	}
	.normal-posts > .card.card-fullWidth .card-img-top {
		height: 240px !important;
	}
/* 	BANNERS	 */
	.full-banner p {
		line-height: normal !important;
	}
	.full-banner a {
		width: fit-content;
	}
	/* 	small */
	.full-banner.small {
		gap: 28px;
		flex-direction: column;
		text-align: center;
	}	
	/* 	big */
	.full-banner.big {
		padding: 80px 25px;
		margin-top: 96px;
	}
	.full-banner.big .buttons{
		flex-direction: column;
		align-items: center;
		gap: 24px;
	}
}