@import url('main.css');
@media (min-width:1200px) {
    #cms-wrapper{margin-top:30px;width:100%;padding:0 30px}
    #breadcrumb-wrapper{text-align:center}
    #breadcrumb-container{display:inline-flex}
    #breadcrumb-container > li{margin-left:8px}
    #breadcrumb-container > li:first-child{margin-left:0}
    #breadcrumb-container > li > a, #breadcrumb-container > li > div{font-size:16px;font-weight:400;color:#262626}
    #breadcrumb-container > li.breadcrumb-sel > a{font-weight:500}
    #products-categories-container{margin:60px auto 0;max-width:1300px;align-items:flex-start}
    #products-categories-sidebar{width:25%;background-color:#00b8bd;padding:10px 0;border-radius:5px}
    #products-categories-sidebarList{width:100%}
    #products-categories-sidebarList > li{width:100%}
    #products-categories-sidebarList > li > a{position:relative;font-size:19px;font-weight:500;color:#fff;padding:12px 20px}
    #products-categories-sidebarList > li > a:hover,#products-categories-sidebarList > li.selected > a{background-color:#1abfc4}
    #products-categories-sidebarList > li > a:hover:before,#products-categories-sidebarList > li.selected > a:before{content:'';position:absolute;width:2px;height:100%;top:0;left:0;background-color:#fff;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;-o-transition:all .4s ease;transition:all .4s ease}
    #products-categories-list-container{width:75%;padding-left:20px}
    .products-categories-sidebarList2{padding:10px 20px}
    .products-categories-sidebarList2 > li{margin-top:14px;position:relative;width:100%;padding-left:0;overflow:hidden}
    .products-categories-sidebarList2 > li:first-child{margin-top:0}
    .products-categories-sidebarList2 > li:before{content:'';position:absolute;width:18px;height:18px;left:0;top:0;background:url(../img/white-arrow.svg) 50% 50% no-repeat;transform:translateX(-28px);transition:all .4s ease}
    .products-categories-sidebarList2 > li > a{font-size:18px;color:#fff;line-height:1.1}
    .products-categories-sidebarList2 > li:hover,.products-categories-sidebarList2 > li.selected{padding-left:28px}
    .products-categories-sidebarList2 > li:hover:before,.products-categories-sidebarList2 > li.selected:before{transform:translateX(0)}
    #products-slider-container{position:relative;width:50%;padding-right:10px}
    #products-contents{width:65%;align-items:center}
    .products-contents-col{position:relative;width:55%;padding:30px}
    .products-contents-col:after{content:'';position:absolute;width:1px;height:60%;top:0;bottom:0;right:0;margin:auto 0;background:#f0f0f0}
    .products-contents-col2{width:45%;padding:10px 0 30px 30px}
    .products-slider{position:relative;width:100%;padding-bottom:100%;overflow:hidden}
    .products-slider .flickity-viewport{position:absolute;width:100%;height:100%;top:0;left:0}
    .products-slide-photo{position:relative;width:100%;border:1px solid #bfbfbf;border-radius:5px}
    .products-slide-photo > a{position:relative;width:100%}
    .products-slide-photo > a > figure{position:relative;width:100%;padding-bottom:100%;background-color:#fff;overflow:hidden;border-radius:5px}
    .products-slide-photo > a > figure img{position:absolute;left:0;right:0;top:0;bottom:0;width:100%;height:100%;object-fit:cover;margin:auto;z-index:5;background-color:#fff;border-radius:5px}
    .products-nav-container{position:relative;width:100%;padding:10px 0}
    .products-nav{position:relative;width:100%;overflow:hidden}
    .products-nav-photo{position:relative;width:18%;padding:5px}
    .products-nav-photo > div{position:relative;width:100%;background-color:#fff}
    .products-nav-photo > div > figure{position:relative;width:100%;padding-bottom:100%;background-color:#fff;overflow:hidden;border:1px solid #ebebeb;border-radius:5px}
    .products-nav-photo > div > figure img{position:absolute;left:0;right:0;top:0;bottom:0;width:100%;height:100%;object-fit:cover;margin:auto;z-index:5;background-color:#fff;overflow:hidden;border-radius:5px}
    .products-nav .products-nav-photo.is-nav-selected > div > figure{border:1px solid #b4b4b4}
    #products-info-container{padding:5% 0 5% 10px;position:relative;width:50%}
    #products-info-code{font-size:19px;font-weight:500;color:#989898}
    #products-info-barcode{margin-top:20px;font-size:19px;font-weight:500;color:#989898}
    #inner-h1{margin-top:20px;font-size:20px;font-weight:500;color:#262626;line-height:1.2}
    .products-list-colors-container{margin-top:25px;width:100%}
    .products-list-colors{width:100%;display:inline-flex;align-items:center;justify-content:flex-start}
    .products-list-colors > li{margin-left:5px}
    .products-list-colors > li:first-child{margin-left:0}
    .products-list-colors > li > div{position:relative;width:36px;height:36px;border-radius:50%;align-items:center;justify-content:center;padding:2px}
    .products-list-colors > li.selected > div{border:1px solid #ccc}
    .products-list-colors > li > div span{display:block;width:30px;height:30px;border-radius:50%}
    .colors-remain{margin-top:8px;font-size:14px;font-weight:500;color:#989898;text-transform:uppercase}
}
@media (min-width:765px) and (max-width:1199px) {
    #cms-wrapper{margin-top:30px;width:100%;padding:0 10px}
    #breadcrumb-wrapper{text-align:center}
    #breadcrumb-container{display:inline-flex}
    #breadcrumb-container > li{margin-left:8px}
    #breadcrumb-container > li:first-child{margin-left:0}
    #breadcrumb-container > li > a, #breadcrumb-container > li > div{font-size:16px;font-weight:400;color:#262626}
    #breadcrumb-container > li.breadcrumb-sel > a{font-weight:500}
    #products-categories-container{margin:40px auto 0;max-width:1300px;align-items:flex-start}
    #products-categories-sidebar{width:25%;background-color:#00b8bd;padding:10px 0;border-radius:5px}
    #products-categories-sidebarList{width:100%}
    #products-categories-sidebarList > li{width:100%}
    #products-categories-sidebarList > li > a{position:relative;font-size:19px;font-weight:500;color:#fff;padding:12px 20px}
    #products-categories-sidebarList > li > a:hover,#products-categories-sidebarList > li.selected > a{background-color:#1abfc4}
    #products-categories-sidebarList > li > a:hover:before,#products-categories-sidebarList > li.selected > a:before{content:'';position:absolute;width:2px;height:100%;top:0;left:0;background-color:#fff;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;-o-transition:all .4s ease;transition:all .4s ease}
    #products-categories-list-container{width:100%;}
    .products-categories-sidebarList2{padding:10px 20px}
    .products-categories-sidebarList2 > li{margin-top:14px;position:relative;width:100%;padding-left:0;overflow:hidden}
    .products-categories-sidebarList2 > li:first-child{margin-top:0}
    .products-categories-sidebarList2 > li:before{content:'';position:absolute;width:18px;height:18px;left:0;top:0;background:url(../img/white-arrow.svg) 50% 50% no-repeat;transform:translateX(-28px);transition:all .4s ease}
    .products-categories-sidebarList2 > li > a{font-size:18px;color:#fff;line-height:1.1}
    .products-categories-sidebarList2 > li:hover,.products-categories-sidebarList2 > li.selected{padding-left:28px}
    .products-categories-sidebarList2 > li:hover:before,.products-categories-sidebarList2 > li.selected:before{transform:translateX(0)}
    #products-slider-container{position:relative;width:50%;padding-right:10px}
    #products-contents{width:65%;align-items:center}
    .products-contents-col{position:relative;width:55%;padding:30px}
    .products-contents-col:after{content:'';position:absolute;width:1px;height:60%;top:0;bottom:0;right:0;margin:auto 0;background:#f0f0f0}
    .products-contents-col2{width:45%;padding:10px 0 30px 30px}
    .products-slider{position:relative;width:100%;padding-bottom:100%;overflow:hidden}
    .products-slider .flickity-viewport{position:absolute;width:100%;height:100%;top:0;left:0}
    .products-slide-photo{position:relative;width:100%;border:1px solid #bfbfbf;border-radius:5px}
    .products-slide-photo > a{position:relative;width:100%}
    .products-slide-photo > a > figure{position:relative;width:100%;padding-bottom:100%;background-color:#fff;overflow:hidden;border-radius:5px}
    .products-slide-photo > a > figure img{position:absolute;left:0;right:0;top:0;bottom:0;width:100%;height:100%;object-fit:cover;margin:auto;z-index:5;background-color:#fff;border-radius:5px}
    .products-nav-container{position:relative;width:100%;padding:10px 0}
    .products-nav{position:relative;width:100%;overflow:hidden}
    .products-nav-photo{position:relative;width:18%;padding:5px}
    .products-nav-photo > div{position:relative;width:100%;background-color:#fff}
    .products-nav-photo > div > figure{position:relative;width:100%;padding-bottom:100%;background-color:#fff;overflow:hidden;border:1px solid #ebebeb;border-radius:5px}
    .products-nav-photo > div > figure img{position:absolute;left:0;right:0;top:0;bottom:0;width:100%;height:100%;object-fit:cover;margin:auto;z-index:5;background-color:#fff;overflow:hidden;border-radius:5px}
    .products-nav .products-nav-photo.is-nav-selected > div > figure{border:1px solid #b4b4b4}
    #products-info-container{padding:5% 0 5% 10px;position:relative;width:50%}
    #products-info-code{font-size:18px;font-weight:500;color:#989898}
    #products-info-barcode{margin-top:20px;font-size:18px;font-weight:500;color:#989898}
    #inner-h1{margin-top:20px;font-size:18px;font-weight:500;color:#262626;line-height:1.2}
    .products-list-colors-container{margin-top:25px;width:100%}
    .products-list-colors{width:100%;display:inline-flex;align-items:center;justify-content:flex-start}
    .products-list-colors > li{margin-left:5px}
    .products-list-colors > li:first-child{margin-left:0}
    .products-list-colors > li > div{position:relative;width:36px;height:36px;border-radius:50%;align-items:center;justify-content:center;padding:2px}
    .products-list-colors > li.selected > div{border:1px solid #ccc}
    .products-list-colors > li > div span{display:block;width:30px;height:30px;border-radius:50%}
    .colors-remain{margin-top:8px;font-size:14px;font-weight:500;color:#989898;text-transform:uppercase}
}
@media (min-width:0px) and (max-width:764px) {
    #cms-wrapper{margin-top:30px;width:100%;padding:0 10px}
    #breadcrumb-wrapper{text-align:center}
    #breadcrumb-container{display:inline-flex}
    #breadcrumb-container > li{margin-left:8px}
    #breadcrumb-container > li:first-child{margin-left:0}
    #breadcrumb-container > li > a, #breadcrumb-container > li > div{font-size:16px;font-weight:400;color:#262626}
    #breadcrumb-container > li.breadcrumb-sel > a{font-weight:500}
    #products-categories-container{margin:30px auto 0;max-width:1300px;align-items:flex-start}
    #products-categories-sidebar{width:25%;background-color:#00b8bd;padding:10px 0;border-radius:5px}
    #products-categories-sidebarList{width:100%}
    #products-categories-sidebarList > li{width:100%}
    #products-categories-sidebarList > li > a{position:relative;font-size:19px;font-weight:500;color:#fff;padding:12px 20px}
    #products-categories-sidebarList > li > a:hover,#products-categories-sidebarList > li.selected > a{background-color:#1abfc4}
    #products-categories-sidebarList > li > a:hover:before,#products-categories-sidebarList > li.selected > a:before{content:'';position:absolute;width:2px;height:100%;top:0;left:0;background-color:#fff;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;-o-transition:all .4s ease;transition:all .4s ease}
    #products-categories-list-container{width:100%;}
    .products-categories-sidebarList2{padding:10px 20px}
    .products-categories-sidebarList2 > li{margin-top:14px;position:relative;width:100%;padding-left:0;overflow:hidden}
    .products-categories-sidebarList2 > li:first-child{margin-top:0}
    .products-categories-sidebarList2 > li:before{content:'';position:absolute;width:18px;height:18px;left:0;top:0;background:url(../img/white-arrow.svg) 50% 50% no-repeat;transform:translateX(-28px);transition:all .4s ease}
    .products-categories-sidebarList2 > li > a{font-size:18px;color:#fff;line-height:1.1}
    .products-categories-sidebarList2 > li:hover,.products-categories-sidebarList2 > li.selected{padding-left:28px}
    .products-categories-sidebarList2 > li:hover:before,.products-categories-sidebarList2 > li.selected:before{transform:translateX(0)}
    #products-slider-container{position:relative;width:100%}
    #products-contents{width:65%;align-items:center}
    .products-contents-col{position:relative;width:55%;padding:30px}
    .products-contents-col:after{content:'';position:absolute;width:1px;height:60%;top:0;bottom:0;right:0;margin:auto 0;background:#f0f0f0}
    .products-contents-col2{width:45%;padding:10px 0 30px 30px}
    .products-slider{position:relative;width:100%;padding-bottom:100%;overflow:hidden}
    .products-slider .flickity-viewport{position:absolute;width:100%;height:100%;top:0;left:0}
    .products-slide-photo{position:relative;width:100%;border:1px solid #bfbfbf;border-radius:5px}
    .products-slide-photo > a{position:relative;width:100%}
    .products-slide-photo > a > figure{position:relative;width:100%;padding-bottom:100%;background-color:#fff;overflow:hidden;border-radius:5px}
    .products-slide-photo > a > figure img{position:absolute;left:0;right:0;top:0;bottom:0;width:100%;height:100%;object-fit:cover;margin:auto;z-index:5;background-color:#fff;border-radius:5px}
    .products-nav-container{position:relative;width:100%;padding:10px 0}
    .products-nav{position:relative;width:100%;overflow:hidden}
    .products-nav-photo{position:relative;width:18%;padding:5px}
    .products-nav-photo > div{position:relative;width:100%;background-color:#fff}
    .products-nav-photo > div > figure{position:relative;width:100%;padding-bottom:100%;background-color:#fff;overflow:hidden;border:1px solid #ebebeb;border-radius:5px}
    .products-nav-photo > div > figure img{position:absolute;left:0;right:0;top:0;bottom:0;width:100%;height:100%;object-fit:cover;margin:auto;z-index:5;background-color:#fff;overflow:hidden;border-radius:5px}
    .products-nav .products-nav-photo.is-nav-selected > div > figure{border:1px solid #b4b4b4}
    #products-info-container{padding:30px 0 30px 0;position:relative;width:100%}
    #products-info-code{font-size:18px;font-weight:500;color:#989898}
    #products-info-barcode{margin-top:20px;font-size:18px;font-weight:500;color:#989898}
    #inner-h1{margin-top:20px;font-size:18px;font-weight:500;color:#262626;line-height:1.2}
    .products-list-colors-container{margin-top:25px;width:100%}
    .products-list-colors{width:100%;display:inline-flex;align-items:center;justify-content:flex-start}
    .products-list-colors > li{margin-left:5px}
    .products-list-colors > li:first-child{margin-left:0}
    .products-list-colors > li > div{position:relative;width:36px;height:36px;border-radius:50%;align-items:center;justify-content:center;padding:2px}
    .products-list-colors > li.selected > div{border:1px solid #ccc}
    .products-list-colors > li > div span{display:block;width:30px;height:30px;border-radius:50%}
    .colors-remain{margin-top:8px;font-size:14px;font-weight:500;color:#989898;text-transform:uppercase}
}