/* Colors */
/*#888888*/
/* Fonts */
/* Sizes */
/* Small desktops */
@media (min-width: 1025px) and (max-width: 1440px) {
  #wrapper {
    width: 100%; } }
/* tablet */
@media (max-width: 1024px) {
  .abstract-box-3-column-adt .abstract-box-3-column-nodes .abstract-box-3-column-node.span4 {
    width: 48.71795% !important; }

  .country-flag-content {
    padding-bottom: 0; }

  .country-flag-paragraph {
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center; }

  #placeholder {
    height: 250px; }

  .country-flag {
    width: 100%; } }
/* phone */
@media (max-width: 640px) {
  .abstract-box-3-column-adt .abstract-box-3-column-nodes .abstract-box-3-column-node.span4 {
    width: 100% !important; }

  .spotlight-abstract-img-wrapper {
    position: relative;
    width: 100%; }

  .spotlight-abstract-btn {
    margin: 0 auto; }

  /*.spotlight-abstract-img {
      background-size: contain;
      width: 100%;
  }*/
  ul.footer-links .footer-link {
    float: none !important;
    border-color: lightgrey; }

  .ifad-footer-container {
    width: 100%; }

  #ifad-social {
    border-color: lightgrey; }

  .footer-link a {
    color: lightgrey; }

  .spotlight-abstract-btn {
    position: relative; }

  .abstract-row .abstract-row-img {
    width: 100%;
    margin-bottom: 15px; }

  div.shadowbox {
    width: 100%; }

  .generic-title {
    padding: 0; }

  .portlet-asset-publisher .asset-content h2, .journal-content-article h2 {
    padding-top: 60px; }

  h1.banner-image-header {
    font-size: calc(3vw + 6px ); }

  div.shadowbox {
    padding: 20px;
    width: 90%; }

  .projects-tab-nav-x p {
    float: none; }

  .story-header h1 {
    font-size: calc(3vw + 6px ); }

  .country-flag-container {
    position: relative;
    border-bottom: 0px; }

  .operations-tab-nav {
    height: auto; }

  .country-detail-node {
    margin-bottom: 15px;
    border-bottom: 1px solid #e4e4e4;
    border-right: 0; }

  #placeholder {
    height: 200px; }

  .country-flag {
    width: 100%; }

  .country-title h1 {
    margin-top: 200px; }

  .main-content div.shadowbox {
    margin-top: 60px;
    width: 80% !important; }

  /*.spotlight-abstract-content-wrapper {
      height: 100%;
  
  }*/
  .spotlight-abstract-button {
    bottom: -230px !important;
    white-space: nowrap; }

  /*.spotlight-abstract-img {
      height: 100%;
  }*/
  .operations-tab-nav p {
    text-align: left;
    padding: 5px 0 5px 25px; }

  .operations-tab-nav p:hover {
    border-left: 1px solid #11b5d5;
    border-right: none; }

  .resource-link-node {
    float: left !important; }

  .main-content .contact-us {
    padding: 0 15px !important; }

  .abstract-row-adt {
    width: 90% !important; }

  div.abstract-row-adt div.search-results-row.span8.offset2 {
    margin-left: 5% !important; }

  .abstract-box-homepage-tag {
    bottom: 30px !important; }

  .search-bar-wrapper {
    display: none; } }
/** MARKUP NOTES **/
/** we need to change global ".footer-links" - form span9 tp span8
/** and global ".social-icons" - from span3 tp span4 **/
/** Responsive fixes for IFAD.org **/
@media (min-width: 1200px) {
  /* need to add this class for �about-us p� at bottom */
  .home-about-us p {
    padding: 0 18px; }

  /* this fixes button on home page sign up form */
  #mc_embed_signup input.button {
    right: 72px; }

  /* global footer fix for all desktops */
  .footer-big {
    padding: 75px 20px; } }
@media (max-width: 1024px) {
  /* publications on home page */
  .publication-row-content-wrapper {
    float: right;
    width: 75%; }

  /* blogs on home page */
  .blog-author {
    width: 125px;
    height: 125px; }

  h3.blog-author-title, blog-author-name {
    margin-left: 60px; }

  /* global footer */
  .footer-big .footer-section .footer-subsection-button button {
    padding: 10px;
    width: 120px;
    font-size: 12px; }

  .footer-link {
    border-top: none; }

  .footer-section {
    border-top: none; }

  #ifad-social {
    padding-top: 10px; } }
@media (min-width: 768px) and (max-width: 979px) {
  #content {
    padding-top: 135px; }

  .social-icons .fa {
    font-size: 14px; }

  .social-icons .fa {
    width: 25px;
    height: 25px;
    line-height: 25px; } }
@media (max-width: 640px) {
  /* global content areas */
  .generic-content p,
  .generic-content h3,
  .generic-content h4 {
    padding-left: 8px;
    padding-right: 8px; }

  .spotlight-abstract-content-wrapper {
    height: 75px; }

  .spotlight-abstract-content {
    padding-bottom: 20px; } }
@media (max-width: 480px) {
  /* publications on home page */
  .publication-row-content-wrapper {
    float: none;
    width: 95%; }

  /* blogs on home page */
  .blog-author {
    width: 125px;
    height: 125px; }

  .blog-author img {
    margin-left: 15%; }

  h3.blog-author-title, .blog-author-name {
    margin-left: 0;
    width: 75%; }

  /* button on home page sign up form */
  #mc_embed_signup {
    margin: 0 0 0 6%; }

  #mc_embed_signup_scroll {
    width: 100%; } }
@media (max-width: 375px) {
  /* button on home page sign up form */
  #mc_embed_signup input.button {
    right: 48px; } }
@media (max-width: 320px) {
  /* home page sign up form */
  #mc_embed_signup input.email {
    text-indent: 10px;
    font-size: 14px; }

  #mc_embed_signup input.button {
    right: 40px; }

  /* global footer */
  ul.footer-links .footer-link {
    border-color: transparent; }

  ul.footer-links .footer-link.logo {
    border: none; } }
@media (max-width: 979px) {
  #mc_embed_search input.button {
    display: block !important;
    margin: 0 0 10px 0 !important;
    position: absolute !important;
    top: 6px !important;
    font-weight: normal !important;
    font-size: 16px !important;
    font-family: "HelveticaIFAD", Helvetica, Arial, sans-serif !important;
    height: 30px !important;
    right: -5px !important;
    width: 94px !important;
    padding: 1px 6px !important; }

  #mc_embed_search input {
    vertical-align: top !important;
    border: 1px solid #e4e4e4 !important;
    border-radius: 50px !important;
    float: left !important;
    font-size: 16px !important;
    font-family: "HelveticaIFAD", Helvetica, Arial, sans-serif !important;
    box-shadow: none !important;
    height: 20px !important;
    width: 85% !important; }

  #mc_embed_search {
    width: 75% !important; }

  .mc-field-group {
    width: 100% !important; }

  #search-nav-inner {
    display: none; }

  .sub-nav-menu {
    display: none; }

  h1.banner-image-header {
    font-size: 30px !important; }

  .banner-image-wrapper {
    top: 1.2em; }

  .generic-container {
    padding: 0px; }

  .spotlight-abstracts-node:last-child {
    height: 80px;
    margin-bottom: 700px; }

  .spotlight-abstract-tag {
    position: unset !important; }

  div.shadowbox-director {
    margin-top: unset !important;
    box-shadow: unset !important;
    border-radius: unset !important;
    padding: unset !important;
    width: unset !important; } }