@media only screen and (min-width:1399px) and (max-width:1599px) {
    #page > header .menuBox > .logoBox{max-height:unset}
}

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

    #page > header{order:0;position:relative;z-index:300;top:auto;padding:0;width:100%;height:72px;max-height:72px;background-color:#fff;-moz-box-shadow:none;-webkit-box-shadow:none;-o-box-shadow:none;box-shadow:none}
    #page > header > *{width:100%!important}

    #page > header .topBox{display:none!important;margin:0;height:auto;background-color:transparent;border-bottom:0}
    #page > header .topBox::after{display:none}
    #page > header .topBox .topLeft,#page > header .topBox .topRight{width:100%!important;height:auto!important}

    #page > header .menuBox{position:relative;display:flex;margin:0;padding:0 25px;width:100%;height:72px;box-sizing:border-box;-webkit-flex-wrap:wrap;flex-wrap:wrap;-webkit-align-items:center;-ms-flex-align:center;align-items:center}
    #page > header .menuBox > .logoBox{position:relative;z-index:2;display:flex;margin:0;padding:10px 0;width:35%!important;max-width:35%!important;height:65px;box-sizing:border-box;-webkit-flex:0 0 80%;flex:0 0 80%;-webkit-align-items:center;-ms-flex-align:center;align-items:center}
    #page > header .menuBox > nav.mainNav{position:static;display:flex;margin:0;padding:0;width:20%!important;max-width:20%!important;height:72px;box-sizing:border-box;-webkit-flex:0 0 20%;flex:0 0 20%;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end}
    #page > header .menuBox > .logoBox > *,#page > header .menuBox > .logoBox section,#page > header .menuBox > .logoBox figure,#page > header .menuBox > .logoBox picture,#page > header .menuBox > .logoBox a,#page > header .menuBox > .logoBox .flipBox{display:flex;margin:0;padding:0;width:100%!important;max-width:100%!important;height:100%!important;box-sizing:border-box;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start}
    #pageHeader > .menuBox > .logoBox figure,#pageHeader > .menuBox > .logoBox a,#pageHeader > .menuBox > .logoBox picture{display:flex!important;margin:0!important;padding:0!important;width:100%!important;max-width:100%!important;height:100%!important;-webkit-flex:0 0 100%!important;-ms-flex:0 0 100%!important;flex:0 0 100%!important;-webkit-align-items:center!important;-ms-flex-align:center!important;align-items:center!important;-webkit-justify-content:flex-start!important;-ms-flex-pack:start!important;justify-content:flex-start!important}
    #pageHeader > .menuBox > .logoBox img{display:block!important;margin:0!important;padding:0!important;width:100%!important;min-width:100%!important;max-width:100%!important;height:auto!important;min-height:0!important;max-height:none!important;-webkit-flex:0 0 100%!important;-ms-flex:0 0 100%!important;flex:0 0 100%!important;object-fit:contain!important;object-position:left center!important}
    #page > header .menuBox > nav.mainNav > #navCont{position:static;margin:0;padding:0;width:100%;height:100%}

    #page header ul.topMenu li:nth-child(1),#page header ul.topMenu li:nth-child(2){display:none}
    #page header ul.topMenu li:nth-child(3){display:inline-block}
    #page header ul.topMenu li{margin-left:10px}
    #page header ul.topMenu li a{padding:8px 10px 12px}

    #page > header > section{display:inline-block;width:auto}
    #page > header > section .bodyWrap *{color:var(--color-black)}
    #page > header > section .bodyWrap a{text-decoration:none;-webkit-transition:all .4s;transition:all .4s}
    #page > header > section .bodyWrap a:hover{filter:brightness(60%)}
    #page > header > section .bodyWrap i{margin:0 0 0 20px}
    #page > header > section .bodyWrap i:first-child{margin:0 5px 0 0;font-style:normal}
    #page > header > section .bodyWrap a i,#page > header > section .bodyWrap a i:first-child{margin:0 5px 0 20px}
    #page > header .submenu > span.ham,#page > header .submenu > span.home{font-size:35px!important}

    .navExpd{overflow:hidden}
    .navExpd #page > header{padding:0;height:100dvh;min-height:72px;max-height:100dvh!important;overflow-y:auto;overscroll-behavior:contain;background-color:#fff;-webkit-align-content:flex-start!important;align-content:flex-start!important}
    .navExpd #page > header .menuBox{height:auto;min-height:72px;padding:0 15px;-webkit-flex-wrap:wrap;flex-wrap:wrap}
    .navExpd #page > header .menuBox > .logoBox{order:1;padding:20px 0 0 20px;width:80%!important;max-width:80%!important;height:65px;-webkit-flex:0 0 80%;flex:0 0 80%}
    .navExpd #page > header .menuBox > nav.mainNav{order:2;width:100%!important;max-width:100%!important;height:auto;-webkit-flex:0 0 100%;flex:0 0 100%}
    .navExpd #page > header .menuBox nav.mainNav > #navCont{padding:0;background-color:#fff}

    .navExpd #page > header .topBox{order:2;display:block!important}
    .navExpd #page > header .topBox .topLeft{order:2;padding:0;background-color:#fff}
    .navExpd #page > header .topBox .topLeft > *{margin:0 0 20px;width:100%}
    .navExpd #page > header .topBox .topLeft .searchBox .searchForm,.navExpd #page > header .topBox .topLeft .searchBox .searchForm input.searchInput{width:100%}
    .navExpd #page > header .topBox .topLeft .searchBox .searchForm input.searchInput{padding:15px 40px 15px 20px;font-size:16px}
    .navExpd #page > header .topBox .topLeft .searchBox .searchSubmit input.submit{width:50px;height:55px}
    .navExpd #page > header .topBox .topLeft .searchBox .searchSubmit::after{top:14px;right:15px;font-size:25px}
    .navExpd #page > header .topLeft .grid-container .row{height:auto}
    .navExpd #page > header .topBox .topLeft .buttonBox{padding:10px 20px 20px!important;text-align:center}
    .navExpd #page > header .topBox .topRight{order:1;display:block!important;margin-top:10px;padding:0;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between}
    .navExpd #page > header .topBox .topRight .langNav{margin:0;width:100%}
    .navExpd #page > header .topBox .topRight .langNav + *{margin:60px 0 0!important;width:100%!important;text-align:center}
    #navExpd #page > header .topBox .topRight img{-webkit-opacity:1!important;opacity:1!important}

    #page > header + *{margin-top:0!important;padding-top:0!important}

    header nav .menu.main{order:3;padding:0;width:100%;display:-moz-box!important;display:-webkit-box!important;display:-webkit-flex!important;display:-ms-flexbox!important;display:flex!important}
    .menu section#lang{display:none!important}
    nav .ul,nav ul li{list-style:none;margin:0}
    nav .ul li a,nav .ul li a:hover{text-decoration:none;color:inherit}
    header nav > section + ul{display:inline-block}
    .contPage .menu.main{margin-right:0}
    .menu.main .ul#sideMenu{padding-bottom:0}

    .news_newssearchform{width:100%!important}

}

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

    .ceItem.extContent:not(.isHero){padding-right:5%!important;padding-left:5%!important}
    .ceItem.news_newsliststicky{padding-right:5%!important;padding-left:5%!important}
    footer .ceItem.extContent{padding:0!important}

    .extContent.mobileHeader{padding-top:60px!important;padding-bottom:60px!important}
    .extContent.headingWidthMedium.noPadding,.ceItem.grids.noPadding,.extContent.noPadding{padding:0!important}
    .ceItem.radRound{width:70%!important;padding:40px!important}
    .extContent.hubspotForm .itemWrap,.extContent.boxShadow{padding-right:5%!important;padding-left:5%!important}
    .extContent.boxShadow .itemWrap{padding:40px!important}
    .extContent.box_25rem{padding:60px!important}

    .newsLatest.blogEntries{padding:0 5%!important}
    .newsLatest.blogEntries .blogItem{margin-bottom:2rem!important;width:calc(33.33% - 30px)!important;max-width:100%!important;height:auto!important;box-sizing:border-box!important}
    .newsLatest.blogfunc{padding:0 5%!important}
    .newsLatest.eventEntries{padding:0 5%!important;width:100%!important}

    .newsSingle.ebooks .newsIntro{padding:50px 5%;width:100%!important}
    .newsSingle.ebooks .newsIntro .newsBack{width:100%!important}
    .newsSingle.ebooks .newsBody,.newsSingle.ebooks .newsHubspot{padding:50px 5% 0;width:100%!important}
    .newsSingle.ebooks .newsIntro .newsIntrobox{width:100%!important}

    main > article:not(.main2ColWrap) > * > *{width:100%!important}
    #page main .picSlider > *{height:auto!important}

    main .indexedsearch_pi2{padding:0 5%}
    footer .footerWrap{width:auto!important;padding:0 5%!important}

    .partnerWrap.singleView > .singleBody{padding:0 5%!important}
    .partnerWrap.singleView > .singleFooter{padding:6rem 5% 0!important}
    .partnerPlugin .partnerWrap{padding:40px!important}
    .partnerPlugin.listView.bgColor{padding:0!important}

    .newsCsHeaderWrap .imgOverlay .galWrap + *{width:100%!important}
    .menu.main.mclick .level-1 > .li > span.title > button.expdLevel > span{font-size:var(--font-size-m)!important}

    .ceItem.vpadding-20{padding-top:40px!important;padding-bottom:40px!important}
    .ceItem.clickChange.hasBgColor{padding:8% 5%!important}
    .news.blogSingle{padding:0 5%!important}
    .ceItem.contentAcc,.ceItem.grids{padding:0 5%!important}
    .ceItem.news_pi1 .news.onecolList .newsLatest article .newsMedia{height:100%!important}
    .ceItem .news .newsLatest.maxCount-10.whitepaperEntries,.ceItem .news .newsLatest.maxCount-10.ebookEntries{padding:0 5%!important}
    .ceItem.roadMap{padding:0 5%!important}
    .ceItem.threecol.frame-108{max-width:90%!important}

}

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

    .newsCsHeaderWrap .hasBgColor .bodyWrap,.newsCsHeaderWrap .extContent.imgOverlay .itemWrap{width:100%!important;padding:0!important}

    .clickChange.squareType .galWrap{width:50%!important}
    .clickChange.squareType .galWrap div.cccPic{width:150px}
    .clickChange.squareType .galWrap div.cccPic:nth-child(1){bottom:20%!important;left:-50px}
    .clickChange.squareType .galWrap div.cccPic:nth-child(2){right:auto;bottom:20%!important;left:120px}
    .clickChange.squareType .galWrap div.cccPic:nth-child(3){bottom:20%!important;left:290px}

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

    .newsLatest.maxCount-2{padding:0 5%!important;width:100%!important}
    .news .newsLatest.maxCount-2 article{width:48%!important}

    .extContent.hubspotForm .itemWrap{padding:0 5%!important}
    .extContent.newsletterForm .itemWrap{padding:40px!important}
    .partnerPlugin .partnerWrap{padding:20px!important}

}

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

    .ceItem.extContent.gridSection{padding-right:0!important;padding-left:0!important}
    .ceItem .gridGroup .grid-row .gridItem{margin:0 0 40px!important;width:100%!important}

}