@media(min-width:992px){.ap-ar-lang .popular-shade .popular-intro .title-desc{display:flex}
}
@media(min-width:992px){.ap-ar-lang .popular-shade .popular-intro .title-desc .desc{align-self:center;margin-right:60px;max-width:500px}
}
.ap-ar-lang .popular-shade .popular-intro .btn-div.desk-only{text-align:left}
.ap-ar-lang .popular-shade .popular-intro .btn-div.desk-only a{max-width:230px;justify-content:center;width:100%}
.ap-ar-lang .popular-shade .popular-intro .btn-div.desk-only a img{margin-left:0;margin-right:10px;rotate:235deg;margin-top:1px}
.ap-ar-lang .popular-shade .btn-div.mob-only a img{rotate:235deg;margin-right:10px;margin-left:0;margin-top:1px}
.popular-shade .container-wrap{margin:0 auto;display:flex}
@media(min-width:320px) and (max-width:991px){.popular-shade .container-wrap{flex-direction:column;margin:0 16px}
}
.popular-shade .container-wrap img{height:auto;width:100%;border-radius:10px}
@media(min-width:320px) and (max-width:991px){.popular-shade .container-wrap img{height:auto}
}
.popular-shade .container-wrap picture{border-radius:10px}
.popular-shade .container-wrap .slider-large{width:90%;margin:0 auto;position:relative;z-index:10;color:#00f}
@media(min-width:320px) and (max-width:991px){.popular-shade .container-wrap .slider-large{width:100%;order:1}
}
.popular-shade .container-wrap .slider-large .slick-slide div{border-radius:10px}
.popular-shade .container-wrap .slider-swatch{width:10%}
@media(min-width:320px) and (max-width:991px){.popular-shade .container-wrap .slider-swatch{width:100%;order:2;margin-top:24px}
}
@media(min-width:992px){.popular-shade .container-wrap .slider-swatch .slick-list{height:100% !important}
}
@media(min-width:320px) and (max-width:991px){.popular-shade .container-wrap .slider-swatch .slick-list.draggable{overflow:scroll;scrollbar-width:none}
}
@media(min-width:992px){.popular-shade .container-wrap .slider-swatch .slick-track{height:100% !important;display:flex;flex-direction:column;justify-content:space-between}
.popular-shade .container-wrap .slider-swatch .slick-track::before{content:none}
.popular-shade .container-wrap .slider-swatch .slick-track::after{content:none}
}
@media(min-width:320px) and (max-width:991px){.popular-shade .container-wrap .slider-swatch .slick-track{display:flex;overflow:scroll;width:500px !important}
}
@media(min-width:320px) and (max-width:991px){.popular-shade .container-wrap .slider-swatch .slick-track .slick-slide{width:65px !important;margin:0 5px}
}
.popular-shade .container-wrap .slider-swatch .slide-btn{text-align:center;box-sizing:border-box;cursor:pointer;border-top-left-radius:4px;border-top-right-radius:30px;max-width:74px;width:100% !important;height:77px !important;margin-bottom:0}
.popular-shade .container-wrap .slider-swatch .slide-btn div{width:100%;height:100%;border-top-left-radius:4px;border-top-right-radius:30px;padding:5px}
.popular-shade .container-wrap .slider-swatch .slick-slide.slick-current .slide-btn div{border:solid 1px #fff}
.popular-shade .popular-intro{margin:0 auto;display:flex;margin-bottom:50px;flex-direction:row}
@media(min-width:320px) and (max-width:991px){.popular-shade .popular-intro{flex-direction:column;margin:11px 16px}
}
@media(min-width:992px){.popular-shade .popular-intro .title-desc{width:80%}
}
.popular-shade .popular-intro .title-desc .title{font-weight:800;font-size:32px;line-height:41.6px;color:#1d1d1f;margin-bottom:7px}
@media(min-width:992px){.popular-shade .popular-intro .title-desc .title{font-size:54px;line-height:60px;color:#000}
}
.popular-shade .popular-intro .title-desc .desc{font-weight:500;font-size:14px;line-height:21px;margin:0;color:#75787b}
@media(min-width:992px){.popular-shade .popular-intro .title-desc .desc{font-weight:400;font-size:18px;line-height:28.8px;color:#000}
}
@media(min-width:992px){.popular-shade .btn-div{width:20%;align-self:center;text-align:right;display:flex;justify-content:flex-end}
}
@media(min-width:320px) and (max-width:991px){.popular-shade .btn-div{text-align:center;margin:20px auto;max-width:240px;width:100%}
}
.popular-shade .btn-div a{color:#232426;border:solid 1px #232426;font-weight:700;font-size:14px;border-radius:60px;padding:10px 20px;display:flex;justify-content:center;text-decoration:none}
@media(min-width:992px){.popular-shade .btn-div a{font-size:16px;line-height:24px;padding:10px 20px}
}
@media only screen and (min-device-width:1024px) and (max-device-width:1366px) and (-webkit-min-device-pixel-ratio:2){.popular-shade .btn-div a{font-size:12px;line-height:20px;padding:10px 14px}
}
.popular-shade .btn-div a img{width:15px;height:15px;margin-left:10px;align-self:center;rotate:-45deg}
@media(min-width:992px){.popular-shade .btn-div a img{width:15px;height:15px}
}