/*--------------------------------------------------------------------------------------------------------------------*
 * DEFAULT
/*--------------------------------------------------------------------------------------------------------------------*/
/* BASIC */
.basic, .basic-photo, .basic-content, .basic-title, .basic-desc, .basic-subtitle {width:100%; float:left}
.basic.space {margin-bottom:20px}
.basic-one, .basic-two, .basic-three, .basic-four, .basic-five {width:100%; display:grid; grid-template-columns:repeat(3, 1fr); column-gap:40px; row-gap:25px}
.basic-item {position:relative; box-sizing:border-box; border-radius:8px; overflow:hidden}
.basic-photo {overflow:hidden; position:relative}
.basic-photo figure {width:100%; height:100%; display:flex; align-items:center; justify-content:center}
.basic-photo img {width:100%; max-width:100%; height:auto; object-fit:cover}
.basic-photo.fixed {height:187.5px}
.basic-content {padding:20px; box-sizing:border-box; font-size:14px; line-height:22px}
.basic-title {font-weight:600; font-size:15px; line-height:23px}
.basic-title a:hover {text-decoration:underline}
.basic-subtitle {margin-bottom:6px; line-height:13px; font-size:13px; font-weight:600}
.basic-desc {margin-top:2px}
.basic-four {grid-template-columns:repeat(4, 1fr); column-gap:24px}
.basic-four .basic-content {padding:15px}
.basic-five {grid-template-columns:repeat(5, 1fr); column-gap:20px; row-gap:20px}
.basic-five .basic-content {padding:15px}
.basic-item.lux {border:none !important; background:none !important; border-radius:0}
.basic-item.lux .basic-photo {aspect-ratio: 1 / 1; border-radius:8px}
.basic-item.lux .basic-photo figure {position:absolute; top:0; left:0; transition:transform .3s}
.basic-item.lux .basic-photo:hover figure {transform:scale(1.1)}
.basic-item.lux .basic-content {padding:0; padding-top:15px}

