/* Tablet breakpoint */
@media (max-width: 1024px) {
	.resources-archive-nav {
		grid-template-columns: repeat(3, 1fr); /* 3 columns for tablets */
	}
}

/* Desktop breakpoint */
@media (min-width: 1024px) {
	.resources-archive-nav {
		grid-template-columns: repeat(5, 1fr); /* 3 columns for tablets */
	}
}

/* Wide Desktop breakpoint */
@media (min-width: 2024px) {
	.bvs-error-container {
		background-position: center bottom;
		background-size: 780px;
	}
}

/* Mobile breakpoint */
@media (max-width: 768px) {
	
	ul#tribe-user-menu,
	.cart-contents>span.number-of-items,
	.cart-contents>span.amount {
		display: none;
	}
	
	.site-logo.mobile-header-logo  {
		position: absolute;
		top: 0;
		left: 50%;
		transform: translateX(-50%); 
		margin-left: 0;
	}
	
	#mobile-header .menu-toggle {
		order: -1;
		margin-right: auto;
	}
	
	a.cart-contents.shopping-cart {
		margin-bottom: 5px;
	}
	
	.shopping-cart svg {
		margin-right: 5px;
	}
	
	.icon-menu-bars svg {
		height: 1.4em;
		width: 1.4em;
		top: .35em;
	}
	
	.menu-item span.gp-icon.icon-arrow {
		margin-right: 15px;
	}
	
	.members-menu .wp-block-navigation__container {
		gap: 20px;
		align-items: center;
		flex-direction: row;
		justify-content: center;
		row-gap: 10px;
	}
	
	.single-bvs_classes a.bvs-class-nav {
		flex-direction: row;
		margin-bottom: 30px;
	}
	
	.single-bvs_classes .comments-title {
		font-size: 30px;
	}
	
	.hero-content {
		background-color: #000;
		color: #fff;
	}
	
	.hero-content .bvs-h1-sub-heading {
		color: var(--lightning-blue);
	}
	
	.hero-content a.gb-button {
		background-color: var(--lightning-blue);
		text-align: center;
	}
	
	.hero-content a.gb-button span.gb-icon {
		display: none;
	}
	
	.hero-content .bvs-h1-sub-heading {
		font-size: 24px;
	}
	
	.steve-photo-slider .wp-block-stackable-column.stk-block-column .gb-image {
		max-width: 80% !important;
		margin-left: 35px;
	}
	
	.post-type-archive-bvs_resources main, 
	.tax-bvs_tax_resource_cats main {
		flex-direction: column;
	}
	
	.post-type-archive-bvs_resources .resource-item, 
	.tax-bvs_tax_resource_cats .resource-item {
		flex-direction: column;
	}
	
	.post-type-archive-bvs_resources .resources-left, 
	.tax-bvs_tax_resource_cats .resources-left {
		width: auto;
		margin: auto 20px;
	}
	
	.post-type-archive-bvs_resources .resources-right, 
	.tax-bvs_tax_resource_cats .resources-right {
		padding-left: 20px;
		padding-right: 20px;
	}
	
	.post-type-archive-bvs_resources .resource-thumb, 
	.tax-bvs_tax_resource_cats .resource-thumb {
		text-align: center;
	}
	
	.post-type-archive-bvs_resources h2.entry-title, 
	.tax-bvs_tax_resource_cats h2.entry-title {
		text-align: center;
		font-size: 26px;
	}
	
	.post-type-archive-bvs_resources .resource-link, 
	.tax-bvs_tax_resource_cats .resource-link {
		text-align: center;
	}
	
	.post-type-archive-bvs_resources .resource-thumb img, 
	.tax-bvs_tax_resource_cats .resource-thumb img {
		width: 185px;
	}
	
	.post-type-archive-bvs_resources ul.resources-nav, 
	.tax-bvs_tax_resource_cats ul.resources-nav {
		margin-left: 0;
	}
	
	.resources-archive-nav {
		display: grid;
		grid-template-columns: 1fr; /* default to one column for mobile */
		gap: 20px; /* you can adjust this if you want smaller gaps on mobile */
		list-style: none;
		padding: 0;
	}
	
	.resources-archive-container {
		margin: 0 20px;
	}
	
	.bvs-account-header {
		display: flex;
		flex-direction: column;
	}
	
	.bvs-account-header .left {
		flex-direction: column;
		margin-bottom: 20px;
	}
	
	.dash-grid {
		grid-template-columns: repeat(1, 1fr);
	}
	
	.class-completed-badge {
		top: -30px;
		left: 5px;
		font-size: 13px;
	}
	
	.woocommerce #content table.cart .product-thumbnail, 
	.woocommerce table.cart .product-thumbnail, 
	.woocommerce-page #content table.cart .product-thumbnail, 
	.woocommerce-page table.cart .product-thumbnail {
		display: inherit;
	}
	
	.woocommerce-message a.button.wc-forward {
		float: none !important;
		margin-top: 15px;
		order: 2;
		font-weight: bold;
		text-decoration: underline;
	}
	
	.woocommerce-message {
		display: flex;
		flex-direction: column;
	}
	
	.woocommerce-cart table.cart img {
		width: 100px !important;
	}
	
}