@media screen and (min-width: 320px) {
  .tagline-wrapper {
    padding: 0 15px;
  }
  .tagline-wrapper h2 {
    font-size: calc(20px + 9 * ((100vw - 320px) / 1000));
    line-height: 1.3em;
    padding: 0;
  }
  .unfpa-works-wrap h3 {
    font-size: calc(16px + 9 * ((100vw - 320px) / 1000));
  }
  .cd-headline.heading strong {
    font-size: calc(15px + 9 * ((100vw - 320px) / 1000));
    line-height: 2.6em;
  }
  .tagline-dropdown li {
    font-size: calc(15px + 9 * ((100vw - 320px) / 1000));
  }
}

@media screen and (max-width: 374px) {
  .un-intro {
    width: 290px;
    margin: 0 auto;
  }
  .cd-headline.heading {
    padding: 0 30px 0 5px;
    width: 255px;
  }
  .i18n-ar .cd-headline.heading {
    padding: 0 5px 0 30px;
  }
  .cd-headline.slide .cd-words-wrapper {
    width: 255px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
  }
}

@media (min-width: 375px) and (max-width: 480px) {
  .un-intro {
    width: 340px;
    margin: 0 auto;
  }
  .cd-headline.heading {
    padding: 0 30px 0 5px;
    width: 305px;
  }
  .i18n-ar .cd-headline.heading {
    padding: 0 5px 0 30px;
  }
  .cd-headline.slide .cd-words-wrapper {
    width: 305px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
  }
}

@media (max-width: 480px) {
  #header .max_wrapper {
    min-height: 144px;
  }
  .dropdown-wrapper {
    width: 320px;
  }
  .cd-dropdown {
    width: 320px;
  }
  .cd-dropdown > span {
    width: 73%;
  }
  .cd-dropdown ul {
    top: auto;
    bottom: 59px;
  }
  .brd-right {
    border-right: 0;
    border-bottom: 2px #ccc solid;
  }
  .brd-left {
    border-left: 0;
    border-bottom: 2px #ccc solid;
  }
  .col-6.brd-right:last-child {
    border-right: 0;
    border-bottom: 0;
  }
  .social-blocks .row .col-4:last-child {
    min-height: 150px;
  }

  #block-block-7.ltr-form .item form.newsletter input[type="text"] {
    font-size: 11px;
    width: 89%;
  }
  .home-middle-content {
    padding: 25px 0;
  }
  .social-blocks {
    padding: 25px 0;
  }
  .eve-req-wrapper .er-col-6:nth-child(2) .req-block {
    padding: 0;
  }
  .eve-req-wrapper .req-block {
    padding: 0;
  }
  .i18n-ar .eve-req-wrapper .req-block {
    padding: 0;
  }
  .i18n-ar .eve-req-wrapper .er-col-6:nth-child(2) .req-block {
    padding: 0;
  }
  .req-block .events-home-list .view-footer a.more,
  .req-block .view-vw-vacancies.vacancies-home-list .view-footer a.more {
    width: 100%;
    max-width: 100%;
    min-width: 150px;
    display: block;
  }
  #header menu #navigation ul.menu {
    margin: 70px 0 0;
  }
  .i18n-ar .req-block .events-home-list .view-footer a.more,
  .i18n-ar .req-block .view-vw-vacancies.vacancies-home-list .view-footer a.more,
  .i18n-ar .req-block .view-display-id-submissions_new_home_page_block .view-footer a.btns-req {
    max-width: 88%;
  }
  .i18n-ar .cd-words-wrapper {
    text-align: right;
  }
  .tagline-wrapper {
    bottom: 135px;
  }
  .tagline-dropdown li a {
    padding: 16px 15px;
    line-height: 18px;
  }
  .un-intro {
    height: 52px;
  }
  .un-intro > span:after {
    right: 8px;
    top: 12%;
  }

  #instagram-sub-wrapper video,
  #instagram-sub-wrapper figure {
    max-width: 96px;
    width: 100%;
    height: 96px;
    display: inline;
    float: left;
    margin: 2px;
    overflow: hidden;
  }
  .widget-container .donate_text {
    padding: 0 25px 80px 25px;
  }

  .req-block .events-home-list .view-footer a.more,
  .req-block .view-vw-vacancies.vacancies-home-list .view-footer a.more,
  .req-block .view-display-id-submissions_new_home_page_block .view-footer a.btns-req {
    width: 100%;
    max-width: 100%;
    min-width: 150px;
    display: block;
  }

  .banner-hm figure.img-container {
    transition: none;
  }
}

