.shop-announces{position:relative; display:flex; flex-direction:column; justify-content:center; margin:0 10px; align-items:center}
.shop-announce{position:relative; margin-top:10px; width:100%; max-width:100%; height:250px; background-size:contain; background-repeat:no-repeat; background-position:center left} 
.shop-announce-counter-subname{position:absolute; font-size:24px; font-weight:600}
.shop-announce-timer{position:absolute; font-size:20px; color:white; text-align:center}
   
.shop-banner-settings{position:absolute; top:0; right:0}
.shop-banner-settings > a{display:inline-block; padding:10px}
.shop-banner-settings > a:first-of-type{background-color:#008000; color:white}
.shop-banner-settings > a:last-of-type{background-color:var(--primary); color:white}
  
.shop-about-course{position:absolute; display:inline-block; padding:15px 25px; background-color:black; color:white; font-weight:600; border-radius:35px; font-size:18px}
  
.shop-courses{display:flex; justify-content:center; margin:50px 10px}
.shop-courses > a{margin:0 5px; padding:10px 15px; border-radius:25px; border:1px solid; border-color:#ff3366; color:#ff3366}
.shop-courses > a:hover{background-color:#ff3366; color:white; transition: 0.3s}
  
.shop-container{display:flex; margin:0 10px}
 
.shop-course-list{width:80%}
 
.shop-tags-container{position:relative; display:flex; flex-direction:column; width:20%}
.shop-tags-items{position:sticky; top:0}
.shop-tags-items > a{display:flex; align-items:center; margin:15px 0; color:var(--menuhover); font-size:18px}
.shop-tags-items > a:hover{color:var(--secondary); transition: 0.1s}
.shop-tags-items > a > i{font-size:24px; font-weight:600}
.shop-tags-items > a > span{margin-left:10px}
  
.shop-tag-selected{color:var(--secondary) !important}  
.shop-sales-banner{position:relative; margin:25px 0; width:100%; max-width:100%; height:534px; background-size: contain; background-repeat:no-repeat; background-position:center left}  
.shop-ssb-empty{display:flex; justify-content:center; align-items:center; border:1px solid; border-color:var(--menuhover); color:var(--menuhover); box-sizing:border-box}
  
.shop-universal-counter-sub{font-size:16px; text-align:center}
  
.shop-sales-timer{position:absolute; padding:10px 25px; background-color:white; color:black; border-radius:5px; text-align:center}
  
.shop-sales-buttons{position:absolute}
.shop-sales-buttons > a{display:inline-block; margin:0 10px; padding:10px 25px; color:white; border-radius:25px; font-size:24px; box-shadow: 0px 0px 17px 1px rgba(255, 255, 255, 1.0)}
.shop-sales-buttons > a:first-of-type{background-color: #4f5a6e}
.shop-sales-buttons > a:last-of-type{background-color: var(--secondary)}
 
.shop-sales-container{display:flex; align-items:center}
.shop-sales-container > a{font-size:50px}
.shop-sales-container-1-color{color:var(--primary)}
.shop-sales-container-2-color{color:var(--secondary)}
  
.shop-sales{display:flex; margin:0 25px; overflow-x:auto; width:100%; max-width:100%}
  
.shop-product-item{position:relative; margin:10px; padding:10px; width:275px; height:350px; background-color:#ebebeb; box-shadow: 5px 5px 10px 0px rgba(166,166,166,1); text-align:center; border-radius:5px}
.shop-product-item > a:first-of-type{display:block; width:250px; height:250px}
.shop-product-item > a:first-of-type > img{display:block; width:100%; height:100%}
.shop-product-item > a:last-of-type{display:inline-block; margin-top:25px; padding:15px 75px; color:white; border-radius:15px; font-size:20px; font-weght:600}

.shop-product-item-big{position:relative; display:inline-flex; flex-direction:column; margin:10px; padding:10px; width:275px; height:750px; background-color:#ebebeb; box-shadow: 5px 5px 10px 0px rgba(166,166,166,1); text-align:center; border-radius:5px}
.shop-product-item-big-imgcontainer{position:relative; margin:0 auto}
.shop-product-item-big-imgcontainer > a:first-of-type{display:block; width:250px; height:250px}
.shop-product-item-big-imgcontainer > a:first-of-type > img{display:block; width:100%; height:100%}
.shop-product-item-big-buy-2{display:block; margin-top:25px; padding:15px 0; color:white; border-radius:15px; font-size:20px; font-weght:600}
.shop-product-item-big-product-name{height:150px; font-size:1.25rem !important; font-weight:500; letter-spacing:.0125em !important; line-height:1.55; text-align:center; text-transform:uppercase}
  
.shop-product-item-label{position:absolute; top:0; left:0; padding:10px 25px; color:white; border-radius:5px}
.shop-product-item-label-1{background-color:var(--primary)}
.shop-product-item-label-2{background-color:var(--secondary)}
  
.shop-product-item-buy-1{background-color:var(--primary)}
.shop-product-item-buy-2{background-color:var(--secondary)}
  
.shop-sales-progressbar{position:absolute; padding:10px 0; width:500px; background-color:white; color:black; border-radius:10px; text-align:center}
.shop-sales-progressbar{box-shadow:0px 0px 17px 1px rgba(255, 255, 255, 1.0)}
.shop-sales-progressbar-done{position:absolute; top:0; left:0; bottom:0; background-color:var(--secondary); border-top-left-radius:10px; border-bottom-left-radius:10px; z-index:1}
.shop-sales-progressbar-done-100{border-top-right-radius:10px; border-bottom-right-radius:10px}
.shop-sales-progressbar-text{position:sticky; z-index:2}

.shop-course-products{text-align:center}

.shop-sales-subname{position:absolute; font-size:24px; font-weight:600; color:white}
.shop-products-title{margin-bottom:25px; font-size:24px; font-weight:600}

.shop-product-in-course-subname{margin-top:25px; text-align:center}
.shop-product-in-course-subname > .counter{justify-content:center; color:gray; font-size:90%}
.shop-product-in-course-subname > .counter > .sec {width:40px; text-align:center}
.shop-product-in-course-subname > .counter > .sec > div, .product .counter > .div {color:var(--rose); text-align:center; font-size:20px}
      
@media (max-width:1233px) {
 body, .content-center{background-color:white}
 .content-center{padding:10px 0}
 .shop-ssb-empty{align-items:baseline; padding-top:100px}
      
 .shop-sales-progressbar{padding:5px 0; width:250px}  
 .shop-sales{position:relative; display:block; overflow-x:scroll; overflow-y:hidden; margin:0; width:66vw; white-space:nowrap}
 .shop-sales-banner{background-size:cover; width:100%; max-width:360px; height:400px}        
                 
 .shop-announce{margin-top:10px; width:100%; max-width:360px; height:180px; background-size: cover}
 .shop-announce-timer{position:absolute; font-size:14px; color:white}
    
 .shop-tags-container{position:static; align-items:center}
 .shop-tags-items{top:unset}   
   
 .shop-about-course{font-size:14px}
   
 .shop-courses{flex-direction:column; margin:0 auto; padding:10px; width:100%; max-width:360px; box-sizing:border-box}
 .shop-courses > a{margin:15px 0; text-align:center}
 
 .shop-container{display:block; margin:0 10px}
 .shop-container > div:first-of-type, .shop-container > div:last-of-type{width:100%}      
   
 .shop-sales-buttons{text-align:center}
 .shop-sales-buttons > a{display:block; margin:10px 0; font-size:14px}   
   
 .shop-course-list{display:flex; flex-direction:column; align-items:center}
 
 .shop-product-item{display:inline-block; list-style:none; margin-right:10px; max-width:200px; width:200px; height:275px}
 .shop-product-item > a:first-of-type{display:block; width:200px; height:200px}   
 .shop-product-item > a:last-of-type{padding:15px 0; width:100%; border-radius:5px}
 .shop-product-item-label{padding:5px 10px}
 
 .shop-sales-subname{font-size:16px}
 .shop-products-title{margin-bottom:35px}
 
 .shop-sales-timer{font-size:12px}
}

@media (max-width:1676px) {.shop-sales-banner{height: 533px}}
@media (max-width:1674px) {.shop-sales-banner{height: 532px}}
@media (max-width:1672px) {.shop-sales-banner{height: 531px}}
@media (max-width:1670px) {.shop-sales-banner{height: 531px}}
@media (max-width:1668px) {.shop-sales-banner{height: 530px}}
@media (max-width:1666px) {.shop-sales-banner{height: 529px}}
@media (max-width:1664px) {.shop-sales-banner{height: 529px}}
@media (max-width:1662px) {.shop-sales-banner{height: 528px}}
@media (max-width:1660px) {.shop-sales-banner{height: 527px}}
@media (max-width:1658px) {.shop-sales-banner{height: 527px}}
@media (max-width:1656px) {.shop-sales-banner{height: 526px}}
@media (max-width:1654px) {.shop-sales-banner{height: 525px}}
@media (max-width:1652px) {.shop-sales-banner{height: 525px}}
@media (max-width:1650px) {.shop-sales-banner{height: 524px}}
@media (max-width:1648px) {.shop-sales-banner{height: 523px}}
@media (max-width:1646px) {.shop-sales-banner{height: 523px}}
@media (max-width:1644px) {.shop-sales-banner{height: 522px}}
@media (max-width:1642px) {.shop-sales-banner{height: 521px}}
@media (max-width:1640px) {.shop-sales-banner{height: 521px}}
@media (max-width:1638px) {.shop-sales-banner{height: 520px}}
@media (max-width:1636px) {.shop-sales-banner{height: 519px}}
@media (max-width:1634px) {.shop-sales-banner{height: 518px}}
@media (max-width:1632px) {.shop-sales-banner{height: 518px}}
@media (max-width:1630px) {.shop-sales-banner{height: 517px}}
@media (max-width:1628px) {.shop-sales-banner{height: 516px}}
@media (max-width:1626px) {.shop-sales-banner{height: 516px}}
@media (max-width:1624px) {.shop-sales-banner{height: 515px}}
@media (max-width:1622px) {.shop-sales-banner{height: 514px}}
@media (max-width:1620px) {.shop-sales-banner{height: 514px}}
@media (max-width:1618px) {.shop-sales-banner{height: 513px}}
@media (max-width:1616px) {.shop-sales-banner{height: 512px}}
@media (max-width:1614px) {.shop-sales-banner{height: 512px}}
@media (max-width:1612px) {.shop-sales-banner{height: 511px}}
@media (max-width:1610px) {.shop-sales-banner{height: 510px}}
@media (max-width:1608px) {.shop-sales-banner{height: 510px}}
@media (max-width:1606px) {.shop-sales-banner{height: 509px}}
@media (max-width:1604px) {.shop-sales-banner{height: 508px}}
@media (max-width:1602px) {.shop-sales-banner{height: 508px}}
@media (max-width:1600px) {.shop-sales-banner{height: 507px}}
@media (max-width:1598px) {.shop-sales-banner{height: 506px}}
@media (max-width:1596px) {.shop-sales-banner{height: 505px}}
@media (max-width:1594px) {.shop-sales-banner{height: 505px}}
@media (max-width:1592px) {.shop-sales-banner{height: 504px}}
@media (max-width:1590px) {.shop-sales-banner{height: 503px}}
@media (max-width:1588px) {.shop-sales-banner{height: 503px}}
@media (max-width:1586px) {.shop-sales-banner{height: 502px}}
@media (max-width:1584px) {.shop-sales-banner{height: 501px}}
@media (max-width:1582px) {.shop-sales-banner{height: 501px}}
@media (max-width:1580px) {.shop-sales-banner{height: 500px}}
@media (max-width:1578px) {.shop-sales-banner{height: 499px}}
@media (max-width:1576px) {.shop-sales-banner{height: 499px}}
@media (max-width:1574px) {.shop-sales-banner{height: 498px}}
@media (max-width:1572px) {.shop-sales-banner{height: 497px}}
@media (max-width:1570px) {.shop-sales-banner{height: 497px}}
@media (max-width:1568px) {.shop-sales-banner{height: 496px}}
@media (max-width:1566px) {.shop-sales-banner{height: 495px}}
@media (max-width:1564px) {.shop-sales-banner{height: 495px}}
@media (max-width:1562px) {.shop-sales-banner{height: 494px}}
@media (max-width:1560px) {.shop-sales-banner{height: 493px}}
@media (max-width:1558px) {.shop-sales-banner{height: 492px}}
@media (max-width:1556px) {.shop-sales-banner{height: 492px}}
@media (max-width:1554px) {.shop-sales-banner{height: 491px}}
@media (max-width:1552px) {.shop-sales-banner{height: 490px}}
@media (max-width:1550px) {.shop-sales-banner{height: 490px}}
@media (max-width:1548px) {.shop-sales-banner{height: 489px}}
@media (max-width:1546px) {.shop-sales-banner{height: 488px}}
@media (max-width:1544px) {.shop-sales-banner{height: 488px}}
@media (max-width:1542px) {.shop-sales-banner{height: 487px}}
@media (max-width:1540px) {.shop-sales-banner{height: 486px}}
@media (max-width:1538px) {.shop-sales-banner{height: 486px}}
@media (max-width:1536px) {.shop-sales-banner{height: 485px}}
@media (max-width:1534px) {.shop-sales-banner{height: 484px}}
@media (max-width:1532px) {.shop-sales-banner{height: 484px}}
@media (max-width:1530px) {.shop-sales-banner{height: 483px}}
@media (max-width:1528px) {.shop-sales-banner{height: 482px}}
@media (max-width:1526px) {.shop-sales-banner{height: 481px}}
@media (max-width:1524px) {.shop-sales-banner{height: 481px}}
@media (max-width:1522px) {.shop-sales-banner{height: 480px}}
@media (max-width:1520px) {.shop-sales-banner{height: 479px}}
@media (max-width:1518px) {.shop-sales-banner{height: 479px}}
@media (max-width:1516px) {.shop-sales-banner{height: 478px}}
@media (max-width:1514px) {.shop-sales-banner{height: 477px}}
@media (max-width:1512px) {.shop-sales-banner{height: 477px}}
@media (max-width:1510px) {.shop-sales-banner{height: 476px}}
@media (max-width:1508px) {.shop-sales-banner{height: 475px}}
@media (max-width:1506px) {.shop-sales-banner{height: 475px}}
@media (max-width:1504px) {.shop-sales-banner{height: 474px}}
@media (max-width:1502px) {.shop-sales-banner{height: 473px}}
@media (max-width:1500px) {.shop-sales-banner{height: 473px}}
@media (max-width:1498px) {.shop-sales-banner{height: 472px}}
@media (max-width:1496px) {.shop-sales-banner{height: 471px}}
@media (max-width:1494px) {.shop-sales-banner{height: 471px}}
@media (max-width:1492px) {.shop-sales-banner{height: 470px}}
@media (max-width:1490px) {.shop-sales-banner{height: 469px}}
@media (max-width:1488px) {.shop-sales-banner{height: 468px}}
@media (max-width:1486px) {.shop-sales-banner{height: 468px}}
@media (max-width:1484px) {.shop-sales-banner{height: 467px}}
@media (max-width:1482px) {.shop-sales-banner{height: 466px}}
@media (max-width:1480px) {.shop-sales-banner{height: 466px}}
@media (max-width:1478px) {.shop-sales-banner{height: 465px}}
@media (max-width:1476px) {.shop-sales-banner{height: 464px}}
@media (max-width:1474px) {.shop-sales-banner{height: 464px}}
@media (max-width:1472px) {.shop-sales-banner{height: 463px}}
@media (max-width:1470px) {.shop-sales-banner{height: 462px}}
@media (max-width:1468px) {.shop-sales-banner{height: 462px}}
@media (max-width:1466px) {.shop-sales-banner{height: 461px}}
@media (max-width:1464px) {.shop-sales-banner{height: 460px}}
@media (max-width:1462px) {.shop-sales-banner{height: 460px}}
@media (max-width:1460px) {.shop-sales-banner{height: 459px}}
@media (max-width:1458px) {.shop-sales-banner{height: 458px}}
@media (max-width:1456px) {.shop-sales-banner{height: 458px}}
@media (max-width:1454px) {.shop-sales-banner{height: 457px}}
@media (max-width:1452px) {.shop-sales-banner{height: 456px}}
@media (max-width:1450px) {.shop-sales-banner{height: 456px}}
@media (max-width:1448px) {.shop-sales-banner{height: 455px}}
@media (max-width:1446px) {.shop-sales-banner{height: 454px}}
@media (max-width:1444px) {.shop-sales-banner{height: 454px}}
@media (max-width:1443px) {.shop-sales-banner{height: 453px}}
@media (max-width:1442px) {.shop-sales-banner{height: 453px}}
@media (max-width:1440px) {.shop-sales-banner{height: 452px}}
@media (max-width:1438px) {.shop-sales-banner{height: 451px}}
@media (max-width:1436px) {.shop-sales-banner{height: 451px}}
@media (max-width:1434px) {.shop-sales-banner{height: 450px}}
@media (max-width:1432px) {.shop-sales-banner{height: 450px}}
@media (max-width:1432px) {.shop-sales-banner{height: 449px}}
@media (max-width:1430px) {.shop-sales-banner{height: 449px}}
@media (max-width:1428px) {.shop-sales-banner{height: 448px}}
@media (max-width:1426px) {.shop-sales-banner{height: 448px}}
@media (max-width:1426px) {.shop-sales-banner{height: 447px}}
@media (max-width:1424px) {.shop-sales-banner{height: 447px}}
@media (max-width:1422px) {.shop-sales-banner{height: 446px}}
@media (max-width:1420px) {.shop-sales-banner{height: 446px}}
@media (max-width:1419px) {.shop-sales-banner{height: 445px}}
@media (max-width:1418px) {.shop-sales-banner{height: 445px}}
@media (max-width:1416px) {.shop-sales-banner{height: 444px}}
@media (max-width:1414px) {.shop-sales-banner{height: 444px}}
@media (max-width:1414px) {.shop-sales-banner{height: 443px}}
@media (max-width:1412px) {.shop-sales-banner{height: 443px}}
@media (max-width:1410px) {.shop-sales-banner{height: 442px}}
@media (max-width:1408px) {.shop-sales-banner{height: 441px}}
@media (max-width:1406px) {.shop-sales-banner{height: 441px}}
@media (max-width:1405px) {.shop-sales-banner{height: 440px}}
@media (max-width:1404px) {.shop-sales-banner{height: 440px}}
@media (max-width:1403px) {.shop-sales-banner{height: 440px}}
@media (max-width:1402px) {.shop-sales-banner{height: 439px}}
@media (max-width:1400px) {.shop-sales-banner{height: 439px}}
@media (max-width:1399px) {.shop-sales-banner{height: 438px}}
@media (max-width:1398px) {.shop-sales-banner{height: 438px}}
@media (max-width:1396px) {.shop-sales-banner{height: 437px}}
@media (max-width:1394px) {.shop-sales-banner{height: 436px}}
@media (max-width:1392px) {.shop-sales-banner{height: 436px}}
@media (max-width:1390px) {.shop-sales-banner{height: 435px}}
@media (max-width:1388px) {.shop-sales-banner{height: 434px}}
@media (max-width:1386px) {.shop-sales-banner{height: 434px}}
@media (max-width:1384px) {.shop-sales-banner{height: 433px}}
@media (max-width:1382px) {.shop-sales-banner{height: 432px}}
@media (max-width:1380px) {.shop-sales-banner{height: 431px}}
@media (max-width:1378px) {.shop-sales-banner{height: 431px}}
@media (max-width:1376px) {.shop-sales-banner{height: 430px}}
@media (max-width:1374px) {.shop-sales-banner{height: 429px}}
@media (max-width:1372px) {.shop-sales-banner{height: 429px}}
@media (max-width:1370px) {.shop-sales-banner{height: 428px}}
@media (max-width:1368px) {.shop-sales-banner{height: 428px}}
@media (max-width:1367px) {.shop-sales-banner{height: 427px}}
@media (max-width:1366px) {.shop-sales-banner{height: 427px}}
@media (max-width:1364px) {.shop-sales-banner{height: 426px}}
@media (max-width:1362px) {.shop-sales-banner{height: 426px}}
@media (max-width:1361px) {.shop-sales-banner{height: 425px}}
@media (max-width:1360px) {.shop-sales-banner{height: 425px}}
@media (max-width:1358px) {.shop-sales-banner{height: 424px}}
@media (max-width:1356px) {.shop-sales-banner{height: 424px}}
@media (max-width:1355px) {.shop-sales-banner{height: 423px}}
@media (max-width:1354px) {.shop-sales-banner{height: 423px}}
@media (max-width:1352px) {.shop-sales-banner{height: 422px}}
@media (max-width:1350px) {.shop-sales-banner{height: 421px}}
@media (max-width:1348px) {.shop-sales-banner{height: 421px}}
@media (max-width:1346px) {.shop-sales-banner{height: 420px}}
@media (max-width:1344px) {.shop-sales-banner{height: 420px}}
@media (max-width:1343px) {.shop-sales-banner{height: 419px}}
@media (max-width:1342px) {.shop-sales-banner{height: 419px}}
@media (max-width:1340px) {.shop-sales-banner{height: 418px}}
@media (max-width:1338px) {.shop-sales-banner{height: 418px}}
@media (max-width:1337px) {.shop-sales-banner{height: 417px}}
@media (max-width:1336px) {.shop-sales-banner{height: 417px}}
@media (max-width:1334px) {.shop-sales-banner{height: 416px}}
@media (max-width:1332px) {.shop-sales-banner{height: 415px}}
@media (max-width:1330px) {.shop-sales-banner{height: 415px}}
@media (max-width:1329px) {.shop-sales-banner{height: 414px}}
@media (max-width:1328px) {.shop-sales-banner{height: 414px}}
@media (max-width:1326px) {.shop-sales-banner{height: 413px}}
@media (max-width:1324px) {.shop-sales-banner{height: 413px}}
@media (max-width:1323px) {.shop-sales-banner{height: 412px}}
@media (max-width:1322px) {.shop-sales-banner{height: 412px}}
@media (max-width:1320px) {.shop-sales-banner{height: 411px}}
@media (max-width:1318px) {.shop-sales-banner{height: 411px}}
@media (max-width:1317px) {.shop-sales-banner{height: 410px}}
@media (max-width:1316px) {.shop-sales-banner{height: 410px}}
@media (max-width:1314px) {.shop-sales-banner{height: 409px}}
@media (max-width:1312px) {.shop-sales-banner{height: 408px}}
@media (max-width:1310px) {.shop-sales-banner{height: 408px}}
@media (max-width:1308px) {.shop-sales-banner{height: 407px}}
@media (max-width:1306px) {.shop-sales-banner{height: 406px}}
@media (max-width:1304px) {.shop-sales-banner{height: 406px}}
@media (max-width:1302px) {.shop-sales-banner{height: 405px}}
@media (max-width:1300px) {.shop-sales-banner{height: 404px}}
@media (max-width:1298px) {.shop-sales-banner{height: 404px}}
@media (max-width:1297px) {.shop-sales-banner{height: 403px}}
@media (max-width:1296px) {.shop-sales-banner{height: 403px}}
@media (max-width:1294px) {.shop-sales-banner{height: 402px}}
@media (max-width:1292px) {.shop-sales-banner{height: 401px}}
@media (max-width:1290px) {.shop-sales-banner{height: 401px}}
@media (max-width:1288px) {.shop-sales-banner{height: 400px}}
@media (max-width:1286px) {.shop-sales-banner{height: 400px}}
@media (max-width:1285px) {.shop-sales-banner{height: 399px}}
@media (max-width:1284px) {.shop-sales-banner{height: 399px}}
@media (max-width:1282px) {.shop-sales-banner{height: 398px}}
@media (max-width:1280px) {.shop-sales-banner{height: 398px}}
@media (max-width:1279px) {.shop-sales-banner{height: 397px}}
@media (max-width:1278px) {.shop-sales-banner{height: 397px}}
@media (max-width:1276px) {.shop-sales-banner{height: 396px}}
@media (max-width:1274px) {.shop-sales-banner{height: 396px}}
@media (max-width:1273px) {.shop-sales-banner{height: 395px}}
@media (max-width:1272px) {.shop-sales-banner{height: 395px}}
@media (max-width:1270px) {.shop-sales-banner{height: 394px}}
@media (max-width:1268px) {.shop-sales-banner{height: 394px}}
@media (max-width:1267px) {.shop-sales-banner{height: 393px}}
@media (max-width:1266px) {.shop-sales-banner{height: 393px}}
@media (max-width:1264px) {.shop-sales-banner{height: 392px}}
@media (max-width:1262px) {.shop-sales-banner{height: 391px}}
@media (max-width:1260px) {.shop-sales-banner{height: 391px}}
@media (max-width:1259px) {.shop-sales-banner{height: 390px}}
@media (max-width:1258px) {.shop-sales-banner{height: 390px}}
@media (max-width:1256px) {.shop-sales-banner{height: 389px}}
@media (max-width:1254px) {.shop-sales-banner{height: 388px}}
@media (max-width:1252px) {.shop-sales-banner{height: 388px}}
@media (max-width:1250px) {.shop-sales-banner{height: 387px}}
@media (max-width:1248px) {.shop-sales-banner{height: 386px}}
@media (max-width:1246px) {.shop-sales-banner{height: 386px}}
@media (max-width:1244px) {.shop-sales-banner{height: 385px}}
@media (max-width:1242px) {.shop-sales-banner{height: 384px}}
@media (max-width:1240px) {.shop-sales-banner{height: 384px}}
@media (max-width:1238px) {.shop-sales-banner{height: 383px}}
@media (max-width:1236px) {.shop-sales-banner{height: 382px}}
@media (max-width:1234px) {.shop-sales-banner{height: 382px}}

@media (max-width:1673px) {.shop-announce{height: 249px}}
@media (max-width:1667px) {.shop-announce{height: 248px}}
@media (max-width:1661px) {.shop-announce{height: 247px}}
@media (max-width:1655px) {.shop-announce{height: 246px}}
@media (max-width:1649px) {.shop-announce{height: 245px}}
@media (max-width:1643px) {.shop-announce{height: 244px}}
@media (max-width:1637px) {.shop-announce{height: 243px}}
@media (max-width:1631px) {.shop-announce{height: 242px}}
@media (max-width:1625px) {.shop-announce{height: 242px}}
@media (max-width:1623px) {.shop-announce{height: 241px}}
@media (max-width:1619px) {.shop-announce{height: 241px}}
@media (max-width:1617px) {.shop-announce{height: 240px}}
@media (max-width:1613px) {.shop-announce{height: 240px}}
@media (max-width:1611px) {.shop-announce{height: 239px}}
@media (max-width:1607px) {.shop-announce{height: 239px}}
@media (max-width:1605px) {.shop-announce{height: 238px}}
@media (max-width:1601px) {.shop-announce{height: 238px}}
@media (max-width:1598px) {.shop-announce{height: 237px}}
@media (max-width:1595px) {.shop-announce{height: 237px}}
@media (max-width:1592px) {.shop-announce{height: 236px}}
@media (max-width:1589px) {.shop-announce{height: 236px}}
@media (max-width:1586px) {.shop-announce{height: 235px}}
@media (max-width:1583px) {.shop-announce{height: 235px}}
@media (max-width:1580px) {.shop-announce{height: 234px}}
@media (max-width:1577px) {.shop-announce{height: 234px}}
@media (max-width:1573px) {.shop-announce{height: 233px}}
@media (max-width:1571px) {.shop-announce{height: 233px}}
@media (max-width:1567px) {.shop-announce{height: 232px}}
@media (max-width:1565px) {.shop-announce{height: 232px}}
@media (max-width:1561px) {.shop-announce{height: 231px}}
@media (max-width:1559px) {.shop-announce{height: 231px}}
@media (max-width:1555px) {.shop-announce{height: 230px}}
@media (max-width:1553px) {.shop-announce{height: 230px}}
@media (max-width:1549px) {.shop-announce{height: 229px}}
@media (max-width:1547px) {.shop-announce{height: 229px}}
@media (max-width:1542px) {.shop-announce{height: 228px}}
@media (max-width:1541px) {.shop-announce{height: 228px}}
@media (max-width:1536px) {.shop-announce{height: 227px}}
@media (max-width:1530px) {.shop-announce{height: 226px}}
@media (max-width:1524px) {.shop-announce{height: 225px}}
@media (max-width:1518px) {.shop-announce{height: 224px}}
@media (max-width:1512px) {.shop-announce{height: 223px}}
@media (max-width:1505px) {.shop-announce{height: 222px}}
@media (max-width:1504px) {.shop-announce{height: 222px}}
@media (max-width:1500px) {.shop-announce{height: 221px}}
@media (max-width:1492px) {.shop-announce{height: 220px}}
@media (max-width:1486px) {.shop-announce{height: 219px}}
@media (max-width:1483px) {.shop-announce{height: 219px}}
@media (max-width:1481px) {.shop-announce{height: 218px}}
@media (max-width:1475px) {.shop-announce{height: 217px}}
@media (max-width:1472px) {.shop-announce{height: 217px}}
@media (max-width:1467px) {.shop-announce{height: 216px}}
@media (max-width:1462px) {.shop-announce{height: 215px}}
@media (max-width:1456px) {.shop-announce{height: 214px}}
@media (max-width:1450px) {.shop-announce{height: 213px}}
@media (max-width:1443px) {.shop-announce{height: 212px}}
@media (max-width:1437px) {.shop-announce{height: 211px}}
@media (max-width:1431px) {.shop-announce{height: 210px}}
@media (max-width:1425px) {.shop-announce{height: 209px}}
@media (max-width:1418px) {.shop-announce{height: 208px}}
@media (max-width:1412px) {.shop-announce{height: 207px}}
@media (max-width:1406px) {.shop-announce{height: 206px}}
@media (max-width:1400px) {.shop-announce{height: 205px}}
@media (max-width:1393px) {.shop-announce{height: 204px}}
@media (max-width:1387px) {.shop-announce{height: 203px}}
@media (max-width:1381px) {.shop-announce{height: 202px}}
@media (max-width:1375px) {.shop-announce{height: 201px}}
@media (max-width:1369px) {.shop-announce{height: 200px}}
@media (max-width:1361px) {.shop-announce{height: 199px}}
@media (max-width:1356px) {.shop-announce{height: 198px}}
@media (max-width:1350px) {.shop-announce{height: 197px}}
@media (max-width:1344px) {.shop-announce{height: 196px}}
@media (max-width:1337px) {.shop-announce{height: 195px}}
@media (max-width:1331px) {.shop-announce{height: 194px}}
@media (max-width:1325px) {.shop-announce{height: 193px}}
@media (max-width:1319px) {.shop-announce{height: 192px}}
@media (max-width:1312px) {.shop-announce{height: 191px}}
@media (max-width:1307px) {.shop-announce{height: 191px}}
@media (max-width:1306px) {.shop-announce{height: 190px}}
@media (max-width:1302px) {.shop-announce{height: 190px}}
@media (max-width:1299px) {.shop-announce{height: 189px}}
@media (max-width:1296px) {.shop-announce{height: 189px}}
@media (max-width:1293px) {.shop-announce{height: 188px}}
@media (max-width:1285px) {.shop-announce{height: 187px}}
@media (max-width:1280px) {.shop-announce{height: 186px}}
@media (max-width:1274px) {.shop-announce{height: 185px}}
@media (max-width:1268px) {.shop-announce{height: 184px}}
@media (max-width:1262px) {.shop-announce{height: 183px}}
@media (max-width:1255px) {.shop-announce{height: 182px}}
@media (max-width:1250px) {.shop-announce{height: 181px}}
@media (max-width:1244px) {.shop-announce{height: 180px}}
@media (max-width:1238px) {.shop-announce{height: 179px}}
@media (max-width:1232px) {.shop-announce{height: 178px}}