/**
 * NationsRO responsive breakpoints (Bootstrap 3)
 */

@media (max-width: 767px) {
	:root {
		--nr-container-offset: 64px;
	}

	body > .container.flux-main {
		padding: 16px;
		margin-top: var(--nr-container-offset);
		margin-bottom: 24px;
		border-radius: var(--nr-radius-md);
	}

	.home-hero h1 {
		font-size: 1.75rem;
	}

	.navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
		color: var(--nr-text-nav);
	}

	.navbar-right {
		float: none;
		margin: 0;
	}

	.flux-navbar-actions {
		float: none;
		margin: 8px 0 0;
	}

	.flux-navbar-actions > li {
		float: none;
	}

	.nav-pills-condensed > li {
		width: 100%;
	}

	.nav-pills-condensed > li > a {
		display: block;
		text-align: center;
	}

	.table-scroll-wrap {
		margin-left: -8px;
		margin-right: -8px;
		padding: 0 8px;
	}

	.horizontal-table,
	.vertical-table {
		min-width: 480px;
	}

	.flux-main form.generic-form .generic-form-table {
		min-width: 0;
	}

	.flux-main .generic-form,
	.flux-main .generic-form-div {
		padding: 16px;
		max-width: none;
	}

	.flux-main .generic-form-table th,
	.flux-main .generic-form-table td {
		display: block;
		width: 100%;
	}

	.flux-main .generic-form-table th label {
		text-align: left;
		padding: 0 0 4px;
	}

	#footer .footer-meta {
		flex-direction: column;
		align-items: flex-start;
	}

	#footer .footer-meta-section {
		width: 100%;
	}

	#footer select.form-control {
		width: 100%;
		max-width: 100%;
	}
}

	/* Hero Section Responsive */
	.hero-section {
		padding: 60px 0 40px;
		text-align: center;
	}

	.hero-title {
		font-size: 2.6rem;
	}

	.hero-subtitle {
		font-size: 14px;
		margin-bottom: 25px;
	}

	.hero-rates-grid {
		justify-content: center;
		flex-wrap: wrap;
		gap: 10px;
	}

	.rate-card {
		padding: 10px 16px;
		min-width: 90px;
	}

	.rate-card .rate-val {
		font-size: 20px;
	}

	.hero-ctas {
		justify-content: center;
		flex-wrap: wrap;
	}

	.btn-hero-cta {
		width: 100%;
		justify-content: center;
		padding: 12px 20px;
	}

	.hero-status-bar {
		justify-content: center;
		margin-top: 15px;
	}

	/* Feature Slider Responsive */
	.feature-slider {
		height: 250px;
		margin-bottom: 20px;
	}

	.slide-item {
		padding: 20px;
	}

	.slide-content h2 {
		font-size: 20px;
	}

	.slide-content p {
		font-size: 12px;
		margin-bottom: 10px;
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		overflow: hidden;
	}

	.slider-controls {
		bottom: 15px;
		right: 20px;
	}

	/* Sidebar spacing */
	.sidebar-widget {
		margin-top: 20px;
	}
}

@media (min-width: 768px) and (max-width: 991px) {
	body > .container.flux-main {
		padding: 20px;
	}
	.hero-title {
		font-size: 3.2rem;
	}
	.feature-slider {
		height: 280px;
	}
}

@media (min-width: 992px) {
	.navbar-nav.navbar-right:last-child {
		margin-right: 0;
	}
}