@media (max-width: 640px) {
  .view-id-home_page_topics_block {
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
  }
  .view-id-home_page_topics_block .view-content {
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
  }
  #center-region .region-center-middle {
    width: 100%;
  }
  .view-id-home_page_topics_block .col-4 {
    position: relative;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    width: 100%;
    max-width: 100%;
    margin: 0 0 4% 0;
  }
  .view-id-home_page_topics_block .col-4:last-child {
    margin: 0 0 4% 0;
  }
  .i18n-ar .view-id-home_page_topics_block .col-4:first-child {
    margin: 0 0 4% 0;
  }
  .i18n-ar .view-id-home_page_topics_block .col-4:last-child {
    margin: 0 0 4% 0;
  }
  .ct-wrapper .ct-footer-btn {
    position: absolute;
    min-height: 40px;
    left: 15px;
    right: 15px;
    margin: 0 auto;
    bottom: 6px;
    padding: 10px 0;
    width: 90%;
    border-top: 1px solid #b7b7b7;
  }
  .ct-footer-btn a {
    font-family: "robotomedium", sans-serif;
    float: right;
  }
  .ct-footer-btn span.date-display-single {
    float: left;
  }
  .social-blocks .row {
    flex-wrap: wrap;
  }
  .social-blocks .row .col-4,
  .i18n-ar .social-blocks .row .col-4 {
    width: 100%;
    max-width: 100%;
    margin: 0 0 20px;
  }
  .view-id-home_page_topics_block .col-4 .rel-img {
    max-height: 280px;
  }
  .social-blocks .row .col-6,
  .i18n-ar .social-blocks .row .col-6 {
    margin: 0 0 20px 0;
    width: 100%;
    max-width: 100%;
  }
  .social-widgets .img-wraper {
    max-height: 280px;
  }
  #main .max_wrapper {
    padding: 0 25px;
  }
  .social-widgets #twitter-widget-0 {
    height: 260px !important;
  }
  .widget-container .ltr-form {
    position: relative;
    overflow: hidden;
  }
  .eve-req-wrapper .er-col-6 {
    width: calc(100%);
    margin: 0 0 15px 0;
  }
  .eve-req-wrapper .er-col-6:first-child {
    border-right: 0;
  }
  .i18n-ar .eve-req-wrapper .er-col-6:first-child {
    border-left: 0;
  }
  .er-col-6 .req-block .region-bottom-left {
    width: 100%;
    padding: 0;
  }
  .er-col-6 .req-block .region-bottom-right {
    width: 100%;
    padding: 0;
  }
  .social-blocks h2.title {
    font-size: 26px;
    padding-bottom: 0;
  }
  .page-home h2.block-title {
    font-size: 26px;
  }
  .social-blocks h3 {
    font-size: 15px;
  }
  .rows-eve h3,
  .rows-req h3 {
    font-size: 16px;
  }
  .home-section-title {
    font-size: 26px;
  }
  .i18n-fr .unfpa-works-wrap h3 {
    max-width: 100%;
  }
  .unfpa-works-wrap .sub-title,
  .unfpa-works-wrap .sub-title-items {
    width: 100%;
  }
  .unfpa-works-wrap .sub-title-items {
    display: block;
  }
  .i18n-ar .eve-req-wrapper .er-col-6:nth-child(2) .req-block {
    padding: 0;
  }
}

@media (min-width: 640px) and (max-width: 767px) {
  .ct-footer-btn a {
    float: none;
  }
  .ct-footer-btn span.date-display-single {
    float: none;
    display: block;
  }
  .view-id-home_page_topics_block .col-4 {
    padding-bottom: 70px;
  }
  .ct-wrapper .ct-footer-btn {
    bottom: 0;
  }
  .view-id-home_page_topics_block .col-4 .rel-img {
    max-height: 120px;
  }
  .social-widgets .img-wraper {
    max-height: 120px;
  }
  .i18n-fr .unfpa-works-wrap h3 {
    max-width: 100%;
  }
  .unfpa-works-wrap .sub-title,
  .unfpa-works-wrap .sub-title-items {
    width: 100%;
  }
  .unfpa-works-wrap .sub-title-items {
    display: block;
  }
}

