@media only screen and (max-width:1024px) {

    /* slider */

    .picSlider .sliderItem .txtWrap{top:15%;bottom:auto;margin:0;width:100%}
    .contPage .picSlider .sliderItem .txtWrap{top:auto;bottom:auto;padding-left:0!important}
    .picSlider .sliderItem .txtWrap .hGroup{display:inline-block;padding:0!important}
    .picSlider .sliderItem .txtWrap .hGroup > h2 .btn{display:block;margin-top:10px;width:100%}
    .picSlider .sliderItem .txtWrap .hGroup > h5{display:inline-block;width:auto}
    .picSlider .sliderItem .txtWrap .hGroup > h5 a::after{top:15px}
    .picSlider .sliderItem .galWrap{height:auto}
    .picSlider .sliderItem .textPic.flexRow > .galWrap + .bodyWrap{padding:20px 0 0}
    .picSlider .sliderItem .buttonBox{width:30%}
    .picSlider .sliderItem .bgButtonBox .btn a{font-size:var(--font-size-m)}
    .picSlider .sliderItem .buttonBox .btn{width:100%!important}
    .slick-arrow{visibility:visible;top:auto;bottom:0}
    .slick-arrow.slickPrev{left:0}
    .slick-arrow.slickNext{right:0}

    /* map */

    .mapItem .mapImg .subtitle a::after{top:13px}
    .mapOverview{margin:0;width:100%}
    .mapItem{width:calc(100% - 20px)!important}
    .mapItem:last-of-type{margin-bottom:0}
    .mapItem .mapTxt{margin-top:20px}
    .menuBar .catList,.menuBar .mapItem{margin:0;width:100%}
    .menuBar .mapItem{margin-bottom:40px}

    /* headerpic */

    .ceItem.headerpicPlugin .itemWrapBox .picSlider .sliderItem .buttonBox{width:30%!important}
    .ceItem.headerpicPlugin .itemWrapBox .picSlider .sliderItem .buttonBox .btn:first-child{margin-bottom:20px!important}
    .ceItem.headerpicPlugin.testimonial{height:auto!important}
    .ceItem.testimonial .itemWrapBox{width:100%!important}
    .testimonial .picSlider > *{padding:1%}

    /* breadcrumb */

    .rootLine li a .title::before,.rootLine li a .title::after{width:2vw;height:4.5vw}
    .breadWrap{display:none;margin:0;width:100%}
    .breadWrap .breadCrumb{padding:20px}

    /* ccc */

    .cccSection:not(.isHero) .itemWrap > .textPic > .galWrap{display:none}
    .cccSection:not(.isHero) .cccWrap{position:relative}
    .cccSection:not(.isHero) .cccItem .cccImage{position:absolute;top:0}
    .cccSection:not(.isHero) .cccItem:nth-child(1) .cccImage{left:0}
    .cccSection:not(.isHero) .cccItem:nth-child(2) .cccImage{left:60px}
    .cccSection:not(.isHero) .cccItem:nth-child(3) .cccImage{left:120px}
    .cccSection:not(.isHero) .cccItem:nth-child(4) .cccImage{left:180px}
    .cccSection:not(.isHero) .cccItem:nth-child(5) .cccImage{left:240px}
    .cccSection:not(.isHero) .cccItem .cccImage picture{position:relative;top:unset!important;left:unset!important;width:50px!important;height:50px!important}
    .cccSection:not(.isHero) .cccItem .cccText{margin-top:70px;width:100%!important}
    .cccSection:not(.isHero) .cccItem .cccText .buttonWrap .btn{width:100%}
    .cccSection:not(.isHero) .cccItem .cccText .buttonWrap .btn *{text-align:center}

    /* contentAcc */

    .contentAcc .accItem .galWrap,.ceItem .intext.nowrap .galWrap{order:1;margin-top:40px}
    .contentAcc .accItem .galWrap{order:1;margin-bottom:40px}
    .contentAcc .accItem .galWrap .imgRow{display:none}
    .contentAcc .accItem .galWrap .imgRow:only-child{display:block}
    .contentAcc .accItem .addressDetail .galWrap{order:1;margin:0}
    .contentAcc .accItem .addressDetail .txtWrap{order:2;width:100%!important}
    .contentAcc .accItem .galWrap .addBox{margin:0 0 40px}
    .contentAcc .accItem .galWrap .addWrap{padding:8vw 2vw 4vw 8vw}
    .contentAcc .accItem .txtWrap{order:2}
    .contentAcc .accItem.hasPlugin .txtWrap > section .galWrap{position:static;padding-right:0!important;height:auto;overflow:visible}
    .contentAcc .accItem.hasPlugin .txtWrap .pTxt{padding-left:0}
    .contentAcc .accItem.hasPlugin .txtWrap .pTxt .hGroup{padding:0 0 20px!important;text-align:center}
    .contentAcc .accItem.hasPlugin .txtWrap .pTxt .leafWrap{order:3}
    .contentAcc .mainWrap{width:100%!important}
    .contentAcc .accItem.pos-5 > .txtWrap > .galWrap .imgRow,.contentAcc .accItem.pos-6 > .txtWrap > .galWrap .imgRow{margin-left:0;width:100%}
    .contentAcc .accItem.pos-5 > .txtWrap > .galWrap .imgCol,.contentAcc .accItem.pos-6 > .txtWrap > .galWrap .imgCol{margin:0 0 20px 0;width:100%;height:auto;overflow:visible}
    .contentAcc .accItem.pos-5 > .txtWrap > .galWrap .imgCol:last-child,.contentAcc .accItem.pos-6 > .txtWrap > .galWrap .imgCol:last-child{margin-bottom:0}

    /* address */

    .addressDetail.multiCol{margin:0 0 20px;padding-top:20px!important;width:100%!important}
    .addressDetail.multiCol:nth-child(2){padding-top:20px!important;border-top:1px solid #c2c2c2}
    .contentAcc .accItem .addressDetail.multiCol ul.cList li a,.contentAcc .accItem .addressDetail.multiCol ul.cList li.fax i,.contentAcc .accItem .addressDetail.multiCol ul.cList li.hours label{padding:10px 20px;line-height:1.5}
    .addressDetail .addIcon{padding-right:20px}
    .addressDetail ul.cList li i,.addressDetail ul.cList li.phone div{font-size:20px}
    .addressDetail .addBasic{margin:0!important;width:100%;height:auto}
    .addressDetail .addInfo{-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start}
    .addressDetail .addInfo h3,.addressDetail .addInfo p{margin-top:10px!important}
    .addressDetail .addContact{width:100%}
    .addressDetail .addContact ul{-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start}
    .addressDetail.singleCol ul.cList{margin:30px 0 0!important;width:100%!important;height:auto!important}
    .addressDetail .leafWrap{position:relative;top:auto;right:auto;bottom:auto;left:auto;margin-top:20px;width:100%}
    .addressDetail .leafWrap .handler{position:static;padding:2.5vw;width:100%;text-align:center}
    .addressDetail .leafWrap .handler::before{width:40px}
    .addressDetail .leafWrap .content{top:100%;bottom:auto}
    .addressDetail .addIcon figure{padding:0}
    .addressDetail.multiCol{width:100%!important}
    .addressDetail.multiCol ul.cList{margin:20px 0 0!important;height:auto!important}
    .addressDetail.multiCol .galWrap figure{height:auto;overflow:visible}
    .addressDetail.multiCol .galWrap figure img{width:100%!important;height:auto!important}

    /* stories */

    .storiesExpd .btn label{padding:10px 20px 12px}

    /* faq */

    #page .faqAcc .textPic > .txtWrap,#page .faqAcc .textPic > .picWrap{width:100%!important}
    #page .faqAcc .accItem .txtWrap > .hGroup.acc::after{top:0;right:10px;background-color:#fff}
    #page .faqAcc .accItem .txtWrap > .hGroup.acc b{display:block;width:90%!important;font-size:1rem!important}
    #page .faqAcc .accItem:hover .txtWrap > .hGroup.acc::after,#page .faqAcc .accItem .txtWrap > .hGroup.acc.cur::after{display:block}
    #page .faqAcc .accItem .txtWrap > .hGroup.acc + *{padding-right:0;padding-left:0}
    #page .faqAcc .accItem .accText,#page .faqAcc .accItem .accPic{margin:0!important;padding:0!important;width:100%!important}
    #page .faqAcc .accItem .accPic{margin-top:20px!important}

    /* clickChange */

    .extContent.clickChange .galWrap{display:flex!important;height:6rem!important;background-image:none!important}
    .extContent.clickChange .galWrap .cccPic.item-1{top:0!important;bottom:0!important;left:0!important;width:60px!important;height:60px!important}
    .extContent.clickChange .galWrap .cccPic.item-2{top:0!important;bottom:0!important;left:100px!important;width:60px!important;height:60px!important}
    .extContent.clickChange .galWrap .cccPic.item-3{top:0!important;bottom:0!important;left:200px!important;width:60px!important;height:60px!important}
    .extContent.clickChange .galWrap .cccPic.item-4{top:0!important;bottom:0!important;left:300px!important;width:60px!important;height:60px!important}
    .extContent.clickChange .galWrap .cccPic.item-5{top:0!important;bottom:0!important;left:400px!important;width:60px!important;height:60px!important}
    .extContent.clickChange .bodyWrap{display:flex}
    .extContent.clickChange .bodyWrap .galWrap{order:1;width:100%!important}
    .extContent.clickChange .bodyWrap .txtWrap{order:2;width:100%!important;height:auto}
    .extContent.clickChange.conRight .bodyWrap{display:flex}
    .extContent.clickChange.conRight .bodyWrap .galWrap{order:2;width:100%!important}
    .extContent.clickChange.conRight .bodyWrap .txtWrap{order:1;width:100%!important;height:auto}
    .extContent.clickChange.conRight .galWrap .cccPic.item-1{top:0!important;bottom:0!important;left:0!important;width:120px!important;height:120px!important}
    .extContent.clickChange.conRight .galWrap .cccPic.item-2{top:0!important;bottom:0!important;left:150px!important;width:120px!important;height:120px!important}
    .extContent.clickChange.conRight .galWrap .cccPic.item-3{top:0!important;bottom:0!important;left:300px!important;width:120px!important;height:120px!important}

    /* lightbox + cookie */

    .cc-window.cc-floating{max-width:100%}
    .lightbox img.lb-image{width:90%!important;height:auto!important;max-height:unset!important}
    .lb-nav .lb-next::after{margin-right:40px}
    .lb-nav .lb-prev::after{margin-left:40px}
    .lb-prev,.lb-next,a.lightbox::after{font-size:50px}

    /* sticky */

    #stickyBox{position:static;height:50px}
    #stickyBox *{position:static;height:100%}
    .internalPage #stickyBox{display:none!important}
    .stickyWrap{display:block!important;min-width:unset!important;max-width:unset!important}
    ul.stickyMenu{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start}
    ul.stickyMenu li{display:inline-block;margin:0!important;width:33.33%!important}
    ul.stickyMenu.items-1 li{width:100%!important}
    ul.stickyMenu.items-12 li{width:50%!important}
    ul.stickyMenu.items-123 li{width:33.33%!important}
    ul.stickyMenu li a{padding:8px!important;-moz-box-shadow:none!important;-webkit-box-shadow:none!important;-o-box-shadow:none!important;box-shadow:none!important}
    ul.stickyMenu li a span.stickyIcon{display:none}
    ul.stickyMenu li a span.stickyTitle{width:100%;font-size:14px!important;text-align:center;background:none transparent!important}

}

@media only screen and (max-width:768px) {

    /* clickChange */

    .extContent.clickChange .galWrap{background-image:none!important;display:flex!important;height:6rem!important}
    .extContent.clickChange .galWrap .cccPic.item-1{width:40px!important;height:40px!important;left:0!important;bottom:0!important;top:0!important}
    .extContent.clickChange .galWrap .cccPic.item-2{width:40px!important;height:40px!important;left:60px!important;bottom:0!important;top:0!important}
    .extContent.clickChange .galWrap .cccPic.item-3{width:40px!important;height:40px!important;left:120px!important;bottom:0!important;top:0!important}
    .extContent.clickChange .galWrap .cccPic.item-4{width:40px!important;height:40px!important;left:180px!important;bottom:0!important;top:0!important}
    .extContent.clickChange .galWrap .cccPic.item-5{width:40px!important;height:40px!important;left:240px!important;bottom:0!important;top:0!important}

    .extContent.clickChange.conRight .galWrap .cccPic.item-1{width:80px!important;height:80px!important;left:0!important;bottom:0!important;top:0!important}
    .extContent.clickChange.conRight .galWrap .cccPic.item-2{width:80px!important;height:80px!important;left:100px!important;bottom:0!important;top:0!important}
    .extContent.clickChange.conRight .galWrap .cccPic.item-3{width:80px!important;height:80px!important;left:200px!important;bottom:0!important;top:0!important}

    /* roadmap */

    .ceItem.roadMap{position:relative;margin:20px 0;width:100%}
    .ceItem.roadMap::before{display:none!important}
    .ceItem.roadMap::after{left:0!important;height:auto!important}
    .ceItem.roadMap.expd::after{bottom:120px;width:24px;height:24px;background:none var(--main-color);-webkit-border-radius:50%;border-radius:50%;height:24px!important}
    .ceItem.roadMap .rmItem{width:100%!important}
    .ceItem.roadMap .rmItem.even{left:0!important;margin-left:0!important;padding-left:0!important;border-left:none!important;margin-bottom:7rem!important}
    .ceItem.roadMap .rmItem.odd{margin-right:0!important;padding-right:0!important;border-right:none!important;margin-bottom:7rem!important}
    .ceItem.roadMap .rmItem.odd .rmBox::after{transform:rotate(-90deg)!important;top:-25px!important;left:47.6%!important;right:auto!important}
    .ceItem.roadMap .rmItem.even .rmBox::after{transform:rotate(90deg)!important;top:-25px!important;left:47.6%!important;right:auto!important}
    .ceItem.roadMap .rmItem.odd .rmBox::before,.ceItem.roadMap .rmItem.even .rmBox::before{top:-45px!important;left:47.6%!important;right:auto!important}
    .ceItem.roadMap .rmItem .rmBox::after{width:25px!important;height:25px!important}
    .ceItem.roadMap .rmItem.odd:first-child{margin-top:0!important}
    .ceItem.roadMap .rmItem .rmBox::before,.ceItem.roadMap .rmItem .rmBox::after{display:none}
    .ceItem.roadMap .rmItem:first-child .rmCircle_Wrapper,.ceItem.roadMap .rmItem:first-child .rmTriangle_Wrapper,.ceItem.roadMap .rmItem:first-child .rmLine_First{display:none}
    .ceItem.roadMap .rmItem:first-child .rmLine_First .rmLineBox_First{width:100%!important;display:flex;justify-content:center}
    .ceItem.roadMap .rmItem:first-child .rmLine_First .rmLineBox_First .rmLine_First{background:linear-gradient(to top,var(--main-color) 0%,var(--color-white) 100%);height:30px;top:-70px;width:.3rem!important;position:absolute}
    .ceItem.roadMap .rmItem .rmLine_Wrapper{margin:0 auto!important;width:100%!important;bottom:-110px!important;position:relative}
    .ceItem.roadMap .rmItem:has(+ .buttonBox) .rmLine_Wrapper{bottom:-100px!important}
    .ceItem.roadMap .rmItem .rmLineBox{width:100%!important;display:flex;justify-content:center}
    .ceItem.roadMap .rmItem .rmLineBox .rmLine{content:"";position:absolute;top:-102px;width:4px;height:74px;background-color:var(--main-color);z-index:-1}
    .ceItem.roadMap .rmItem:first-child .rmLineBox .rmLine{content:"";position:absolute;top:-102px;width:4px;height:74px;background-color:var(--main-color);z-index:-1}
    .ceItem.roadMap .rmItem .rmCircle_Wrapper{margin:0 auto!important;width:100%!important;top:-80px!important;position:absolute}
    .ceItem.roadMap .rmItem .rmCircleBox{width:100%!important;display:flex;justify-content:center}
    .ceItem.roadMap .rmItem .rmCircleBox .rmCircle{width:25px;height:25px;background:#f27277;border:2px solid var(--main-color);border-radius:50%}
    .ceItem.roadMap .rmItem .rmTriangle_Wrapper{position:absolute}
    .ceItem.roadMap .rmItem .rmTriangleBox{width:100%!important;display:flex;justify-content:center}
    .ceItem.roadMap .rmItem .rmTriangleBox .rmTriangle{clip-path:polygon(100% 0,20% 50%,100% 100%);width:25px!important;height:25px!important;background-color:#f2f2f2;transform:rotate(90deg);top:-25px!important;position:absolute}
    .ceItem.roadMap .rmItem .rmBox .hGroup .gridDate{top:-30px}
    .ceItem.roadMap .buttonBox{margin-top:0;padding-top:0}

    /* slider + testimonial */

    .sliderItem .buttonBox{width:50%!important}
    .testimonial .sliderItem.flexRow .galWrap{width:50%!important}
    .testimonial .sliderItem.flexRow .txtWrap{width:90%!important}

    #page .picSlider{padding-bottom:30px}
    #page .slick-track{transform:none!important}
    #page .slick-initialized .sliderItem{display:none}
    #page .slick-initialized .sliderItem.slick-current{display:block}

    #page .sliderItem picture{margin:0 auto;width:70%}

    #page .slick-arrow{visibility:visible;top:auto;bottom:-27px}
    #page .slick-arrow.slickPrev{left:10px}
    #page .slick-arrow.slickNext{right:10px}
    #page .slick-arrow button{font-size:60px}

    /* countUp */

    aside#subBox3.stats > section.countUp{padding:40px 100px}
    aside#subBox3 .ceItem.countUp .imgRow{display:block}
    aside#subBox3 .ceItem.countUp .imgCol{padding-bottom:40px!important;width:100%!important}
    aside#subBox3 .ceItem.countUp .imgCol figure{text-align:center!important}
    aside#subBox3 .ceItem.countUp .imgCol img{width:100%!important}
    aside#subBox3 .ceItem.countUp .imgCol figcaption .capTitle{font-size:12vw!important}
    aside#subBox3 .ceItem.countUp .imgCol figcaption .capDesc{font-size:6vw!important}

    /* address */

    ul.cList li.phone .phoneWrap{display:none}

}

@media only screen and (max-width:650px) {

    /* slider */

    .sliderItem .buttonBox{width:100%!important}

    /* contentAcc */

    .ceItem.fsc .contentAcc .accItem:last-child{border-bottom:none}
    .ceItem.contentAcc .itemWrap .bodyText ul.accMenu li{width:33.33%!important}
    .contentAcc .accItem.expd{padding:2rem!important}
    .contentAcc .itemWrap .mainWrap .bodyText .accItem .btn{margin-bottom:1.5rem!important}

    /* testimonial */

    .testimonial .txtWrap .bodyText{padding:0!important}
    .testimonial .txtWrap .bodyText::before{top:-80px;left:0}

}

@media only screen and (max-width:430px) {

    /* slider */

    .sliderItem .buttonBox{width:100%!important}

}