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

    #page > header .menuBox .logoBox .subLogo{bottom:10px;font-size:11px;font-weight:normal}
    #page > header .menuBox > .logoBox{width:80%!important;max-width:80%!important}
    .navExpd #page > header .menuBox > .logoBox{padding:0}

    .news.casestudySingle .newsCsHeaderWrap .extContent .galWrap, #page .newsCsHeaderWrap .hasBgColor .bodyWrap .txtWrap{width:100% !important}
    .news.casestudySingle .newsCsHeaderWrap .extContent.hasBorder.imgOffset .galWrap.pos-200.cols-1 .imgCol, .news.casestudySingle .newsCsBodyWrap .extContent.hasBorder.imgOffset .galWrap.pos-200.cols-1 .imgCol{width: 30% !important;}
    .news.casestudySingle .newsCsHeaderWrap.csContentWrap .gridItem .itemWrap .galWrap .imgRow{height: 0 !important}
    .newsCsHeaderWrap > :first-child{min-height:30rem !important;height:100% !important;padding:2rem 0 !important}

    .ceItem.clickChange .itemWrap .bodyWrap .txtWrap .buttonBox .btn.btnSmall{margin: 20px 0 0 0 !important}
    .ceItem.mobileHeader .itemWrap .bodyWrap .txtWrap .buttonBox .btn{margin: 20px 0 0 0 !important}
    .ceItem.headingWidthMedium .itemWrap .hGroup{width:100% !important}
    .ceItem .gridGroup .grid-row .gridItem{margin:0 0 20px!important;width:100%!important}
    .newsPlugin.news_newssearchform .news{width:100% !important}
    .news .newsLatest{padding:0 5% !important}
    .news.blogList .newsLatest{padding:0 5% !important;margin-top: 40px !important}
    .news.onecolList.noBlog{padding:0 !important}
    .newsLatest.onecolEntries article.oneCol{margin: 40px 0px !important}
    .news .newsLatest article.ebooks .newsBody .newsMedia{height: 20rem !important;}
    .newsSingle .newsSocial .btn{margin: 0 3% 8% 0 !important;width: 6% !important;}
    .grid-container .grid-col > * {height: auto !important}
    .extContent.smallIcons .galWrap .imgCol figure{width:35% !important;margin:0 auto}
    #page.fancyPage > header > :nth-child(3){width:25% !important}
    .page-1 .extContent.vpadding-20.bgColor.grey.light:first-child{padding:20px 20px 0!important}
    .page-1 .extContent.cust5:first-child .bodyWrap.rev .galWrap .imgCol{margin:0 15px 20px;width:calc(33.33% - 30px)!important}
    .extContent .galWrap{width:100% !important}
    .extContent .txtWrap{width:100% !important}

    .ceItem.fourBoxesMobile .gridGroup .grid-row .gridItem{width:48% !important}
    .ceItem.fourBoxesMobile .gridGroup .grid-row .gridItem section .itemWrap{width:60% !important;margin: 0 auto !important}

    #page header .multiText .column.leftCol{width:100% !important;margin-bottom:20px !important}
    #page header .multiText .column.centerCol{width:100% !important}

    footer{padding:35px 20px!important}
    footer .footerWrap > .column,footer .footerWrap > aside{padding-right:0!important;padding-left:0!important;width:100%!important}
    footer aside.fLogo,footer aside.fText,footer aside.adds{width:100%!important}
    footer aside.fLogo img,footer aside.adds .galWrap img{max-width:180px!important}
    footer .fFooter > nav #navCont #mainLevel-1{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}
    footer .fFooter > nav #navCont #mainLevel-1 > .li{margin:0 0 15px;width:100%;text-align:left}
    footer .fFooter > nav #navCont #mainLevel-1 > .li:last-child{margin-bottom:0}

    .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;}

    .picSlider .sliderItem .buttonBox .btn{width:100% !important}

    .ceItem.roadMap::after{left:0 !important;height:98px !important}
    .ceItem.roadMap.expd::after{bottom: 100px;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::before{display: none !important;}
    .ceItem.roadMap .rmItem .rmBox::after{width: 25px !important;height: 25px !important;}
    .ceItem.roadMap .rmItem.odd:first-child{margin-top:4rem !important}
    .ceItem.roadMap .rmItem .rmBox::before, .ceItem.roadMap .rmItem .rmBox::after{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: 0.3rem !important;position:absolute;}
    .ceItem.roadMap .rmItem .rmLine_Wrapper{margin: 0 auto !important;width: 100% !important;bottom: -110px !important;position: relative;}
    .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: -50px !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 {position: relative;margin: 2rem 0;padding-left: 40px}

    .newsLatest article.oneCol.blog .newsText{width:100%!important}
    .newsLatest article.threeCol{width:100%!important}
    .newsLatest.blogEntries .blogItem{width:100%!important;height: auto !important;box-sizing: border-box !important;max-width: 100% !important;margin-bottom: 2rem !important;}
    .newsLatest:not(.newsSlide) .articletype-0{margin: 0 0 40px 0 !important}
    .newsLatest.whitepaperEntries .articletype-0.whitepaper .newsText{width:100% !important}
    .newsLatest .pagination{margin:0!important;padding:0!important}
    .newsLatest .pagination button{padding:10px}
    .newsLatest .pagination .pageNumbers{padding:20px 0;width:100%}

    .extContent.mobileHeader .itemWrap .galWrap{width: 40% !important;margin: 0 auto;padding-bottom:40px !important}
    .extContent.mobileHeader .itemWrap .txtWrap{width:100% !important}
    .grid-container .col-lg-3{width:100% !important}
    .grid-container .grid-col > *{width:100%}
    .extContent .itemWrap .imgRow .imgCol.w50 img{width:50% !important}

    .testimonial .sliderItem.flexRow .galWrap{width:50% !important}
    .testimonial .sliderItem.flexRow .txtWrap{width:90% !important}

    .ceItem.spaceBefore-large{margin-top: 2rem !important;}
    .ceItem.spaceAfter-large{margin-bottom: 2rem !important;}
    .ceItem.spaceBefore-extra-large{margin-top: 2.9947rem !important;}
    .ceItem.spaceAfter-extra-large{margin-bottom: 2.9947rem !important;}

    .extContent .itemWrap .imgRow .imgCol img{margin-bottom:0 !important}
    .extContent .itemWrap .imgRow .imgCol video{margin-bottom:0 !important}

    section.flipLogo figure .flipBox img{width:100%!important;max-height:90%!important}

    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}

    ul.cList li.phone .phoneWrap{display:none}

    .grid-container .col-lg-6{width:100%!important}
    .grid-container .col-lg-6 .ceItem{margin:20px 0 0 0}
    .grids:first-child .grid-container .col-lg-6 .ceItem{margin:0}

    .ceItem.twocol .grid-container .col-lg-4 {width: 100% !important}
    .ceItem.threecol .grid-container .col-lg-4 {width: 100% !important;margin-bottom:40px !important}

    #page > header .ceItem.threecol .grid-container .col-lg-4{margin-bottom:20px!important}
    #page > header .ceItem.threecol .grid-container .col-lg-4:last-child{margin-bottom:0!important}

    .ceItem.threecol .grid-container .col-lg-4 .frame-107 {margin-bottom: 40px !important}
    .ceItem.threecol .grid-container .col-lg-4 .extContent.BoxSpacer{padding: 40px !important;}

    .extContent.hasBorder.imgOffset .galWrap.pos-200.cols-1 .imgCol.w35{width:12% !important}

    .ceItem.grids .gridText {margin:0 !important}
    .ceItem.grids .gridText .hGroup{margin-bottom: 40px !important}

    .grid-container .grid-col > .extContent.hasBorder {height:auto !important;width: 100% !important}

    .extContent.hasBorder.imgOffset .galWrap.pos-200.cols-1 {margin:40px 0 0 0 !important}
    .extContent.hasBorder.imgOffset .galWrap.pos-200.cols-1 figure {position: absolute;top: -90px;padding: 0 6px;background-color: #fff;}
    .extContent.hasBorder.imgOffset .galWrap.pos-200.cols-1 .imgCol {width:25% !important}
    .extContent.hasBorder.imgOffset .galWrap.pos-200.cols-1 .imgCol img {width:auto !important}
    .extContent.mobileHeader .itemWrap .galWrap{width:30% !important;margin:0 auto}
    .extContent.mobileHeader .itemWrap .txtWrap{width:100% !important}
    .extContent.mobileHeader .itemWrap .buttonBox{margin-top:20px !important;}
    .extContent.mobileHeader .itemWrap .buttonBox .btn{margin-top:20px !important;}
    .extContent .itemWrap .imgRow .imgCol.w50 img{width:50% !important; margin:0 !important}
    #page .extContent.w30Mobile .galWrap.w30{width:50% !important;margin:0 auto !important;padding-bottom:2rem !important}
    .extContent.imgPosRight .txtWrap{padding:0 !important}
    .extContent.tableDesignList thead{display: none;}
    .extContent.cust5{padding:20px 20px 0!important}
    .extContent.cust5 .bodyWrap.rev .txtWrap{order:1;margin-bottom:20px!important;padding:0}
    .extContent.cust5 .bodyWrap.rev .galWrap{order:2}
    .extContent.cust5 .bodyWrap.rev .galWrap .imgRow{-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}
    .extContent.cust5 .bodyWrap.rev .galWrap .imgCol{margin:0 15px 20px;width:calc(19% - 30px)}
    .extContent.cust5 .bodyWrap.rev .galWrap .imgCol img{width:auto !important}
    .ceItem.minHeightPartner .gridItem .itemWrap{min-height:auto !important;padding:20px !important;margin-bottom:40px !important}
    .ceItem.minHeightPartner .gridItem .itemWrap img{margin-bottom:0 !important}

    #heroSlider .sliderItem{min-height:480px}
    #heroSlider .sliderItem .txtWrap,#heroSlider #mediaBox .sliderItem .txtWrap{top:50%;right:20px;left:20px}
    #heroSlider .sliderItem .txtWrap .hGroup > :first-child{font-size:28px!important;line-height:1.12!important}
    #heroSlider .sliderItem .txtWrap .hGroup > :not(:first-child),#heroSlider .sliderItem .txtWrap .hGroup > h5,#heroSlider .sliderItem .txtWrap .hGroup > h5 *{font-size:17px!important;line-height:1.35!important}
    #heroSlider .sliderItem .buttonBox{position:relative;margin-top:18px}
    #heroSlider .sliderItem .buttonBox .btnIcon{position:absolute;top:15px;right:20px;width:16px}
    #page main > article{padding-top:30px}

    .researchdb-tools > *{margin:10px 0}
    .researchdb-reset{text-align:center}
    .researchdb-item__header.researchAcc .researchdb-item__title > *{display:block;padding-right:40px}
    .researchdb-pagination{padding-bottom:30px}

    footer .fFooter > nav #navCont #mainLevel-1 > .li > .title > a{padding:14px 5px;font-size:16px!important}
    footer aside.adds{padding-top:25px!important}
    footer aside.adds section p{margin-bottom:10px!important}
    footer aside.adds section p > *,footer aside.adds .itemWrap .mainText p > a,footer aside.adds .itemWrap .mainText p > span{display:block;margin:0 0 10px!important;width:100%!important}

}

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

    #page main .extContent:not(.imgMobileTop) .galWrap,#page main .extContent:not(.imgMobileTop) .txtWrap{margin-top:20px;width:100%!important}
    #page main .extContent:not(.imgMobileTop) .galWrap + .txtWrap{margin-top:25px!important}
    .ceItem.imgGroupCenter .itemWrap .galWrap .imgRow .imgCol{width:35%}
    .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}
    .w-1-5,.w-1-6{width:30% !important}
    .extContent.bgColor.grey.light{padding:8% !important}
    .extContent.hubspotForm.newsletterForm .itemWrap{padding: 20px !important}
    .testimonial .txtWrap .bodyText{padding:0 !important}
    .testimonial .txtWrap .bodyText::before{top: -80px;left: 0px;}
    .ceItem .itemWrap .bodyWrap .txtWrap .table{display:block;width:100%;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
    .ceItem .itemWrap .bodyWrap .txtWrap .table table{display:table;width:max-content;min-width:100%;font-size:12px!important}
    .ceItem.news_newsdetail .news.blogSingle .article .newsText .table .contenttable tbody tr td, .ceItem.news_newsdetail .news.blogSingle .article .newsText .table .contenttable tbody tr td:first-child{padding: 10px !important;font-size: 12px !important;}
    .ceItem.fourBoxesMobile .gridGroup .grid-row .gridItem section .itemWrap{width:80% !important;margin: 0 auto !important}

}

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

    .extContent.hasBorder.imgOffset .galWrap.pos-200.cols-1 .imgCol.w35{width:17% !important}
    .extContent.hasBorder.imgOffset .galWrap.pos-200.cols-1 figure{top: -79px;}
    .extContent.cust5 .bodyWrap.rev .galWrap .imgCol{margin:0 15px 20px;width:calc(30% - 30px) !important}
    .grids.eventPerson .gridItem{width:100% !important}
    #page > header .menuBox{padding-right:15px;padding-left:15px}

    #heroSlider .sliderItem{min-height:440px}
    #heroSlider .sliderItem .txtWrap,#heroSlider #mediaBox .sliderItem .txtWrap{right:15px;left:15px}
    #heroSlider .sliderItem .txtWrap .hGroup > :first-child{font-size:25px!important;line-height:1.12!important}
    #heroSlider .sliderItem .txtWrap .hGroup > :not(:first-child),#heroSlider .sliderItem .txtWrap .hGroup > h5,#heroSlider .sliderItem .txtWrap .hGroup > h5 *{font-size:16px!important;line-height:1.35!important}

    #page main > article{padding-top:25px}
    #page main .extContent:not(.smallIcons):not(.smallIconsMobile):not(.imgSmall) .imgRow > .imgCol{width:100%!important}
    #page main .extContent:not(.smallIcons):not(.smallIconsMobile):not(.imgSmall) .imgRow > .imgCol + .imgCol{margin-top:20px}

    footer{padding:30px 15px!important}
    footer aside.fLogo img{max-width:160px!important}
    footer .social .ceItem .galWrap .imgRow > *{margin-right:15px}
    footer .fFooter > nav #navCont #mainLevel-1 > .li > .title > a{padding:15px 5px}
    footer aside.adds .galWrap img{max-width:130px!important}

}

@media (prefers-reduced-motion:reduce) {

    *,*::before,*::after{scroll-behavior:auto!important;-webkit-transition:none!important;transition:none!important;-webkit-animation:none!important;animation:none!important}

}