@media only screen and (max-width: 1299px) {
  .views-field-nothing div#banner-content {
    left: calc(50% - 530px);
  }
}

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

  .bite-plus-learning .second-section {
    flex-direction: column;
  }

  .bite-plus-learning .bite-our-speaker-section {
    width: 100%;
    margin: 0 0 25px;
  }

  .bite-plus-learning .right-sidebar-section {
    width: 100%;
  }

  body.path-frontpage .main-google-map-section .form-type-select,
  body.path-frontpage .main-google-map-section .form-type-textfield {
    width: 100%;
    margin: 0;
  }

  .bite-plus-learning .events-section .masonry {
    column-count: 2;
  }

  .views-exposed-form .form-actions {
    margin-left: 0;
  }
  .views-exposed-form .form-actions,
  .block-views-blockpublications-list-chapter-authors  .view-publications-list .views-exposed-form .form-actions,
  .block-views-blockpublications-list-chapter-authors  .view-publications-list .views-exposed-form button.form-submit {
    margin-bottom: 0 !important;
  }

  .views-exposed-form .form-type-select,
  .views-exposed-form .js-form-item,
.block-views-blockpublications-list-chapter-authors .view-publications-list .views-exposed-form .js-form-item{
  width: 100%; 
  margin: 0;
}

  .search-block-form .form-search {
    width: 220px;
  }

  .view-events-list .card-container .event-card {
    width: calc(50% - 15px);
  }

  .right-side-filter .policy-map-filter-form .filter-container.js-form-wrapper.form-wrapper .js-form-item,
.knowledge-map-filter-form .js-form-type-select.form-type-select,
.knowledge-map-filter-form .js-form-item.js-form-item-title {
    max-width: 100% !important;
  }

  .right-side-filter .policy-map-filter-form .filter-container.js-form-wrapper.form-wrapper {
    flex-wrap: wrap;
    justify-content: flex-end;
  }

  .knowledge-map-filter-form div#edit-filters {
    flex-direction: column;
    align-items: flex-start;
  }

  .knowledge-map-filter-form .js-form-type-select.form-type-select,
  .knowledge-map-filter-form .js-form-item.js-form-item-title {
    float: none;
    width: 100%;
    max-width: 100%;
  }

  .main-google-map-section .knowledge-map-filter-form .form-actions {}

  /* #header-main-menu.navbar {
    margin-top: -70px;
  } */

  ul#superfish-main {
    margin-top: 30px;
  }

  .page-node-1288 .who-s-who-section .masonry .event-card {
    width: calc(50% - 20px);
    max-width: 400px;
    margin: 0 20px 30px;
  }

  .page-node-1288 .who-s-who-section .masonry {
    justify-content: center;
  }

  .block-homepage-news-event-block .row.align-items-center{
    flex-direction: column;
  }
  
  #our-latest-section .news-item {
    max-width: 400px;
  }

  .image-left {
    max-height: none;
    max-width: 320px;
  }

  .region-highlight-section {
    display: flex;
    grid-template-columns: repeat(2, 1fr);
    justify-content: center;
    flex-wrap: wrap;
  }

  .region-highlight-section .views-element-container {
    max-width: 400px;
    margin-bottom: 30px;
    flex: auto;
  }

  div#popular-video-header {
    margin-bottom: 30px;
  }

  .text-right {
    width: 100%;
    padding: 0;
    margin-top: 40px;
    max-width: none;
  }

  #whole-about-section {
    margin-top: 0;
  }

  .view-about-us .content-container h1 span.cap-icon {
    margin-top: 0;
    margin: 0;
  }

  .navbar-collapse ul.sf-menu li {
    width: 100%;
    float: none;
  }

  span.sf-depth-1.menuparent.nolink.sf-with-ul,
  .navbar-collapse ul.sf-menu li a {
    margin-right: 0;
    text-align: left;
  }

  .views-field-nothing div#banner-content {
    width: 100%;
    height: 100%;
    align-items: center;
    justify-content: center;
    top: 0;
    left: 0;
    max-width: 100%;
    transform: none;
    display: flex;
    flex-direction: column;
    padding: 15px;
  }

  .btn-teal, .view-all-button {
    margin-top: 30px;
  }

  .views-event-list .events-section .masonry {
    column-count: 2;
  }

  .views-exposed-form > .d-flex {
    flex-direction: column;
  }

  #whole-about-section {
    padding-top: 0;
  }
  #whole-about-section br{
    display: none;
  }

  .path-frontpage #main-area{
    padding-bottom: 0;
  }
  #main-footer {
    padding-top: 30px;
  }
  #publications-section,
  #statics-section,
  #our-latest-section,
  #google-map .main-google-map-section,
  .main-popular-videos-section div#block-vcda-videoblock .video-carousel {
    padding: 60px 0;
    margin: 0;
  }

  
  #google-map .main-google-map-section {
    padding-left: 15px;
    padding-right: 15px;
  }
  .view.view-publications.view-id-publications {
    padding-bottom: 30px;
    padding-top: 60px;
  }

  #whole-highlight-section .main-highlight-section {
    padding-bottom: 30px;
    padding-top: 60px;
  }

  body.path-frontpage .main-google-map-section .container {
    padding-bottom: 0;
  }

  .bite-learning .speaker {
    width: 100%;
    margin: 0 0 25px;
  }
}

