.mobile-hide {display:none;}
.hero-banner {margin-bottom: 2em;}
.hero-banner img {width: 100%;}
.gifts-section {padding: 10% 20px 0;}
.gifts-block {width: 102%;text-align:center;padding: 3% 0;}
.gift {float: left; width: 46%; padding: 0 4% 4% 0; position:relative;}
.gift img {width: 100%; box-sizing: border-box; border: 1px solid #edeeee}
.gift a {text-decoration: none; color: #64676a;}
.gift .caption {display: block; padding: 3% 0 0; font-size: 12px;}
.gift a:hover img {border: 1px solid #5e9200; opacity: 1;}
.caption {width: 100%;}

.gift.circle {padding: 0 1.25% 2% 0;}
.gift.circle img {border-radius: 50%; border: 5px solid #edeeee}
.gift.circle a:hover img {border: 5px solid #5e9200;}
.clearfix:after { visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;}

/* For Price Tags */ 
.tag {position: absolute; top: 62%;}
.tag img {border: none;}
.gift a:hover .tag img {border: none;}
.gift.with-tag {padding: 0 4% 6% 0;}
.gift.three-block .tag {left: 53%; top: 69%;}
.gift.three-block.with-tag {padding: 0 4% 3% 0;}

#button-click {display: block;text-align: center;background-color: #78b800;color: white;width: 85%; margin: 2% auto;padding: 20px 5px;font-weight: 300;}

@media only screen and (min-width: 520px) {
	.mobile-hide {display:block;}
	.desktop-hide {display:none;}
	.gifts-block {width: 100%; padding: 1% 0;}
	.gifts-section {padding: 3% 0 0;}
	.gift {width: 23.5%; padding: 0 2% 2% 0;}
	.gift.circle {width: 19%;}
	.gift.three-block {width: 32%;}
	.gift .caption {font-size: 14px;}
	.gift.no-pad, .gift.circle.no-pad, .gift.three-block.no-pad {padding-right: 0;}
	.gift.with-tag .caption {display: none;}
	#button-click {width: 25%;}
	.gift.with-tag {padding: 0 2% 6% 0;}
	.gift.three-block.with-tag {padding: 0 2% 3% 0;}
	.gift.no-pad, .gift.circle.no-pad, .gift.three-block.no-pad {padding-right: 0;}
}