/*Responsive*/
@media (max-width:1199px) {
  .country-dropdown{top:auto; bottom: 1rem;}
  .main-nav{padding: 2px !important;}
  .main-nav #navbarNav {
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 500;
    background: var(--darkblue);
    padding: 0;
    min-width: 300px;
    -webkit-box-shadow: 0 10px 16px 0 rgba(0,0,0,0.3);
    box-shadow: 0 10px 16px 0 rgba(0,0,0,0.3);
  }
  .main-nav #navbarNav.collapse:not(.show) {
    display: none !important;
  }
  .main-nav .nav-item .nav-link:first-child,
  .main-nav .nav-item .nav-link:last-child,
  .main-nav .nav-item .nav-link{
    color: var(--white);
    padding: 1rem 3rem !important;
  }
  .main-nav .dropdown-toggle::after{
    right: 3rem;
  }
  .main-nav .dropdown .dropdown-menu {
    position: static;
    box-shadow: none;
    -webkit-box-shadow: none;
  }
  .main-nav .dropdown .dropdown-menu .container{
    max-width: 100%;
  }
  
  .dropdown-menu .col-md-auto {
    padding-right: 5%;
  }
  
  .topbar{
    padding: 10px 0;
  }
  .topbar .logo {
        width: 120px;
    }
}
@media (max-width:992px) {
  .container{max-width: 90%;}
  .logo {
      width: auto;
      height: 60px;
  }
  
  .banner-slider .banner-img img{
    max-width: 100%;
    width: auto;
  }
  .banner-slider .banner-img{
    text-align: center;
  }
  
    .search-box{
        right: 85px;
        width: calc(100% - 85px);
    }
    .search-results-item{
      display: block;
    }
    .search-results-image{
      width: 100%;
      height: 150px;
      text-align: center;
    }
    .search-results-image img{
      max-width: 200px;
      margin: auto;
    }
    .search-results-content{
      padding-left: 0;
    }
}
@media (max-width:767px) {
  h1 {
    font-size: 40px;
  }
  h2 {
    font-size: 32px;
  }
  
  h3 {
    font-size: 24px;
  }
  
  h4 {
    font-size: 20px;
  }
  
  h5 {
    font-size: 18px;
  }
  
  h6 {
    font-size: 16px
  }
    .search-donate-box {
        position: static;
    }
    .search-box{
        right: 0;
        width: 100%;
        top: 75px;
        z-index: 600;
    }
    .rightnav{width: 100%;padding: 1rem 1.2rem;}
    .rightnav .title{cursor: pointer;}
    .dropdown-menu .col-md-auto{
      padding-right: 0;
      margin-bottom: 1.5rem;
    }
    .dropdown-menu .col-md-auto:last-child{
      margin-bottom: 0;
    }
}
@media (max-width:576px) {
  
    .topbar .phone{display: none;}
  .main-nav{padding: 7px !important;}
  .main-nav #navbarNav {
    left: 0;
    right: auto;
    width: 100%;
  }
  .left-image-content-wrap .personpic{float: none; margin: auto;}
  .leadercard .card-image img {
    height: auto;
  }
  .icon-info-section .icon img{
    width: 50px;
    height: auto;
  }
  .main-nav .nav-item .nav-link:first-child, .main-nav .nav-item .nav-link:last-child, .main-nav .nav-item .nav-link {
    padding: 1rem 2rem !important;
  }
}