@media only screen and (max-width: 991px) {
  section.row.region.region-header-topbar-left .clearfix.text-formatted,
  #header-topbar #block-vcda-socialmediatop .content .clearfix {
    justify-content: center;
  }

  .bite-plus-learning .bite-first-section .media {
    width: 100%;
    margin-bottom: 20px;
  }

  .bite-plus-learning .bite-first-section .bite-description {
    width: 100%;
    margin: 0;
  }
  
  .main-google-map-section section.region-googlemap-section .container > .row:not(.view-content) {
    margin: 50px 0 0;
    padding-top: 0px;
  }

  .main-google-map-section .nav.nav-tabs {
top: 96px;
  }
button.navbar-toggler {
  margin-top: -95px;
}

  .view-publications .view-content .views-view-grid .views-col {
    max-width: 400px;
  }

  #knowledge-resource-list-wrapper ul.knowledge-resource-list__items {
    padding: 0;
  }

  .main-google-map-section .block-custom-knowledge-resources .left-map-section,
  .main-google-map-section .block-custom-knowledge-resources .right-side-filter {
    max-width: 100%;
    padding: 30px 0 0;
  }

  .main-google-map-section .nav.nav-tabs li.nav-item a.nav-link {
    padding: 12px 20px;
  }

  .main-google-map-section .nav.nav-tabs li.nav-item a h3 {
    font-size: 14px;
  }


  .region-publication-section .view-publications .views-row.clearfix.row-1 {
    justify-content: center;
  }

  .call-to-action-main {
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 30px 0;
    height: auto;
  }

  .call-to-action-main p.text {
    margin-bottom: 10px;
  }

  #header-topbar-fullwidth ul li {
    float: none;
    margin: 0 0 0;
    justify-content: center;
  }

  div#header-main {
    flex-direction: column;
  }

  #publication-section .field-content img {
    height: 270px;
  }

  .global-map-home {
    padding-top: 44px;
  }

  .main-google-map-section section.region-googlemap-section .row {
    padding-top: 50px;
  }

  .bite-learning .bite-first-section .media {
    width: 100%;
    margin-bottom: 20px;
  }

  .bite-learning .bite-first-section .bite-description {
    width: 100%;
    margin: 0;
  }

  .bite-learning .bite-second-section,
  .bite-learning .bite-first-section {
    padding: 20px;
  }
}