@media (min-width: 640px) and (max-width: 840px) {
  .i18n-ar .ct-footer-btn a {
    float: none;
  }
  .i18n-ar .ct-footer-btn span.date-display-single {
    float: none;
    display: block;
  }
}

@media (max-width: 767px) {
  .banner-hm {
    height: 380px;
    margin-top: 0;
    max-height: 64vh;
  }
  .tagline-wrapper {
    bottom: 120px;
    max-width: 100%;
  }
  .unfpa-works-wrap {
    max-width: 560px;
    margin: 0 auto;
    display: flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    flex-wrap: wrap;
    padding: 0;
  }
  .un-intro {
    float: none;
    height: 53px;
    margin: 0 auto;
  }
  .un-intro .un-animate {
    width: 90%;
    margin: 0 auto;
  }
  .unfpa-works-wrap .sub-title {
    width: 100%;
    text-align: right;
  }
  .cd-headline.heading {
    padding: 0 30px 0 8px;
  }
  .i18n-ar .cd-headline.heading {
    padding: 0 8px 0 30px;
  }
  .unfpa-works-wrap h3 {
    padding: 0 12px 10px 0;
    text-align: center;
  }
  .i18n-ar .unfpa-works-wrap h3 {
    text-align: center;
  }
  .i18n-ar .cd-headline.heading strong {
    line-height: 2.2em;
  }
  .unfpa-works-wrap h3[style="font-size: 25px;"] {
    line-height: 1.6em;
  }
  .cd-headline.heading strong[style="font-size: 25px;"] {
    line-height: 2em;
  }
  .cd-headline.heading strong[style="font-size: 24px;"] {
    line-height: 2em;
  }
  .cd-headline.heading strong[style="font-size: 23px;"] {
    line-height: 2.2em;
  }
  .cd-headline.heading strong[style="font-size: 22px;"] {
    line-height: 2.4em;
  }
  .cd-headline.heading strong[style="font-size: 21px;"] {
    line-height: 2.6em;
  }
  .cd-headline.heading strong[style="font-size: 20px;"] {
    line-height: 2.8em;
  }
  .cd-headline.heading strong[style="font-size: 19px;"] {
    line-height: 3em;
  }
  .cd-headline.heading strong[style="font-size: 18px;"] {
    line-height: 3em;
  }
  .cd-headline.heading strong[style="font-size: 17px;"] {
    line-height: 3.3em;
  }
  .cd-headline.heading strong[style="font-size: 16px;"] {
    line-height: 3.4em;
  }
  .cd-headline.heading strong[style="font-size: 15px;"] {
    line-height: 3.6em;
  }
  .cd-headline.heading strong[style="font-size: 14px;"] {
    line-height: 3em;
  }
  .tagline-dropdown {
    width: 100%;
    margin: 0 auto;
    left: 0;
    right: 0;
  }
  .dropdown-wrapper {
    width: 290px;
  }
  .cd-dropdown {
    width: 280px;
  }
  .cd-dropdown > span {
    width: 70%;
  }
  .cd-dropdown ul li span {
    width: 78%;
  }
  .cd-dropdown ul {
    top: auto;
    bottom: 75px;
  }
  .section-block .section-rows {
    display: flex;
    flex-wrap: wrap;
  }
  .section-rows .col-6 {
    width: 100%;
    float: none;
    margin: 10px 0;
  }
  .ltr-form input[type="text"] {
    font-size: 11px;
    width: 79%;
  }

  #header menu #navigation ul.menu li.expanded:hover a {
    background-color: transparent;
    background: rgba(0, 0, 0, 0.7);
    color: #e78a03;
    border: 0;
  }
  #header #navigation ul.menu li.expanded.col2 ul.menu,
  #header menu #navigation ul.menu li .menu {
    background: #44403b;
    color: #e78a03;
    border-radius: 0;
  }
  #header menu #navigation ul li .menu li a {
    font-size: 13px !important;
    color: #e78a03;
    padding: 5px 5px !important;
  }
  #header menu #navigation ul.menu li.expanded:hover a {
    padding: 5px 10px !important;
    border-radius: 0;
  }
  .un-intro > span:after {
    right: 8px;
    top: 9%;
  }
  #header menu #navigation ul.menu li a {
    font-size: 14px;
  }
  .i18n-ar .unfpa-works-wrap h3,
  .i18n-ar .un-intro {
    float: none;
    padding: 10px 0 10px 10px;
  }
  .i18n-ar .un-intro > span:after {
    left: 10px;
    right: auto;
  }
}

