body {
    padding-top: 54px;
    font-family:Arial,sans-serif!important;
}

@media (min-width: 800px) {
    body {
        padding-top: 56px;
        font-family:sans-serif;
    }
}

/** Mobile **/
@media only screen and (max-width: 800px)/*, only screen and (max-device-width: 800px)*/ {

.left-col { display:none; }
    .hp-collection-title { font-size:45%!important;}
.main { width:100%; }
.bf-deal-image { max-width:30% }

.bf-deal-wrap { float:left }
}

/** Tablet **/
@media only screen and (min-width : 800px) and (max-width : 1200px) {
    .hp-collection-title { font-size:80%;}
    /*.left-col { display:none; }*/

}

/** Tablet (landscape) **/
@media only screen and (min-device-width : 768px) and (max-device-width : 1200px) and (orientation : landscape) {
    /*.left-col { display:none; }*/
    .hp-collection-title { font-size:75%;}

}

.deal-tag {
    color: yellow;-webkit-text-stroke-width: 1px;-webkit-text-stroke-color: orange;
}

.left-nav {
    margin-right:0px;
    font-size:14px;
    margin-left:-10px;
    width:100%;
}
.l-nav-link>a:hover { background-color: #0f0f0f;
               text-decoration:none;
     }


@media (min-width: 1200px) {
    .col-lg-8 {

        margin-left: 20px;
    }
}

.table-striped>tbody>tr:nth-of-type(odd) {
    background-color: #f8f7f7;
}

.navbar-brand > h3 { color:white;}

.navbar-brand a:hover { color:yellow;}

.navbar>.container .navbar-brand a:hover{color:yellow}

