/* ==========================================================================
   1. COLOR PALETTE THEMES & DESIGN TOKENS
   ========================================================================== */

:root,
[data-theme="light"] {
	--canvas: #fbfbfd;
	--bg-image: url('https://www.internet-graffiti.com/images/black-grey-diagonal.png');
	--text-dark: #1d1d1f;
	--text-muted: #424246;
	--sf-blue: #0071e3;
	--panel-bg: #ffffff;
	--border-light: #d2d2d7;
	--border-color: #d2d2d7;
	--pill-bg: #e8e8ed;
	--callout-bg: #f2f2f7;
	--shadow: rgba(0, 0, 0, 0.04);
	--tag-apple: #000000;
	--tag-android: #34a853;
	--heading-color: #1d1d1f;
	--nav-bg: #ffffff;
	--nav-text: #1a1a1a;
	--nav-burger-color: #1a1a1a;
}

[data-theme="dark"] {
	--canvas: #111112;
	--bg-image: url('https://www.internet-graffiti.com/images/black-grey-diagonal.png');
	--text-dark: #f0f6fc;
	--text-muted: #aaabae;
	--sf-blue: #2997ff;
	--panel-bg: #16161a;
	--border-light: rgba(255, 255, 255, 0.12);
	--border-color: #30363d;
	--nav-bg: rgba(18, 18, 22, 0.9);
	--pill-bg: rgba(255, 255, 255, 0.08);
	--callout-bg: rgba(255, 255, 255, 0.04);
	--shadow: rgba(0, 0, 0, 0.6);
	--tag-apple: #ffffff;
	--tag-android: #34a853;
	--heading-color: #ffffff;
	--nav-text: #ffffff;
	--nav-burger-color: #ffffff;
}

/* Update Section Header for Light Theme */
[data-theme="light"] .section-header {
	color: #1d1d1f !important;
	border-bottom-color: #d2d2d7;
}

/* Update Product Cards for Light Theme */
[data-theme="light"] .product-card {
	background: #ffffff !important;
	border-color: #d2d2d7 !important;
	color: #1d1d1f !important;
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.04);
}

[data-theme="light"] .product-card:hover {
	border-color: rgba(0, 113, 227, 0.4);
	box-shadow: 0 10px 20px rgba(0, 0, 0, 0.08);
}

[data-theme="light"] .product-info h3 {
	color: #1d1d1f !important;
}

[data-theme="light"] .product-info p {
	color: #424246 !important;
}

/******************************************
  GLOBAL & BODY DEFAULTS
 ******************************************/

html {
	overflow-x: hidden;
}

body {
	background: #000000 url('https://www.internet-graffiti.com/images/black-grey-diagonal.png');
	background-repeat: repeat;
	background-attachment: fixed;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
	font-size: 16px;
	text-align: center;
	background-color: #000000;
	color: var(--text-dark, #F0F0F0);
	margin: 0;
	padding: 0;
	overflow-x: hidden;
	box-sizing: border-box;
}

body.cork {
	background: #000000 url('https://www.internet-graffiti.com/images/blackcork.png');
	background-repeat: repeat;
	background-attachment: fixed;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
	font-size: 16px;
	text-align: center;
	background-color: #000000;
	overflow-x: hidden;
}

body.priceframe {
	background: #00000000;
	background-color: #00000000;
}

header {
	width: 90%;
	padding-top: 15px;
	margin: auto;
}

/******************************************
  TYPOGRAPHY
 ******************************************/

h1 {
	font-family: Verdana, Times, Arial, Helvetica, sans-serif;
	font-size: 30px;
	color: #000000;
}

h1.arial {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 36px;
	color: #000000;
}

h1.header,
h1.headerThumb {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 40px;
	color: #F0F0F0;
	position: relative;
	top: 5px;
}

h1.brand {
	font-family: Times, Helvetica, sans-serif;
	font-size: 28px;
	text-align: right;
	color: #111111;
	margin-right: 20%;
}

h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 30px;
	color: #111111;
}

h2.arial {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 25px;
	color: #111111;
}

h3 {
	font-family: Times, Arial, Helvetica, sans-serif;
	font-size: 23px;
	color: #111111;
}


/******************************************
  LAYOUT & CONTAINERS
 ******************************************/

.logo {
	width: 40%;
	height: auto;
	display: block;
	margin: auto;
}

div.layer1 {
	visibility: hidden;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	background-color: #FFFFFF;
	border: 6px solid #333;
	padding: 5px;
	z-index: 500000;
	width: 800px;
	margin: auto;
}

