/**
 * Responsive styles for XRepNetwork Themes
 *
 * @package XRepNetwork
 */

/* Tablet */
@media (max-width: 1024px) {
	.xrepnetwork-container {
		padding: 0 15px;
	}
	
	.content-wrapper {
		gap: 30px;
	}
	
	.secondary-sidebar {
		width: 300px;
	}
	
	.featured-title {
		font-size: 28px;
	}
	
	.post-title {
		font-size: 22px;
	}
}

/* Mobile */
@media (max-width: 768px) {
	.header-top {
		padding: 15px 0;
	}
	
	.site-title {
		font-size: 24px;
	}
	
	.header-top-inner {
		flex-direction: column;
		gap: 20px;
	}
	
	.header-search {
		width: 100%;
	}
	
	.header-social {
		justify-content: center;
		width: 100%;
	}
	
	.content-wrapper {
		grid-template-columns: 1fr;
		gap: 30px;
	}
	
	.secondary-sidebar {
		width: 100%;
	}
	
	.featured-title {
		font-size: 24px;
	}
	
	.post-title {
		font-size: 20px;
	}
	
	.footer-widgets-inner {
		grid-template-columns: 1fr;
		gap: 30px;
	}
	
	.footer-bottom-inner {
		flex-direction: column;
		text-align: center;
	}
	
	.category-carousel-slider {
		grid-template-columns: 1fr;
	}
	
	.featured-thumbnails {
		grid-template-columns: repeat(2, 1fr);
	}
	
	.homepage-hero {
		padding: 20px 0;
	}
	
	.featured-main-image {
		height: 350px;
	}
	
	.featured-main-title {
		font-size: 24px;
	}
	
	.featured-main-content {
		padding: 30px 20px 20px;
	}
	
	.featured-thumbnails {
		grid-template-columns: repeat(2, 1fr);
		gap: 15px;
	}
	
	.thumb-image {
		height: 120px;
	}
	
	.latest-post-item {
		flex-direction: column;
	}
	
	.latest-post-thumb {
		width: 100%;
		height: 200px;
	}
	
	.breaking-news-ticker {
		flex-wrap: wrap;
		padding: 15px 0;
	}
	
	.ticker-label {
		width: 100%;
		padding: 0 15px;
	}
	
	.ticker-content {
		width: 100%;
		padding: 0 15px;
	}
	
	.ticker-controls {
		width: 100%;
		padding: 0 15px;
		text-align: center;
	}
}

/* Small Mobile */
@media (max-width: 480px) {
	.site-title {
		font-size: 20px;
	}
	
	.featured-main-title {
		font-size: 18px;
	}
	
	.featured-thumbnails {
		grid-template-columns: 1fr;
		gap: 12px;
	}
	
	.featured-main-image {
		height: 300px;
	}
	
	.featured-main-title {
		font-size: 20px;
	}
	
	.featured-main-content {
		padding: 25px 15px 15px;
	}
	
	.thumb-image {
		height: 100px;
	}
	
	.post-title {
		font-size: 18px;
	}
	
	.widget-title {
		font-size: 18px;
	}
	
	.scroll-to-top {
		width: 40px;
		height: 40px;
		bottom: 20px;
		right: 20px;
	}
	
	.carousel-nav-arrow {
		display: none;
	}
	
	.single-post-featured-image {
		height: 300px;
	}
	
	.entry-title {
		font-size: 24px;
	}
	
	.entry-meta {
		flex-direction: column;
		align-items: flex-start;
	}
	
	.entry-share {
		margin-left: 0;
		width: 100%;
	}
	
	.related-posts-grid,
	.latest-posts-single-grid {
		grid-template-columns: 1fr;
	}
	
	.comment-body {
		flex-direction: column;
	}
}