@media only screen and (max-width:1199px) {
	
	#tags {font-size: 11px;}
	#tags span {color: transparent; display: block; width: 70px; height: 1px; border-bottom: 1px solid #222; margin: 5px auto; opacity: 0.3;}
}

@media only screen and (max-width:991px) {
	
	
}


@media (max-width: 768px) {
	
	h1 {font-size: 20px;}
	h2 {font-size: 18px;}
	form h3 {font-size: 16px; white-space: nowrap;}
	form h3 span {width: 20px; height: 20px; line-height: 20px; margin-right: 3px;}
	#header .btn {display: block; margin-bottom: 20px;}
	#logo img {max-width: 100%;}
	form .btn-secondary {margin-bottom: 15px;}
	
	#wrap {padding-bottom: 0;}
	#grid {display: none;}

	input[type="number"], input[type="password"], input[type="text"] {margin-bottom: 10px;}

	#content p {font-size: 13px;}

	#footer .text-right {text-align: center !important;}
	#footer {position: relative; bottom: auto; left: auto; margin-top: 220px; font-size: 10px; letter-spacing: 0.5; text-align: center;}
	#footer img {left: 50%; margin-left: -30px; width: 60px; bottom: 100%; height: 180px}

	.cart-container.upper.active {top: 10%;}
	.cart-container.upper.active .fa-chevron-up {transform: rotate(180deg)}
	.cart-container.upper {position: fixed; top: 100%; margin-top: 0; z-index: 999999999; left: 0; width: 100%; height: 100%;
		-webkit-transition: all .3s ease;
		-moz-transition: all .3s ease;
		transition: all .3s ease;
	}
	.cart-container.upper .cart {padding-top: 0; position: relative; height: 100%;}
	.cart-container.upper .cart .total {text-align: right; padding-top: 5px;}
	.cart-container.upper .cart .fa-chevron-up {position: absolute; left: 50%; background: #113f60; width: 30px; height: 30px; line-height: 30px; text-align: center; border-radius: 100px; top:-10px; margin-left: -15px; z-index: 15}
	.cart-container.upper .cart.has-items {margin-top: -50px;}

	.btn-checkout {margin-top: 30px;}
}

@media (max-width: 576px) {}