/* rags */

.shopsmall-header { color:#FFFFFF; background:url(/shop-small/images/header-bg.jpg) top center no-repeat; background-size: 100% auto; background-size:cover; margin: 2px 0; }
.shopsmall-header .intro { font-size:2em; }

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

.shopsmall-content-hero { margin: 60px 0; }
.shopsmall-content-hero .shopsmall-hero-image { display:block; width:578px; height:500px; margin: 0 auto; background:url(/shop-small/images/shopsmall-circle.jpg) center center no-repeat; background-size:contain; }

.shopsmall-source {  }
.shopsmall-source .section-content { padding: 20px 0; }
.shopsmall-source .section-content p { font-size:0.8em; color: #9B9B9B; margin: 0 auto; text-align:center; }

@media only screen {

	}

/*Retina Full Size*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 144dppx) {
	.shopsmall-header { background:url(/shop-small/images/header-bg-2x.jpg) center center no-repeat; background-size: 100% auto; background-size:cover; }
	.shopsmall-content-hero .shopsmall-hero-image { background:url(/shop-small/images/shopsmall-circle_2x.jpg) center center no-repeat; background-size:contain; }
	
	}

/*Medium*/
@media only screen and (max-width: 1024px) { 
	.shopsmall-header .intro { font-size:1.65em; }
	}
	
/*Retina Medium*/
@media only screen and (max-width: 1024px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 1024px) and (min-resolution: 144dpi), only screen and (max-width: 1024px) and (min-resolution: 144dppx) {
	}

/*Small*/
@media only screen and (max-width: 735px) {
	.shopsmall-header { background:url(/shop-small/images/header-bg-small.jpg) center center no-repeat; background-size: 100% auto; background-size:cover; }
	.shopsmall-header .intro { font-size:1.45em; }
	
	.shopsmall-content-hero .shopsmall-hero-image { display:block; width:480px; height:415px; margin: 0 auto; background-size:contain; }
	
	.share-center { display:block; }
	
	}
	
/*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) {

	}	

/*xSmall*/
@media only screen and (max-width: 414px) {	
	.shopsmall-content-hero .shopsmall-hero-image { display:block; width:300px; height:260px; margin: 0 auto; background-size:contain; }
	
		}