/* CSS IS TO REPLACE USE OF GRID */

/** Grid Areas **/
.grid_header {
	width: 100%;
	height: 46px;
	z-index: 920;
	position: fixed;
	top: 0px;
}
.grid_menu_select {
	width: 100%;
	height: 46px;
	z-index: 100;
	position: fixed;
	top: 46px;
	display:none;
}
.grid_top_nav {
	width: 100%;
	height: 48px;
	z-index: 100;
	position: fixed;
	top: 46px;
	background-color: transparent;
}
.grid_top_nav {
	width: 100%;
	height: 48px;
	z-index: 100;
	position: fixed;
	top: 46px;
	background-color: transparent;
}
.grid_content {
	width: 100%;
	max-height: 100%;
	position: relative;
	top: 94px;
}
.grid_footer {
	width: 100%;
	background-color: grey;
	position: relative;
	bottom: 0px;
}

/** Grid Wrapper **/
.grid_wrapper {
	grid-gap: 0px;
	/*height: min-content;*/
	width: 100%;
}

/** Grid Layout **/
@media (orientation: portrait) {
	/** Mobile View **/
	@media (max-width: 575px) {
		.grid_footer {
			height: 30px;
			background-color: grey;
		}
		.grid_wrapper {
		}
	}
	@media (max-width: 575px) {
		.grid_header {
		}
		.grid_menu_select {
		}
		.grid_top_nav {
		}
		.grid_content {
		}
		.grid_footer {
		}
		.grid_footer {
		}
	}
	@media (min-width: 576px) and (max-width: 767px) {
		.grid_header {
		}
		.grid_menu_select {
		}
		.grid_top_nav {
		}
		.grid_content {
		}
		.grid_footer {
		}
		.grid_footer {
		}
	}
	@media (min-width: 768px) and (max-width: 1199px) {
		.grid_header {
		}
		.grid_menu_select {
		}
		.grid_top_nav {
		}
		.grid_content {
		}
		.grid_footer {
		}
		.grid_footer {
		}
	}
	@media (min-width: 1200px) {
		.grid_header {
		}
		.grid_menu_select {
		}
		.grid_top_nav {
		}
		.grid_content {
		}
		.grid_footer {
		}
		.grid_footer {
		}
	}
	@media (min-width: 1440px) {
		.grid_header {
		}
		.grid_menu_select {
		}
		.grid_top_nav {
		}
		.grid_content {
		}
		.grid_footer {
		}
		.grid_footer {
		}
	}
	@media (max-width: 1023px) {
		.grid_header {
		}
		.grid_menu_select {
		}
		.grid_top_nav {
		}
		.grid_content {
		}
		.grid_footer {
		}
		.grid_footer {
		}
	}
	@media (min-width: 1024px) and (max-width: 1279px) {
		.grid_header {
		}
		.grid_menu_select {
		}
		.grid_top_nav {
		}
		.grid_content {
		}
		.grid_footer {
		}
		.grid_footer {
		}
	}
	@media (min-width: 1280px) and (max-width: 1919px) {
		.grid_header {
		}
		.grid_menu_select {
		}
		.grid_top_nav {
		}
		.grid_content {
		}
		.grid_footer {
		}
		.grid_footer {
		}
	}
	@media (min-width: 1920px) and (max-width: 2559px) {
		.grid_header {
		}
		.grid_menu_select {
		}
		.grid_top_nav {
		}
		.grid_content {
		}
		.grid_footer {
		}
		.grid_footer {
		}
	}
	@media (min-width: 2560px) {
		.grid_header {
		}
		.grid_menu_select {
		}
		.grid_top_nav {
		}
		.grid_content {
		}
		.grid_footer {
		}
		.grid_footer {
		}
	}

	/** Small Tablet View **/
	@media (min-width: 576px) and (max-width: 767px) {
		.grid_wrapper {
		}
	}

	/** Large Tablet View **/
	@media (min-width: 768px) and (max-width: 1199px) {
		.grid_wrapper {
		}
	}

	/** Desktop View **/
	@media (min-width: 1200px) {
		.grid_wrapper {
		}
	}

	/** Large Desktop View **/
	@media (min-width: 1440px) {
		.grid_wrapper {
		}
	}

	/** Desktop View or Larger **/
	@media (min-width: 1280px) {
		.grid_header {
			width: 70vw;
		}
		.grid_menu_select {
			width: 70vw;
		}
		.grid_top_nav {
			width: 70vw;
		}
		.grid_content {
			width: 100%;
		}
		.grid_footer {
			width: 100%;
		}

		/** Grid Wrapper **/
		.grid_wrapper {
			width: 70vw;
			margin: 0 auto;
		}
		.top-nav-scroll-left-container {
			left: 0 !important;
		}
		.top-nav-scroll-right-container {
			right: 0 !important;
		}
		#productDIV {
			padding: 0 !important;
			margin: 0 -0.25rem !important;
			width: calc(100% + 0.5rem) !important;
		}
		#scrolltop {
			right: calc(15vw - 50px) !important;
		}
		#options {
			top: 0;
			width: 100%;
			max-width: 420px;
			height: 100vh !important;
		}
		#sidebar {
			top: 0;
			width: 100%;
			max-width: 420px;
			height: 100vh !important;
		}
	}
}

@media (orientation: landscape) {
	/** Mobile View **/
	@media (max-width: 1023px) {
		.grid_wrapper {
		}
	}

	/** Tablet View **/
	@media (min-width: 1024px) and (max-width: 1279px) {
		.grid_wrapper {
		}
	}

	/** Desktop View **/
	@media (min-width: 1280px) and (max-width: 1919px) {
		.grid_wrapper {
		}
	}

	/** Large Desktop View **/
	@media (min-width: 1920px) and (max-width: 2559px) {
		.grid_wrapper {
		}
	}

	/** Large Desktop View **/
	@media (min-width: 2560px) {
		.grid_wrapper {
		}
	}

	/** HD Larger **/
	@media (min-width: 1280px) {
		.grid_header {
			width: 70vw;
		}
		.grid_menu_select {
			width: 70vw;
		}
		.grid_top_nav {
			width: 70vw;
		}
		.grid_content {
			width: 100%;
		}
		.grid_footer {
			width: 100%;
		}

		/** Grid Wrapper **/
		.grid_wrapper {
			width: 70vw;
			margin: 0 auto;
		}
		.top-nav-scroll-left-container {
			left: 0 !important;
		}
		.top-nav-scroll-right-container {
			right: 0 !important;
		}
		#storeinfoDIV {
			padding-left: 0 !important;
			padding-right: 0 !important;
   			margin: 0 -8px !important;
		}
		#productDIV {
			/*padding: 0 !important;
			margin: 0 -0.25rem !important;
			width: calc(100% + 0.5rem) !important;*/
			padding: 0 !important;
   			margin: 0 -8px !important;
    		width: calc(100% + 16px) !important;
		}
		#scrolltop {
			right: calc(15vw - 50px) !important;
		}
		#options {
			top: 0;
			width: 100%;
			max-width: 420px;
			height: 100vh !important;
		}
		#sidebar {
			top: 0;
			width: 100%;
			max-width: 420px;
			height: 100vh !important;
		}
	}
}