/* Low resolution Tablets and iPads */
@media (min-width: 0px) and (max-width: 767px) {
  /* Adjust wrapper for smaller screens */


   .video-card iframe {
    height: 250px !important;
  }
  

  /* .swiper-wrapper {
    transform:  none !important;
  }

 

  .swiper-slide {
    width: 100% !important;
  }
 */
  .bite-plus-learning .bite-our-speaker-section {
    padding: 20px;
  }

  ul.pagination.js-pager__items {
    margin: 20px 0 40px;
  }

  .bite-plus-learning .speaker {
    flex-direction: column;
  }

  .bite-plus-learning .speaker-detail {
    width: 100%;
    margin-top: 15px;
    padding: 0;
  }

  .main-google-map-section section.region-googlemap-section .container > .row:not(.view-content) {
    margin-top: 20px;
  }

  .page-view-newsp .events-section .masonry {
    column-count: 1;
  }

  .view-events-list .card-container .event-card {
    width: calc(100%);
  }

  
.page-view-newsp .view-content.row {
  padding: 0 15px
}

.bite-plus-learning .events-section .masonry {
  column-count: 1;
}

.bite-plus-learning .events-section .event-card:last-child {
  margin: 0;
}


.bite-plus-learning .bite-first-section {
  padding: 20px;
}

  body.path-regional-knowledge-resources .knowledge-map-filter-form div#edit-actions,

  .main-google-map-section .knowledge-map-filter-form .form-actions,
  body.path-global-knowledge-resources .knowledge-map-filter-form div#edit-actions,
body.path-national-knowledge-resources .knowledge-map-filter-form div#edit-actions,
  .right-side-filter .policy-map-filter-form .filter-container.js-form-wrapper.form-wrapper .form-actions {
    max-width: 100px;
  }

  div#our-latest-section:after {
    width: 100%;
    z-index: -1;
}

  #main-footer {
    padding-top: 30px;
    padding-bottom: 20px;
  }
  ul.pagination.js-pager__items li.page-item a.page-link {
    margin-right: 0;
  }
  .view-events-list .events-section .masonry {
    column-count: 1;
  }

  .view-events-list .events-section .card-body {
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 0;
  }
  
  .main-google-map-section section.region-googlemap-section .row {
    padding-top: 0;
  }

  .global-map-home {
    padding-top: 0;
  }

  .btn-teal, .view-all-button {
    margin-top: 00px;
  }
  
  .page-node-1288 .who-s-who-section .masonry .event-card {
    width: calc(100%);
    margin: 0 0 30px;
  }

  #marcket-place {
    flex-direction: column;
  }

  .marketplace-title {
    margin-bottom: 15px;
  }

  .call-to-action-main p.text {
    font-size: 20px;
  }


  .contact-info a.phone-link,
  #header-topbar-fullwidth ul li {
    font-size: 11px;
  }

  .language-section-outer {
    width: 100%;
    justify-content: flex-end;
    align-items: center;
    margin: 10px 0 0;
  }

  .language-switcher-language-url .nav-link:before {
    top: 0;
  }

  .signbtn {
    display: inline-block;
  }

  .search-block-form .form-search {
    width: 100%;
  }
  #wrapper {
    display: block;
  }

  /* Full-width header sections */
  #header-topbar-fullwidth,
  #main-header {
    width: 100%;
    text-align: center;
    padding: 10px 5px;
  }

  /* Reduce logo size for smaller screens */
  #header-left-logo img {
    max-height: 45px;
  }

  /* Adjust content width */
  .main-our-latest-section,
  .main-publications-section,
  .main-publication-section,
  .main-statics-section,
  .main-popular-videos-section,
  .main-marcketplace-section,
  #header-topbar,
  .main-header-topbar,
  #main-header,
  #main-area,
  .main-highlight-section,
  .main-about-section {
    width: 100%;
    padding: 0 10px;
  }

  /* Stack sidebar and main content vertically */
  #content-wrapper {
    flex-direction: column;
  }

  /* Make sidebars full width */
  #sidebar-first,
  #main-content,
  #sidebar-second {
    flex: none;
    width: 100%;
    padding: 10px;
  }

  /* Adjust content-container layout */

  .image-left {
    width: 100%;
    margin-right: 0;
  }

  .text-right {
    max-width: 100%;
    width: 100%;
  }

  /* Adjust font sizes for readability */
  h1 {
    font-size: 20px;
  }

  .body-content,
  .view-node-content {
    font-size: 14px;
  }

  /* Footer adjustments */
  #copyright {
    text-align: center;
    font-size: 12px;
    padding: 10px;
  }

  #copyright {
    margin-top: 0;
    margin-bottom: 0;
    padding: 25px;
  }

  .container {
    width: 100%;
    padding: 10px;
  }

  /* Stack navigation items */

  /* Adjust about section for mobile */
  .about-container {
    flex-direction: column;
    text-align: center;
  }

  .about-container .left,
  .about-container .right {
    width: 100%;
  }

  .about-container .right {
    flex-direction: column;
    align-items: center;
  }

  /* Adjust highlight section */
  .region-highlight-section {
    grid-template-columns: repeat(2, 1fr);
  }

  .region-highlight-section {
    grid-template-columns: 1fr;
  }

  /* Make marketplace section responsive */
  .marketplace-image img {
    max-width: 100%;
  }

  /* Footer adjustments */
  .footer-links {
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  .image-left img {
    width: 100%;
    height: auto;
  }

  .support-icon,
  .growth-icon {
    margin: auto;
  }

  .highlight-card {
    max-width: 100%;
  }

  .spacer {
    width: 100%;
    float: none;
  }

  .marketplace-image {
    text-align: center;
    float: none;
  }

  .view-videos #popular-video-header h3 {
    width: 81%;
    margin-left: 10px;
  }

  .views-view-grid .views-col {
    float: none;
    width: 98% !important;
    margin: auto;
    text-align: center;
  }

  #main-footer {
    width: 100%;
    margin: auto;
    text-align: center;
  }

  #block-vcda-footercopyright {
    float: none;
    width: 99%;
    margin: auto;
  }

  #block-vcda-footersocialmedia {
    width: 36%;
    margin: auto;
  }

  .call-to-action-main {
    width: 98%;
    margin: 0 auto;
    padding-top: 40px;
  }

  .call-to-action-main p.text {
    font-size: 16px;
    color: #fff;
    text-align: center;
    width: 100%;
    float: none;
  }

  #banner-content {
    z-index: 2;
    width: 100%;
    left: inherit;
    margin: auto;
    text-align: unset;
  }

  .afdb-stats-container {
    display: inline;
  }

  .highlight-card {
    padding: 0px;
    width: 100%;
    padding-top: 0px;
    padding-bottom: 0px;
  }

  .view-news-and-events .row {
    width: 100%;
    float: none;
  }

  .view-display-id-attachment_2 .news-event-card {
    float: none;
  }

  .view-opportunities .views-view-grid .views-col {
    float: none;
    padding-left: 1%;
    padding-right: 1%;
    margin: auto;
    width: 100% !important;
  }

  .news-event-card {
    width: 100%;
    float: none;
  }

  .view-news-and-events .view-content {
    display: flex;
    flex-wrap: wrap-reverse;
    gap: 1.5rem;
  }

  .views_slideshow_cycle_teaser_section .views_slideshow_cycle_slide img {
    width: 100%;
    height: auto;
  }

  .image-left {
    max-width: none;
    margin-right: 0;
  }

  .view-publications-list .table-responsive {
    margin-bottom: 30px;
  }

  .block-views-blockpublications-list-chapter-authors .view-publications-list .table-responsive {
    padding: 0;
  }

  .block-views-blockpublications-list-chapter-authors .view-publications-list .view-content.row {
    padding: 0;

  }

  .bite-learning .speaker {
    display: flex;
    flex-direction: column;
  }

  .bite-learning .speaker-profile {
    margin-bottom: 15px;
  }

  .bite-learning .speaker-detail {
    width: 100%;
  }

  .bite-learning .bite-title {
    font-size: 20px;
  }

  nav ol.breadcrumb {
    display: none;
  }

  #wrapper #main-content {
    margin-top: 20px;
    margin-bottom: 20px;
  }

  .navbar.bg-light {
    border-bottom: none;
  }

  .moodle-course-wrapper .search-form-wrapper .moodle-course-search input {
    width: 75% !important;
 }

 .moodle-course-wrapper .search-form-wrapper .moodle-course-search button {
    margin-left: 6px  !important;
    font-weight: normal !important;
    font-size: 11px !important;
 }

}

/* Mobile Devices */
@media (max-width: 480px) {

  .block-views-blockpublications-list-chapter-authors .view-publications-list .views-exposed-form .form-actions, .block-views-blockpublications-list-chapter-authors .view-publications-list .views-exposed-form button.form-submit {
    width: 100%;
  }
}

/* Low resolution Tablets and iPads */
@media (min-width: 481px) and (max-width: 767px) {
}