@media (min-width: 721px) and (max-width: 959px) {
  #header menu #navigation ul.menu li a {
    padding: 0 8px;
  }
}

@media (min-width: 768px) and (max-width: 959px) {
  #header .max_wrapper {
    padding: 25px 20px 20px 20px;
  }
  #header menu #navigation ul.menu li a {
    padding: 0 8px;
    font-size: 13px;
  }
  .un-intro,
  .un-intro .un-animate {
    height: 60px;
  }
  .tagline-wrapper {
    bottom: 120px;
    padding: 0 25px !important;
  }
  .unfpa-works-wrap {
    text-align: center;
    margin: 5px auto;
    display: block;
  }
  .unfpa-works-wrap h3 {
    padding: 0 0 10px 0;
    text-align: center;
  }
  .un-intro {
    margin: 0 auto;
    float: none;
  }
  .un-intro .un-animate {
    width: 100%;
  }
  .tagline-dropdown li {
    text-align: left;
  }
  .tagline-dropdown li a {
    padding: 18px 25px;
  }
  .i18n-ar .unfpa-works-wrap h3,
  .i18n-ar .un-intro {
    float: none;
    padding: 0 0 0 10px;
    text-align: center;
  }
  .i18n-ar .un-intro > span:after {
    left: 10px;
    right: auto;
  }
  .i18n-fr .unfpa-works-wrap h3 {
    max-width: 100%;
  }
  .unfpa-works-wrap .sub-title {
    width: 100%;
  }
  .unfpa-works-wrap .sub-title-items {
    width: 100%;
    display: block;
  }
  .cd-headline.heading {
    padding: 0 30px 0 30px;
  }
  .unfpa-works-wrap h3 {
    padding: 0 12px 0 0;
    text-align: center;
  }
  .cd-headline.heading strong {
    line-height: 1.9em;
  }
  .cd-headline.heading strong[style="font-size: 25px;"] {
    line-height: 2.6em;
  }
  .cd-headline.heading strong[style="font-size: 24px;"] {
    line-height: 2.6em;
  }
  .cd-headline.heading strong[style="font-size: 23px;"] {
    line-height: 2.9em;
  }
  .cd-headline.heading strong[style="font-size: 22px;"] {
    line-height: 2.9em;
  }
  .cd-headline.heading strong[style="font-size: 21px;"] {
    line-height: 3em;
  }
  .cd-headline.heading strong[style="font-size: 20px;"] {
    line-height: 3.1em;
  }
  .cd-headline.heading strong[style="font-size: 19px;"] {
    line-height: 3.3em;
  }
  .cd-headline.heading strong[style="font-size: 18px;"] {
    line-height: 3.5em;
  }
  .cd-headline.heading strong[style="font-size: 17px;"] {
    line-height: 3.7em;
  }
  .cd-headline.heading strong[style="font-size: 16px;"] {
    line-height: 3.9em;
  }
  .cd-headline.heading strong[style="font-size: 15px;"] {
    line-height: 4.1em;
  }
  .unfpa-works-wrap h3[style="font-size: 14px;"] {
    line-height: 4.5em;
  }
  .cd-headline.heading strong[style="font-size: 14px;"] {
    line-height: 4.3em;
  }

  #instagram-sub-wrapper video,
  #instagram-sub-wrapper figure {
    max-width: 90px;
    width: 100%;
    height: 90px;
    margin: 2px;
  }
}

@media (min-width: 960px) and (max-width: 1099px) {
  #instagram-sub-wrapper video,
  #instagram-sub-wrapper figure {
    max-width: 90px;
    width: 100%;
    height: 90px;
    margin: 2px;
  }
}

