/* CSS Document */
/* ----------- MOBILE STYLES ----------- */
.show480 {
	display: none;
}

@media ( max-width : 767px) {
	.nomobile {
		display: none !important;
	}
}

@media ( min-width : 768px) {
	.nodesktop {
		display: none !important;
	}
}

/* ----------- BOOTSTRAP XL ----------- */
@media ( max-width : 1199px) {
	.header-collapse .upper-bar#status {
		display: none;
	}
	.header-collapse nav {
		justify-content: flex-end;
		margin: 0 0 0 2em;
	}
	.top-ten {
		background-size: auto 150px;
	}
	.top-ten-header {
		padding-right: 0;
		padding-bottom: 0.5em;
		margin-bottom: 1em;
		border-bottom: 1px solid #999;
	}
	.top-ten-header h2 {
		font-size: 48px;
	}
	.top-ten-header h2 b {
		margin-left: 10px;
	}
	.customerTracker, .horizontalScroll {
		display: block;
		overflow-x: auto;
	}
}

/* ----------- BOOTSTRAP LG ----------- */
@media ( max-width : 991px) {
	.upper-bar#shortcuts {
    	display: none;
	}
	.nav-main {
		font-size: 13px;
	}
	.dashboard {
		font-size: 12px;
	}
	.dashboard-left i, .dashboard-right i {
		display: none;
	}
	.page-header {
		font-size: 30px;
	}
	.distBox {
		width: calc(33% - 1em);
	}
	footer .column, footer a {
		font-size: 11px;
		letter-spacing: 0 !important;
	}
	.footer-hide {
		display: none;
	}
	.pm-button {
		min-height: 31px;
		min-width: 31px;
	}
	.qtyFlex input[type="number"] {
		width: 31px;
	}
	.secondary-ads .col-12 {
		padding-top: 1em;
		margin-top: 1em;
		border-top: 1px solid #999;
	}
	.secondary-ads .wlcomp {
		border-top: none;
	}
	.ptlive img, .wlcomp img {
		width: 33%;
	}
	.ptapps img {
		width: 50%;
	}
}

/* ----------- BOOTSTRAP MD ----------- */
@media ( max-width : 767px) {
	header {
		position: fixed;
		width: 100%;
		justify-content: space-between;
		padding: 15px;
	}
	.upper-bar#status, nav {
    	display: none;
	}
	.nav-mobile, .upper-discount {
		display: inline-block;
	}
	.menu-mobile-header, .drop-menu-inner a {
		display: block;
		padding: 0.75em;
		font-size: 13px;
		line-height: 1;
	}
	.dashboard {
		padding: 0 15px;
	}
	.dashboard-left {
		flex-grow: 2;
	}
	.dashboard-right {
		padding: 0;
		flex-grow: 1;
	}
	.dashboard-notifications {
		width: calc(100% + 30px);
		margin: 0 -15px;
	}
	.header-flex-md {
		flex-wrap: wrap;
		justify-content: center;
	}
	.header-flex-md span {
		width: 100%;
		margin-bottom: 0.25em;
		text-align: center;
	}
	.order-header {
		display: none;
	}
	.country-link-mobile {
		display: flex;
	}
	.cart-outer {
		position: fixed;
		width: calc(100% - 40px);
		left: 20px;
		z-index: 2;
		padding: 20px 0;
		background-color: #FFF;
	}
	.cart-footer {
		display: flex;
		align-items: center;
		justify-content: space-between;
	}
	.cart-scroller {
		max-height: 140px;
	}
	.distBox, .dc-box {
		width: calc(50% - 1em);
	}
	.top-ten-list {
		padding: 0 15px;
	}
}

/* ----------- BOOTSTRAP SM ----------- */
@media ( max-width : 575px) {
	header {
		justify-content: space-between;
		padding: 10px 15px !important;
	}
	.drop-menu-inner a {
		font-size: 12px;
	}
	.top-ten-header {
		display: block !important;
		text-align: center;
	}
	.top-ten-header h2 {
		margin: 0;
	}
	.top-ten-list {
		border-right: none;
		border-top: 1px solid #999;
		padding: 15px 0;
	}
	.top-ten-list h3 {
		font-size: 18px;
	}
	.top-ten-list li {
		font-size: 12px;
	}
	footer .column {
    	padding: 10px 15px;
	}
	.footer-hide-2 {
		display: none;
	}
	.inner-page {
		padding: 20px 15px;
	}
	.page-header {
		text-align: center;
		font-size: 24px;
	}
	.country-link {
		font-size: 12px;
	}
	.header-flex {
		flex-wrap: wrap;
		justify-content: center;
	}
	.header-flex span {
		width: 100%;
		margin-bottom: 0.25em;
		text-align: center;
	}
	.as-header-wide {
		flex-wrap: nowrap;
		justify-content: space-between;
	}
	.order-header, .cart-outer {
		left: 15px;
	}
	.order-header {
		width: calc(100% - 15px);
	}
	.cart-outer {
		width: calc(100% - 30px);
	}
	.cart-body {
		padding: 5px 10px;
	}
	.ReviewOrderForm .as-header h2 {
		margin-right: 0;
	}
	.cart-container .order-subtotal {
		text-align: center;
		padding: 0.5em 0;
	}
	.cart-item td, .product-list td {
		font-size: 12px;
	}
	.sub-flex {
		flex-wrap: wrap;
	}
	.sub-flex .sub-header {
		width: 100%;
		margin-bottom: 0.5em;
		text-align: center;
	}
	.sub-header {
    	font-size: 16px;
	}
	.btn {
		padding: .25rem .5rem;
		font-size: 0.9rem;
	}
	.as-header, .as-shipping-inner {
		text-align: center;
	}
	.healthstore .ptgo-welcome #image-upload {
		width: auto !important;
		height: 100px !important;	
	}
	.commission-header {
		text-align: center;
	}
}

/* ----------- XS ----------- */
@media ( max-width : 480px) {
	.show480 {
		display: inline;
	}
	.hide480 {
		display: none;
	}
	.dashboard {
		font-size: 11px;
	}
	footer .column, footer a {
		font-size: 9px;
	}
	footer .upper-divider {
		margin: 0 5px;
	}
	.error-bg {
		min-height: 1px;
		background-image: none;
		padding-right: 15px;
	}
	.cartHide {
		display: none;
	}
	.review-pm-button {
		display: none;
	}
	.distBox, .dc-box {
		width: calc(100% - 1em);
	}
	.generic-settings .form-control {
		width: auto;
	}
	.healthstore #image-upload {
		width: 200px !important;
		height: 200px !important;	
	}
	.xs-stretch {
		flex: 0 0 100%;
    	max-width: 100%;	
		margin-right: 0;
	}
	.customer-search-form label {
		min-width: auto;
	}
	.retailers-table td, .retailers-table th, .recruiters-table td, .recruiters-table th {
		font-size: 12px;
	}
}

/* ----------- 380px ----------- */
@media ( max-width : 380px) {
	.logo {
		min-width: 200px;
	}
	.hide380 {
		display: none;
	}
	.retailers-table td, .retailers-table th, .recruiters-table td, .recruiters-table th {
		font-size: 10px;
	}
	.healthstore #mallurl {
		max-width: 150px;
	}
	.edit-business #mallurl {
		max-width: 130px;
	}
	footer {
		justify-content: center;
	}
}

/* ----------- IPHONE MIN ----------- */
@media ( max-width : 320px) {
	.dashboard {
		font-size: 10px;
	}
}