#nook-storefront--compare {width: 100%; display: flex; align-items: flex-start; margin-bottom: 60px;}
#nook-storefront--compare .device {width: 230px; margin-right: 40px; display: flex; flex-direction: column; height: 540px;}
#nook-storefront--compare .device .img {min-height: 221px; display: flex; justify-content: center; align-items: end; margin-bottom: 18px;}
#nook-storefront--compare .size, #nook-storefront--compare li {font-family: Lato, sans-serif; font-size: 14px; line-height: 1.14; letter-spacing: 0.4px; color: #454f56;}
#nook-storefront--compare .size {margin-bottom: 8px;}
#nook-storefront--compare .name {font-family: Poynter, sans-serif; font-size: 18px; line-height: 1.1; letter-spacing: 0.4px; font-weight: 600; color: #21282d; margin-bottom: 16px; min-height: 36px;}
#nook-storefront--compare .device ul {list-style: none; padding: 0; min-height: 105px;}
#nook-storefront--compare .device li {margin-bottom: 16px;}
#nook-storefront--compare .device .commerce {margin-top: auto; position: relative;}
#nook-storefront--compare .device-price {font-family: Lato, sans-serif; font-size: 18px; line-height: 1; letter-spacing: 0.4px; font-weight: 600; color: #21282d;}
#nook-storefront--compare .device-price span {font-family: Lato, sans-serif; font-size: 14px; line-height: 1; letter-spacing: 0.4px; font-weight: 400; color: #454f56; text-decoration: line-through;}
#nook-storefront--compare .shipping {font-family: Lato, sans-serif; font-size: 14px; line-height: normal; letter-spacing: 0.8px; font-weight: 400; color: #454f56; margin-bottom: 16px;}
#nook-storefront--compare .device a {width: 100%; height: 40px; background-color: #3e5962; font-family: Lato, sans-serif; font-size: 14px; line-height: 1.14; letter-spacing: 0.14px; font-weight: 600; color: #ffffff; display: flex; justify-content: center; align-items: center; text-transform: uppercase;}

@media (max-width:1280px) and (min-width:900px) {
  #nook-storefront--compare {width: 70vw;}
}
@media (max-width:1024px) and (min-width:900px) {
  #nook-storefront--compare .name {font-size: 1.7vw;}
}
@media (max-width:1099px) and (min-width:901px) {
  #nook-storefront--compare .device {width: calc(100% / 4 - 29px);}
  #nook-storefront--compare .name {min-height: 50px;}
  #nook-storefront--compare .device ul {min-height: 135px;}
}
@media screen and (max-width: 900px) {
  #nook-storefront--compare-scroll {overflow-x: scroll; margin-bottom: 20px;}
  #nook-storefront--compare {margin-left: 2rem; overflow: hidden; width: 883px; margin-bottom: 40px;}
  #nook-storefront--compare .name {font-size: 18px;}
}
@media screen and (max-width: 480px) {
  #nook-storefront--compare {width: 760px; margin-left: 1.1rem;}
  #nook-storefront--compare .device {width: 170px; margin-right: 20px;}
}