@media all and (max-width: 1500px) {
  .newsletterOverlay .content .info .title,
  .newsletterOverlay .content .info .successMsg {
    font-size: 25px;
  }
  .title.white,
  .title,
  .podcastSection .title,
  .impact .blockHead .blockTitle,
  .blockHead .blockTitle {
    font-size: 30px;
  }
}
@media all and (max-width: 1200px) {
  header .mainMenu li {
    margin-right: 10px;
  }
  header .mainMenu li > a {
    font-size: 10px;
  }
}
@media all and (max-width: 1100px) {
  header.black .mainMenu,
  header .mainMenu li.hasSubmenu {
    position: static !important;
  }
  .ddsecondLevel {
    position: absolute;
    width: 100%;
    background: #fff;
    z-index: 2;
    height: auto;
    padding: 20px;
    box-shadow: none;
    min-width: 0;
    width: 100vw;
    height: 100vh;
    top: 0;
    left: 0;
    padding-top: 105px;
    left: 100%;
    transition: all 0.3s ease-in-out;
    display: block;
  }
  .ddsecondLevel .title {
    margin-bottom: 20px;
  }
  .ddsecondLevel.twoCols {
    min-width: 0 !important;
  }
  .ddsecondLevel.twoCols > div > ul > li ul li a {
    padding: 0;
  }
  .ddsecondLevel.twoCols > div > ul > li {
    margin-bottom: 0px;
  }
  .ddsecondLevel.twoCols > div > ul > li h6 {
    margin-top: 30px;
    margin-bottom: 10px;
  }
  .ddsecondLevel.twoCols > div > ul > li h6 a {
    padding: 0;
  }
  .ddsecondLevel ul li {
    border-bottom: none;
  }
  header .mainMenu li.hasSubmenu li:last-child {
    margin-top: 0 !important;
  }
  .ddsecondlevelBack {
    color: #f0a000 !important;
    padding: 0 !important;
    font-size: 16px !important;
    padding-left: 30px !important;
    position: relative !important;
  }
  .ddsecondlevelBack::after {
    display: none;
  }
  .ddsecondlevelBack::before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 0;
    width: 20px;
    transform: translateY(-50%) rotateZ(90deg);
    height: 20px;
    background-image: url(../images/dropdown-arrow.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: left center;
  }
  header .mainMenu li {
    margin-right: 10px;
  }
  header .mainMenu li a.active {
    color: #f0a000;
  }
  header .mainMenu li a.active::after {
    display: none;
  }
  header .mainMenu li.menuOpened .ddsecondLevel {
    left: 0;
  }
  header .col-sm-4,
  header .leftmen {
    width: 50%;
  }
  .teamListing .listingImage {
    height: 150px;
    width: 150px;
  }
  .mrgb120 {
    margin-bottom: 60px;
  }
  .grayBg {
    padding: 40px 0;
  }
  .smallBanner h2 {
    font-size: 30px;
  }
  header {
    background-color: #19354f;
    position: relative;
  }
  header .search {
    margin-right: 20px;
  }
  header .leftmen {
    position: unset;
    flex-direction: row-reverse;
  }
  header .row {
    display: flex;
    flex-direction: row-reverse;
  }
  header .floatRight {
    float: left;
  }
  header h1 {
    text-align: left;
  }
  header h1 a {
    background-position: top left;
    display: block;
    background-repeat: no-repeat;
    background-size: contain;
  }
  header h1 a img {
    opacity: 1;
  }
  header.fixed h1 a {
    background-position: top left;
  }
  .menusMain {
    display: none;
    position: absolute;
    background: #fff;
    width: 100vw;
    left: -20px;
    z-index: 2;
    padding: 80px 20px;
    height: 100vh;
    top: -20px;
    overflow-x: hidden;
    overflow-y: auto;
  }
  .menusMain li {
    display: block !important;
    border-bottom: 1px solid #d8d8d8;
  }
  .menusMain li a {
    color: #222f44;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 19px;
    text-transform: uppercase;
    -webkit-transition: all 400ms ease-in-out;
    -moz-transition: all 400ms ease-in-out;
    -ms-transition: all 400ms ease-in-out;
    -o-transition: all 400ms ease-in-out;
    transition: all 400ms ease-in-out;
  }
  .menusMain li a:hover {
    color: #222f44;
  }
  .menusMain li a:hover::after {
    display: none;
  }
  .container {
    width: calc(100% - 40px);
    margin: 0 auto;
  }
  footer .col-sm-4 {
    width: 100%;
  }
  footer .col-sm-6,
  footer .col-sm-2 {
    display: none;
  }
  footer .socialMedia h5 {
    margin-bottom: 10px;
  }
  footer .description {
    width: 100%;
  }
  .search {
    top: auto !important;
    right: auto !important;
  }
  .search .searchBtn {
    background-image: url(../images/search-white.svg);
  }
  .mobileMenuToggler {
    z-index: 8;
    position: relative;
  }
  .mobileMenuToggler span {
    background-image: url(../images/burgerMenu.svg);
    width: 28px;
    height: 16px;
    display: block;
    margin-top: 40px;
  }
  .mobileMenuToggler span.open {
    background-image: url(../images/cancel.svg) !important;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: right center;
    transform: translateY(30px);
  }
  .openedMenu {
    overflow: hidden;
  }
  .openedMenu .mobileMenuToggler span {
    background-image: url(../images/close.svg);
    background-repeat: no-repeat;
    background-position: center;
  }
  .projectListing .listingItem .listingInfos .listingLink {
    position: static;
    margin-top: 10px;
  }
  .projectListing .listingItem .listingImage img + img {
    border-left: none;
    padding-left: 0;
    margin-left: 0;
    margin-top: 30px;
  }
  .pageTitle {
    font-size: 30px;
    line-height: 50px;
    margin-bottom: 40px;
  }
  .relatedPublication h3,
  .title {
    font-size: 30px;
  }
  .search .innerSearch {
    z-index: 35;
  }
  .filterDropdown.withSearchBtn {
    padding-right: 0;
  }
  .filterDropdown.withSearchBtn .filterBtn {
    position: static;
    float: right;
  }
  .filterDropdown .col-sm-4,
  .filterDropdown .col-sm-3 {
    margin-bottom: 20px;
  }
  .filterDropdown .searchBtn {
    min-width: 309px;
    border-radius: 35px;
    background-color: #f0a000;
    border: 1px solid #f0a000;
    text-align: center;
    height: 50px;
    display: inline-block;
    line-height: 50px;
    color: #ffffff;
    text-transform: uppercase;
    font-size: 13px;
    -webkit-transition: all 400ms ease-in-out;
    -moz-transition: all 400ms ease-in-out;
    -ms-transition: all 400ms ease-in-out;
    -o-transition: all 400ms ease-in-out;
    transition: all 400ms ease-in-out;
    position: static;
    width: 100%;
    background-position: 90%;
  }
  .filterDropdown .searchBtn:hover {
    color: #f0a000;
    background-color: #fff;
  }
  .contactInfo .col-sm-10,
  .contactInfo .col-sm-2 {
    width: 100%;
  }
  .contactItem h6:after {
    width: 50px;
    height: 50px;
  }
  .contactItem {
    min-height: 50px;
    padding-left: 70px;
    height: auto;
  }
  .contactItem h6:after {
    width: 50px;
    height: 50px;
    background-size: 40%;
  }
  .contactItem h6:before {
    width: 50px;
    height: 50px;
  }
  .upcomingActivities .container {
    width: auto;
  }
  .newsLetterContainer {
    margin-bottom: 30px;
  }
  footer .footerBottom .col-sm-3 {
    width: 50%;
  }
  header .mainMenu li a {
    color: #222f44;
    padding: 0;
    line-height: 40px;
  }
  .description {
    text-align: left !important;
  }
  .discoverOther {
    margin-bottom: 40px;
  }
  .advancedSearch .keywordinput input {
    padding: 15px 20px;
  }
  header.home .mainMenu > ul > li.hasSubmenu {
    background-image: url(/images/dropdown-arrow_black.svg);
  }
  .latestOpportunities .item {
    width: 250px;
  }
  .relatedPublication .type {
    top: 10px;
    left: 10px;
  }
  .relatedPublication .type a {
    font-size: 10px;
    padding: 4px 6px;
    margin-right: 0px;
  }
}
@media all and (max-width: 1024px) {
  .podcastListing .listingHolder {
    padding: 0;
  }
  .home-podcasts .podcastSection {
    padding: 40px 0 !important;
  }
  .home-podcasts .podcastSection .toptitle {
    font-size: 30px;
    margin-bottom: 30px;
  }
  .home-podcasts .podcastSection .right {
    margin-bottom: 20px;
  }
  .home-podcasts .podcastSection .bottomCarousel .listingItemLI {
    margin-bottom: 30px;
  }
  .home-podcasts .podcastSection .bottomCarousel .blockBody {
    margin-bottom: 0;
  }
}
@media all and (max-width: 768px) {
  .solarDescription.mrgb100.grayBg + .solarDescription.mrgb100 {
    margin-top: 50px;
  }
  header .mainMenu li {
    margin-right: 0;
  }
  header .mainMenu li a {
    color: #222f44;
    line-height: 40px;
  }
  header .mainMenu li.hasSubmenu {
    position: relative;
  }
  header .mainMenu li.hasSubmenu::after {
    content: "";
    display: block;
    position: absolute;
    top: 14px;
    right: 0;
    width: 12px;
    height: 12px;
    background-image: url(../images/dropdown-arrow.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
  }
  header .mainMenu li.hasSubmenu li a {
    font-size: 18px;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 40px;
    color: #222f44;
    padding: 0;
  }
  header .mainMenu li.hasSubmenu li a:after {
    display: none;
  }
  header .mainMenu li.hasSubmenu li a.active {
    opacity: 0.51;
    color: #005071;
  }
  .pageTitle {
    font-size: 20px !important;
    line-height: 25px !important;
  }
  .hiddenMobileHomeLink {
    display: block;
  }
  header .floatRight h1 a.eulogo {
    height: 72px;
    width: 100px;
    background-image: url(../images/EU-Logo.png);
  }
  header .floatRight h1 a.eulogo img {
    display: none;
  }
  header.fixed .floatRight h1 a.eulogo {
    background-image: url(../images/EU-Logo-w.png);
  }
  header .search .searchBtn {
    background-image: url(/images/search-green.svg) !important;
    filter: brightness(100);
  }
  header.fixed .search .searchBtn {
    background-image: url(/images/search-white.svg) !important;
  }
  header .mobileMenuToggler span {
    background-image: url(../images/menuburgerblue.svg);
    filter: brightness(0) invert(1);
  }
  header .mobileMenuToggler span.open {
    filter: none;
  }
  header.fixed .mobileMenuToggler span {
    background-image: url(../images/burgerMenu.svg);
  }
  .newsListing .listingItemLI {
    margin-bottom: 50px !important;
  }
  .teamListing .listingTitle a {
    font-size: 16px;
  }
  .teamListing .listingImage {
    height: 125px;
    width: 125px;
  }
  .teamListing .listingImage a {
    height: 125px;
    width: 125px;
  }
  .smallBanner {
    padding: 25px 0;
    margin-bottom: 40px;
    min-height: 100px;
  }
  .smallBanner.mrgb0 {
    margin-bottom: 0;
  }
  .pageTitle {
    line-height: 40px;
  }
  .projectListing .listingItem .listingImage {
    float: none;
    text-align: center;
    width: 100%;
  }
  .projectListing .listingItem .listingImage img + img {
    margin-left: 20px;
  }
  .projectListing .listingItem .listingInfos {
    float: none;
    width: 100%;
    margin-bottom: 40px;
  }
  .projectListing .listingItem .listingInfos .listingTitle a {
    font-size: 24px;
  }
  .search .innerSearch {
    padding: 20px;
    width: 100%;
  }
  footer .footerBottom {
    margin-top: 30px;
  }
  footer .rightAlign {
    text-align: left;
  }
  .newsLetterContainer {
    margin-bottom: 40px;
  }
  .fancybox-slide--html {
    padding: 0;
  }
  .smallBanner.projectBanner {
    padding: 40px 0 0;
  }
  .smallBanner.projectBanner + .grayBg {
    padding-top: 50px;
  }
  .smallBanner.projectBanner + .grayBg .projectDetails {
    background-color: #fff;
    padding: 20px;
    margin-bottom: 40px;
  }
  .smallBanner.projectBanner + .grayBg .projectDetails .listingImage img {
    text-align: center;
    margin: 0 auto 20px;
    display: block;
  }
  .smallBanner.projectBanner + .grayBg .projectDetails .listingImage,
  .smallBanner.projectBanner + .grayBg .projectDetails .listingInfos {
    width: 100%;
    float: none;
  }
  .smallBanner.projectBanner h2 {
    margin-bottom: 30px;
  }
  .smallBanner.projectBanner .projectImg {
    margin-bottom: 100px;
  }
  .smallBanner.projectBanner .projectImg img {
    position: static;
  }
  .smallBanner.projectBanner .listingDate {
    margin-top: 40px;
  }
  .videoList .listingTitle a {
    font-size: 25px;
  }
  .whatNews .blockHead {
    display: flex;
    flex-direction: column-reverse;
    margin-bottom: 20px;
  }
  .whatNews .sideLinks {
    margin-top: 10px;
  }
  .whatNews .blockTitle {
    margin-bottom: 0;
    font-size: 30px;
  }
  .latestUpdates .listingItemLI {
    margin-bottom: 30px;
  }
  .latestUpdates .listingItemLI:last-child {
    margin-bottom: 0;
  }
  .latestUpdates .blockHead {
    display: flex;
    flex-direction: column-reverse;
    margin-bottom: 20px;
  }
  .latestUpdates .blockHead .sideLinks {
    margin-top: 10px;
  }
  .latestUpdates .blockHead .blockTitle {
    margin-bottom: 0;
    font-size: 25px;
  }
  .teamListing .listingItem:hover .listingInfos {
    position: static;
  }
  .teamListing .listingItem:hover .listingInfos a {
    color: #005071;
  }
  .toggleItem .toggleTitle {
    background-position: 100% 10px;
    font-size: 18px;
    line-height: 24px;
    padding-right: 40px;
  }
  .toggleItem .toggleContent {
    font-size: 14px;
    line-height: 20px;
  }
  .brdBtm .container {
    padding-bottom: 40px;
    margin-bottom: 40px;
  }
  .searchListing li .listingTitle a {
    font-size: 22px;
    line-height: 20px;
    margin-bottom: 20px;
  }
  .socialMediaLink {
    text-align: left;
    justify-content: flex-start;
  }
  .profileDetails .mail {
    background-image: url(/images/Mail.svg);
    background-repeat: no-repeat;
    background-position: top left;
  }
  .profileDetails .linkedin {
    background-image: url(/images/linked-in.svg);
    background-repeat: no-repeat;
    background-position: top left;
  }
  .profileDetails .mail:before,
  .profileDetails .linkedin:before {
    display: none;
  }
  .mainMenu > ul > li a {
    text-align: left;
  }
  .ddsecondLevel.twoCols > div > ul > li {
    width: 100%;
  }
  .ddsecondLevel.twoCols > div > ul > li:last-child {
    margin-top: 40px;
  }
  .whatNews .listingItemLI {
    margin-bottom: 40px;
  }
  header.black {
    height: auto;
  }
  header.black h1 a {
    background-size: 70%;
  }
  .mobileMenuToggler span {
    margin-top: 0;
  }
  .projectListing.grayBg .listingItem {
    display: flex;
    flex-direction: column-reverse;
  }
  .projectListing.grayBg .listingItem .listingImage {
    margin-bottom: 30px;
  }
  .mainBanner {
    height: 85vh;
  }
  .mainBanner .sliderContent {
    height: 30vh;
  }
  .mainBanner .sliderContent h2 {
    font-size: 28px;
    line-height: 30px;
  }
  .mainBanner .sliderContent p {
    font-size: 30px;
    line-height: 35px;
  }
  .latestProject .listingImage,
  .latestProject .listingInfos {
    width: 100% !important;
  }
  .impact {
    padding: 75px 35px 45px;
  }
  .impact .listingItemLI {
    width: 50%;
    margin-bottom: 30px;
  }
  .latestProject,
  .blueBg,
  .latestOpportunities .container {
    padding: 50px 0;
  }
  .latestProject .loadMoreBtn,
  .blueBg .loadMoreBtn,
  .latestOpportunities .container .loadMoreBtn {
    display: none;
  }
  .onFocus .listingItem .listingTitle {
    width: auto;
  }
  .onFocus .listingItem .listingTitle a {
    font-size: 35px;
  }
  header .floatRight {
    padding-left: 0;
  }
  header .search {
    right: 20px;
    top: 23px;
  }
  header .floatRight h1 a {
    max-width: 40%;
    max-height: 72px;
  }
  header .floatRight h1 a img {
    max-height: 72px;
  }
  header .row {
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
  }
  .mobileMenuToggler span {
    margin-right: 35px;
  }
  .mainBanner .fullBg {
    padding-top: 40px;
  }
  .blueContainer .budget,
  .blueContainer .date {
    font-size: 18px;
  }
  .relatedProjectListing .type {
    top: 15px;
    left: 15px;
  }
  .teamListing .listingItem {
    min-height: 200px;
    margin-bottom: 20px;
  }
  .teamListing .listingItem:hover .listingImage {
    height: 152px;
  }
  .teamListing .listingItem:hover .listingImage a {
    height: 152px;
    width: 100%;
  }
  .teamListing .listingItem:hover .listingInfos .listingTitle a {
    top: 40%;
  }
  .projectTypeBanner .col-sm-6:first-child {
    height: auto;
    padding-top: 30px;
  }
  header .leftmen {
    padding-right: 0;
  }
  header .search {
    right: 65px;
    top: 23px;
  }
  .mobileMenuToggler span {
    margin-right: 0;
  }
  .upcomingActivities h6 {
    margin: 0;
    padding-left: 20px;
    margin-bottom: 20px;
  }
  .mainBanner .sliderContent {
    margin-bottom: 0px;
  }
  .mainBanner .fullBg {
    height: 60vh;
  }
  .mainBanner .sliderContent {
    height: auto;
  }
  .upcomingAct {
    margin-top: -200px;
  }
  .impact {
    padding: 40px 20px;
  }
  .latestProject .listingInfos .listingTitle a {
    font-size: 24px;
    line-height: 34px;
  }
  .latestProject .listingInfos .listingDescription {
    font-size: 14px;
    letter-spacing: 0;
    line-height: 26px;
  }
  .latestProject .listingInfos .listingLink {
    font-size: 13px;
    font-weight: 600;
    line-height: 16px;
  }
  .impact .blockHead .blockTitle,
  .blockHead .blockTitle,
  .relatedPublication h3,
  .title {
    font-size: 24px;
  }
  .homePage .latestOpportunities .container {
    padding-bottom: 40px;
  }
  .listingItem.video .listingImage {
    min-height: 180px;
  }
  .listingItem.video .listingImage a iframe {
    height: 180px;
    min-height: 180px;
  }
  .onFocus {
    min-height: 0;
  }
  #map {
    min-height: 300px;
    height: 300px;
    max-height: 300px;
  }
  footer {
    padding-top: 20px;
  }
  footer .single {
    display: none;
  }
  .newsLetterContainer {
    margin-bottom: 0;
  }
  footer .footerBottom .col-sm-3.rightAlign {
    padding-top: 15px;
  }
  .mainMenu > ul > li:first-child a {
    padding-top: 0;
  }
  .mainMenu > ul > li a {
    text-align: left;
    display: block;
    padding: 20px 0;
    color: #222f44;
  }
  header .mainMenu li.hasSubmenu::after {
    top: 50%;
    transform: translateY(-50%);
    display: none;
  }
  .fancybox-content {
    max-width: 95%;
    padding: 50px 20px 20px;
  }
  .fancybox-container .items .item a::before {
    top: 15px;
  }
  .projectListing .listingItem .listingImage {
    justify-content: flex-start;
  }
  .projectNumber .suffix {
    font-size: 60px;
  }
  .projectBanner.pod .container .row {
    flex-direction: column;
    align-items: start;
  }
  .projectBanner.pod .container .row .col-sm-7 {
    width: 100%;
  }
  .projectBanner.pod .container .row .col-sm-7 .links a {
    padding: 9px 10px;
    font-size: 12px;
    padding-left: 40px;
  }
  .projectBanner.pod .container .row .col-sm-7 .links a::before {
    left: 10px;
  }
  .videosSection {
    padding: 30px 0;
  }
  .videosSection .title {
    font-size: 26px;
    line-height: 36px;
  }
  .videosSection .intro {
    font-size: 16px;
    line-height: 22px;
  }
  .podcastListing {
    padding: 50px 0 30px;
  }
  .videosOfTheMonth h2 {
    font-size: 30px;
    line-height: 36px;
  }
  .videosOfTheMonth {
    padding-top: 0;
  }
  .videosOfTheMonth .listingHolder .listingItemLI .listingItem {
    flex-direction: column;
  }
  .videosOfTheMonth .listingHolder .listingItemLI .listingItem .listingImage,
  .videosOfTheMonth .listingHolder .listingItemLI .listingItem .listingInfos {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .videosOfTheMonth .listingHolder .listingItemLI .listingItem ::before {
    top: 0;
    transform: none;
  }
  .videosSection .videosSectionCarousel {
    margin-bottom: 0;
  }
  .no-recordes {
    display: none;
  }
  .videosOfTheMonth .listingHolder .listingItemLI .listingItem::before {
    top: 0;
    transform: none;
  }
  header .mainMenu li a {
    font-size: 18px;
  }
  .newsletterOverlay .content {
    justify-content: center;
  }
  .newsletterOverlay .content .info {
    max-width: 90vw;
  }
  header .floatRight {
    display: flex;
    align-items: center;
  }
  header .leftmen {
    padding: 0;
    padding-right: 15px;
  }
  .hiddenMobileHomeLink {
    color: white;
    font-size: 16px;
    margin-right: 58px;
    padding-left: 15px;
  }
  header.fixed {
    background-color: #19354f;
  }
  .latestProject .listingImage a {
    padding-right: 20px;
    padding-bottom: 20px;
  }
  .whatNews {
    padding-top: 50px;
  }
  .latestProject .owl-nav {
    left: 0;
    margin: 0;
    float: none;
    text-align: left;
    width: auto;
    top: 230px;
  }
  .latestProject .owl-nav .owl-next {
    left: 65px;
  }
  .latestProject .owl-nav .owl-prev {
    left: 0;
  }
  .latestProject .listingItem .listingInfos {
    padding-top: 60px;
  }
  .latestOpportunities:not(.relatedPublication) .titleWithLinks {
    margin-bottom: 60px;
  }
  .latestOpportunities:not(.relatedPublication) .owl-nav {
    position: absolute;
    width: 50%;
    top: -60px;
    height: 50px;
    margin-top: 0;
    left: 0;
    float: none;
    filter: brightness(100);
  }
  .latestOpportunities:not(.relatedPublication) .owl-nav .disabled {
    cursor: default;
  }
  .latestOpportunities:not(.relatedPublication) .owl-nav .disabled span {
    opacity: 0.5;
  }
  .latestOpportunities:not(.relatedPublication) .owl-nav .owl-next {
    right: auto;
    left: 65px;
  }
  .latestOpportunities:not(.relatedPublication) .owl-nav .owl-next span {
    border: 1px solid #4d5e7a;
    border-radius: 50%;
    background-image: url(/images/left-arrow-nav-white-noout.svg);
    -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
  }
  .latestOpportunities:not(.relatedPublication) .owl-nav .owl-next span:hover {
    opacity: 1;
  }
  .latestOpportunities:not(.relatedPublication) .owl-nav .owl-prev {
    left: 0;
  }
  .latestOpportunities:not(.relatedPublication) .owl-nav .owl-prev span {
    border: 1px solid #4d5e7a;
    border-radius: 50%;
    background-image: url(/images/left-arrow-nav-white-noout.svg);
  }
  .latestOpportunities:not(.relatedPublication) .owl-nav .owl-prev span:hover {
    opacity: 1;
  }
  .latestOpportunities.relatedPublication .titleWithLinks {
    margin-bottom: 60px;
  }
  .latestOpportunities.relatedPublication .owl-nav {
    position: absolute;
    width: 50%;
    top: -40px;
    height: 50px;
    margin-top: 0;
    left: 0;
    float: none;
  }
  .latestOpportunities.relatedPublication .owl-nav .disabled {
    cursor: default;
  }
  .latestOpportunities.relatedPublication .owl-nav .disabled span {
    opacity: 0.5;
  }
  .latestOpportunities.relatedPublication .owl-nav .owl-next {
    right: auto;
    left: 65px;
  }
  .latestOpportunities.relatedPublication .owl-nav .owl-next span {
    border: 1px solid #4d5e7a;
    border-radius: 50%;
    background-image: url(/images/left-arrow-nav-white-noout.svg);
    -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
  }
  .latestOpportunities.relatedPublication .owl-nav .owl-next span:hover {
    opacity: 1;
  }
  .latestOpportunities.relatedPublication .owl-nav .owl-prev {
    left: 0;
  }
  .latestOpportunities.relatedPublication .owl-nav .owl-prev span {
    border: 1px solid #4d5e7a;
    border-radius: 50%;
    background-image: url(/images/left-arrow-nav-white-noout.svg);
  }
  .latestOpportunities.relatedPublication .owl-nav .owl-prev span:hover {
    opacity: 1;
  }
  .whatNews .listingHolder {
    flex-wrap: nowrap;
    display: flex;
    overflow-x: auto;
  }
  .whatNews .listingHolder .listingItemLI {
    flex: 0 0 100%;
    max-width: 100%;
    margin-bottom: 40px;
  }
  .newSideTechnologyListing .techList .listingHolder .listingItemLI {
    border: none;
    padding-bottom: 0;
  }
  .newSideTechnologyListing .techList .listingHolder .listingItemLI .listingItem {
    background-color: white;
    padding: 20px 10px;
  }
  .relatedProjectListing .listingHolder {
    display: flex;
    flex-wrap: nowrap;
    width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
  }
  .relatedProjectListing .listingHolder .listingItemLI {
    flex: 0 0 80%;
    margin: 0;
  }
  .relatedProjectListing.latestProjectSlider .owl-item {
    width: 260px !important;
  }
  .relatedProjectListing.latestProjectSlider .owl-item .listingItem {
    margin: 0;
  }
  .impact .blockHead .blockTitle,
  .blockHead .blockTitle,
  .relatedPublication h3,
  .title {
    text-transform: uppercase;
  }
  .newSideTechnologyListing .techList {
    margin-bottom: 60px;
  }
  .newSideTechnologyListing .techList .title {
    margin-bottom: 20px;
  }
  .home-podcasts .podcastSection {
    padding-top: 20px;
  }
  .home-podcasts .podcastSection .whatNews .listingTitle a {
    height: auto !important;
  }
  .podcastSection .title {
    font-size: 30px;
  }
  .pod img {
    padding-right: 0;
    margin-bottom: 30px;
  }
  .podcastListing .container {
    margin: 0;
    margin-inline: 20px;
  }
  .podcastListing .container .listingItemLI .listingItem {
    flex-direction: column;
  }
  .podcastListing .container .listingItemLI .listingItem .listingInfos,
  .podcastListing .container .listingItemLI .listingItem .listingImage {
    width: 100%;
  }
  .downloadPdf h2,
  .downloadPdf h6 {
    padding: 0;
  }
  .downloadPdf a {
    padding: 0 0 0 30px;
  }
  .advancedSearch .col-sm-12 {
    flex-direction: column;
  }
  .advancedSearch .filtertoggle {
    flex: 0 0 auto;
  }
  .otherPublications {
    margin-top: 0;
  }
  .podcastSection .title {
    font-size: 20px;
  }
  .mainBanner .fullBg {
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
  .latestProject .listingInfos {
    display: none !important;
  }
  .homePage .latestProject {
    margin-bottom: 100px;
  }
  .newsletterOverlay .content .info {
    height: auto !important;
    padding-top: 40px;
    border-radius: 5px;
  }
  .newsletterOverlay .content .info .title {
    font-size: 18px;
  }
  .newsletterOverlay .content .info p {
    font-size: 14px;
    margin-bottom: 15px;
    line-height: 18px;
  }
  .newsletterOverlay .content .info .newsletterContainer a {
    padding: 10px;
    width: 100%;
  }
  .newsletterOverlay .content .info .newsletterContainer input {
    padding: 10px;
    font-family: inherit;
  }
  .newsletterOverlay .content .info .newsletterContainer .dk-select {
    padding: 4px 10px;
  }
  .newsletterOverlay .content .info .newsletterContainer .dk-select.dk-select-open-down {
    border: 1px solid #f0a000;
    border-radius: 0.4em 0.4em 0 0;
  }
  .newsletterOverlay .content .info .newsletterContainer .dk-select .dk-selected {
    color: #005071;
    line-height: 30px;
    padding-right: 30px;
  }
  .newsletterOverlay .content .info .newsletterContainer .dk-select .dk-selected::before {
    margin: 0;
    right: 0;
    transform: translateY(-50%);
  }
  .newsletterOverlay .content .info .newsletterContainer .dk-select .dk-select-options {
    left: -1px;
    width: calc(100% + 2px);
  }
  .newsletterOverlay .content .info .newsletterContainer .dk-select .dk-select-options .dk-option {
    padding: 5px 10px;
  }
  .newsletterOverlay .content .info .newsletterContainer .dk-select .dk-select-options .dk-option-selected {
    background-color: #f0a000;
  }
}
@media all and (max-width: 670px) {
  .mainBanner h2 {
    line-height: 45px;
    width: auto;
  }
  .mainBanner .sliderContent p {
    font-size: 34px;
    line-height: 42px;
  }
  .upcomingActivities .container .owl-carousel {
    padding: 0 20px;
  }
  .upcomingActivities .owl-dots {
    display: block;
  }
  .upcomingActivities .owl-dots .owl-dot {
    height: 10px;
    width: 10px;
    background-color: #ffffff;
    border-radius: 50%;
    margin-right: 10px;
    opacity: 0.2;
  }
  .upcomingActivities .owl-dots .owl-dot:last-child {
    margin-right: 0;
  }
  .upcomingActivities .owl-dots .owl-dot.active {
    opacity: 1;
  }
  .impact .listingItemLI {
    width: 100%;
    display: block;
    margin-bottom: 30px;
    float: none;
  }
  .latestProject .listingItem .listingImage {
    width: 100%;
    margin-bottom: 15px;
    display: block;
    float: none;
  }
  .latestProject .listingItem .listingInfos {
    float: none;
    width: 100%;
    margin-top: 0px;
    display: block;
  }
  img {
    display: block;
  }
  .latestOpportunities .owl-dots {
    display: none;
    margin-bottom: 10px;
    padding-top: 10px;
  }
  .latestOpportunities .owl-dots .owl-dot {
    height: 10px;
    width: 10px;
    background-color: #005071;
    border-radius: 50%;
    margin-right: 10px;
    opacity: 0.2;
  }
  .latestOpportunities .owl-dots .owl-dot:last-child {
    margin-right: 0;
  }
  .latestOpportunities .owl-dots .owl-dot.active {
    opacity: 1;
  }
  .titleWithLinks .listingLink {
    float: none;
    display: block;
    position: relative;
    top: -25px;
    text-align: left;
  }
  .latestProject,
  .blueBg,
  .latestOpportunities .container {
    padding-bottom: 0;
  }
  .latestUpdates {
    padding-bottom: 30px;
  }
  .mrgb120 {
    margin-bottom: 30px;
  }
  .onFocus {
    padding: 30px 0;
  }
  .onFocus .listingItem .listingImage {
    width: 100%;
    float: none;
    display: block;
    margin-bottom: 20px;
    height: auto !important;
  }
  .onFocus .listingItem .listingInfos {
    width: 100%;
    float: none;
    display: block;
    height: auto !important;
    padding: 0;
    min-height: 0px;
  }
  .onFocus .listingItem .listingInfos .listingTitle {
    margin-bottom: 0;
  }
  .onFocus .listingItem .listingInfos .listingTitle a {
    font-size: 25px;
    line-height: 35px;
  }
  .interactiveMap .titleWithLinks .listingLink .inputEntity {
    margin-bottom: 15px;
  }
  header.fixed .mainMenu > ul > li > a {
    color: #222f44;
  }
  footer .footerBottom .col-sm-3 {
    width: 100%;
  }
  .projectTypeBanner {
    height: auto;
  }
  .projectTypeBanner .projectNumber {
    margin: 0;
    float: none;
    width: 100%;
    transform: translateY(60px);
  }
  .projectTypeBanner .projectNumber h3 {
    font-size: 60px;
    line-height: 70px;
  }
  .p100 {
    padding: 0;
  }
  .technoItem {
    margin-bottom: 20px;
  }
  .discoverOther h3 {
    font-size: 20px;
    line-height: 30px;
  }
  .discoverOther h3 a::before {
    top: 50%;
    transform: translateY(-50%);
  }
  body {
    overflow-x: hidden;
  }
  .discoverOther .sourcesListing {
    width: 100%;
  }
  .projectTypeBanner .projectNumber {
    height: auto;
    padding: 40px 20px;
    width: auto;
    display: inline-block;
    margin: 0 auto;
    float: right;
    margin-right: 15px;
  }
  .descriptionContainer {
    padding-top: 40px;
  }
  .projectTypeBanner {
    text-align: center;
  }
  .projectSideInfo {
    padding: 20px;
  }
  .downloadPdf {
    padding: 20px;
  }
  .downloadPdf:before, .downloadPdf:after {
    display: none;
  }
  .advancedSearch .keywordinput {
    width: 100%;
    margin-bottom: 20px;
    display: block;
  }
  .advancedSearch .filtertoggle {
    width: 100%;
    margin-bottom: 20px;
    display: block;
    text-align: center;
  }
  .tabsLinks a {
    display: block;
    margin: 0;
  }
  .tabsLinks a:before {
    display: none;
  }
  .crowdfundingList .item .listingImage {
    display: block;
    margin: 0;
    min-height: 0;
    width: 100%;
  }
  .crowdfundingList .item .listingImage a img {
    width: 100%;
  }
  .crowdfundingList .item .listingInfos {
    display: block;
    width: 100%;
  }
  .crowdfundingList .normalBtn {
    width: 100%;
  }
  .crowdfundingList .item .listingInfos {
    padding: 20px;
  }
  .search .innerSearch .headerSearch,
  .search .ui-menu {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
  .search .fa-search {
    right: 47px;
  }
  .mobileMenuToggler span.open {
    margin: 0;
  }
  .searchListing .normalList {
    width: 100%;
    margin: 0;
    padding: 0 0px;
  }
  .impact {
    border-radius: 5px;
    margin-top: 20px;
  }
  .impact .listingItemLI {
    width: 50%;
  }
  .impact .listingItemLI img {
    width: 45px;
  }
  .impact .listingItemLI .impactItem {
    font-size: 22px;
  }
  .impact .listingItemLI .impactItem .prefix,
  .impact .listingItemLI .impactItem .count {
    font-size: 22px;
  }
  .impact .listingItemLI .impactItem p {
    width: 100%;
  }
  .impact .listingHolder {
    display: flex;
    flex-wrap: wrap;
  }
  .homePage .latestProject {
    padding-top: 20px;
  }
  .newsletterOverlay .content {
    width: auto;
    height: auto;
    max-width: 90vw;
    max-height: 90vh;
  }
  .newsletterOverlay .content .info {
    padding: 40px 20px 30px;
  }
  .smallBanner.projectBanner::before {
    display: none;
  }
  .pushup100px {
    margin-top: 0;
  }
  .pod .links {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .pod .links a {
    flex: 0 0 50%;
    margin: 0;
    max-width: 49%;
    margin-bottom: 10px;
  }
  .pod .share {
    margin-bottom: 20px;
  }
  .podCastAlternatingSections .podcastListing .container {
    padding: 0 20px;
  }
  .podcastListing .owl-nav {
    display: none;
  }
  .podcastListing .owl-dots {
    display: block;
    text-align: center;
    margin-bottom: 30px;
  }
  .podcastListing .owl-dots .owl-dot {
    width: 8px;
    height: 8px;
    border-radius: 50%;
  }
  .podcastListing .repeatDiv:nth-child(even) {
    padding-bottom: 20px !important;
  }
  .podcastListing .listingItemLI .listingItem .listingInfos .listingTitle a {
    font-size: 16px;
    line-height: 20px;
  }
}
@media all and (max-width: 470px) {
  header .floatRight h1 a {
    max-width: 50%;
  }
  .whatNews .listingTitle a {
    height: 68px;
  }
  .backcolPodBlue .whatNews .listingTitle a {
    height: auto;
  }
}
/**Begin Upflift 8/6/2024**/
@media all and (max-width: 767px) {
  .descriptionContainer.grayBg {
    margin-bottom: 20px;
  }
  .descriptionContainer.grayBg .description {
    font-size: 16px;
    padding-bottom: 20px;
  }
  .revampedImplementationsListing .blockBody .listingItem .listingImage img {
    width: 100%;
  }
  .leftBorderIntro {
    font-size: 20px;
    width: 100%;
    margin: 40px 0;
  }
  .revampedImplementationsListing .blockBody {
    width: 100%;
  }
  .revampedImplementationsListing .blockBody .listingItem {
    flex-direction: column;
  }
  .revampedImplementationsListing .blockBody .listingItem .listingDetails h3 a {
    font-size: 25px;
    margin-bottom: 15px;
  }
  .revampedImplementationsListing .blockBody .listingItem .listingInfo {
    font-size: 18px !important;
    margin-bottom: 15px !important;
  }
  .revampedTeamListing h3 {
    font-size: 25px;
  }
  .revampedTeamListing .teamListing .listingItem .listingImage {
    margin: 0;
    margin-bottom: 20px;
  }
  .profileDetails .position {
    margin-bottom: 10px;
  }
  .profileDetails .profileInfo .description {
    font-size: 14px;
    line-height: 20px;
  }
  .smallBanner.projectBanner .shareDiv .share {
    margin-bottom: 0;
  }
  .mrgb100 {
    margin-bottom: 50px;
  }
  .downloadPdf .title,
  .speakersListing .title {
    font-size: 24px;
    margin-bottom: 25px;
  }
  .downloadPdf {
    padding: 0;
  }
  .downloadPdf a {
    font-size: 15px;
    line-height: 13px;
  }
  .downloadPdf a::before {
    width: 25px;
    height: 25px;
  }
  .speakersListing .listingItem .listingInfos .listingTitle a {
    font-size: 20px;
  }
  .smallBanner.projectBanner .listingDate {
    font-size: 20px;
  }
  .profileDetails .membersocialLinks {
    height: 30px;
  }
  .newSideTechnologyListing .techList {
    padding: 0;
  }
  .newSideTechnologyListing .title {
    font-size: 25px !important;
  }
  .descriptionContainer .highlightedText {
    font-size: 20px;
    padding-left: 30px;
  }
  .descriptionContainer .highlightedText:before {
    left: 0;
  }
  .technology .pageTitle {
    margin-bottom: 20px;
  }
  .relatedProjectListing .listingItem {
    padding-bottom: 0;
    border-bottom: none;
  }
  .relatedPublication .listingImage .type {
    top: 10px;
    left: 10px;
  }
  .relatedPublication .listingImage .type a {
    font-size: 10px;
    text-align: center;
    padding: 0;
    transition: all 400ms ease-in-out;
    display: block;
    width: 100%;
    margin-bottom: 10px;
  }
  .latestOpportunities .listingInfos {
    padding: 20px;
  }
  .latestOpportunities .listingInfos .listingTitle a {
    font-size: 18px;
  }
  .strip,
  .relatedPublication .typeTag {
    padding: 5px 10px;
    font-size: 12px;
  }
  .latestOpportunities.mrgb120 {
    margin-bottom: 50px;
  }
  .revampedProjectBanner {
    height: 250px;
  }
  .revampedPodcastSectionProjListing .listingItemLI {
    flex: 0 0 100%;
    padding: 0 15px;
  }
  .revampedPodcastSectionProjListing .listingItemLI .listingImage {
    margin-bottom: 0 !important;
  }
  .revampedPodcastSectionProjListing .listingItemLI .listingImage img {
    max-width: 100%;
    max-height: max-content;
  }
  .revampedPodcastSectionProjListing .listingItemLI .listingInfos {
    margin-bottom: 20px;
  }
  .revampedPodcastSectionProjListing .listingItemLI .listingInfos .listingTitle a {
    margin-bottom: 0;
    font-size: 20px;
  }
  .revampedPodcastSectionProjListing .listingItemLI .listingInfos .listingDate {
    font-size: 16px;
    margin-bottom: 10px;
  }
  .revampedProjectBanner + .container .leftBorderIntro {
    margin: 10px 0 40px;
  }
  .projectDetailsTop {
    padding-top: 40px;
  }
  .grayBg .projectDetails {
    padding: 0;
  }
  .grayBg .projectDetails h3 {
    font-size: 22px;
    line-height: 30px;
  }
  .relatedbox {
    flex-direction: column;
    padding: 30px 0;
    justify-content: center;
    align-items: center;
  }
  .relatedbox h3 {
    font-size: 18px;
    margin-bottom: 20px;
  }
  .relatedImplentations .title {
    font-size: 24px;
  }
  .relatedProjectListing .type a {
    font-size: 11px;
  }
  .relatedProjectListing .listingTitle a {
    font-size: 18px;
    line-height: 22px;
  }
  .relatedProjectListing .listingImage {
    margin-bottom: 20px;
    position: relative;
  }
  .podCastDetail {
    padding: 50px 0;
  }
  .podCastDetail:after {
    height: 100px;
  }
  .podCastDetail .episode {
    font-size: 16px;
  }
  .podCastDetail .title {
    font-size: 28px;
    line-height: 100%;
  }
  .podCastDetail .playBtn {
    position: static;
    max-width: 70px;
  }
  .podCastDetail .info {
    flex-direction: column;
    row-gap: 20px;
    justify-content: flex-start;
    align-items: start;
  }
  .shareSection {
    padding: 100px 0;
  }
  .smallBanner.projectBanner.pod {
    padding: 150px 0 50px;
    background-size: cover;
  }
}
/**end Upflift 8/6/2024**/

/*# sourceMappingURL=responsive.css.map */