@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}}