/* givegift */

.givegift {}

.givegift-header { text-align:center; background-imagee: linear-gradient(60deg, #96deda 0%, #50c9c3 100%); background: #E34140; background-image: linear-gradient(to top, #f77062 0%, #E34140 100%); }
.givegift-header .givegift-header-image { width:250px; height:250px; background:url(/give-gift/images/header-image.png) center center no-repeat; background-size: contain; margin: 0 auto 30px;  }
.givegift-header h1 { font-weight: 600; }

.givegift-section-share { text-align:center; background:#F6F6F6; border-top: solid 1px #f1f1f1; }
.givegift-section-share .section-content {  }
.givegift-section-share .share-center { margin-top: 15px; margin-bottom:15px; }

.givegift-content { text-align:center; border-top: solid 1px #f1f1f1; }
.givegift-content h4 { margin-bottom: 0.3em; font-weight: 600; }
.givegift-content .givegift-way-block { width: 75%; margin-left: auto; margin-right: auto; }
.givegift-content .givegift-way-block p { margin-top: 0.2em; }
.givegift-content .givegift-icon-1 { width:120px; height:100px; background:url(/give-gift/images/icon-gg-1.png) center center no-repeat; margin: 0 auto 10px; background-size: 120px 100px;  }
.givegift-content .givegift-icon-2 { width:120px; height:100px; background:url(/give-gift/images/icon-gg-2.png) center center no-repeat; margin: 0 auto 10px; background-size: 120px 100px;  }
.givegift-content .givegift-icon-3 { width:120px; height:100px; background:url(/give-gift/images/icon-gg-3.png) center center no-repeat; margin: 0 auto 10px; background-size: 120px 100px;  }
.givegift-content .givegift-icon-1text { color:#339966; }
.givegift-content .givegift-icon-2text { color:#3366cc; }
.givegift-content .givegift-icon-3text { color:#ff9933; }
.givegift-content .button { margin-top: 1em; margin-bottom: 0.5em; font-weight: 500; }

@media only screen {
.givegift-content .givegift-icon-1 { width:120px; height:100px; background:url(/give-gift/images/icon-gg-1.svg) center center no-repeat; margin: 0 auto 10px; background-size: 120px 100px;  }
.givegift-content .givegift-icon-2 { width:120px; height:100px; background:url(/give-gift/images/icon-gg-2.svg) center center no-repeat; margin: 0 auto 10px; background-size: 120px 100px;  }
.givegift-content .givegift-icon-3 { width:120px; height:100px; background:url(/give-gift/images/icon-gg-3.svg) center center no-repeat; margin: 0 auto 10px; background-size: 120px 100px;  }
	}



/*Retina Full Size*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 144dppx) {
	.givegift-header .givegift-header-image { width:250px; height:250px; background:url(/give-gift/images/header-image-2x.png) center center no-repeat; background-size: contain; margin: 0 auto 30px;  }
	
	}

/*Medium*/
@media only screen and (max-width: 1070px) { 
	.givegift-header .givegift-header-image { width:220px; height:220px; background:url(/give-gift/images/header-image.png) center center no-repeat; background-size: contain; margin: 0 auto 30px;  }
	.givegift-content .givegift-tablet { width:80px; height:80px; margin: 0 auto 12px; background-size: 80px 80px; }
	.givegift-content .givegift-chat { width:80px; height:80px; margin: 0 auto 12px; background-size: 80px 80px; }
	
	.givegift-content-main .givegift-main { font-size: 1.25em; }
	
	.givegift-content .givegift-way-3 { margin-top: 4em; }
	}
	
/*Retina Medium*/
@media only screen and (max-width: 1070px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 1070px) and (min-resolution: 144dpi), only screen and (max-width: 1070px) and (min-resolution: 144dppx) {
	.givegift-header .givegift-header-image { width:220px; height:220px; background:url(/give-gift/images/header-image-2x.png) center center no-repeat; background-size: contain; margin: 0 auto 30px;  }
	
	}

/*Small*/
@media only screen and (max-width: 735px) {
	.givegift-header .givegift-header-image { width:180px; height:180px; background:url(/give-gift/images/header-image.png) center center no-repeat; background-size: contain; margin: 0 auto 20px;  }
	.givegift-content .givegift-tablet { width:70px; height:70px; margin: 0 auto 18px; background-size: 70px 70px; }
	.givegift-content .givegift-chat { width:70px; height:70px; margin: 0 auto 18px; background-size: 70px 70px; }
	
	.givegift-content .givegift-way-2, .givegift-content .givegift-way-3 { margin-top: 2.5em; }
	.givegift-content .button { margin-top: 0.5em; margin-bottom: 0.2em; }
	.givegift-content .text { float: none; max-width: 400px; margin-left: auto; margin-right: auto; }
	
	.share-center { display:block; }
	
	.givegift-content-main .givegift-main { font-size: 1.1em; }
	.givegift-content .givegift-1 { margin-bottom: 2em; }
	
	}

/*Retina Small*/
@media only screen and (max-width: 735px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 735px) and (min-resolution: 144dpi), only screen and (max-width: 735px) and (min-resolution: 144dppx) {
	.givegift-header .givegift-header-image { width:180px; height:180px; background:url(/give-gift/images/header-image-2x.png) center center no-repeat; background-size: contain; margin: 0 auto 20px;  }
	
	}