div.main_content {
	width: 85%;
	margin-left: auto;
	margin-right: auto;
	background-color: transparent;
}

div.gag {
	display: block;
	margin-left: 20px;
	margin-right: 20px;
	text-align: left;
	color: #000000;
	background-color: #F0F0F0;
}

div.alignleft {
	max-width: 728px;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	box-sizing: border-box;
}

div.header {
	display: table;
	background-color: #00000000;
	margin-top: 15px;
	margin: auto;
	width: 960px;
	height: 96px;
}

div.headerthumb {
	display: table;
	background-color: #00000000;
	margin: auto;
	width: 900px;
	height: 96px;
}

div.rightheader {
	float: right;
	margin-right: 15%;
	height: 107px;
}

div.pageTitle {
	display: table;
	background-color: transparent;
	margin-left: auto;
	margin-right: auto;
	width: 67%;
}

div.indexLetter {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 22px;
	text-decoration: none;
	color: #000000;
}

div.cat_table {
	display: table;
	margin: auto;
	width: 67%;
	background: -webkit-linear-gradient(#0b3f8d, #7bace6);
	background: -o-linear-gradient(#0b3f8d, #7bace6);
	background: -moz-linear-gradient(#0b3f8d, #7bace6);
	background: linear-gradient(#0b3f8d, #7bace6);
}

div.catTableCell {
	display: table-cell;
	margin: 0px;
	padding: 5px;
	color: #FFF;
	width: 234px;
	text-align: left;
}

div.body_table {
	display: table;
	margin: auto;
	width: 960px;
	background-color: transparent;
}

div.body_table_thumb {
	display: table;
	margin: auto;
	width: 900px;
	background-color: #00000000;
}

div.table {
	display: table;
	margin: auto;
	background-color: transparent;
}

div.tableRow {
	display: table-row;
}

div.tableCell {
	display: table-cell;
	background: transparent;
	padding: 3px 10px;
}

div.tableCellThumb {
	display: table-cell;
	background: transparent;
	padding: 0px;
}

div.headerTableCell {
	display: table-cell;
	background: #00000000;
	padding: 2px;
}

div.indexTable {
	display: table;
	background: transparent;
	margin: auto;
	width: 67%;
}

div.indexTableRow {
	display: table-row;
	background: #FF0;
	margin: 0px;
}

div.indexTableCell {
	display: table-cell;
	margin: 10px;
	background: transparent;
	width: 50%;
	padding: 10px;
}

div.detail-table {
	display: table;
	background: transparent;
	margin-left: auto;
	margin-right: auto;
	width: 800px;
	height: 400px;
}

div.detail-row {
	display: table-row;
	background: #0000FF;
	margin: 5px;
}

div.detail-cell {
	display: table-cell;
	margin: 20px;
	background: transparent;
	width: 240px;
}

div.detail-cell-descript {
	display: table-cell;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	vertical-align: top;
	text-align: left;
	background: transparent;
	color: #000000;
	padding: 10px;
	margin: auto;
}

div.tags {
	display: block;
	margin: auto;
	background: transparent;
	width: 67%;
}

div.product_details {
	background: #000;
	width: 67%;
	height: 500px;
	margin-left: auto;
	margin-right: auto;
}

div.price,
div.saleprice,
div.listprice {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 25px;
	margin-left: auto;
	margin-right: auto;
}

div.saleprice {
	font-style: italic;
	color: #FF0000;
}

div.listprice {
	text-decoration: line-through;
}

div.navbuttons {
	margin-left: auto;
	margin-right: auto;
}

/* Grid Layout */
.content-grid {
	display: grid;
	grid-template-columns: 2fr 1fr;
	background-color: #F0F0F0;
	max-width: 1040px;
	width: 90%;
	gap: 30px;
	margin-top: 20px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	padding-left: 10px;
	padding-right: 10px;
}

.content-grid-solo {
	display: grid;
	grid-template-columns: 1fr;
	background-color: #F0F0F0;
	max-width: 1000px;
	width: 80%;
	gap: 30px;
	margin-top: 10px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	padding-left: 20px;
	padding-right: 20px;
}

.main-article h2,
.main-article h3 {
	color: #000000;
}

.main-article ul {
	padding-left: 20px;
	margin-bottom: 20px;
}

.main-article li {
	margin-bottom: 8px;
	font-size: 1.05rem;
	color: #000000;
}

.download-box {
	background: #1010FF;
	border-left: 5px solid #007FFF;
	padding: 15px;
	margin: 20px 0;
	border-radius: 4px;
	word-break: break-word;
}

.download-box p {
	color: #F0F0F0;
}

.download-link {
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: underline;
	font-size: 1.2rem;
}

a.download-link:visited {
	color: #F0F0F0;
}

.amazon-box {
	background: #f8f9fa;
	border-left: 5px solid #FF9900;
	border: 1px solid #e2e8f0;
	padding: 15px;
	margin: 20px 0;
	border-radius: 6px;
}

.amazon-box img {
	max-width: 100%;
	height: auto;
	display: block;
}

.sidebar-ads {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 20px;
}

.sidebar-ads img {
	max-width: 100%;
	margin-top: 15px;
	height: auto;
	border-radius: 4px;
	transition: transform 0.2s;
}

.sidebar-ads img:hover {
	transform: scale(1.02);
}

/******************************************
  PARAGRAPHS & TEXT STYLES
 ******************************************/

p.graffiti,
p.adsponsor {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 23px;
	color: #00A0F0;
	margin-left: 30px;
	margin-right: 30px;
	text-align: left;
}

p.adsponsor {
	text-align: center;
	margin: auto;
}

p.about {
	font-family: Times, Arial, Verdana, Helvetica, sans-serif;
	font-size: 23px;
	text-align: left;
	margin-left: 30px;
	margin-right: 30px;
}

p.contactLeft {
	font-family: Times, Arial, Verdana, Helvetica, sans-serif;
	font-size: 23px;
	text-align: right;
	margin-left: 30px;
	margin-right: 30px;
}

p.contactRight {
	font-family: Times, Arial, Verdana, Helvetica, sans-serif;
	font-size: 23px;
	text-align: left;
	vertical-align: text-top;
	margin-left: 30px;
	margin-right: 30px;
}

p.SiteDescription {
	font-family: Times, Arial, Verdana, Helvetica, sans-serif;
	font-size: 20px;
	text-align: left;
	padding: 3px 30px 18px 30px;
	font-weight: bold;
}

p.date {
	display: none;
	float: right;
	margin-right: 20%;
	position: relative;
	top: 40px;
}

p.lastmoddate {
	width: 80%;
	margin: auto;
	text-align: center;
}

p.content_text {
	font-size: 22px;
	margin: 10px 10px 10px 20px;
	float: right;
	text-align: left;
}

p.content_text2 {
	font-size: 20px;
	margin: 10px 10px 10px 20px;
	float: left;
	text-align: left;
}

p.tagline {
	font-family: Times, Arial, Verdana, Helvetica, sans-serif;
	font-style: italic;
	font-weight: bold;
	font-size: 30px;
	margin: auto;
}

p.nytgroup {
	font-family: Times, Arial, Verdana, Helvetica, sans-serif;
	font-style: italic;
	font-weight: bold;
	font-size: 27px;
	margin: auto;
	margin-top: 15px;
}

p.fulllist {
	font-family: Times, Arial, Verdana, Helvetica, sans-serif;
	font-size: 20px;
	margin: auto;
	margin-top: 20px;
	margin-bottom: 5px;
}

p.ebagsprice,
p.ebagspricesale {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 20px;
	margin: 10px auto;
}

p.ebagspricesale {
	color: #FF0000;
}


/****************----------------
  TABLES & SPANS
 *****************----------------/

table.main_content_table {
	width: 80%;
	margin-left: auto;
	margin-right: auto;
}

td.main_content_td {
	font-size: 20px;
	font-weight: bold;
	text-align: left;
	vertical-align: top;
	padding: 5px 10px;
}

td.main_content_td_center {
	font-size: 20px;
	font-weight: bold;
	text-align: center;
	vertical-align: top;
	padding: 5px 10px;
	margin: auto;
}

td.main_content_td_center_50 {
	font-size: 22px;
	font-weight: bold;
	text-align: center;
	vertical-align: top;
	padding: 5px 10px;
	margin: auto;
}

table.dashboard {
	width: 96%;
	margin: auto;
	padding: 5px;
}

td.clock {
	padding: 5px;
}

span.amztextlink,
span.index {
	font-family: Times, Arial, Verdana, Helvetica, sans-serif;
	font-size: 20px;
	float: left;
	text-align: left;
}

span.kindle_index {
	font-size: 20px;
	font-weight: bold;
	text-align: left;
	vertical-align: middle;
	padding: 5px 10px;
}

span.kindle_image {
	vertical-align: top;
}

span.kindle_link {
	display: block;
	font-size: 20px;
	font-weight: bold;
	text-align: left;
	padding: 5px;
}

span.productName,
span.luggageProductName {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 18px;
}


/************************
  LISTS & UTILITIES
 ************************/

ul.brand {
	list-style-type: circle;
	margin: 0px;
}

li.brand {
	display: list-item;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	margin: 0px;
	text-align: left;
	color: #000000;
}

hr.style2 {
	border-top: 3px double #8c8b8b;
}

ul.links {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	margin: 0px;
	text-align: left;
	color: #F0F0F0;
}

.logo_span {
	width: 457px;
	height: 60px;
	border: 0px;
	text-align: center;
	margin: auto;
}

.divider_span {
	width: 100%;
	border: 0px;
	background-color: #000000;
	color: #DDDDDD;
	text-align: center;
	margin: auto;
}

.content_layer {
	width: 100%;
	margin: 10px 0px;
}

.content_link {
	padding: 0px;
	font-family: Times, Arial, Verdana, Helvetica, sans-serif;
	font-size: 20px;
	text-align: left;
	text-transform: uppercase;
	font-weight: bold;
	color: #007;
}

#page_screen0 {
	background-color: #000;
	opacity: 0.6;
	position: absolute;
	z-index: 400000;
	top: 0px;
	left: 0px;
	width: 100%;
	display: none;
}

textarea {
	vertical-align: top;
	width: 80%;
}

iframe {
	width: 315px;
	max-width: 100%;
	box-sizing: border-box;
}


/**************************************************************
  FIXED MODERN FATE CARD & MATRIX COMPONENTS
 *****************---------------------------------------------*/

.section-header {
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
	font-size: 1.75rem;
	font-weight: 700;
	margin: 20px auto 24px auto;
	max-width: 1040px;
	width: 90%;
	box-sizing: border-box;
	letter-spacing: -0.02em;
	border-bottom: 1px solid #30363d;
	padding-bottom: 10px;
	color: #ffffff !important;
	text-align: left;
}

.promo-showcase {
	grid-column: 1 / -1;
	border-top: 2px solid #30363d;
	margin-top: 40px;
	padding-top: 20px;
	text-align: center;
	color: #ffffff;
}

.promo-showcase h2 {
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
	color: #ffffff !important;
}

.product-matrix,
.news-wrapper {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 20px;
	margin: 30px auto 0 auto;
	max-width: 1040px;
	width: 90%;
	box-sizing: border-box;
	align-items: stretch;
	justify-items: center;
}

.product-card {
	width: 100% !important;
	max-width: calc((1040px - 40px) / 3) !important;
	height: 100% !important;
	background: #16161a !important;
	border: 1px solid #30363d !important;
	border-radius: 12px;
	padding: 24px;
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.6);
	display: flex;
	flex-direction: column;
	gap: 16px;
	transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
	text-decoration: none;
	color: #f0f6fc !important;
	box-sizing: border-box;
}

.product-card:hover {
	transform: translateY(-2px);
	border-color: rgba(41, 151, 255, 0.4);
	box-shadow: 0 10px 20px rgba(0, 0, 0, 0.8);
	text-decoration: none;
}

.product-card img,
.product-card .promo-banner-img {
	width: 100% !important;
	max-width: 100% !important;
	height: auto !important;
	max-height: 220px;
	object-fit: cover;
	border-radius: 8px;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
	display: block;
	margin: 0 auto;
	box-sizing: border-box;
}

.product-header-area {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
}

.product-info h3 {
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
	font-size: 1.15rem;
	margin: 0 0 4px 0;
	font-weight: 600;
	text-align: left;
	color: #ffffff !important;
}

.product-info h3 a {
	text-decoration: none;
	color: inherit;
}

.product-description-area {
	margin-top: auto;
}

.product-info p {
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
	color: #aaabae !important;
	font-size: 0.9rem;
	line-height: 1.45;
	margin: 0;
	text-align: left;
}

.platform-tags-container {
	display: flex;
	gap: 6px;
}

.platform-tag {
	font-size: 0.7rem;
	font-weight: 700;
	text-transform: uppercase;
	padding: 2px 8px;
	border-radius: 8px;
	letter-spacing: 0.05em;
	width: fit-content;
	display: inline-block;
}

.tag-mac {
	background: rgba(155, 155, 155, 0.12);
	color: var(--tag-apple);
}

.tag-ios {
	background: rgba(0, 113, 227, 0.12);
	color: var(--sf-blue);
}

.tag-droid {
	background: rgba(52, 168, 83, 0.12);
	color: var(--tag-android);
}

.tag-widget {
	background: rgba(106, 27, 154, 0.12);
	color: var(--heading-color);
}

.tag-web {
	background-color: rgba(14, 165, 233, 0.15);
	color: #38bdf8;
	border: 1px solid rgba(14, 165, 233, 0.3);
}

.app-banners {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 15px;
	margin-top: 15px;
}

.app-banners img {
	max-width: 100%;
	width: 240px;
	height: auto;
	border-radius: 6px;
}

.app-item p {
	font-size: large;
	font-weight: bold;
	color: #ffffff;
}


/********************************------------
  LINKS
 ********************************************/

a.cat_link {
	margin: 0px;
	font-family: Helvetica, sans-serif;
	font-size: 12px;
	text-transform: uppercase;
	color: #FFF;
	text-decoration: none;
}

a.cat_link:link {
	color: #FFFFFF;
}

a.cat_link:visited {
	color: #F0F0F0;
}

a.cat_link:hover {
	color: #00F030;
}

a.item,
a.brand {
	font-family: Times, Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #000000;
	text-decoration: none;
}

a.brand {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 22px;
}

a.close {
	font-family: Times, Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #000000;
	float: right;
	text-decoration: none;
}

a.order {
	float: left;
}

a.offsitelinks,
a.offsitelinks:link,
a.offsitelinks:hover {
	display: block;
	margin: 0px 10px 10px 10px;
	color: #000;
}

a.offsitelinks:visited {
	display: block;
	margin: 0px 10px 10px 10px;
	color: #00F;
}

a.footer {
	color: #000000;
	margin: 7px;
	text-decoration: none;
}

a {
	color: #FFF;
	text-decoration: none;
}

a:link {
	color: #FFF;
	text-decoration: none;
}

a:hover {
	color: #FFF;
	text-decoration: underline;
}

a:visited {
	color: #FFF;
	text-decoration: none;
}

a:visited:hover {
	text-decoration: underline;
}

.footer {
	margin: auto;
	text-align: center;
	font-weight: 700;
	font-style: italic;
}

/**************************************************************
  RESPONSIVE BREAKPOINTS & MEDIA QUERIES
 **************************************************************/

/* Below 1040px */
@media screen and (max-width: 1039px) {
	/* Adjustments for large tablet/laptop */

	.product-matrix,
	.news-wrapper {
		grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
		width: 94% !important;
		max-width: 100% !important;
	}

	.product-card {
		max-width: none !important;
	}
}

/* Below 768px */
@media screen and (max-width: 768px) {

	h1 {
		display: block;
		font-family: Times, Arial, Helvetica, sans-serif;
		font-size: 23px;
		margin: 10px auto;
		width: 90%;
	}

	h1.arial {
		font-size: 36px;
	}

	h1.header,
	h1.headerthumb {
		display: block;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 23px;
		color: #F0F0F0;
	}

	h1.brand {
		font-size: 28px;
		text-align: center;
		margin: 5px auto;
		padding: 45px;
	}

	h2 {
		display: block;
		font-family: Times, Arial, Helvetica, sans-serif;
		font-size: 21px;
		margin: auto;
		width: 80%;
	}

	h2.arial {
		display: block;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 25px;
		margin: auto;
		width: 80%;
	}

	h3 {
		display: block;
		font-size: 18px;
	}

	div.main_content {
		width: 100%;
		background-color: transparent !important;
	}

	div.gag {
		width: 90%;
		background-color: transparent !important;
	}

	div.alignleft {
		display: block;
		max-width: 100% !important;
		width: 100% !important;
		background-color: transparent !important;
		text-align: center;
		box-sizing: border-box;
		margin: 0 auto;
	}

	div.header {
		display: block;
		height: 72px;
		width: 100%;
	}

	div.headerthumb {
		display: table;
		background-color: #314963;
		width: 100%;
	}

	div.rightheader {
		margin: auto;
		height: 107px;
	}

	div.layer1 {
		width: 90%;
		top: 0px;
		left: 0px;
		right: 0px;
	}

	div.pageTitle,
	div.cat_table,
	div.body_table,
	div.body_table_thumb,
	div.table,
	div.indexTable,
	div.detail-table {
		display: block;
		width: 100%;
		background-color: transparent !important;
	}

	div.nyttable {
		display: table;
		float: left;
		width: 90%;
	}

	div.tableRow {
		width: 100%;
		margin: auto;
	}

	div.tableCell,
	div.tableCellThumb,
	div.catTableCell,
	div.indexTableCell,
	div.detail-cell {
		display: block;
		width: 100%;
		padding: 0px;
		margin: auto;
		background: transparent !important;
	}

	div.catTableCell {
		padding: 10px 0px 0px 10px;
		width: auto;
	}

	div.cat_table {
		background-color: transparent !important;
	}

	div.body_table {
		background-color: transparent !important;
	}

	div.detail-row {
		display: block;
		margin: auto;
	}

	div.detail-cell-descript {
		display: block;
		font-size: 18px;
		padding: 10px;
		margin: auto;
		background: transparent !important;
	}

	div.tags {
		width: 67%;
	}

	div.navbuttons {
		display: block;
		width: 90%;
		margin: auto;
	}

	.download-link,
	.white-link {
		font-size: 1.2rem;
	}

	p.graffiti {
		margin-left: 20px;
		margin-right: 20px;
	}

	p.contactLeft,
	p.contactRight {
		text-align: left;
	}

	p.date {
		display: none;
	}

	p.lastmoddate {
		display: block;
		margin: auto;
	}

	p.content_text,
	p.content_text2 {
		font-size: 20px;
		margin: 0px 20px 20px 20px;
		float: none;
		text-align: left;
	}

	p.fulllist {
		font-size: 18px;
	}

	img.logo {
		width: 320px;
		max-width: 100%;
		box-sizing: border-box;
	}

	img.content_img {
		margin: 0px 5px 20px 5px;
		width: 240px;
		max-width: 100%;
		box-sizing: border-box;
	}

	table.nytglance,
	table.main_content_table,
	table.nytlist {
		width: 80%;
		margin: auto;
	}

	td.nytglanceimageCell,
	td.nytlistimageCell {
		display: none;
	}

	td.main_content_td,
	td.main_content_td_center {
		font-size: 18px;
	}

	td.main_content_td_center_50 {
		width: 70px;
		font-size: 18px;
		padding: 5px;
	}

	span.index {
		width: 10px;
		font-size: 15px;
	}

	span.kindle_link {
		font-size: 17px;
	}

	span.productName,
	span.luggageProductName {
		display: block;
	}

	ul.links {
		margin: 0px 10px;
	}

	ul.brand {
		width: 90%;
		display: table;
		table-layout: fixed;
		list-style-type: none;
		margin: auto;
	}

	li.brand {
		display: block;
		font-size: 18px;
		margin-top: 7px;
		width: 100%;
	}

	#page_screen0 {
		width: 240px;
	}

	iframe {
		width: 300px;
		max-width: 100%;
		box-sizing: border-box;
	}

	a.cat_link {
		font-size: 18px;
		text-align: center;
	}

	a.item {
		font-size: 24px;
	}

	a.close {
		float: none;
	}

	a.brand {
		font-size: 20px;
	}

	a.order {
		float: none;
	}

	a,
	a:link {
		color: #FFF;
	}

	a:hover {
		color: #FFF;
	}

	a:visited {
		color: #FFF;
	}

	/* Forces 2-wide grid layout at 768px width (iPad Mini) */
	.product-matrix,
	.news-wrapper {
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
		width: 94% !important;
		max-width: 100% !important;
		gap: 12px !important;
		justify-items: center !important;
	}

	.product-card {
		width: 100% !important;
		max-width: none !important;
		padding: 16px !important;
		box-sizing: border-box;
	}
}

/* Below 512px */
@media screen and (max-width: 512px) {

	.logo {
		max-width: 300px;
		width: 60%;
		height: auto;
		display: block;
		margin: auto;
	}

	.content-grid {
		grid-template-columns: 1fr;
		width: 90%;
		gap: 20px;
	}

	.product-matrix,
	.news-wrapper {
		grid-template-columns: 1fr !important;
	}

	.product-card {
		max-width: min(100%, 320px) !important;
		margin: 0 auto;
	}

	h1.header,
	h1.headerthumb {
		display: block;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 23px;
		color: #F0F0F0;
	}

	ul.links {
		margin: 10px;
	}

	ul.links li {
		padding: 15px;
	}

	.footer-links {
		width: 80%;
		margin: auto;
	}
}

/* Below 400px */
@media screen and (max-width: 399px) {
	/* Tighten up micro-phone padding */
}