/* Breakpoin XS */
@media only screen and (max-width:575px) {
	nav#topMenu:not(.mm-menu),
	nav#filterMenu:not(.mm-menu),
	nav#toolbarMenu:not(.mm-menu) {display:none;}
	header {border-bottom:2px solid #007bff;}
}

/* Breakpoin SM */
@media only screen and (min-width:576px) and (max-width:767px) {
}

/* Breakpoin MD */
@media only screen and (min-width:768px) and (max-width:991px) {
}

/* Breakpoin LG */
@media only screen and (min-width:992px) and (max-width:1199px) {
}

/* Breakpoin XL */
@media only screen and (min-width:1200px) {
}

/* Only Mobile */
@media only screen and (max-width:767px) {
	/* Responsive Table */
	.table-responsive {
		background:
			radial-gradient(farthest-side at 0% 50%, rgba(0,0,0,.2), rgba(0,0,0,0)),
			radial-gradient(farthest-side at 100% 50%, rgba(0,0,0,.2), rgba(0,0,0,0)) 100% 0;
		background-color:white;
		background-repeat:no-repeat;
		background-size:10px 100%;
		margin-bottom:15px;
	}
	.table-responsive > .table {
		background:
			linear-gradient(to right, white 30%, rgba(255,255,255,0)),
			linear-gradient(to left, white 30%, rgba(255,255,255,0)) 100% 0;
		background-size:50px 100%;
		background-repeat:no-repeat;
		max-width:none;
		margin-bottom:0;
	}

	/* Breacrumbs */
	.breadcrumb {flex-direction:column;}
	.breadcrumb-item + .breadcrumb-item::before {display:none;}
	.breadcrumb .breadcrumb-item {display:none;}
	.breadcrumb .breadcrumb-item:last-child {display:block;}
	.breadcrumb .breadcrumb-item:last-child::after {font-family:'Font Awesome 5 Pro'; content:'\f067'; float:right;}
	.breadcrumb.open .breadcrumb-item {display:block; border-bottom:1px dashed #c5c5c5; padding-bottom:10px; margin-bottom:10px;}
	.breadcrumb.open .breadcrumb-item:last-child {border-bottom:0; margin-bottom:0; padding-bottom:0;}
	.breadcrumb.open .breadcrumb-item:last-child::after {content:'\f068';}
	.breadcrumb-item + .breadcrumb-item {padding-left:0;}

	/* Header */
	.header {display:flex; align-items:center; justify-content:space-between;}
	.header .showmenu i,
	.header .showcart i,
	.header .showsearch i {font-size:24px;}
	.header .logo > img {width:150px; height:39px;}

	/* Footer */
	.footer-top, .footer-bottom {text-align:center;}
	.footer {text-align:left;}
	.footer a.link {font-weight:700; text-transform:uppercase;}
	.footer a.link.collapsed::after {font-family:'Font Awesome 5 Pro'; content:'\f067'; font-weight:400; float:right;}
	.footer a.link::after {font-family:'Font Awesome 5 Pro'; content:'\f068'; font-weight:400; float:right;}

	/* Search */
	.block-search .control {width:100%; margin:20px 0;}
	.block-search .advanced {display:none;}
	.block-search label {position:absolute; top:0; right:15px; cursor:pointer; z-index:8;}
	.block-search label:hover:before {color:#333}
		#mmenu_autocomplete {top:35px; box-shadow:0 3px 3px rgba(0, 0, 0, 0.15); background-color:#fff; z-index:101; padding-top:15px; padding-bottom:15px; display:none;}
		#mmenu_autocomplete ul {list-style-type:none; padding-left:0; margin-bottom:0;}
		#mmenu_autocomplete > ul > li {line-height:30px; padding-left:15px; padding-right:15px;}
		#mmenu_autocomplete > ul > li:hover {background-color:#f4f4f4;}
		#mmenu_autocomplete .amount {float:right;}

	/* Minicart */
	.showcart .counter.qty.empty {display:none;}

	/* Cart */
	#shopping-cart-table td {white-space:nowrap;}
	#shopping-cart-table .form-control {padding:0.375rem;}
	.cart.actions .btn {width:100%; margin-bottom:5px;}

	/* Checkout */
	.opc-estimated-wrapper .showcart > i {font-size:24px; vertical-align:bottom;}

	/* Fotorama */
	.fotorama__dot {border-radius:5px !important; border:0 !important; height:10px !important; width:10px !important; background-color:#dddddd;}
}

/* Only Desktop */
@media only screen and (min-width:768px) {
	/* Top Links */
	header ul.links {text-align:right;}
	header ul.links > li {list-style-type:none; display:inline-block; margin:0 5px;}
	header ul.links > li:first-child {margin-left:0;}
	header ul.links > li:last-child {margin-right:0;}

	/* Search */
	.block-search label {display:none;}

	/* Footer */
	.footer-bottom .powered {text-align:right;}

	/* Tabs */
	.nav-tabs {display:flex;}
	.tab-content .card {border:none;}
	.tab-content .card .card-header {display:none;}
	.tab-content .card .collapse {display:block;}
}