@media (min-width: 960px) and (max-width: 1179px) {
  #header .max_wrapper {
    padding: 25px 20px 20px 20px;
  }
  .unfpa-works-wrap .sub-title {
    width: calc(100% / 2.3);
    text-align: center;
    margin: 0 auto;
  }
  .i18n-ar .unfpa-works-wrap .sub-title {
    width: calc(100% / 1.3);
  }
  #header menu #navigation ul.menu li a {
    padding: 0 8px;
    font-size: 13px;
  }
  .un-intro,
  .un-intro .un-animate {
    height: 60px;
    width: 100%;
  }
  .un-intro {
    margin: 0 auto;
    float: none;
  }
  .unfpa-works-wrap {
    text-align: center;
    margin: 5px auto;
    display: block;
  }
  .tagline-wrapper {
    bottom: 120px;
    padding: 0 25px !important;
  }
  .tagline-dropdown li {
    text-align: left;
  }
  .tagline-dropdown li a {
    padding: 18px 25px;
  }
  .unfpa-works-wrap .sub-title {
    width: 100%;
  }
  .unfpa-works-wrap .sub-title-items {
    width: 100%;
    display: block;
  }
  .unfpa-works-wrap h3 {
    font-size: 31px;
    margin: 0;
    padding: 0 0 10px 0;
    line-height: 2.1em;
    text-align: center;
  }
  .i18n-ar .unfpa-works-wrap h3,
  .i18n-ar .un-intro {
    float: none;
    padding: 0 0 0 10px;
    text-align: center;
  }
  .i18n-ar .un-intro > span:after {
    left: 10px;
    right: auto;
  }
  .i18n-fr .unfpa-works-wrap h3 {
    max-width: 100%;
    margin: 0 auto;
  }
  .cd-headline.heading {
    padding: 0 30px 0 30px;
  }
  .cd-headline.heading strong {
    font-size: 31px;
    line-height: 1.8em;
  }
  .cd-headline.heading strong[style="font-size: 31px;"] {
    line-height: 2em;
  }
  .cd-headline.heading strong[style="font-size: 30px;"] {
    line-height: 2.1em;
  }
  .cd-headline.heading strong[style="font-size: 29px;"] {
    line-height: 2.2em;
  }
  .cd-headline.heading strong[style="font-size: 28px;"] {
    line-height: 2.3em;
  }
  .cd-headline.heading strong[style="font-size: 27px;"] {
    line-height: 2.4em;
  }
  .cd-headline.heading strong[style="font-size: 26px;"] {
    line-height: 2.5em;
  }
  .cd-headline.heading strong[style="font-size: 25px;"] {
    line-height: 2.6em;
  }
  .cd-headline.heading strong[style="font-size: 24px;"] {
    line-height: 2.6em;
  }
  .cd-headline.heading strong[style="font-size: 23px;"] {
    line-height: 2.9em;
  }
  .cd-headline.heading strong[style="font-size: 22px;"] {
    line-height: 2.5em;
  }
  .cd-headline.heading strong[style="font-size: 21px;"] {
    line-height: 3em;
  }
  .cd-headline.heading strong[style="font-size: 20px;"] {
    line-height: 3.1em;
  }
  .cd-headline.heading strong[style="font-size: 19px;"] {
    line-height: 3.3em;
  }
  .cd-headline.heading strong[style="font-size: 18px;"] {
    line-height: 3.5em;
  }
  .cd-headline.heading strong[style="font-size: 17px;"] {
    line-height: 3.7em;
  }
  .cd-headline.heading strong[style="font-size: 16px;"] {
    line-height: 3.9em;
  }
  .cd-headline.heading strong[style="font-size: 15px;"] {
    line-height: 4.1em;
  }
  .cd-headline.heading strong[style="font-size: 14px;"] {
    line-height: 4.3em;
  }
}