.navbar-inverse { background-image:linear-gradient(#4267b2 0, #337ab7 100%); }

#top-logo:hover { color:yellow }

.text-white { color:#FFFFFF}

.text-black { color:#000000}

.h2, h2 {
	font-size:20px;
	margin-top:10px;
}

.h1, h1 {
    font-size:24px;
    margin-top:5px;
}
.btn-success { background-color:#6D9E56!important;}
.dropdown-header {
    font-size:16px!important;
    font-weight:bold!important;
}
.dropdown-sub {
    list-style-type: none!important;
    
}
.dropdown-item li {

}
@media only screen and (max-width: 768px) {
	.mc-banner {
		position:fixed!important;
		top:400px!important;
		}
}

/* Spot prices: full-width metal tabs (gold / silver / platinum / palladium / rhodium) */
.spot-price-tabs-row {
	margin-bottom: 20px;
}

.spot-price-metal-tabs.nav-tabs {
	display: flex;
	flex-wrap: nowrap;
	width: 100%;
	box-sizing: border-box;
}

.spot-price-metal-tabs.nav-tabs > li {
	float: none;
	flex: 1 1 0;
	min-width: 0;
	text-align: center;
	margin-bottom: -1px;
}

.spot-price-metal-tabs.nav-tabs > li > a {
	display: block;
	font-size: 17px;
	line-height: 1.3;
	font-weight: 400;
	padding: 14px 12px;
	margin-right: 0;
	border-radius: 4px 4px 0 0;
	word-break: keep-all;
	background:#eee;
	border:1px #000;
}

.spot-price-metal-tabs.nav-tabs > li.active > a,
.spot-price-metal-tabs.nav-tabs > li.active > a:hover,
.spot-price-metal-tabs.nav-tabs > li.active > a:focus {
	font-weight: 800;
	background: #337ab7;
	color: #fff;
}

@media (max-width: 600px) {
	.spot-price-metal-tabs.nav-tabs > li > a {
		font-size: 14px;
		padding: 12px 6px;
	}
}

/* /spot-prices/ landing: keep tab shape consistent (incl. first “All Metals” tab) */
.spot-prices-landing .spot-price-metal-tabs.nav-tabs {
	border-bottom: 2px solid #e0e0e0;
	background: transparent;
}
.spot-prices-landing .spot-price-metal-tabs.nav-tabs > li > a {
	border-radius: 4px 4px 0 0;
	border: 1px solid #e0e0e0;
	border-bottom: none;
	background: #eee;
	color: #337ab7;
}
.spot-prices-landing .spot-price-metal-tabs.nav-tabs > li.active > a,
.spot-prices-landing .spot-price-metal-tabs.nav-tabs > li.active > a:hover,
.spot-prices-landing .spot-price-metal-tabs.nav-tabs > li.active > a:focus {
	border-radius: 4px 4px 0 0;
	border-color: #e0e0e0;
	border-bottom-color: #fff;
	background: #337ab7;
	color: #fff;
}

.trust-bar { background-image:linear-gradient(#4267b2 0, #337ab7 100%); border-radius:4px; }

/* ── Silver spot page: hero widget (scoped) ── */
.spot-silver-hero-wrap {
	background: #f5f5f5;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
	padding: 8px 12px 28px;
	margin: 0 -12px 20px;
	border-radius: 0;
}
@media (min-width: 768px) {
	.spot-silver-hero-wrap {
		margin-left: 0;
		margin-right: 0;
		padding-left: 0;
		padding-right: 0;
	}
}
/* Tab row + toolbar (currency / unit) — matches spot hero mockups */
.spot-silver-hero-wrap .spot-hero-tabstrip {
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
	gap: 12px 16px;
	border-bottom: 2px solid #e0e0e0;
	margin: 0 0 8px;
	padding: 4px 0 6px;
}
.spot-silver-hero-wrap .spot-hero-tabstrip .metal-tabs {
	display: flex;
	flex: 1 1 auto;
	flex-wrap: wrap;
	min-width: 0;
	margin: 0;
	padding: 0;
	list-style: none;
	border-bottom: none;
}
.spot-silver-hero-wrap .spot-hero-tabstrip .metal-tabs li {
	flex: 0 0 auto;
	text-align: center;
}
.spot-silver-hero-wrap .spot-hero-tabstrip-tools {
	display: flex;
	align-items: center;
	gap: 8px;
	flex: 0 0 auto;
}
.spot-silver-hero-wrap .spot-hero-tabstrip-tools .spot-hero-toolbar-select {
	width: auto;
	min-width: 118px;
	max-width: 160px;
	height: 34px;
	font-size: 13px;
	border-radius: 4px;
}
.spot-silver-hero-wrap .spot-hero-tabstrip .metal-tabs li a {
	display: block;
	padding: 14px 10px;
	color: #555;
	font-size: 14px;
	font-weight: 500;
	text-decoration: none;
	border-bottom: 3px solid transparent;
	margin-bottom: -2px;
	transition: color 0.2s, border-color 0.2s;
}
.spot-silver-hero-wrap .spot-hero-tabstrip .metal-tabs li a:hover {
	color: #222;
	border-bottom-color: #bbb;
}
.spot-silver-hero-wrap .spot-hero-tabstrip .metal-tabs li.active a {
	color: #222;
	font-weight: 600;
	border-bottom-color: #c0392b;
}
@media (max-width: 767px) {
	.spot-silver-hero-wrap .spot-hero-tabstrip .metal-tabs li a {
		padding: 12px 8px;
	}
}
.spot-silver-hero-wrap .price-hero {
	background: #fff;
	border: 1px solid #e0e0e0;
	border-radius: 6px;
	padding: 32px 36px 28px;
	margin-top: 24px;
	margin-bottom: 24px;
	max-width: 100%;
	box-sizing: border-box;
	overflow-x: hidden;
}
.spot-silver-hero-wrap .price-hero-seo-h1 {
	font-size: 1.35rem;
	font-weight: 700;
	color: #1a1a1a;
	margin: 0 0 10px;
	line-height: 1.2;
	letter-spacing: -0.02em;
}
.spot-silver-hero-wrap .price-hero-label {
	font-size: 13px;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 0.5px;
	color: #888;
	margin-bottom: 4px;
}
.spot-silver-hero-wrap .price-hero-row {
	display: flex;
	align-items: baseline;
	flex-wrap: wrap;
	gap: 12px;
}
.spot-silver-hero-wrap .price-hero-amount {
	font-size: 52px;
	font-weight: 700;
	color: #1a1a1a;
	line-height: 1.1;
	letter-spacing: -1px;
}
.spot-silver-hero-wrap .price-hero-change {
	display: flex;
	align-items: center;
	gap: 6px;
	padding: 5px 12px;
	border-radius: 4px;
	font-size: 16px;
	font-weight: 600;
}
.spot-silver-hero-wrap .price-hero-change.down {
	background: #fdeaea;
	color: #c0392b;
}
.spot-silver-hero-wrap .price-hero-change.up {
	background: #e8f8e8;
	color: #1e8a3e;
}
.spot-silver-hero-wrap .price-hero-change.flat {
	background: #f0f0f0;
	color: #666;
}
.spot-silver-hero-wrap .price-hero-change .arrow {
	font-size: 12px;
}
.spot-silver-hero-wrap .price-hero-pct {
	font-size: 16px;
	font-weight: 600;
}
.spot-silver-hero-wrap .price-hero-pct.down {
	color: #c0392b;
}
.spot-silver-hero-wrap .price-hero-pct.up {
	color: #1e8a3e;
}
.spot-silver-hero-wrap .price-hero-pct.flat {
	color: #666;
}
.spot-silver-hero-wrap .price-hero-timestamp {
	font-size: 12px;
	color: #999;
	margin-top: 8px;
}
.spot-silver-hero-wrap .price-meta-row {
	display: flex;
	align-items: flex-end;
	justify-content: flex-start;
	gap: 24px 32px;
	margin-top: 20px;
	padding-top: 18px;
	border-top: 1px solid #eee;
	flex-wrap: wrap;
	width: 100%;
	max-width: 100%;
	box-sizing: border-box;
}
.spot-silver-hero-wrap .price-meta-row .price-meta-item {
	flex: 0 1 auto;
	min-width: 0;
}
.spot-silver-hero-wrap .price-meta-item .meta-label {
	font-size: 11px;
	text-transform: uppercase;
	letter-spacing: 0.4px;
	color: #999;
	font-weight: 600;
	margin-bottom: 2px;
}
.spot-silver-hero-wrap .price-meta-item .meta-value {
	font-size: 22px;
	font-weight: 600;
	color: #333;
}
.spot-silver-hero-wrap .price-meta-item .meta-spread {
	font-size: 11px;
	color: #999;
	margin-top: 1px;
}
/* Fixed-width sparkline on full-width hero; metal pages override below for narrow card */
.spot-silver-hero-wrap .sparkline-wrap {
	flex: 0 0 auto;
	width: 280px;
	max-width: 100%;
	min-width: 0;
	height: 48px;
	margin-left: auto;
	align-self: flex-end;
}
/* Half-width price card: sparkline on its own row, full width of card (no right-floated sliver) */
.spot-metal-hero-wrap .price-meta-row .sparkline-wrap {
	flex: 1 1 100%;
	order: 4;
	width: 100%;
	max-width: 100%;
	margin-left: 0;
	margin-top: 12px;
	align-self: stretch;
}
.spot-silver-hero-wrap .sparkline-wrap canvas {
	width: 100%;
	height: 100%;
	display: block;
	max-width: 100%;
	vertical-align: bottom;
}

/* Metal spot pages only: price card (left) + table (right); trust bar full-width row below */
.spot-metal-hero-wrap .spot-hero-top-split {
	display: flex;
	flex-direction: column;
	align-items: stretch;
	gap: 16px;
	margin-top: 24px;
	margin-bottom: 0;
	width: 100%;
	max-width: 100%;
	box-sizing: border-box;
}
.spot-metal-hero-wrap .spot-hero-top-split .spot-hero-price-col,
.spot-metal-hero-wrap .spot-hero-top-split .spot-hero-side-col {
	min-width: 0;
}
.spot-metal-hero-wrap .spot-hero-top-split .price-hero {
	margin-top: 0;
	margin-bottom: 0;
}
.spot-metal-hero-wrap .spot-hero-side-col .unit-table {
	margin-top: 0;
}
.spot-metal-hero-wrap .spot-hero-trust-below {
	width: 100%;
	max-width: 100%;
	margin-top: 16px;
	margin-bottom: 24px;
	box-sizing: border-box;
}
.spot-metal-hero-wrap .spot-hero-trust-below .spot-hero-trust-bar {
	margin-top: 0;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
	padding: 20px 28px;
}
@media (min-width: 992px) {
	.spot-metal-hero-wrap .spot-hero-top-split {
		flex-direction: row;
		align-items: flex-start;
		gap: 20px;
	}
	.spot-metal-hero-wrap .spot-hero-top-split .spot-hero-price-col {
		flex: 1 1 50%;
		max-width: 50%;
	}
	.spot-metal-hero-wrap .spot-hero-top-split .spot-hero-side-col {
		flex: 1 1 50%;
		max-width: 50%;
	}
	.spot-metal-hero-wrap .spot-hero-side-col .unit-table {
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
	}
}

/* All Metals + table block: main holds unit table + footnote */
.spot-silver-hero-wrap .spot-hero-table-trust-main {
	display: flex;
	flex-direction: column;
	gap: 12px;
	min-width: 0;
	width: 100%;
	max-width: 100%;
	box-sizing: border-box;
}
.spot-silver-hero-wrap .spot-hero-table-trust-main > .unit-table {
	margin-top: 0;
}
.spot-silver-hero-wrap .unit-table {
	margin-top: 24px;
	background: #fff;
	border: 1px solid #e0e0e0;
	border-radius: 6px;
	overflow: hidden;
}
.spot-silver-hero-wrap .unit-table table {
	margin-bottom: 0;
}
.spot-silver-hero-wrap .unit-table thead th {
	background: #fafafa;
	border-bottom: 2px solid #e0e0e0;
	font-size: 12px;
	text-transform: uppercase;
	letter-spacing: 0.3px;
	color: #888;
	font-weight: 600;
	padding: 10px 16px;
}
.spot-silver-hero-wrap .unit-table tbody td {
	padding: 12px 16px;
	font-size: 14px;
	color: #333;
	border-top: 1px solid #f0f0f0;
}
.spot-silver-hero-wrap .unit-table tbody tr:first-child td {
	border-top: none;
}
.spot-silver-hero-wrap .unit-table .change-down {
	color: #c0392b;
}
.spot-silver-hero-wrap .unit-table .change-up {
	color: #1e8a3e;
}
.spot-silver-hero-wrap .unit-table .change-flat {
	color: #666;
}
.spot-silver-hero-wrap .spot-hero-trust-bar {
	display: flex;
	justify-content: center;
	gap: 56px;
	background-image: linear-gradient(#4267b2 0, #337ab7 100%);
	border: 1px solid rgba(255, 255, 255, 0.22);
	border-radius: 6px;
	padding: 20px 28px;
	margin-top: 24px;
	flex-wrap: wrap;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12);
}
.spot-silver-hero-wrap .spot-hero-trust-bar .trust-item {
	text-align: center;
	min-width: 140px;
}
.spot-silver-hero-wrap .spot-hero-trust-bar .trust-icon {
	font-size: 22px;
	line-height: 1;
	margin-bottom: 6px;
	text-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
}
.spot-silver-hero-wrap .spot-hero-trust-bar .trust-icon--products {
	color: #ffe082;
}
.spot-silver-hero-wrap .spot-hero-trust-bar .trust-icon--since {
	color: #80deea;
}
.spot-silver-hero-wrap .spot-hero-trust-bar .trust-number {
	font-size: 20px;
	font-weight: 700;
	color: #fff;
}
.spot-silver-hero-wrap .spot-hero-trust-bar .trust-label {
	font-size: 12px;
	color: rgba(255, 255, 255, 0.92);
	margin-top: 4px;
	font-weight: 500;
}
.spot-silver-hero-wrap .spot-hero-trust-bar .trust-link {
	font-size: 12px;
	margin-top: 8px;
}
.spot-silver-hero-wrap .spot-hero-trust-bar .trust-link a {
	color: #fff;
	font-weight: 600;
	text-decoration: underline;
	text-underline-offset: 2px;
}
.spot-silver-hero-wrap .spot-hero-trust-bar .trust-link a:hover,
.spot-silver-hero-wrap .spot-hero-trust-bar .trust-link a:focus {
	color: #ffeb3b;
	text-decoration: underline;
}
@media (max-width: 600px) {
	.spot-silver-hero-wrap .price-hero {
		padding: 20px 18px 18px;
	}
	.spot-silver-hero-wrap .price-hero-amount {
		font-size: 38px;
	}
	.spot-silver-hero-wrap .price-meta-row {
		gap: 20px;
	}
	.spot-silver-hero-wrap .sparkline-wrap {
		max-width: none;
		margin-top: 8px;
	}
	.spot-silver-hero-wrap .price-meta-item .meta-value {
		font-size: 18px;
	}
	.spot-silver-hero-wrap .spot-hero-trust-bar {
		gap: 24px;
	}
	.spot-silver-hero-wrap .spot-hero-tabstrip .metal-tabs li a {
		font-size: 12px;
		padding: 12px 2px;
	}
}

/* All Metals hub: keep strip and wide tables inside the main column */
.spot-prices-landing-top.spot-silver-hero-wrap {
	margin-left: 0;
	margin-right: 0;
	max-width: 100%;
	box-sizing: border-box;
}
.spot-prices-landing-top .unit-table {
	overflow-x: auto;
	overflow-y: visible;
	-webkit-overflow-scrolling: touch;
	max-width: 100%;
}
.spot-prices-landing-top .unit-table .table-responsive {
	margin-bottom: 0;
}