@import url('main.css?v3');
@media (min-width:1200px) {
    #cms-wrapper{width:100%;margin-top:160px;}
    #cms-container{max-width:1340px;margin:0 auto;padding:0 20px}
    #breadcrumb-wrapper{text-align:center;padding-top:30px;}
    #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;color:#4c494b}
    #breadcrumb-container > li.breadcrumb-sel > a{color:#4c494b}
    #inner-h1{margin-top:20px;font-size:26px;color:#4c494b;text-align:center}
    #brands-anchors-container{margin-top:30px;border-top:1px solid #3a3839;padding-top:20px;text-align:center}
    #brands-en-achors,#brands-el-achors,#brands-num-achors{margin-top:16px;justify-content:center}
    #brands-en-achors > li,#brands-el-achors > li,#brands-num-achors > li{margin-left:14px}
    #brands-en-achors > li:first-child,#brands-el-achors > li:first-child,#brands-num-achors > li:first-child{margin-left:0}
    #brands-en-achors > li > a,#brands-el-achors > li > a,#brands-num-achors > li > a{font-size:24px;font-weight:500;color:#262626;text-transform:uppercase}
    #brands-en-achors > li > a:hover,#brands-el-achors > li > a:hover,#brands-num-achors > li > a:hover{color:#4fb948}
    #brands-container{width:100%}
    #brands-container > li{margin-top:40px;width:100%}
    .brands-htitle{position:relative;width:100%;text-align:center}
    .brands-htitle:before{content:'';position:absolute;width:100%;height:1px;top:0;left:0;bottom:0;margin:auto 0;background-color:#3a3839}
    .brands-htitle > span{display:inline-block;width:80px;height:80px;position:relative;font-size:26px;color:#fff;background-color:#4fb948;border:10px solid #fff;text-transform:uppercase;text-align:center;line-height:66px;cursor:pointer;border-radius:50%}
    .brands-sub-container{width:100%;max-height:0;overflow:hidden;-webkit-transition:all .6s ease-in-out;-moz-transition:all .6s ease-in-out;-o-transition:all .6s ease-in-out;transition:all .6s ease-in-out;-moz-column-count:5;-moz-column-gap:20px;-webkit-column-count:5;-webkit-column-gap:20px;column-count:5;column-gap:20px}
    .brands-sub-container.open{max-height:2000px;-webkit-transition:all .6s ease-in-out;-moz-transition:all .6s ease-in-out;-o-transition:all .6s ease-in-out;transition:all .6s ease-in-out}
    .brands-sub-container > li{width:100%}
    .brands-sub-container > li:first-child{border-top:none}
    .brands-sub-container > li > a{display:inline-block;font-size:18px;color:#262626;text-transform:uppercase;line-height:40px}
    .brands-sub-container > li > a:hover{color:#4fb948}
}
@media (min-width:765px) and (max-width:1199px) {
    #cms-wrapper{width:100%;margin-top:70px;}
    #cms-container{max-width:1340px;margin:0 auto;padding:0 15px}
    #breadcrumb-wrapper{text-align:center;padding-top:25px;}
    #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;color:#4c494b}
    #breadcrumb-container > li.breadcrumb-sel > a{color:#4c494b}
    #inner-h1{margin-top:20px;font-size:24px;color:#4c494b;text-align:center}
    #brands-anchors-container{margin-top:30px;border-top:1px solid #3a3839;padding-top:20px;text-align:center}
    #brands-en-achors,#brands-el-achors,#brands-num-achors{margin-top:16px;justify-content:center}
    #brands-en-achors > li,#brands-el-achors > li,#brands-num-achors > li{margin-left:14px}
    #brands-en-achors > li:first-child,#brands-el-achors > li:first-child,#brands-num-achors > li:first-child{margin-left:0}
    #brands-en-achors > li > a,#brands-el-achors > li > a,#brands-num-achors > li > a{font-size:24px;font-weight:500;color:#262626;text-transform:uppercase}
    #brands-en-achors > li > a:hover,#brands-el-achors > li > a:hover,#brands-num-achors > li > a:hover{color:#4fb948}
    #brands-container{width:100%}
    #brands-container > li{margin-top:40px;width:100%}
    .brands-htitle{position:relative;width:100%;text-align:center}
    .brands-htitle:before{content:'';position:absolute;width:100%;height:1px;top:0;left:0;bottom:0;margin:auto 0;background-color:#3a3839}
    .brands-htitle > span{display:inline-block;width:80px;height:80px;position:relative;font-size:26px;color:#fff;background-color:#4fb948;border:10px solid #fff;text-transform:uppercase;text-align:center;line-height:66px;cursor:pointer;border-radius:50%}
    .brands-sub-container{width:100%;max-height:0;overflow:hidden;-webkit-transition:all .6s ease-in-out;-moz-transition:all .6s ease-in-out;-o-transition:all .6s ease-in-out;transition:all .6s ease-in-out;-moz-column-count:4;-moz-column-gap:20px;-webkit-column-count:4;-webkit-column-gap:20px;column-count:4;column-gap:20px}
    .brands-sub-container.open{max-height:2000px;-webkit-transition:all .6s ease-in-out;-moz-transition:all .6s ease-in-out;-o-transition:all .6s ease-in-out;transition:all .6s ease-in-out}
    .brands-sub-container > li{width:100%}
    .brands-sub-container > li:first-child{border-top:none}
    .brands-sub-container > li > a{display:inline-block;font-size:18px;color:#262626;text-transform:uppercase;line-height:40px}
    .brands-sub-container > li > a:hover{color:#4fb948}
}
@media (min-width:0px) and (max-width:764px) {
    #cms-wrapper{width:100%;margin-top:100px;}
    #cms-container{max-width:1340px;margin:0 auto;padding:0 10px}
    #breadcrumb-wrapper{text-align:center;padding-top:20px;}
    #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;color:#4c494b}
    #breadcrumb-container > li.breadcrumb-sel > a{color:#4c494b}
    #inner-h1{margin-top:20px;font-size:24px;color:#4c494b;text-align:center}
    #brands-anchors-container{margin-top:30px;border-top:1px solid #3a3839;padding-top:20px;text-align:center}
    #brands-en-achors,#brands-el-achors,#brands-num-achors{margin-top:16px;justify-content:center}
    #brands-en-achors > li,#brands-el-achors > li,#brands-num-achors > li{margin-left:14px}
    #brands-en-achors > li:first-child,#brands-el-achors > li:first-child,#brands-num-achors > li:first-child{margin-left:0}
    #brands-en-achors > li > a,#brands-el-achors > li > a,#brands-num-achors > li > a{font-size:24px;font-weight:500;color:#262626;text-transform:uppercase}
    #brands-en-achors > li > a:hover,#brands-el-achors > li > a:hover,#brands-num-achors > li > a:hover{color:#4fb948}
    #brands-container{width:100%}
    #brands-container > li{margin-top:30px;width:100%}
    .brands-htitle{position:relative;width:100%;text-align:center}
    .brands-htitle:before{content:'';position:absolute;width:100%;height:1px;top:0;left:0;bottom:0;margin:auto 0;background-color:#3a3839}
    .brands-htitle > span{display:inline-block;width:80px;height:80px;position:relative;font-size:26px;color:#fff;background-color:#4fb948;border:10px solid #fff;text-transform:uppercase;text-align:center;line-height:66px;cursor:pointer;border-radius:50%}
    .brands-sub-container{width:100%;max-height:0;overflow:hidden;-webkit-transition:all .6s ease-in-out;-moz-transition:all .6s ease-in-out;-o-transition:all .6s ease-in-out;transition:all .6s ease-in-out;-moz-column-count:3;-moz-column-gap:20px;-webkit-column-count:3;-webkit-column-gap:20px;column-count:3;column-gap:20px}
    .brands-sub-container.open{max-height:2000px;-webkit-transition:all .6s ease-in-out;-moz-transition:all .6s ease-in-out;-o-transition:all .6s ease-in-out;transition:all .6s ease-in-out}
    .brands-sub-container > li{width:100%}
    .brands-sub-container > li:first-child{border-top:none}
    .brands-sub-container > li > a{display:inline-block;font-size:18px;color:#262626;text-transform:uppercase;line-height:40px}
    .brands-sub-container > li > a:hover{color:#4fb948}
}