@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}
    #inner-h1{margin-top:20px;position:relative;font-size:36px;font-weight:500;text-transform:uppercase;color:#00888c;text-align:center;padding-bottom:20px;}
    #inner-h1:after{content: '';position: absolute;width: 60px;height: 3px;bottom: 0;left: 0;right: 0;margin: 0 auto;background-color: #de63a2}
    #inner-cms-photo-container{margin-top:40px;position:relative;width:100%}
    #inner-cms-photo{position:relative;width:100%;padding-bottom:22.40%;overflow:hidden}
    #inner-cms-photo img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}
    #products-categories-container{margin:100px auto 0;max-width:1500px;align-items: flex-start;}
    #products-categories-sidebar{width:20%;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:80%;padding-left: 20px;}
    .products-categories-list{width:100%;justify-content:flex-start}
    .products-categories-list > li{margin-top:40px;width:24%;margin-right:1.33%}
    .products-categories-list > li:nth-child(4n){margin-right:0}
    .products-categories-list > li:nth-child(-n+4){margin-top:0}
    .products-categories-list > li > a{position:relative;width:100%}
    .products-list-photo{position:relative;width:100%;padding-bottom:100%;overflow:hidden;border-radius:5px;border:1px solid #d3d9e4}
    .products-list-photo img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;border-radius:5px}
    .products-list-contents{padding:15px 10px;text-align:center}
    .products-list-code{font-size:14px;font-weight:500;color:#575757;text-transform:uppercase}
    .products-list-title{margin-top:15px;font-size:16px;font-weight:400;color:#575757;line-height:1.1;height:40px;overflow:hidden}
    .products-list-colors-container{margin-top:12px;width:100%}
    .products-list-colors{width:100%;display:inline-flex;align-items:center;justify-content:center}
    .products-list-colors > li{margin-left:5px}
    .products-list-colors > li:first-child{margin-left:0}
    .products-list-colors > li > div{position:relative;width:24px;height:24px;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:18px;height:18px;border-radius:50%}
    .colors-remain{margin-top:8px;font-size:14px;font-weight:500;color:#989898;text-transform:uppercase}

    .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 0.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)}
    .pages-container{margin-top:80px;width:100%;text-align:right}
    .pages-inner{display:inline-block}
    .pages > a{margin-left:6px;position:relative;display:inline-block;vertical-align:middle;font-size:22px;font-weight:500;color:#979797;width:30px;text-align:center;line-height:30px}
    .pages > a:not(.paging_pn){padding-top:4px}
    .pages > a:first-child{margin-left:0}
    .pages > a:not(.paging_pn):hover,.pages > a.paging_sel{color:#007a7d}
    .paging_pn img{width:100%}
    .products-categories-list2{width:100%}
    .products-categories-list2 > li{width:49%;margin-top:20px;margin-right:2%}
    .products-categories-list2 > li:nth-child(2n){margin-right:0}
    .products-categories-list2 > li:nth-child(-n+2){margin-top:0}
    .products-categories-list2 > li > a{border:1px solid #d3d9e4;border-radius:10px;background-color:#f1f1f1;padding:60px 50px;text-align:center;height:100%;justify-content:center;align-items:center}
    .products-categories-list2 > li > a span{display:block;width:100%;font-size:26px;font-weight:500;color:#575757;text-transform:uppercase}
    .products-categories-list2 > li > a svg{display:inline-block;margin-top:20px}
    .products-categories-list2 > li > a:hover svg .st0{fill:#252525}
    .products-categories-list2 > li > a:hover svg .st2{fill:#fff}
}
@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}
    #inner-h1{margin-top:20px;position:relative;font-size:26px;font-weight:500;text-transform:uppercase;color:#00888c;text-align:center;padding-bottom:20px;}
    #inner-h1:after{content: '';position: absolute;width: 60px;height: 3px;bottom: 0;left: 0;right: 0;margin: 0 auto;background-color: #de63a2}
    #inner-cms-photo-container{margin-top:30px;position:relative;width:100%}
    #inner-cms-photo{position:relative;width:100%;padding-bottom:22.40%;overflow:hidden}
    #inner-cms-photo img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}
    #products-categories-container{margin:40px auto 0;max-width:1500px;align-items: flex-start;}
    #products-categories-sidebar{width:25%;background-color:#00b8bd;padding:10px 0;border-radius:10px}
    #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-list{width:100%;justify-content:flex-start}
    .products-categories-list > li{margin-top:40px;width:31%;margin-right:3.5%}
    .products-categories-list > li:nth-child(3n){margin-right:0}
    .products-categories-list > li:nth-child(-n+3){margin-top:0}
    .products-categories-list > li > a{position:relative;width:100%}
    .products-list-photo{position:relative;width:100%;padding-bottom:100%;overflow:hidden;border-radius:5px;border:1px solid #d3d9e4}
    .products-list-photo img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;border-radius:5px}
    .products-list-contents{padding:15px 10px;text-align:center}
    .products-list-code{font-size:14px;font-weight:500;color:#575757;text-transform:uppercase}
    .products-list-title{margin-top:15px;font-size:16px;font-weight:400;color:#575757;line-height:1.1;height:40px;overflow:hidden}
    .products-list-colors-container{margin-top:12px;width:100%}
    .products-list-colors{width:100%;display:inline-flex;align-items:center;justify-content:center}
    .products-list-colors > li{margin-left:5px}
    .products-list-colors > li:first-child{margin-left:0}
    .products-list-colors > li > div{position:relative;width:24px;height:24px;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:18px;height:18px;border-radius:50%}
    .colors-remain{margin-top:8px;font-size:14px;font-weight:500;color:#989898;text-transform:uppercase}
    .pages-container{margin-top:60px;width:100%;text-align:center}
    .pages-inner{display:inline-block}
    .pages > a{margin-left:6px;position:relative;display:inline-block;vertical-align:middle;font-size:22px;font-weight:500;color:#979797;width:30px;text-align:center;line-height:30px}
    .pages > a:not(.paging_pn){padding-top:4px}
    .pages > a:first-child{margin-left:0}
    .pages > a:not(.paging_pn):hover,.pages > a.paging_sel{color:#007a7d}
    .paging_pn img{width:100%}
    .products-categories-list2{width:100%}
    .products-categories-list2 > li{width:49%;margin-top:20px;margin-right:2%}
    .products-categories-list2 > li:nth-child(2n){margin-right:0}
    .products-categories-list2 > li:nth-child(-n+2){margin-top:0}
    .products-categories-list2 > li > a{border:1px solid #d3d9e4;border-radius:10px;background-color:#f1f1f1;padding:40px 30px;text-align:center;height:100%;justify-content:center;align-items:center}
    .products-categories-list2 > li > a span{display:block;width:100%;font-size:20px;font-weight:500;color:#575757;text-transform:uppercase}
    .products-categories-list2 > li > a svg{display:inline-block;margin-top:20px;max-width:50px;max-height:50px}
    .products-categories-list2 > li > a:hover svg .st0{fill:#252525}
    .products-categories-list2 > li > a:hover svg .st2{fill:#fff}
}
@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}
    #inner-h1{margin-top:20px;position:relative;font-size:22px;font-weight:500;text-transform:uppercase;color:#00888c;text-align:center;padding-bottom:15px;}
    #inner-h1:after{content: '';position: absolute;width: 60px;height: 3px;bottom: 0;left: 0;right: 0;margin: 0 auto;background-color: #de63a2}
    #inner-cms-photo-container{margin-top:20px;position:relative;width:100%}
    #inner-cms-photo{position:relative;width:100%;padding-bottom:40%;overflow:hidden}
    #inner-cms-photo img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}
    #products-categories-container{margin:40px auto 0;max-width:1500px;align-items: flex-start;}
    #products-categories-sidebar{width:25%;background-color:#00b8bd;padding:10px 0;border-radius:10px}
    #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-list{width:100%;justify-content:flex-start}
    .products-categories-list > li{margin-top:30px;width:48%;margin-right:4%}
    .products-categories-list > li:nth-child(2n){margin-right:0}
    .products-categories-list > li:nth-child(-n+2){margin-top:0}
    .products-categories-list > li > a{position:relative;width:100%}
    .products-list-photo{position:relative;width:100%;padding-bottom:100%;overflow:hidden;border-radius:5px;border:1px solid #d3d9e4}
    .products-list-photo img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;border-radius:5px}
    .products-list-contents{padding:15px 10px;text-align:center}
    .products-list-code{font-size:14px;font-weight:500;color:#575757;text-transform:uppercase}
    .products-list-title{margin-top:15px;font-size:16px;font-weight:400;color:#575757;line-height:1.1;height:40px;overflow:hidden}
    .products-list-colors-container{margin-top:12px;width:100%}
    .products-list-colors{width:100%;display:inline-flex;align-items:center;justify-content:center}
    .products-list-colors > li{margin-left:5px}
    .products-list-colors > li:first-child{margin-left:0}
    .products-list-colors > li > div{position:relative;width:24px;height:24px;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:18px;height:18px;border-radius:50%}
    .colors-remain{margin-top:8px;font-size:14px;font-weight:500;color:#989898;text-transform:uppercase}
    .pages-container{margin-top:40px;width:100%;text-align:center}
    .pages-inner{display:inline-block}
    .pages > a{margin-left:6px;position:relative;display:inline-block;vertical-align:middle;font-size:18px;font-weight:500;color:#979797;width:30px;text-align:center;line-height:30px}
    .pages > a:not(.paging_pn){padding-top:4px}
    .pages > a:first-child{margin-left:0}
    .pages > a:not(.paging_pn):hover,.pages > a.paging_sel{color:#007a7d}
    .paging_pn img{width:100%}
    .products-categories-list2{width:100%}
    .products-categories-list2 > li{width:100%;margin-top:20px;}
    .products-categories-list2 > li:first-child{margin-top:0}
    .products-categories-list2 > li > a{border:1px solid #d3d9e4;border-radius:10px;background-color:#f1f1f1;padding:40px 30px;text-align:center;height:100%;justify-content:center;align-items:center}
    .products-categories-list2 > li > a span{display:block;width:100%;font-size:18px;font-weight:500;color:#575757;text-transform:uppercase}
    .products-categories-list2 > li > a svg{display:inline-block;margin-top:20px;max-width:40px;max-height:40px}
    .products-categories-list2 > li > a:hover svg .st0{fill:#252525}
    .products-categories-list2 > li > a:hover svg .st2{fill:#fff}
}