@media (min-width: 1024px) {
  #header {
    z-index: 500;
  }
  #header .max_wrapper {
    padding: 25px 10px 5px 20px;
  }
  #header menu #navigation ul.menu li {
    border-left: 0 !important;
    height: 28px;
  }
  #header menu #navigation ul li .menu li {
    float: none;
    height: auto;
    border-left: 0;
  }
  #header menu #navigation ul.menu li a {
    height: auto;
    outline: 0;
    border: 0;
    padding: 16px;
    line-height: normal;
    top: 0;
    float: none;
  }
  #header menu #navigation ul.menu li.expanded a {
    background: url(/sites/all/themes/unfpa_esaro_themes/unfpa_esaro/images/menu.png) 100% 50% no-repeat;
  }
  #header menu #navigation ul.menu li.expanded:hover a {
    background-color: transparent;
    background: url(/sites/all/themes/unfpa_esaro_themes/unfpa_esaro/images/menu-hvr.png) #44403b 100% 50% no-repeat;
    color: #e78a03;
    border: 0;
  }
  #header #navigation ul.menu li.expanded:hover ul.menu li a {
    padding: 10px;
    display: block;
  }
  #header menu #navigation ul.menu li.expanded:hover a {
    border-bottom: 0;
    z-index: 100;
  }
  #header menu #navigation ul li .menu {
    top: 35px;
    background: #44403b;
    color: #e78a03;
    border: 0;
  }
  #header menu #navigation ul li .menu li {
    padding: 0 5px;
  }
  #header #navigation ul.menu li.expanded:hover ul.menu li a {
    transition: 0.5s ease-in;
    border-bottom: 1px #66645d dashed;
  }
  #header #navigation ul.menu li.expanded:hover ul.menu li a:hover {
    background: rgba(0, 0, 0, 0.4);
  }
  #header menu #navigation ul li.expanded.col2 .menu li:first-child,
  #header menu #navigation ul li.expanded.col2 .menu li:nth-child(2) {
    padding-top: 0;
  }
  #header menu #navigation ul li.expanded.col2 .menu li {
    padding-top: 0;
  }
}

@media (max-width: 1059px) {
  .banner-hm {
    margin-top: 0;
  }
  .unfpa-works-wrap .sub-title {
    display: inline-block;
  }
}

@media screen and (min-width: 1100px) {
  .tagline-wrapper {
    padding: 0 25px;
  }
}

@media (min-width: 1100px) and (max-width: 1259px) {
  .unfpa-works-wrap h3 {
    padding: 0 12px 0 0;
  }

  #instagram-sub-wrapper video,
  #instagram-sub-wrapper figure {
    max-width: 100px;
    width: 100%;
    height: 100px;
    margin: 2px;
  }
}

@media (min-width: 1100px) and (max-width: 1439px) {
  .unfpa-works-wrap h3 {
    font-size: 31px;
    padding: 0 15px 0 0;
  }
  .cd-headline.heading strong {
    font-size: 31px;
    line-height: 2.2em;
  }
  .cd-headline.heading strong[style="font-size: 31px;"] {
    line-height: 2em;
  }
  .cd-headline.heading strong[style="font-size: 30px;"] {
    line-height: 2.1em;
  }
  .cd-headline.heading strong[style="font-size: 29px;"] {
    line-height: 2.2em;
  }
  .cd-headline.heading strong[style="font-size: 28px;"] {
    line-height: 2.3em;
  }
  .cd-headline.heading strong[style="font-size: 27px;"] {
    line-height: 2.4em;
  }
  .cd-headline.heading strong[style="font-size: 26px;"] {
    line-height: 2.5em;
  }
  .cd-headline.heading strong[style="font-size: 25px;"] {
    line-height: 2.6em;
  }
  .cd-headline.heading strong[style="font-size: 24px;"] {
    line-height: 2.6em;
  }
  .cd-headline.heading strong[style="font-size: 23px;"] {
    line-height: 2.9em;
  }
  .cd-headline.heading strong[style="font-size: 22px;"] {
    line-height: 2.9em;
  }
  .cd-headline.heading strong[style="font-size: 21px;"] {
    line-height: 3em;
  }
  .cd-headline.heading strong[style="font-size: 20px;"] {
    line-height: 3.1em;
  }
  .cd-headline.heading strong[style="font-size: 19px;"] {
    line-height: 3.3em;
  }
  .cd-headline.heading strong[style="font-size: 18px;"] {
    line-height: 3.5em;
  }
  .cd-headline.heading strong[style="font-size: 17px;"] {
    line-height: 3.7em;
  }
  .cd-headline.heading strong[style="font-size: 16px;"] {
    line-height: 3.9em;
  }
  .cd-headline.heading strong[style="font-size: 15px;"] {
    line-height: 4.1em;
  }
  .cd-headline.heading strong[style="font-size: 14px;"] {
    line-height: 4.3em;
  }
}

