@charset "UTF-8";
/* CSS Document */

/*fresh offers banner*/
#homepage-wrapper .full-banner.fresh {border: none; padding: 0px; margin: 10px 0px 3px 0px;}

/*spring stories*/
#homepage-wrapper .spring-stories {text-align: center; margin-top: 10px; overflow: hidden;}
#homepage-wrapper .spring-stories .story {background-color: #f4f4f4; margin-bottom: 10px; overflow: hidden; padding: 10px;}
#homepage-wrapper .spring-stories .story h2 {color: #2b916a; text-transform: uppercase; font-size: 16px; margin-bottom: 20px; margin-top: 10px;}
#homepage-wrapper .spring-stories .story .story-message-container .story-block {float: left; width: 24%; margin-right: 20px;}
#homepage-wrapper .spring-stories .story .story-message-container .story-block h3 {color: #555; font-size: 14px; font-weight: bold; letter-spacing: -0.5px; margin: 10px auto 5px; text-transform: uppercase; height: auto;}
#homepage-wrapper .spring-stories .story .story-message-container .story-block p {color: #555; font-size: 14px; font-weight: normal; letter-spacing: -0.5px;}
#homepage-wrapper .spring-stories .story .story-message-container .story-shop {float: right; width: 17%;}
#homepage-wrapper .spring-stories .story .story-shop ul {
    list-style: none;
    margin-left: -55px;
    margin-right: 10px;
}
#homepage-wrapper .spring-stories .story .story-shop ul li {padding: 12px; width: 83%; border: 1px solid #d3e7d2; border-radius: 3px; margin-bottom: 5px; background: #fff; }
#homepage-wrapper .spring-stories .story .story-shop ul li:hover {background: #d3e7d2; -webkit-transition: 400ms; transition: 400ms;}
#homepage-wrapper .spring-stories .story .story-shop a {color: #2b916a; font-weight: normal;}
#homepage-wrapper .spring-stories .story .story-shop i {font-size: 70%;}

/*#homepage-wrapper .spring-stories .story .story-shop ul li:hover a {color: #fff;}*/

/*small desktop*/
@media only screen and (max-width:1239px){
#homepage-wrapper .spring-stories .story .story-message-container .story-shop {width: 22%;}
#homepage-wrapper .spring-stories .story .story-message-container .story-block {width: 22%; margin-right: 15px;}
#homepage-wrapper .spring-stories .story .story-message-container .story-block h3 {font-size: 13px;}
#homepage-wrapper .spring-stories .story .story-message-container .story-block p {font-size: 13px;}
#homepage-wrapper .spring-stories .story .story-shop a {font-size: 12px;}
}

/*large tablet*/
@media only screen and (max-width:1024px){
#homepage-wrapper .spring-stories .story .story-message-container .story-block {float: left; width: 24%; margin-right: 20px;}
#homepage-wrapper .spring-stories .story .story-message-container .story-block h3 {color: #555; font-size: 14px; font-weight: bold; letter-spacing: -0.5px; margin: 10px auto 5px; text-transform: uppercase;}
#homepage-wrapper .spring-stories .story .story-message-container .story-block p {color: #555; font-size: 14px; font-weight: normal; letter-spacing: -0.5px;}
#homepage-wrapper .spring-stories .story .story-message-container .story-shop {float: right; width: 17%;}
}

/*small tablet*/
@media only screen and (max-width:915px){
#homepage-wrapper .spring-stories .story .story-message-container .story-block {width: 32.1%; margin-right: 10px;}
#homepage-wrapper .spring-stories .story .story-message-container .story-shop {clear: both; float: none; width: 100%;}
#homepage-wrapper .spring-stories .story .story-shop ul {width: 100%; margin-left: -10px; margin-right: 0px;}
#homepage-wrapper .spring-stories .story .story-shop ul li {padding: 12px; width: 20.6%; float: left; margin-right: 10px;}
}

@media only screen and (max-width:869px){
#homepage-wrapper .spring-stories .story .story-shop ul li {width: 20.4%;}
}

@media only screen and (max-width:861px){
#homepage-wrapper .spring-stories .story .story-message-container .story-block {width: 32%; margin-right: 10px;}
}

@media only screen and (max-width:834px){
#homepage-wrapper .spring-stories .story .story-shop ul li {width: 20%;}
}

@media only screen and (max-width:813px){
#homepage-wrapper .spring-stories .story .story-shop a {font-size: 11px;}
}

@media only screen and (max-width:801px){
#homepage-wrapper .spring-stories .story .story-message-container .story-block {width: 31.8%;}
}

@media only screen and (max-width:771px){
#homepage-wrapper .spring-stories .story .story-shop ul li {width: 19.6%;}
}

@media only screen and (max-width:764px){
#homepage-wrapper .spring-stories .story .story-shop ul li {width: 19.6%;}
	#homepage-wrapper .spring-stories .story .story-shop ul li {min-height: 35px;}
}

@media only screen and (max-width:743px){
#homepage-wrapper .spring-stories .story .story-message-container .story-block h3 {font-size: 13px;}
#homepage-wrapper .spring-stories .story .story-message-container .story-block p {font-size: 13px;}
}

@media only screen and (max-width:718px){
#homepage-wrapper .spring-stories .story .story-shop ul li {width: 19.4%;}
}