.basic-item {border:1px solid #eaeaea; background:#fff}
.basic-item:hover {border:1px solid #bbb}
.basic-item.no-pointer:hover {border:1px solid #eaeaea}
.basic-title, .basic-title a {color:#545470}
.basic-title a:hover {color:#1b203d}
.basic-desc {color:#595f7a}
.basic-item.dark {border:1px solid #313131; background:#060606}
.basic-item.dark .basic-title, .basic-item.dark .basic-title a {color:#eee}
.basic-item.dark .basic-desc {color:#888}

/* CARD 1 */
.cards {width:100%; float:left}
.card-photo {height:173px; overflow:hidden; position:relative}
.card-photo img {width:100%; max-width:100%; height:100%; float:left; object-fit:cover}
.card-photo figure {width:100%; height:100%; display:flex; align-items:center; justify-content:center; position:relative}
.card-photo span {font:30px/30px "WP"; position:absolute; bottom:10px; left:10px; z-index:50; width:30px; height:30px}
.card-one {padding-top:3px; box-sizing:border-box}
.card-title {font-size:14px; line-height:22px; font-weight:normal}
.card-title a.checked {padding-right:20px; position:relative}
.card-title a.checked:after {content:"E"; font:18px/18px "WP"; font-weight:normal; position:absolute; top:0; right:0}
.card-title a:hover {text-decoration:underline}
.card-subtitle {display:flex; align-items:center; column-gap:4px}
.card-subtitle span {font:15px/15px "WPLine"}
.card-subtitle p {font-size:13px; line-height:21px}
.card-zero {margin-top:5px}
.card-zero div {font-size:13px; line-height:13px; margin-right:15px; float:left}
.card-price {margin-right:0 !important}
.card-score {width:38px; height:38px; display:flex; justify-content:center; align-items:center; position:absolute; right:10px; top:10px; z-index:100; font-weight:500; font-size:14px; line-height:14px}
.card-marker {font-size:14px; line-height:14px; padding:6px 12px 8px 12px; position:absolute; z-index:10; right:10px; bottom:10px; border-radius:3px}
.card-alpha, .card-bravo, .card-charlie, .card-delta, .card-echo, .card-photo, .card-one, .card-title, .card-subtitle, .card-zero {width:100%; float:left}
.card-alpha, .card-bravo, .card-charlie, .card-delta, .card-echo {position:relative}
.cards.alt {padding:20px 0}
.cards.space {margin-bottom:20px}
.cards.round .card-photo {border-radius:6px}

.card-photo span {color:#fff}
.card-title, .card-title a {color:#484848}
.card-title a.checked:after {color:#2d88ff}
.card-title a:hover {color:#555}
.card-subtitle {color:#ddd}
.card-subtitle.green {color:#7bb132}
.card-subtitle.yellow {color:#FBA607}
.card-subtitle.orange {color:#F48E10}
.card-subtitle.red {color:#D92243}
.card-zero {color:#718083}
.card-score {background: url('../images/assets/hexagon-red.svg') no-repeat center center; color:#fff; background-size:100% auto}
.card-marker {background:rgba(0,0,0,0.6); color:#fff}
.cards.dark .card-title a {color:#fff}
.cards.dark .card-title a:hover {color:#fbdf5f}
.cards.dark .card-price {color:#e6b90a}
.cards.dark .card-subtitle {color:#ddd}
.cards.dark .card-subtitle.green {color:#7bb132}
.cards.dark .card-subtitle.yellow {color:#FBB126}
.cards.dark .card-subtitle.orange {color:#F48E10}
.cards.dark .card-subtitle.red {color:#F20A33}
.cards.dark .card-zero {color:#ccc}
.cards.boom .cards-bravo .card-title a {color:#111}
.cards.boom .cards-bravo .card-title a:hover {color:#333}
.cards.boom .cards-bravo .card-zero {color:#222}

/* CARD 2 */
.cards-alpha, .cards-bravo {display:grid; column-gap:16px; row-gap:20px; width:100%}
.cards-alpha {grid-template-columns:repeat(4, 1fr)}
.cards-alpha.space, .cards-bravo.space, .cards-delta.space {margin-bottom:20px}
.cards-alpha.one .card-photo {height:120px}
.cards-alpha.two {grid-template-columns:repeat(5, 1fr)}
.cards-alpha.two .card-photo {height:137px}
.cards-alpha.three {padding:15px; box-sizing:border-box}
.cards-alpha.three .card-photo {height:169px}
.cards-alpha.hub .card-photo {height:165px}
.cards-bravo {grid-template-columns:repeat(3, 1fr); column-gap:40px}
.cards-bravo .card-photo {height:225px}
.cards-bravo .card-one {text-align:center}
.cards-bravo .card-title {font-size:17px; line-height:25px; font-weight:600}
.cards-bravo .card-title a.checked:after {top:2px}
.cards-bravo .card-zero {margin:0 auto; display:table; float:none; width:auto; padding-top:5px}
.cards-bravo .card-zero div {margin:0 10px}
.cards-charlie {display:grid; box-sizing:border-box; column-gap:15px; row-gap:15px; grid-template-columns:repeat(3, 1fr)}
.cards-charlie .card-charlie {display:flex; overflow:hidden; border-radius:4px; position:relative}
.cards-charlie .card-photo {width:85px; height:85px}
.cards-charlie .card-one {padding:10px; position:relative; flex:1 1 0}
.cards-charlie .card-title {font-size:14px; line-height:22px; font-weight:600}
.cards-charlie .card-learn {position:absolute; right:10px; top:50%; transform:translateY(-50%)}
.cards-charlie .card-learn a {border-radius:50%; width:50px; height:50px; font:28px/28px "WPLine"; text-align:center; padding-top:9px; box-sizing:border-box; float:left}
.cards-charlie.round .card-charlie {border-radius:6px}
.cards-charlie.alt, .cards-charlie.spec {column-gap:0; row-gap:10px; grid-template-columns:repeat(1, 1fr); padding:10px}
.cards-charlie.alt .card-one {width:231px}
.cards-charlie.alt .card-learn, .cards-charlie.spec .card-learn {right:5px; top:auto; transform:none; bottom:5px}
.cards-charlie.alt .card-learn a, .cards-charlie.spec .card-learn a {width:40px; height:40px; font:24px/24px "WPLine"; padding-top:6px}
.cards-charlie.boom {grid-template-columns:repeat(2, 1fr)}
.cards-charlie.spec {padding:0}
.cards-charlie.spec .card-charlie:nth-child(n+4) {display:none}
.cards-delta, .cards-echo {display:grid; column-gap:20px; row-gap:20px; grid-template-columns:repeat(6, 1fr)}
.cards-delta .card-photo {height:295px}
.cards-delta .card-one {padding-top:5px}
.cards-delta.square .card-photo {height:196px}
.cards-delta.bingo {column-gap:15px; row-gap:15px; grid-template-columns:repeat(5, 1fr)}
.cards-delta.bingo .card-photo {height:247px}
.cards-echo .card-echo {display:flex; flex-direction:column; align-items:center; text-align:center}
.cards-echo .card-photo {width:90px; height:90px; display:flex; align-items:center; justify-content:center; position:relative; border-radius:50%; overflow:hidden}
.cards-echo .card-title {font-size:13px; line-height:21px}

.cards-charlie .card-charlie {border:1px solid #e0e0e0; box-shadow:0 6px 10px rgba(53,67,79,.05); color:#3b3d3e; background:#fff}
.cards-charlie .card-price {color:#b67f20}
.cards-charlie .card-learn a {background:#f90; color:#fff}
.cards-charlie .card-learn a.gray {background:#a2a2a2; color:#fff}
.cards-charlie .card-learn a:hover {background:#444; color:#fff}
.cards-charlie.dark .card-charlie {border:1px solid #444; box-shadow:none; color:#fff; background:#222}

/* PRODUCT 1 */
.products, .products-extra, .products-mini, .products-live {width:100%; float:left}
.products.space {margin-bottom:20px}
.products-extra {position:relative}
.products-mini {padding-bottom:15px}
.products-live {visibility:hidden}
.product {position:relative; box-sizing:border-box; display:flex; flex-direction:column}
.product-photo, .product-one, .product-zero {width:100%; float:left}
.product-photo {overflow:hidden; position:relative}
.product-photo img {width:100%; max-width:100%; height:100%; float:left; object-fit:cover}
.product-photo figure {width:100%; height:100%; display:flex; align-items:center; justify-content:center; position:relative}
.product-photo figure img {float:none}
.product-photo span {padding:6px 8px 8px 8px; font-size:13px; line-height:13px; position:absolute; z-index:10; right:10px; bottom:10px; border-radius:3px}
.product-one {padding:10px; display:flex; flex-direction:column; box-sizing:border-box; position:relative}
.product-sku {font-size:13px; font-weight:normal; margin-bottom:2px}
.product-title {font-weight:bold; text-transform:uppercase; font-size:13px; line-height:20px; margin-bottom:2px}
.product-title a:hover {text-decoration:underline}
.product-title.nospace {padding:0}
.product-price {font-size:14px; line-height:22px}
.product-price del {font-size:13px; line-height:20px}
.product-price ins {text-decoration:none; float:left; margin-right:5px}
.product-price.nospace {margin-bottom:0; padding:0}
.product-zero {padding:10px; margin-top:auto; box-sizing:border-box}
.product-zero.alt {display:flex; align-items:center; justify-content:space-between}
.product-view, .product-sold, .product-inv {float:left; font-size:13px; line-height:13px; margin-top:2px; margin-right:15px}
.product-view:before, .product-sold:before, .product-inv:before {font:14px/14px "WP"; margin-right:1px; float:left; content:"4"}
.product-view.alt {margin:0}
.product-sold:before {font-family:"WPLine"; content:"i"}
.product-inv:before {font-family:"WPLine"; content:"c"}
.product-colors {position:absolute; right:10px}
.product-colors span {font-size:13px; line-height:13px}
.product-colors ul {float:left}
.product-colors li {margin-left:5px; width:16px; height:16px; padding:1px; border-radius:50%; box-sizing:border-box; float:left}
.product-colors li span {width:100%; height:100%; float:left; border-radius:50%; overflow:hidden}
.product-colors li span img {width:100%; height:100%; float:left}
.product-extra {width:232px; margin-right:30px; float:left; position:relative; box-sizing:border-box}
.product-extra .product-photo {height:232px}
.product-extra .product-one {padding:0; padding-top:10px}
.product-mini {width:75px; height:75px; margin-right:5px; margin-bottom:5px; float:left; border-radius:5px; overflow:hidden}
.product-mini .product-photo {height:100%}
.product-mini .product-photo .status {display:none}
.product-widget {width:158px; float:left; margin-right:10px}
.product-widget .product-photo {height:154px}
.product-learn {font-weight:600; font-size:12px; line-height:12px; padding:10px 15px; border-radius:3px}
.products-extra.round .card-photo {border-radius:6px}

.product {border:1px solid #eaeaea; background:#fff}
.product-photo span {background:#FF3D3D; color:#fff}
.product-sku {color:#7e7e7e}
.product-title, .product-title a {color:#333}
.product-title a:hover {color:#f23d4e}
.product-price {color:#b67f20}
.product-price del {color:#888}
.product-zero {border-top:1px solid #f0efef; background:#fafafa}
.product-view, .product-sold, .product-inv {color:#999}
.product-colors {color:#535353}
.product-learn {background:#f90; color:#fff}
.product-learn.gray {background:#a2a2a2; color:#fff}
.product-learn:hover {background:#444; color:#fff}
.products.dark .product {border:1px solid #444; background:#222}
.products.dark .product-sku {color:#b7b7b7}
.products.dark .product-title a {color:#fff}
.products.dark .product-title a:hover {color:#fbdf5f}
.products.dark .product-price {color:#e6b90a}
.products.dark .product-zero {border-top:1px solid #2e2e2e; background:#1b1a1a}
.products.dark .product-view {color:#ccc}

/* PRODUCT 2 */
.products.noborder .product, .products-extra.noborder .product {border:0}
.products.noborder .product .product-zero {border:0}
.products.round .product, .products-extra.round .product {border-radius:6px; overflow:hidden}
.products.round .pagination {border-radius:6px}
.products-alpha, .products-bravo, .products-charlie, .products-delta, .products-echo, .products-foxtrot {display:grid; column-gap:40px; row-gap:30px; width:100%}
.products-alpha, .products-delta, .products-echo {grid-template-columns:repeat(4, 1fr)}
.products-alpha.space, .products-bravo.space, .products-charlie.space, .products-delta.space {margin-bottom:20px}
.products-alpha .product-photo, .products-bravo .product-photo {height:288px}
.products-bravo {grid-template-columns:repeat(3, 1fr)}
.products-charlie, .products-foxtrot {grid-template-columns:repeat(5, 1fr); column-gap:20px; row-gap:20px}
.products-charlie .product-photo {height:238px}
.products-charlie .product-title {text-transform:none; font-weight:600}
.products-charlie .product-sold {display:none}
.products-delta {column-gap:20px; row-gap:20px}
.products-delta .product-photo {height:208px}
.products-echo {column-gap:15px; row-gap:15px}
.products-echo .product-photo {height:178px}
.products-echo .product-photo figure {margin-bottom:0}
.products-echo .product-photo img {margin-bottom:0}
.products-echo .product:hover .product-title {text-decoration:underline}
.products-foxtrot .product-sold {display:none}
.products-extra.insider, .products-extra.outsider {margin-bottom:20px}
.products-extra.insider a {text-decoration:none}
.products-extra.insider .product-extra {width:181px !important; margin-right:15px !important}
.products-extra.insider .product-extra .product-photo {height:181px}
.products-extra.insider .product-extra .product-photo figure {margin-bottom:0}
.products-extra.insider .product-extra .product-photo img {margin-bottom:0}
.products-extra.insider .product-extra:hover .product-title {text-decoration:underline}
.products-extra.outsider .product-extra {width:210px !important; margin-right:20px !important}
.products-extra.outsider .product-extra .product-photo {height:210px}
.products-extra.spec .product-extra {width:190px !important; margin-right:20px !important}
.products-extra.spec .product-extra .product-photo {height:190px}
.products-extra.xtreme {margin-bottom:30px}
.products-extra.xtreme .product {width:406px !important}
.products-extra.xtreme .product .product-photo {height:406px}
.products-extra.xtreme .product .product-one {padding:15px; height:160px}
.products-extra.xtreme .product .product-title {font-size:14px; line-height:22px; text-transform: none}

.products-echo .product:hover .product-title {color:#f23d4e}
.products-extra.insider .product-extra:hover .product-title {color:#f23d4e}

/* FEATURES */
.features {display:grid; grid-gap:30px; grid-template-columns:repeat(4, 1fr)}
.features.lux {grid-gap:0}
.features.classic {width:100%; grid-template-columns:repeat(2, 1fr)}
.feature {position:relative; box-sizing:border-box; display:flex; padding:25px; flex-direction:column}
.feature p {font-size:15px; line-height:23px}
.feature-circle {display:block; position:relative; text-align:center}
.feature-circle div {width:32px; height:32px; border-radius:50%; font-weight:600; font-size:15px; line-height:15px; display:flex; justify-content:center; align-items:center}
.feature-icon {width:48px; height:48px; display:flex; justify-content:center; align-items:center; font:24px/24px "WPLine"; border-radius:5px}
.feature-icon.big {width:64px; height:64px; font:30px/30px "WPLine"}
.feature-title {font-size:16px; line-height:24px; font-weight:600; position:relative}
.feature-title.lux {font-size:15px; line-height:23px}
.feature-title.lux:before {position:absolute; left:-15px; top:50%; content:""; height:20px; width:1px; transform:translateY(-50%)}
.feature.lux {padding:0 15px}
.feature.lux:before, .feature.lux:after {position:absolute; top:0; left:0; width:1px; height:100%; content:""}
.feature.lux:after {left:auto; right:0}
.feature.classic {padding:0; flex-direction:row; row-gap:16px; column-gap:16px}
.feature.boxy {align-items:center; text-align:center}

.feature {color:#425466}
.feature-title {color:#0a2540}
.feature-icon {background:#f5f5f4; color:#888}
.feature.lux:before {background:#eee}
.feature.lux:last-child:after {background:#eee}
.feature.dark {color:#7f8d9c}
.feature.dark .feature-title {color:#edf2f6}
.feature.dark.lux:before {background:#363636}
.feature.dark.lux:last-child:after {background:#363636}

/* BRICK */
.bricks, .bricks-loading, .bricks-content {width:100%; float:left}
.bricks-loading {height:200px; text-indent:-9999px; display:none}
.bricks-galaxy {width:100%; float:left; margin-bottom:20px; display:grid; column-gap:25px; row-gap:20px; grid-template-columns:repeat(3, 1fr)}
.brick {position:relative; overflow:hidden; border-radius:6px; display:flex; flex-direction:column}
.brick-photo, .brick-one, .brick-sub {width:100%; float:left}
.brick-photo {position:relative; height:321px; box-sizing:border-box}
.brick-photo img {width:100%; max-width:100%; height:100%; float:left; object-fit:cover}
.brick-photo figure {display:flex; justify-content:center; align-items:center; width:100%; height:100%}
.brick-photo figure img {float:none}
.brick-photo span {font:30px/30px "WP"; position:absolute; bottom:10px; left:10px; width:30px; height:30px}
.brick-photo.shadow:before, .brick-photo.shadow:after, .brick-photo.light-shadow:before, .brick-photo.light-shadow:after {width:20px; height:100%; content:""; position:absolute; top:0; left:0}
.brick-photo.shadow:after, .brick-photo.light-shadow:after {left:auto; right:0}
.brick-photo.s1 {padding:0 45px 0 44px}
.brick-photo.s1.shadow:before, .brick-photo.s1.light-shadow:before {left:44px}
.brick-photo.s1.shadow:after, .brick-photo.s1.light-shadow:after {right:45px}
.brick-photo.poster {padding:10px 105px; overflow:hidden}
.brick-photo.poster img {border-radius:6px;}
.brick-photo.square {display:flex; align-items:center; justify-content:center;}
.brick-photo.square img {width:200px; height:200px; border-radius:6px}
.brick-one {padding:12px; display:flex; box-sizing:border-box; position:relative; justify-content:space-between; column-gap:10px; row-gap:10px}
.brick-title h2 {font-size:15px; line-height:21px; margin-bottom:1px; font-weight:600}
.brick-title a.checked {padding-right:24px; position:relative; display:block}
.brick-title a.checked:after {content:"Z"; font:20px/20px "WP"; font-weight:normal; position:absolute; top:1px; right:0}
.brick-title a:hover {text-decoration:underline}
.brick-sub {display:flex; flex-direction:row}
.brick-sub-price ins {float:left; margin-right:5px; text-decoration:none}
.brick-zero {display:flex; padding-top:4px; justify-content:flex-end; min-width:80px}
.brick-view, .brick-inv {font-size:13px; line-height:13px}
.brick-inv {margin-right:10px}
.brick-view:before, .brick-inv:before {font:15px/13px "WP"; margin-right:2px; float:left; content:":"}
.brick-inv:before {font-family:"WPLine"; content:"K"}
.brick-score {width:36px; height:36px; display:flex; justify-content:center; align-items:center; position:absolute; right:10px; bottom:10px; font-weight:500; font-size:13px; line-height:13px}
.bricks.alt .brick {background:none}
.bricks.alt .brick-one {padding:12px 0 0 0}

.bricks-loading {background:url('../images/assets/loading.gif') no-repeat center center}
.brick {background:#fff}
.brick-photo span {color:#fff}
.brick-photo.light-gray {background:#f3f4f6}
.brick-photo.dark {background:#232323}
.brick-photo.shadow:before {background:linear-gradient(90deg, rgba(35,35,35,1) 0%, rgba(35,35,35,0) 100%)}
.brick-photo.shadow:after {background:linear-gradient(-90deg, rgba(35,35,35,1) 0%, rgba(35,35,35,0) 100%)}
.brick-photo.light-shadow:before {background:linear-gradient(90deg, rgb(255, 255, 255) 0%, rgba(255, 255, 255,0) 100%)}
.brick-photo.light-shadow:after {background:linear-gradient(-90deg, rgba(255, 255, 255,1) 0%, rgba(255, 255, 255,0) 100%)}
.brick-photo.poster, .brick-photo.square {background:#262626}
.brick-zero {color:#666}
.brick-title a {color:#222}
.brick-title a:hover {color:#f23d4e}
.brick-title a.checked:after {color:#2d88ff}
.brick-sub-sku {color:#888}
.brick-sub-price {color:#b67f20}
.brick-sub-price del {color:#888}
.brick-score {background: url('../images/assets/hexagon-red.svg') no-repeat center center; color:#fff; background-size:100% auto}

/*--------------------------------------------------------------------------------------------------------------------*
 * RESPONSIVE & RETINA
/*--------------------------------------------------------------------------------------------------------------------*/
@media only screen and (min-width:320px) and (max-width:1023px) {
.basic.space {margin-bottom:15px}
.basic.scroll {overflow-x:scroll; width:300px}
.basic-three, .basic-four, .basic-five {grid-template-columns:repeat(2, 1fr); column-gap:10px; row-gap:10px}
.basic-three .basic-content, .basic-four .basic-content, .basic-five .basic-content {padding:10px}
.basic-three.scroll {width:690px; grid-template-columns:repeat(3, 1fr); column-gap:15px; row-gap:15px}
.basic-three.scroll .basic-content, .basic-four.scroll .basic-content {padding:15px}
.basic-three.min .basic-item:nth-child(n+3) {display:none}
.basic-three.min .basic-desc {display:none}
.basic-four.scroll {width:845px; grid-template-columns:repeat(4, 1fr); column-gap:15px; row-gap:15px}
.basic-four.scroll .basic-photo.fixed {height:124px}
.basic-four.page .basic-item:nth-child(n+7) {display:none}
.basic-five.page .basic-item:nth-child(n+7) {display:none}
.basic-five.compact .basic-item:nth-child(n+3) {display:none}

.cards.space {margin-bottom:15px}
.cards.alt {padding:15px 0}
.card-photo {height:82px}
.card-bravo .card-title {font-size:14px; line-height:22px}
.card-bravo .card-title a.checked:after {top:0}
    
.cards-alpha, .cards-bravo, .cards-delta, .cards-delta.bingo {grid-template-columns:repeat(2, 1fr); column-gap:10px; row-gap:10px}
.cards-alpha.home .card-alpha:nth-child(n+5) {display:none}
.cards-alpha.space, .cards-bravo.space, .cards-delta.space {margin-bottom:15px}
.cards-alpha.one {grid-template-columns:repeat(2, 1fr)}
.cards-alpha.one .card-photo {height:82px}
.cards-alpha.two {grid-template-columns:repeat(2, 1fr)}
.cards-alpha.two .card-alpha:nth-child(n+5) {display:none}
.cards-alpha.two .card-photo {height:82px}
.cards-alpha.three {padding:10px 0}
.cards-alpha.three .card-photo {height:82px}
.cards-alpha.hub .card-photo {height:76px}
.cards-bravo .card-photo {height:82px}
.cards-bravo.home .card-bravo:nth-child(n+5) {display:none}
.cards-bravo.spec .card-bravo:nth-child(n+3) {display:none}
.cards-charlie {column-gap:0; row-gap:10px; grid-template-columns:repeat(1, 1fr)}
.cards-charlie .card-learn {right:5px; top:auto; transform:none; bottom:5px}
.cards-charlie .card-learn a {width:40px; height:40px; font:24px/24px "WPLine"; padding-top:6px}
.cards-charlie.home .card-charlie:nth-child(n+5) {display:none}
.cards-charlie.boom {grid-template-columns:repeat(1, 1fr)}
.cards-charlie.boom .card-charlie:nth-child(n+4) {display:none}
.cards-delta.home .card-delta:nth-child(n+5) {display:none}
.cards-delta.spec .card-delta:nth-child(n+3) {display:none}
.cards-delta .card-photo {height:217px}
.cards-delta.square .card-photo {height:145px}
.cards-delta.bingo .card-photo {height:201px}
.cards-echo {column-gap:10px; row-gap:10px; grid-template-columns:repeat(3, 1fr)}
.cards-echo .card-photo {width:80px; height:80px}
.cards-echo .card-title {font-size:12px; line-height:20px}

.products.space {margin-bottom:15px}
.products-mini {padding-bottom:10px}
.product-photo span {right:8px; bottom:8px}
.product-one {padding:8px}
.product-title {font-size:12px; line-height:18px}
.product-price del {display:none}
.product-zero {padding:8px; background:0; border:0}
.product-view, .product-sold, .product-inv {margin-top:0}
.product-inv.alt {display:none}
.product-colors {right:8px}
.product-extra {width:149px !important; margin-right:2px !important}
.product-extra .product-photo {height:149px}
.product-extra .product-one {padding-top:8px}
.product-mini {width:65px; height:65px}
.product-learn {padding:8px 10px}
    
.products-alpha, .products-bravo, .products-delta, .products-echo, .products-foxtrot {grid-template-columns:repeat(2, 1fr); column-gap:2px; row-gap:2px}
.products-alpha.space, .products-bravo.space, .products-charlie.space, .products-delta.space {margin-bottom:15px}
.products-alpha.s2 .product:nth-child(n+7) {display:none}
.products-alpha .product-photo, .products-bravo .product-photo, .products-delta .product-photo, .products-echo .product-photo, .products-foxtrot .product-photo {height:147px}
.products-charlie {grid-template-columns:repeat(2, 1fr); column-gap:10px; row-gap:10px}
.products-charlie .product-title {font-size:13px}
.products-charlie.home .product:nth-child(n+3) {display:none}
.products-charlie.page .product:nth-child(n+7) {display:none}
.products-charlie .product-photo {height:143px}
.products-foxtrot.home .product:nth-child(n+7) {display:none}
.products-extra.insider {margin-bottom:15px}
.products-extra.insider .product-extra {width:149px !important; margin-right:2px !important}
.products-extra.insider .product-extra .product-photo {height:149px}
.products-extra.outsider {margin-bottom:15px}
.products-extra.outsider .product-extra {width:149px !important; margin-right:2px !important}
.products-extra.outsider .product-extra .product-photo {height:149px}
.products-extra.spec .product-extra {width:135px !important; margin-right:10px !important}
.products-extra.spec .product-extra .product-photo {height:135px}
.products-extra.xtreme {margin-bottom:15px}
.products-extra.xtreme .product {width:240px !important; margin-right:15px !important}
.products-extra.xtreme .product .product-photo {height:240px}
.products-extra.xtreme .product .product-one {padding:10px; height:165px}
.products-extra.xtreme .product .product-title {font-size:13px; line-height:20px}

.features {column-gap:12px}
.features.classic {grid-template-columns:repeat(1, 1fr); grid-gap:24px}
.feature-icon.big {width:52px; height:52px; font:26px/26px "WPLine"}




.bricks-galaxy {column-gap:4px; row-gap:4px; grid-template-columns:repeat(2, 1fr); margin-bottom:15px}
.brick-photo {height:116px}
.brick-photo.s1 {padding:0 16px}
.brick-photo.s1.shadow:before, .brick-photo.s1.light-shadow:before {left:16px}
.brick-photo.s1.shadow:after, .brick-photo.s1.light-shadow:after {right:16px}
.brick-photo span {font:24px/24px "WP"; width:24px; height:24px}
.brick-photo.poster {padding:5px 39px}
.brick-photo.square img {width:80px; height:80px}
.brick-one {padding:8px; justify-content:flex-start; flex-direction:column; flex:1}
.brick-sub-price del {display:none}
.brick-zero {margin-top:auto; min-width:0; padding-top:0; justify-content:flex-start}
.bricks.alt .brick-one {padding:8px 0}
}

@media only screen and (min-width:360px) and (max-width:1023px) {
.basic.scroll {width:340px}

.card-photo {height:93px}
.cards-alpha.one .card-photo {height:93px}
.cards-alpha.two .card-photo {height:93px}
.cards-alpha.three .card-photo {height:93px}
.cards-alpha.hub .card-photo {height:87px}
.cards-bravo .card-photo {height:93px}
.cards-delta .card-photo {height:247px}
.cards-delta.square .card-photo {height:165px}
.cards-delta.bingo .card-photo {height:231px}
.cards-echo .card-photo {width:90px; height:90px}
.cards-echo .card-title {font-size:13px; line-height:21px}

.product-extra {width:165px !important; margin-right:10px !important}
.product-extra .product-photo {height:165px}
    
.products-alpha .product-photo, .products-bravo .product-photo, .products-delta .product-photo, .products-echo .product-photo, .products-foxtrot .product-photo {height:167px}
.products-charlie .product-photo {height:163px}
.products-extra.insider .product-extra {width:165px !important; margin-right:10px !important}
.products-extra.insider .product-extra .product-photo {height:165px}
.products-extra.outsider .product-extra {width:165px !important; margin-right:10px !important}
.products-extra.outsider .product-extra .product-photo {height:165px}




.brick-photo {height:131px}
.brick-photo.s1 {padding:0 19px 0 18px}
.brick-photo.s1.shadow:before, .brick-photo.s1.light-shadow:before {left:18px}
.brick-photo.s1.shadow:after, .brick-photo.s1.light-shadow:after {right:19px}
.brick-photo.poster {padding:5px 44px}
.brick-photo.square img {width:90px; height:90px}
}

@media only screen and (min-width:375px) and (max-width:1023px) {
.basic.scroll {width:355px}

.card-photo {height:97px}
.cards-alpha, .cards-bravo {column-gap:14px; row-gap:14px}
.cards-alpha.one .card-photo {height:97px}
.cards-alpha.two .card-photo {height:97px}
.cards-alpha.three .card-photo {height:97px}
.cards-alpha.hub .card-photo {height:87px}
.cards-bravo .card-photo {height:97px}
.cards-delta {grid-template-columns:repeat(3, 1fr)}
.cards-delta.home .card-delta:nth-child(n+5) {display:block}
.cards-delta.spec .card-delta:nth-child(n+3) {display:block}
.cards-delta.spec .card-delta:nth-child(n+4) {display:none}
.cards-delta .card-photo {height:166px}
.cards-delta.square .card-photo {height:111px}
.cards-delta.bingo {column-gap:15px; row-gap:15px}
.cards-delta.bingo .card-photo {height:231px}
.cards-echo {column-gap:15px; row-gap:15px}

.product-photo span {right:10px; bottom:10px}
.product-one {padding:10px}
.product-title {font-size:13px; line-height:20px}
.product-price del {display:inline}
.product-zero {padding:10px}
.product-colors {right:10px}
.product-extra {width:172px !important}
.product-extra .product-photo {height:172px}
.product-extra .product-one {padding-top:10px}
    
.products-alpha .product-photo, .products-bravo .product-photo, .products-delta .product-photo, .products-echo .product-photo, .products-foxtrot .product-photo {height:174.5px}
.products-charlie .product-photo {height:170.5px}
.products-extra.insider .product-extra {width:172px !important}
.products-extra.insider .product-extra .product-photo {height:172px}
.products-extra.outsider .product-extra {width:172px !important}
.products-extra.outsider .product-extra .product-photo {height:172px}



.brick-photo {height:137px}
.brick-photo.s1 {padding:0 19px}
.brick-photo.s1.shadow:before, .brick-photo.s1.light-shadow:before {left:19px}
.brick-photo.poster {padding:5px 45.5px}
.brick-sub-price del {display:inline}
}

@media only screen and (min-width:414px) and (max-width:1023px) {
.basic.scroll {width:380px}
.basic-four {column-gap:16px; row-gap:16x}

.card-photo {height:104px}
.cards-alpha.one .card-photo {height:104px}
.cards-alpha.two .card-photo {height:104px}
.cards-alpha.three .card-photo {height:104px}
.cards-alpha.hub .card-photo {height:94px}
.cards-bravo .card-photo {height:104px}
.cards-delta .card-photo {height:180px}
.cards-delta.square .card-photo {height:120px}
.cards-delta.bingo .card-photo {height:249px}

.product-extra {width:160px !important}
.product-extra .product-photo {height:160px}
.product-mini {width:75px; height:75px}
    
.products-alpha .product-photo, .products-bravo .product-photo, .products-delta .product-photo, .products-echo .product-photo, .products-foxtrot .product-photo {height:187px}
.products-charlie .product-photo {height:183px}
.products-extra.insider .product-extra {width:160px !important}
.products-extra.insider .product-extra .product-photo {height:160px}
.products-extra.outsider .product-extra {width:160px !important}
.products-extra.outsider .product-extra .product-photo {height:160px}
.products-extra.xtreme .product {width:270px !important}
.products-extra.xtreme .product .product-photo {height:270px}

.features {grid-gap:16px}



.brick-photo {height:147px}
.brick-photo.s1 {padding:0 21px 0 20px}
.brick-photo.s1.shadow:before, .brick-photo.s1.light-shadow:before {left:20px}
.brick-photo.s1.shadow:after, .brick-photo.s1.light-shadow:after {right:21px}
.brick-photo.poster {padding:5px 48.5px}
.brick-photo.square img {width:100px; height:100px}
}

@media only screen and (min-width:480px) and (max-width:1023px) {
.basic.scroll {width:460px}
.basic-three .basic-content {padding:15px}
.basic-four, .basic-five {grid-template-columns:repeat(3, 1fr); column-gap:10px; row-gap:10px}
.basic-four.scroll {grid-template-columns:repeat(4, 1fr); column-gap:15px; row-gap:15px}
.basic-four.home .basic-item:nth-child(n+4) {display:none}
.basic-four.page .basic-item:nth-child(n+7) {display:none}
.basic-five.compact .basic-item:nth-child(n+3) {display:block}
.basic-five.compact .basic-item:nth-child(n+4) {display:none}

.card-photo {height:125px}
.cards-alpha.one .card-photo {height:125px}
.cards-alpha.two .card-photo {height:125px}
.cards-alpha.three {padding:15px 0}
.cards-alpha.three .card-photo {height:125px}
.cards-alpha.hub .card-photo {height:117px}
.cards-bravo .card-photo {height:125px}
.cards-charlie .card-learn {right:10px; top:50%; bottom:auto; transform:translateY(-50%)}
.cards-charlie .card-learn a {width:50px; height:50px; font:28px/28px "WPLine"; padding-top:9px}
.cards-delta .card-photo {height:219px}
.cards-delta.square .card-photo {height:146px}
.cards-delta.bingo {column-gap:10px; row-gap:10px; grid-template-columns:repeat(3, 1fr)}
.cards-delta.bingo .card-photo {height:204px}
.cards-echo {column-gap:16px; row-gap:16px; grid-template-columns:repeat(4, 1fr)}

.product-extra {margin-right:15px !important}
    
.products-alpha, .products-bravo {column-gap:15px; row-gap:15px}
.products-alpha .product-photo, .products-bravo .product-photo {height:220.5px}
.products-charlie, .products-delta, .products-echo, .products-foxtrot {grid-template-columns:repeat(3, 1fr)}
.products-charlie.home .product:nth-child(n+3) {display:block}
.products-charlie.home .product:nth-child(n+4) {display:none}
.products-charlie .product-photo, .products-delta .product-photo, .products-echo .product-photo, .products-foxtrot .product-photo {height:144px}
.products-delta, .products-echo {column-gap:10px; row-gap:10px}
.products-extra.insider .product-extra {margin-right:15px !important}
.products-extra.outsider .product-extra {margin-right:15px !important}
.products-extra.spec .product-extra {width:133px !important; margin-right:15px !important}
.products-extra.spec .product-extra .product-photo {height:133px}
.products-extra.xtreme .product {width:300px !important}
.products-extra.xtreme .product .product-photo {height:300px}
.products-extra.xtreme .product .product-one {padding:15px; height:182px}
.products-extra.xtreme .product .product-title {font-size:14px; line-height:22px}

.features.classic {grid-template-columns:repeat(2, 1fr)}


.bricks-galaxy {column-gap:10px; row-gap:10px}
.brick-photo {height:176px}
.brick-photo.s1 {padding:0 25px 0 24px}
.brick-photo.s1.shadow:before, .brick-photo.s1.light-shadow:before {left:24px}
.brick-photo.s1.shadow:after, .brick-photo.s1.light-shadow:after {right:25px}
.brick-photo.poster {padding:10px 60.5px}
.brick-photo.square img {width:120px; height:120px}
.brick-photo span {font:30px/30px "WP"; width:30px; height:30px}
}

@media only screen and (min-width:600px) and (max-width:1023px) {
.basic.scroll {width:580px}
.basic-three {grid-template-columns:repeat(2, 1fr); column-gap:15px; row-gap:15px}
.basic-four, .basic-five {column-gap:15px; row-gap:15px}

.card-photo {height:103px}
.card-bravo .card-title {font-size:15px; line-height:23px}
    
.cards-alpha, .cards-bravo {column-gap:15px; row-gap:15px}
.cards-alpha {grid-template-columns:repeat(3, 1fr)}
.cards-alpha.home .card-alpha:nth-child(n+5) {display:block}
.cards-alpha.home .card-alpha:nth-child(n+7) {display:none}
.cards-alpha.one {grid-template-columns:repeat(3, 1fr)}
.cards-alpha.one .card-alpha:nth-child(n+4) {display:none}
.cards-alpha.one .card-photo {height:103px}
.cards-alpha.two {grid-template-columns:repeat(3, 1fr)}
.cards-alpha.two .card-alpha:nth-child(n+4) {display:block}
.cards-alpha.two .card-photo {height:103px}
.cards-alpha.three .card-photo {height:103px}
.cards-alpha.hub .card-photo {height:97px}
.cards-bravo .card-photo {height:159px}
.cards-charlie, .cards-charlie.spec {column-gap:10px; row-gap:10px; grid-template-columns:repeat(2, 1fr)}
.cards-charlie .card-learn {right:5px; top:auto; transform:none; bottom:5px}
.cards-charlie .card-learn a {width:40px; height:40px; font:24px/24px "WPLine"; padding-top:6px}
.cards-charlie.boom {grid-template-columns:repeat(2, 1fr)}
.cards-charlie.boom .card-charlie:nth-child(n+3) {display:flex}
.cards-charlie.boom .card-charlie:nth-child(n+4) {display:flex}
.cards-charlie.spec .card-charlie:nth-child(n+4) {display:flex}
.cards-delta, .cards-delta.bingo {grid-template-columns:repeat(4, 1fr)}
.cards-delta.home .card-delta:nth-child(n+5) {display:none}
.cards-delta.spec .card-delta:nth-child(n+4) {display:block}
.cards-delta.spec .card-delta:nth-child(n+5) {display:none}
.cards-delta .card-photo {height:205px}
.cards-delta.square .card-photo {height:137px}
.cards-delta.bingo .card-photo {height:190px}
.cards-echo {column-gap:15px; row-gap:15px; grid-template-columns:repeat(5, 1fr)}

.products-alpha, .products-bravo, .products-charlie, .products-delta, .products-echo, .products-foxtrot {grid-template-columns:repeat(3, 1fr); column-gap:15px; row-gap:15px}
.products-alpha.s1 .product:nth-child(n+4) {display:none}
.products-alpha .product-photo, .products-bravo .product-photo, .products-charlie .product-photo, .products-delta .product-photo, .products-echo .product-photo, .products-foxtrot .product-photo {height:181px}
.products-extra.omega .product-extra {width:136px !important; margin-right:15px !important}
.products-extra.omega .product-extra .product-photo {height:136px}

.bricks-galaxy {column-gap:16px; row-gap:15px}
.brick-photo {height:221px}
.brick-photo.s1 {padding:0 31px 0 30px}
.brick-photo.s1.shadow:before, .brick-photo.s1.light-shadow:before {left:30px}
.brick-photo.s1.shadow:after, .brick-photo.s1.light-shadow:after {right:31px}
.brick-photo.poster {padding:10px 74px}
.brick-photo.square img {width:150px; height:150px}
.brick-one {padding:10px; justify-content:space-between; flex-direction:row; flex:0}
.brick-zero {padding-top:4px; justify-content:flex-end; margin-top:0; min-width:80px}
.bricks.alt .brick-one {padding:10px 0 0 0}


}

@media only screen and (min-width:640px) and (max-width:1023px) {
.basic.scroll {width:620px}
.basic-four .basic-content, .basic-five .basic-content {padding:12px}

.card-photo {height:110px}
.cards-alpha.one .card-photo {height:110px}
.cards-alpha.two .card-photo {height:110px}
.cards-alpha.three .card-photo {height:110px}
.cards-alpha.hub .card-photo {height:104px}
.cards-bravo .card-photo {height:170px}
.cards-delta .card-photo {height:220px}
.cards-delta.square .card-photo {height:147px}
.cards-delta.bingo .card-photo {height:205px}
.cards-echo {column-gap:20px; row-gap:20px}

.brick-photo {height:236px}
.brick-photo.s1 {padding:0 33px}
.brick-photo.s1.shadow:before, .brick-photo.s1.light-shadow:before {left:33px}
.brick-photo.s1.shadow:after, .brick-photo.s1.light-shadow:after {right:33px}
.brick-photo.poster {padding:10px 79px}

.products-alpha .product-photo, .products-bravo .product-photo, .products-foxtrot .product-photo {height:194px}
.products-charlie, .products-delta, .products-echo {grid-template-columns:repeat(4, 1fr); column-gap:10px; row-gap:10px}
.products-charlie.home .product:nth-child(n+4) {display:block}
.products-charlie.home .product:nth-child(n+5) {display:none}
.products-charlie.page .product:nth-child(n+7) {display:block}
.products-charlie.page .product:nth-child(n+9) {display:none}
.products-charlie .product-photo, .products-delta .product-photo, .products-echo .product-photo {height:145px}
.products-extra.spec .product-extra {width:136px !important; margin-right:15px !important}
.products-extra.spec .product-extra .product-photo {height:136px}
.products-extra.xtreme .product {width:302px !important}
.products-extra.xtreme .product .product-photo {height:302px}


}

@media only screen and (min-width:768px) and (max-width:1023px) {
.basic.scroll {width:740px}
.basic-three {grid-template-columns:repeat(3, 1fr); column-gap:10px; row-gap:10px}
.basic-three.min .basic-item:nth-child(n+3) {display:block}
.basic-three.scroll, .basic-four.scroll {width:100%; column-gap:10px; row-gap:10px}
.basic-four, .basic-five {grid-template-columns:repeat(4, 1fr)}
.basic-four.scroll {width:845px; grid-template-columns:repeat(4, 1fr); column-gap:15px; row-gap:15px}
.basic-four.home .basic-item:nth-child(n+4) {display:block}
.basic-four.page .basic-item:nth-child(n+6) {display:block}
.basic-five.page .basic-item:nth-child(n+4) {display:block}
.basic-five.page .basic-item:nth-child(n+9) {display:none}
.basic-five.compact .basic-item:nth-child(n+4) {display:block}
.basic-five.compact .basic-item:nth-child(n+5) {display:none}

.card-photo {height:133px}
.cards-alpha.one .card-photo {height:133px}
.cards-alpha.two .card-photo {height:133px}
.cards-alpha.three .card-photo {height:133px}
.cards-alpha.hub .card-photo {height:125px}
.cards-bravo {column-gap:20px}
.cards-bravo .card-photo {height:203px}
.cards-charlie {column-gap:16px; row-gap:16px}
.cards-charlie.spec {grid-template-columns:repeat(1, 1fr)}
.cards-charlie.spec .card-charlie:nth-child(n+4) {display:none}
.cards-delta {column-gap:15px; row-gap:15px}
.cards-delta .card-photo {height:259px}
.cards-delta.square .card-photo {height:173px}
.cards-delta.bingo {grid-template-columns:repeat(3, 1fr)}
.cards-delta.bingo .card-photo {height:217px}
.cards-echo {column-gap:20px; row-gap:20px; grid-template-columns:repeat(6, 1fr)}

.bricks-galaxy {column-gap:20px}
.brick-photo {height:282px}
.brick-photo.s1 {padding:0 39px}
.brick-photo.s1.shadow:before, .brick-photo.s1.light-shadow:before {left:39px}
.brick-photo.s1.shadow:after, .brick-photo.s1.light-shadow:after {right:39px}
.brick-photo.poster {padding:10px 93px}
.brick-photo.square img {width:160px; height:160px}
.brick-one {padding:12px}
.bricks.alt .brick-one {padding:12px 0 0 0}

.product-zero {border-top:1px solid #f0efef; background:#fafafa}
.product-inv.alt {display:block}
.product-extra {width:169px !important; margin-right:20px !important}
.product-extra .product-photo {height:169px}
    
.products-alpha, .products-bravo {column-gap:20px; row-gap:20px}
.products-alpha .product-photo, .products-bravo .product-photo {height:231px}
.products-charlie, .products-delta, .products-echo, .products-foxtrot {column-gap:15px; row-gap:15px}
.products-charlie .product-photo, .products-delta .product-photo, .products-echo .product-photo, .products-foxtrot .product-photo {height:171px}
.products-foxtrot {grid-template-columns:repeat(4, 1fr)}
.products-foxtrot.home .product:nth-child(n+7) {display:block}
.products-foxtrot.home .product:nth-child(n+9) {display:none}
.products-extra.insider .product-extra {width:174px !important}
.products-extra.insider .product-extra .product-photo {height:174px} 
.products-extra.outsider .product-extra {width:170px !important; margin-right:20px !important}
.products-extra.outsider .product-extra .product-photo {height:170px} 
.products-extra.spec .product-extra {width:170px !important}
.products-extra.spec .product-extra .product-photo {height:170px}
.products-extra.xtreme {margin-bottom:20px}
.products-extra.xtreme .product {width:300px !important}
.products-extra.xtreme .product .product-photo {height:300px}

.features.classic {grid-template-columns:repeat(1, 1fr)}

}

@media only screen and (min-width:960px) and (max-width:1023px) {
.basic.scroll {width:100%}
.basic.space {margin-bottom:15px}
.basic-three {column-gap:15px; row-gap:15px}
.basic-three.scroll, .basic-four.scroll {column-gap:15px; row-gap:15px}
.basic-four, .basic-five {column-gap:18px; row-gap:18px} 
.basic-four .basic-content, .basic-five .basic-content {padding:15px}
.basic-four.scroll {width:100%}
.basic-four.scroll .basic-photo.fixed {height:136px}

.cards.space {margin-bottom:20px}
.cards.alt {padding:20px 0}
.card-photo {height:123px}
    
.cards-alpha {grid-template-columns:repeat(4, 1fr)}
.cards-alpha.home .card-alpha:nth-child(n+7) {display:block}
.cards-alpha.space {margin-bottom:20px}
.cards-alpha.one {grid-template-columns:repeat(4, 1fr)}
.cards-alpha.one .card-alpha:nth-child(n+4) {display:block}
.cards-alpha.one .card-photo {height:106px}
.cards-alpha.two {grid-template-columns:repeat(4, 1fr)}
.cards-alpha.two .card-alpha:nth-child(n+5) {display:none}
.cards-alpha.two .card-photo {height:123px}
.cards-alpha.three {padding:15px}
.cards-alpha.three .card-photo {height:119px}
.cards-alpha.hub .card-photo {height:117px}
.cards-bravo {grid-template-columns:repeat(3, 1fr)}
.cards-bravo .card-photo {height:165px}
.cards-bravo.home .card-bravo:nth-child(n+5) {display:block}
.cards-bravo.spec .card-bravo:nth-child(n+3) {display:block}
.cards-bravo.space {margin-bottom:20px}
.cards-charlie {column-gap:10px; row-gap:10px; grid-template-columns:repeat(3, 1fr)}
.cards-charlie.home .card-charlie:nth-child(n+5) {display:flex}
.cards-delta {grid-template-columns:repeat(5, 1fr)}
.cards-delta.home .card-delta:nth-child(n+5) {display:block}
.cards-delta.home .card-delta:nth-child(n+6) {display:none}
.cards-delta.spec .card-delta:nth-child(n+5) {display:block}
.cards-delta.spec .card-delta:nth-child(n+6) {display:none}
.cards-delta .card-photo {height:258px}
.cards-delta.square .card-photo {height:172px}
.cards-delta.bingo {grid-template-columns:repeat(4, 1fr)}
.cards-delta.bingo .card-photo {height:223px}

.bricks-galaxy {column-gap:15px; grid-template-columns:repeat(3, 1fr); margin-bottom:20px}
.brick-photo {height:232px}
.brick-photo.s1 {padding:0 32px}
.brick-photo.s1.shadow:before, .brick-photo.s1.light-shadow:before {left:32px}
.brick-photo.s1.shadow:after, .brick-photo.s1.light-shadow:after {right:32px}
.brick-photo.poster {padding:10px 77.5px}
.brick-photo.square img {width:140px; height:140px}
.brick-one {padding:10px}
.bricks.alt .brick-one {padding:10px 0 0 0}

.products.space {margin-bottom:20px}
.products-mini {padding-bottom:15px}    
.product-extra {width:168px !important}
.product-extra .product-photo {height:168px}
    
.products-alpha, .products-bravo {grid-template-columns:repeat(4, 1fr)}
.products-alpha.space, .products-bravo.space, .products-charlie.space, .products-delta.space {margin-bottom:20px}
.products-alpha.s1 .product:nth-child(n+4) {display:flex}
.products-alpha.s2 .product:nth-child(n+7) {display:flex}
.products-alpha .product-photo, .products-bravo .product-photo, .products-foxtrot .product-photo {height:213px}
.products-charlie {grid-template-columns:repeat(5, 1fr)}
.products-charlie.home .product:nth-child(n+5) {display:block}
.products-charlie.page .product:nth-child(n+9) {display:block}
.products-charlie .product-photo {height:170px}
.products-foxtrot {column-gap:20px; row-gap:20px}
.products-delta .product-photo {height:186px}
.products-extra.insider .product-extra {width:177px !important}
.products-extra.insider .product-extra .product-photo {height:177px}
.products-extra.xtreme {margin-bottom:20px}
.products-extra.xtreme .product {width:293px !important; margin-right:20px !important}
.products-extra.xtreme .product .product-photo {height:293px}

.features {grid-gap:20px}

}

@media only screen and (min-width:1024px) and (max-width:1279px) {
.basic-three {column-gap:20px; row-gap:20px}
.basic-four {column-gap:20px; row-gap:20px}
.basic-photo.fixed {height:146px}
.basic-five {column-gap:15px; row-gap:15px} 
.basic-five .basic-content {padding:10px}

.cards.space {margin-bottom:15px}
.card-photo {height:134px}
.cards-alpha.one {grid-template-columns:repeat(3, 1fr)}
.cards-alpha.one .card-alpha:nth-child(n+4) {display:none}
.cards-alpha.one .card-photo {height:118px}
.cards-alpha.two .card-photo {height:105px}
.cards-alpha.three .card-photo {height:129px}
.cards-alpha.hub .card-photo {height:126px}
.cards-bravo {column-gap:20px; row-gap:15px}
.cards-bravo .card-photo {height:180px}
.cards-charlie .card-learn {right:5px; top:auto; transform:none; bottom:5px}
.cards-charlie .card-learn a {width:40px; height:40px; font:24px/24px "WPLine"; padding-top:6px}
.cards-delta {column-gap:15px; row-gap:15px}
.cards-delta .card-photo {height:231px}
.cards-delta.square .card-photo {height:154px}
.cards-delta.bingo {grid-template-columns:repeat(4, 1fr); column-gap:15px; row-gap:15px}
.cards-delta.bingo .card-photo {height:229px}
.cards-echo {column-gap:16px; row-gap:16px}

.bricks-galaxy {column-gap:20px}
.brick-photo {height:250px}
.brick-photo.s1 {padding:0 35px}
.brick-photo.s1.shadow:before, .brick-photo.s1.light-shadow:before {left:35px}
.brick-photo.s1.shadow:after, .brick-photo.s1.light-shadow:after {right:35px}
.brick-photo.poster {padding:10px 83.5px}
.brick-photo.square img {width:160px; height:160px}

.product-view, .product-sold, .product-inv {margin-top:0}
.product-extra {width:184px !important; margin-right:20px !important}
.product-extra .product-photo {height:184px}
.product-widget {width:144px !important}
.product-widget .product-photo {height:144px}
    
.products-alpha, .products-bravo {column-gap:20px; row-gap:20px}
.products-alpha.space, .products-bravo.space, .products-charlie.space, .products-delta.space {margin-bottom:15px}
.products-alpha .product-photo {height:233px}
.products-bravo {grid-template-columns:repeat(3, 1fr)}
.products-bravo .product-photo {height:234px}
.products-charlie, .products-delta, .products-foxtrot {column-gap:15px; row-gap:15px}
.products-charlie .product-photo, .products-foxtrot .product-photo {height:186px}
.products-delta .product-photo {height:151px}
.products-echo {column-gap:10px; row-gap:10px}
.products-echo .product-photo {height:155.5px}
.products-extra.insider .product-extra {width:154px !important; margin-right:15px !important}
.products-extra.insider .product-extra .product-photo {height:154px} 
.products-extra.outsider .product-extra {width:154px !important; margin-right:15px !important}
.products-extra.outsider .product-extra .product-photo {height:154px} 
.products-extra.outsider .product-extra {width:180px !important}
.products-extra.outsider .product-extra .product-photo {height:180px} 
.products-extra.xtreme {margin-bottom:20px}
.products-extra.xtreme .product {width:317px !important; margin-right:24px !important}
.products-extra.xtreme .product .product-one {padding:15px; height:182px}
.products-extra.xtreme .product .product-photo {height:317px}

.features {grid-gap:20px}
}

@media only screen and (min-width:1280px) and (max-width:1679px) {
.basic-three {column-gap:30px}  
.basic-photo.fixed {height:170px}

.card-photo {height:158px}
.cards-alpha.one .card-photo {height:106px}
.cards-alpha.two .card-photo {height:124px}
.cards-alpha.three .card-photo {height:154px}
.cards-alpha.hub .card-photo {height:149px}
.cards-bravo {column-gap:30px}
.cards-bravo .card-photo {height:208px}
.cards-delta .card-photo {height:267px}
.cards-delta.square .card-photo {height:178px}
.cards-delta.bingo .card-photo {height:214px}

.brick-photo {height:292px}
.brick-photo.s1 {padding:0 41px 0 40px}
.brick-photo.s1.shadow:before, .brick-photo.s1.light-shadow:before {left:40px}
.brick-photo.s1.shadow:after, .brick-photo.s1.light-shadow:after {right:41px}
.brick-photo.poster {padding:10px 96px}

.product-extra {width:214px !important; margin-right:25px !important}
.product-extra .product-photo {height:214px}
    
.products-alpha, .products-bravo, .products-delta {column-gap:30px; row-gap:25px}
.products-alpha .product-photo, .products-bravo .product-photo {height:268px}
.products-charlie .product-photo, .products-foxtrot .product-photo {height:216px}
.products-delta {column-gap:20px; row-gap:20px}
.products-delta .product-photo {height:183px}
.products-extra.outsider .product-extra {width:185px !important}
.products-extra.outsider .product-extra .product-photo {height:185px} 
.products-extra.xtreme .product {width:373px !important; margin-right:25px !important}
.products-extra.xtreme .product .product-photo {height:373px}
}