@media (min-width: 1260px) and (max-width: 1439px) {
  .banner-hm {
    position: relative;
    background-color: #fff;
    color: #fff;
  }
  .tagline-wrapper {
    bottom: 140px;
    margin: 0 auto;
  }
  .unfpa-works-wrap .sub-title {
    text-align: center;
  }
  .cd-headline.heading {
    padding: 0 30px 0 30px;
    margin: 0;
  }
  .un-intro {
    margin: 0;
    height: 66px;
  }
}

@media (min-width: 1440px) and (max-width: 1920px) {
  .unfpa-works-wrap h3 {
    font-size: 31px;
    padding: 0 15px 0 0;
  }
  .cd-headline.heading strong {
    font-size: 31px;
    line-height: 2.2em;
  }
  .cd-headline.heading strong[style="font-size: 31px;"] {
    line-height: 2em;
  }
  .cd-headline.heading strong[style="font-size: 30px;"] {
    line-height: 2.1em;
  }
  .cd-headline.heading strong[style="font-size: 29px;"] {
    line-height: 2.2em;
  }
  .cd-headline.heading strong[style="font-size: 28px;"] {
    line-height: 2.3em;
  }
  .cd-headline.heading strong[style="font-size: 27px;"] {
    line-height: 2.4em;
  }
  .cd-headline.heading strong[style="font-size: 26px;"] {
    line-height: 2.5em;
  }
  .cd-headline.heading strong[style="font-size: 25px;"] {
    line-height: 2.6em;
  }
  .cd-headline.heading strong[style="font-size: 24px;"] {
    line-height: 2.6em;
  }
  .cd-headline.heading strong[style="font-size: 23px;"] {
    line-height: 2.9em;
  }
  .cd-headline.heading strong[style="font-size: 22px;"] {
    line-height: 2.9em;
  }
  .cd-headline.heading strong[style="font-size: 21px;"] {
    line-height: 3em;
  }
  .cd-headline.heading strong[style="font-size: 20px;"] {
    line-height: 3.1em;
  }
  .cd-headline.heading strong[style="font-size: 19px;"] {
    line-height: 3.3em;
  }
  .cd-headline.heading strong[style="font-size: 18px;"] {
    line-height: 3.5em;
  }
  .cd-headline.heading strong[style="font-size: 17px;"] {
    line-height: 3.7em;
  }
  .cd-headline.heading strong[style="font-size: 16px;"] {
    line-height: 3.9em;
  }
  .cd-headline.heading strong[style="font-size: 15px;"] {
    line-height: 4.1em;
  }
  .cd-headline.heading strong[style="font-size: 14px;"] {
    line-height: 4.3em;
  }
}

@media (min-width: 1921px) {
  .tagline-wrapper h2 {
    font-size: 40px;
    line-height: 1.8em;
  }
  .unfpa-works-wrap h3 {
    font-size: 26px;
  }
  .cd-headline.heading strong {
    font-size: 26px;
    line-height: 2.4em;
  }
  .tagline-dropdown li {
    font-size: 24px;
  }
}

