.section-header {padding: 5px 0 0;}
.mobile-hide {display:none;}
.gifts-section {padding: 4% 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%;}
.left-nav h1 {font-size: 30px;}
.centerInside {text-align:center;display: block;margin: 4em 0 2em;}
.centeredButton {font-size: 120%;line-height: 1;text-decoration: none;font-weight: 300;word-break: keep-all;color: #ffffff;padding: 10px 20px;background-color: #77b800; clear: both; transition: background-color 300ms, ease-out 0s;}

.gift.circle {padding: 0 1.25% 2% 0;}
.gift.circle.four-block {padding: 0 2% 2.75% 0;}
.gift.circle img {border-radius: 50%; border: 5px solid #edeeee}
.gift.circle a:hover img {border: 5px solid #5e9200; transition: all 0.5s ease;}
.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: 56%; top: 73%;}
.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; cursor: pointer;}

/* Hero banner and holiday gift icon */
.vday-block {background: #9f0118;font-family: "Open Sans", Helvetica, Arial, sans-serif; width: 100%; margin-bottom: 5px; padding: 10px 0;}
.vday-block ul {list-style: none; display: inline-block; padding: 0; width: 100%;}
.vday-block li {float:left; line-height: 34px; height: 34px;}
#small-banner .vday-block img {width: 34px;}
#icon {width: 15%;text-align: center;}
#head {color: white;font-size: 16px;width: 49%; padding-left: 1%;}
#shopnow {text-align:right; width: 32%; padding-right: 3%;}
.vday-block a {background: #fff; color: #9f0118; padding: 8px 15px; text-decoration: none; font-size: 14px;}

@media only-screen and (min-width: 992px){
	.gifts-section {padding: 3% 0 0;}
}

@media only screen and (min-width: 520px) {
	.mobile-hide {display:block;}
	.desktop-hide {display:none;}
	.gifts-block {width: 100%; padding: 23px 0 0;}
	.gifts-section {padding: 3% 20px 0;}
	.gift {width: 23.5%; padding: 0 2% 2% 0;}
	.gift.circle {width: 19%;}
	.gift.circle.four-block {width: 23.5%;}
	.gift.three-block {width: 32%;}
	.gift .caption {font-size: 14px;}
	.gift.no-pad, .gift.circle.no-pad, .gift.three-block.no-pad .gift.circle.four-block.no-pad {padding-right: 0;}
	.caption.desktop-hide {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;}
	.left-nav h1 {font-size: 36px;}
} 
@media only screen and (min-width: 1024px) {
	.vday-block {width: 18%; float: right; margin-left: 2%;padding: 0; margin-bottom: 0;}
	#small-banner img {width: 80%;}
	#icon, #head, #shopnow {width: 100%;height: auto;line-height: initial; text-align:center;}
	#small-banner .vday-block img {width: 53%;}
	#head {margin: 8% 0 14%; font-size: 1.3em;}
	#shopnow {margin: 0 0 8%;}
	.vday-block a {font-size: 1.2em;}
	.vday-block ul {margin: 8.5% 0;}
}
@media only screen and (min-width: 1240px) {
	.vday-block ul {margin: 11.75% 0;}
}
@media only screen and (min-width: 1440px) {
	.vday-block a {padding: 8px 40px;}
	#head {font-size: 24px;}	
}
@media only screen and (min-width: 1585px) { 
	.vday-block ul {margin: 13.75% 0;}	
}
