@media only screen and (min-width:1025px) and (max-width:1399px) {

    footer .ceItem.extContent{padding:0!important}
    footer .footerWrap{width:auto !important;padding:0 5% !important}

    footer .menu.page .level-1 .li{margin:0px!important;width: 25%!important;text-align: center;}

}

@media only screen and (min-width:1025px) and (max-width:1250px) {

    footer .extContent .itemWrap{width:100% !important;padding:0 5% !important}

}

@media only screen and (max-width:1024px) {

    footer .fHeader{margin: 15px 20px 25px 20px!important;width: auto !important;}
    footer .fHeader .itemWrap .txtWrap{margin-top:0px!important}
    footer .fHeader .itemWrap .textPic.w100 .txtWrap{display: flex;flex-direction: column-reverse;gap: 1rem;}
    footer .extContent .buttonBox.align-right .btn{margin-left:0px !important;}
    footer .extContent .buttonBox.align-right .btn:first-child{margin-right:10px !important;}
    footer .fFooter .fMenu{width:100%!important}

    #page footer aside.social,#page footer aside.fText{width:100%}

    #page footer aside.social .galWrap picture{margin:0 auto;width:50%!important}

    #page footer aside.social .gridGroup{margin-top:30px}
    #page footer aside.social .grid-row{display:block!important}
    #page footer aside.social .gridItem{margin:0 0 20px!important}

    #page footer aside.social .txtWrap{margin-top:15px!important}
    #page footer aside.social .txtWrap *{text-align:center}
    #page footer aside.social .txtWrap .hGroup *{font-size:var(--font-size-l)}
    #page footer aside.social .txtWrap p > span{display:none}
    #page footer aside.social .txtWrap p a{display:block;margin:5px 0;padding:5px 0;width:100%;font-size:var(--font-size-r);line-height:1}
    #page footer aside.social .txtWrap p br{display:none}

    footer aside.fContent{margin:0 20px 20px;width:calc(100% - 40px)}
    footer aside.fFooter > *:first-child{display:none}
    footer aside.fFooter > .fCredits{display:block!important;padding:0 0 40px;width:100%}
    footer aside.fFooter > .fCredits *{text-align:center}

    #toTopBox{position:static;margin-top:20px;text-align:center}
    #toTopBox > *{padding:0 20px}

}

@media only screen and (max-width:768px) {

    #page footer > *{display:flex;flex-direction:column}
    #page footer .gridItem{margin:0 20px!important;width:calc(100% - 40px)!important}

    footer .fHeader{order:2}
    footer .fContent{order:1}
    footer .fLinks{order:3}
    footer .fFooter{order:4}
    #toTopBox{order:5}

    footer .fHeader .itemWrap .buttonBox .btn{width:100%;text-align:center!important}
    footer .fHeader .itemWrap .buttonBox .btn:first-child{margin-bottom:10px!important}
    footer .fHeader .itemWrap .hGroup .h3{text-align: center}
    footer .fHeader .itemWrap .hGroup .h3 span{font-size: var(--font-size-m) !important}

    footer .fContent{padding:0}
    footer .fContent *{text-align:center}
    footer .fContent, footer .fContent .fText .itemWrap .txtWrap .hsWrap .hubspotForm form{display:flex;flex-direction:column}
    footer .fContent .fLogo, footer .fContent .fText{width:100%!important}
    footer .fContent .fLogo .galWrap{margin-bottom:5px}
    footer .fContent .fLogo picture{margin:0 auto;width:60%}
    footer .fContent .fText{margin-top:35px}
    footer .fContent .fText .itemWrap .txtWrap .hsWrap .hubspotForm form .hs_email{width:100%!important;margin-bottom:10px!important}
    footer .fContent .fText .itemWrap .txtWrap .hsWrap .hubspotForm form .hs_submit{margin:0!important;width: 100% !important}
    footer .fContent .fText .itemWrap .txtWrap .hsWrap .hubspotForm form .hs_submit .hs-button{width: 100% !important;max-width: 100% !important}

    footer .fLinks .grid-container{margin:0}

    footer .fLinks .hGroup.headerAcc{display:block;margin-bottom:20px}
    footer .fLinks .hGroup.headerAcc > *{margin:0 auto;padding:20px;width:calc(100% - 40px);border:1px solid #fff;border-radius:10px}
    footer .fLinks .hGroup.headerAcc.act > *{background-color:var(--main-color);border-color:var(--main-color)}
    footer .fLinks .hGroup.headerAcc + .gridGroup{display:none}
    footer .fLinks .itemWrap .gridGroup .gridItem .itemWrap .hGroup:not(.accToggle) h2{text-align:center!important;margin-bottom:20px!important}
    footer .fLinks .itemWrap .gridGroup .gridItem .itemWrap .hGroup:not(.accToggle) + .txtWrap p{text-align:center!important;line-height:1}
    footer .fLinks .itemWrap .gridGroup .gridItem .itemWrap .hGroup:not(.accToggle) + .txtWrap p a{display:block;margin:0 auto!important;padding:15px 10px;width:calc(100% - 40px);border:1px solid #fff}
    footer .fLinks .itemWrap .gridGroup .gridItem .itemWrap .hGroup:not(.accToggle) + .txtWrap p br{line-height:0}

    footer .fLinks .hGroup.accToggle{display:block;position:relative;margin-top:0}
    footer .fLinks .hGroup.accToggle > *{padding:15px 0;border-bottom:1px solid #fff;cursor:pointer}
    footer .fLinks .hGroup.accToggle::after{content:'\f107';position:absolute;top:15px;right:0}
    footer .fLinks .hGroup.accToggle.cur::after{content:'\f106'}
    footer .fLinks .gridItem:last-child .hGroup.accToggle > *{border-bottom:none}
    footer .fLinks .hGroup.accToggle + .txtWrap{display:none}
    footer .fLinks .hGroup.accToggle + .txtWrap.cur{display:block;padding-top:10px}
    footer .fLinks .hGroup.accToggle + .txtWrap p a{display:block;padding:7px 0}
    footer .fLinks .hGroup.accToggle + .txtWrap p br{display:none;line-height:0}

    footer .fFooter{margin:0;padding:20px;border-top:none}

    .fancyPage footer aside.adds .ceItem .galWrap,.fancyPage footer aside.adds .ceItem .mainText{width:100%!important}
    footer .footerWrap .column.leftCol,footer .footerWrap .column.centerCol{width:50%}

    footer .fLinks .itemWrap .txtWrap .gridGroup .grid-row{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;margin-bottom:20px}
    footer .gridItem .hGroup{margin-bottom:0px!important}
    footer .gridItem .bodyWrap .txtWrap{margin-top:0px!important}

    footer .extContent .buttonBox.align-right .btn:first-child{margin-bottom:10px !important;margin-left: 0px !important}

    footer .fFooter > nav #navCont #mainLevel-1{display:flex;justify-content:center}
    footer .fFooter > nav,footer section.menu_pages,footer section.menu_subpages{width:100%}
    footer aside.fFooter .menu.page{padding:0 20px;width:100%}
    footer .menu.page .level-1 .li{margin:10px 0;width:25%;text-align:center}
    footer .menu.page .level-1 .li a{padding:0}
    footer .menu.page .level-1 .li img{width:50%!important;height:auto!important}

}