/* //Landscap mobile css starts */
@media only screen and (device-width: 736px) and (device-height: 414px) and (-webkit-device-pixel-ratio: 3) {
  .tagline-wrapper {
    bottom: 24%;
    max-width: 100%;
  }
  .unfpa-works-wrap h3 {
    text-align: center;
    float: none;
  }
  .cd-headline.heading {
    padding: 0 30px 0 10px;
  }
  .i18n-ar .cd-headline.heading {
    padding: 0 10px 0 30px;
  }
  .home-middle-content {
    padding: 30px 0 20px 0;
  }
  .social-blocks {
    padding: 20px 0 30px 0;
  }
  .eve-req-wrapper .er-col-6:nth-child(2) .req-block {
    padding: 0;
  }
}
@media only screen and (device-width: 667px) and (device-height: 375px) and (-webkit-device-pixel-ratio: 2) {
  .tagline-wrapper {
    bottom: 24%;
    max-width: 100%;
  }
  .unfpa-works-wrap h3 {
    padding: 5px 0 10px 0;
    text-align: center;
    float: none;
  }
  .cd-headline.heading {
    padding: 0 30px 0 10px;
  }
  .i18n-ar .cd-headline.heading {
    padding: 0 10px 0 30px;
  }
  .home-middle-content {
    padding: 30px 0 20px 0;
  }
  .social-blocks {
    padding: 20px 0 30px 0;
  }
  .eve-req-wrapper .er-col-6:nth-child(2) .req-block {
    padding: 0;
  }
  .cd-headline.heading strong {
    line-height: 2.8em;
  }
}
@media only screen and (device-width: 640px) and (device-height: 360px) {
  .tagline-wrapper {
    bottom: 24%;
    max-width: 100%;
  }
  .unfpa-works-wrap h3 {
    padding: 0;
    text-align: center;
    float: none;
  }
  .cd-headline.heading {
    padding: 0 30px 0 10px;
  }
  .i18n-ar .cd-headline.heading {
    padding: 0 10px 0 30px;
  }
  .home-middle-content {
    padding: 30px 0 20px 0;
  }
  .social-blocks {
    padding: 20px 0 30px 0;
  }
  .eve-req-wrapper .er-col-6:nth-child(2) .req-block {
    padding: 0;
  }
}
@media only screen and (device-width: 731px) and (device-height: 411px) {
  .tagline-wrapper {
    bottom: 24%;
    max-width: 100%;
  }
  .unfpa-works-wrap h3 {
    padding: 0 0 10px 0;
    text-align: center;
    float: none;
  }
  .cd-headline.heading {
    padding: 0 30px 0 10px;
  }
  .i18n-ar .cd-headline.heading {
    padding: 0 10px 0 30px;
  }
  .home-middle-content {
    padding: 30px 0 20px 0;
  }
  .social-blocks {
    padding: 20px 0 30px 0;
  }
  .eve-req-wrapper .er-col-6:nth-child(2) .req-block {
    padding: 0;
  }
}
@media only screen and (device-width: 812px) and (device-height: 375px) {
  .unfpa-works-wrap {
    display: block;
  }
  .unfpa-works-wrap .sub-title {
    width: 100%;
    text-align: center;
  }
  .tagline-wrapper {
    bottom: 24%;
    max-width: 100%;
  }
  .unfpa-works-wrap h3 {
    padding: 0 0 10px 0;
    text-align: center;
    float: none;
  }
  .cd-headline.heading {
    padding: 0 30px 0 25px;
  }
  .i18n-ar .cd-headline.heading {
    padding: 0 25px 0 30px;
  }
  .home-middle-content {
    padding: 30px 0 20px 0;
  }
  .social-blocks {
    padding: 20px 0 30px 0;
  }
  .eve-req-wrapper .er-col-6:nth-child(2) .req-block {
    padding: 0;
  }
}
@media only screen and (device-width: 823px) and (device-height: 411px) {
  .tagline-wrapper {
    bottom: 24%;
    max-width: 100%;
  }
  .unfpa-works-wrap h3 {
    padding: 0 0 10px 0;
    text-align: center;
    float: none;
  }
  .cd-headline.heading {
    padding: 0 30px 0 15px;
  }
  .home-middle-content {
    padding: 30px 0 20px 0;
  }
  .social-blocks {
    padding: 20px 0 30px 0;
  }
  .eve-req-wrapper .er-col-6:nth-child(2) .req-block {
    padding: 0;
  }
}

@media (min-width: 961px) and (max-width: 1346px) {
  .i18n-ar .un-intro .un-animate {
    width: 630px;
  }
}

@media (max-width: 360px) {
  .tagline-wrapper {
    bottom: 150px;
    max-width: 100%;
  }
  .tagline-dropdown li a {
    padding: 16px 15px;
    line-height: 20px;
  }
  .cd-headline.heading strong {
    line-height: 3.5;
  }
}

@media only screen and (min-device-width: 320px) and (max-device-width: 414px) and (-webkit-device-pixel-ratio: 2) {
  .banner-hm figure.img-container {
    background-attachment: scroll;
    background-size: initial;
  }
}

@media only screen and (min-device-width: 375px) and (max-device-width: 414px) and (-webkit-device-pixel-ratio: 3) {
  .banner-hm figure.img-container {
    background-attachment: scroll;
    background-size: initial;
  }
}