/* Extra Large devices (desktops, more than 1200px)

	This is default design.

*/

/* Large devices (desktops, less than 1200px) */
@media (max-width: 1199.98px) {

}

/* Medium devices (tablets, less than 992px) */
@media (max-width: 991.98px) {

	.navbar .container-fluid {
		background-repeat: no-repeat;
		background-size: cover;
		background-position: left bottom;
	}

	.banner.banner-type-fullscreen {
		display: none;
	}

	main.container {
		margin-top: 0;
		border-radius: 0;
	}

	.article-preview .article-title h3,
	.article-preview .article-perex {
		font-size: 1rem;
		line-height: 1.3rem;
	}

	.article-featured .article-perex {
		font-size: 1rem;
		line-height: 1.3rem;
	}

}

/* Small devices (landscape phones, less than 768px) */
@media (max-width: 767.98px) {

	main .content {
		padding: 1rem;
	}

	.article-featured {
		padding-bottom: 1rem;
		margin-bottom: 1rem;
		border-bottom: solid 1px var(--brand-muted-color);
	}

	.article-popular h3,
	.article-popular .article-badges {
		font-size: 0.75rem;
		line-height: 1rem;
	}

	.popular-category .category-more-link {
		font-size: 1rem;
		line-height: 1.2rem;
	}

	.popular-category h2 {
		font-size: 1.2rem;
		line-height: 1.5rem;
	}

}

/* Extra small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) {

	.article-preview .article-title {
		font-size: 1rem;
		line-height: 1.2rem;
	}

	.article-preview .article-badges {
		flex-direction: column;
		align-items: start !important;
	}

}