@media only screen and (max-width:703px){
#homepage-wrapper .spring-stories .story .story-message-container .story-block {width: 31.6%;}
}

@media only screen and (max-width:694px){
#homepage-wrapper .spring-stories .story .story-shop ul li {width: 19.2%;}
}

@media only screen and (max-width:686px){
#homepage-wrapper .spring-stories .story .story-shop ul li {min-height: 35px;}
}

@media only screen and (max-width:672px){
#homepage-wrapper .spring-stories .story .story-shop ul li {width: 19%;}
}

@media only screen and (max-width:651px){
#homepage-wrapper .spring-stories .story .story-shop ul li {width: 18.5%;}
}

@media only screen and (max-width:627px){
#homepage-wrapper .spring-stories .story .story-message-container .story-block {width: 31.4%;}
}

@media only screen and (max-width:605px){
#homepage-wrapper .spring-stories .story .story-shop ul li {width: 18%;}
}


/* < 600 */
@media only screen and (max-width: 599px) {
/* Quick links */
/*spring*/
#homepage-wrapper .homepage-main ul.quick-links.spring {overflow: hidden; margin-left: -1.5%;}
#homepage-wrapper .homepage-main ul.quick-links.spring li {width: 29.9%; background: #009868; min-height: 0px; margin-bottom: 1.5%; margin-left: 1.5%;}	
#homepage-wrapper .homepage-main ul.quick-links.spring li a {color: #fce262; text-decoration: none;}
#homepage-wrapper .homepage-main .spring-deal-blocks {margin-left: -10px; margin-top: 10px;}
#homepage-wrapper .homepage-main .spring-deal-blocks div {float: left; width: 47%; /*border: 1px solid #ccc;*/ margin-bottom: 10px; margin-left: 10px;}
#homepage-wrapper .homepage-main .spring-stories.mobile {margin-left: -10px;}
#homepage-wrapper .homepage-main .spring-stories.mobile > div {float: left; margin-bottom: 10px; margin-left: 10px; width: 47%;}
	
/*code to override in master.css*/
#homepage-wrapper .latest-tech .tech-banner .tech-banner-text h3 {font-size: 1em; width: 100%;}
#homepage-wrapper .latest-tech .tech-banner {padding-top: 0px;}
}

@media only screen and (max-width: 558px) {
#homepage-wrapper .homepage-main ul.quick-links.spring li {width: 29.9%;}
}

@media only screen and (max-width: 530px) {
#homepage-wrapper .homepage-main ul.quick-links.spring li {width: 29.8%;}
}

@media only screen and (max-width: 527px) {
#homepage-wrapper .homepage-main ul.quick-links.spring li {min-height: 35px;}
}

@media only screen and (max-width: 505px) {
#homepage-wrapper .homepage-main ul.quick-links.spring li {width: 29.7%;}
}

@media only screen and (max-width: 500px) {
#homepage-wrapper .homepage-main ul.quick-links.spring li {width: 29.5%;}
}

@media only screen and (max-width: 490px) {
/*code to override in master.css*/
#homepage-wrapper .latest-tech .tech-banner .tech-banner-text h3 {font-size: 0.9em;}
}

@media only screen and (max-width: 478px) {
#homepage-wrapper .homepage-main ul.quick-links.spring li {min-height: 0px; width: 46.2%;}
}

@media only screen and (max-width: 449px) {
#homepage-wrapper .homepage-main ul.quick-links.spring li {min-height: 0px; width: 46%;}
}

@media only screen and (max-width: 415px) {
#homepage-wrapper .homepage-main ul.quick-links.spring li {min-height: 0px; width: 45.5%;}
}

@media only screen and (max-width: 409px) {
#homepage-wrapper .homepage-main .spring-deal-blocks div {width: 46%;}
}

@media only screen and (max-width: 364px) {
/*code to override in master.css*/
#homepage-wrapper .latest-tech .tech-banner .tech-banner-text h3 {font-size: 0.8em;}
}

@media only screen and (max-width: 352px) {
#homepage-wrapper .homepage-main ul.quick-links.spring li {min-height: 35px;}
}

@media only screen and (max-width: 349px) {
#homepage-wrapper .homepage-main ul.quick-links.spring li {width: 45%;}
}

@media only screen and (max-width: 342px) {
#homepage-wrapper .homepage-main .spring-stories.mobile > div {width: 46%;}
}

@media only screen and (max-width: 335px) {
/*code to override in master.css*/
#homepage-wrapper .latest-tech .tech-banner .tech-banner-text h3 {font-size: 0.7em;}
}

@media only screen and (max-width: 309px) {
#homepage-wrapper .homepage-main .spring-deal-blocks div {width: 45%;}
}

@media only screen and (max-width: 302px) {
#homepage-wrapper .homepage-main ul.quick-links.spring li {width: 44.5%;}
}

@media only screen and (max-width: 266px) {
#homepage-wrapper .homepage-main ul.quick-links.spring li {width: 44%;}
}

@media only screen and (max-width: 259px) {
#homepage-wrapper .homepage-main .spring-stories.mobile > div {width: 45%;}
}

@media only screen and (max-width: 249px) {
#homepage-wrapper .homepage-main .spring-deal-blocks div {width: 44%;}
}

@media only screen and (max-width: 243px) {
#homepage-wrapper .homepage-main ul.quick-links.spring li {min-height: 45px;}
}