@media only screen and (max-width: 1119px) {
  .page-home #container #main .max_wrapper {
    padding: 0 10px;
  }
}
@media only screen and (max-width: 992px) {
  .front .home_dash #dashboard-for-individual-country .dash-sec-content ul li {
    width: 27%;
  }
  .front .home_dash #dashboard-for-individual-country .dash-sec-content ul li.list-row a .country-dashboard-portal-title {
    font-size: 17px;
  }
}

@media only screen and (max-width: 848px) {
  .front .home_dash #dashboard-for-individual-country .dash-sec-content ul li {
    width: 47%;
  }
  .front .home_dash #dashboard-for-individual-country .dash-sec-content ul li:nth-child(even) {
    margin: 0 0 2% 0;
  }
  .front .home_dash #dashboard-for-individual-country .dash-sec-content ul li:nth-child(odd) {
    margin: 0 6% 2% 0;
  }
  .chart-head-wrap .chart-heading h3 {
    font-size: 21px;
  }
  .data-stats .chart-wht {
    height: 600px;
  }
  .chart-head-wrap .chart-heading {
    background-color: #f99400;
    padding: 2% 24% 2% 2%;
    width: 74%;
  }
  .chart-head-wrap .chart-heading h3 {
    font-size: 20px;
    line-height: 20px;
  }
  .chart-head-wrap .chart-heading p {
    font-size: 14px;
  }
  .chart-head-wrap .chart-heading p a {
    font-size: 12px;
  }
  .chart-head-wrap .img-wrap {
    width: 130px;
    height: 130px;
  }
  .chart-head-wrap .img-wrap img {
    width: 130px;
    height: 130px;
    border-radius: 100%;
  }
}

@media only screen and (max-width: 800px) {
  .four-topic-list-wrapper .card__info .info-player__name {
    font-size: 14px;
  }
  .four-topic-list-wrapper .card__full .left-topic-icon {
    width: 24%;
  }
  .four-topic-list-wrapper .card__full .topic-detail-info-container {
    width: 74%;
  }
  .four-topic-list-wrapper .card__full .topic-detail-info-container li.sub-topic-link-item a {
    font-size: 14px;
  }
  .four-topic-list-wrapper .card__full .topic-detail-info-container.population-matters li.sub-topic-link-item a span.sub-topic-icon {
    vertical-align: top;
  }
  .four-topic-list-wrapper .card__full .topic-detail-info-container.population-matters li.sub-topic-link-item a span.sub-topic-info {
    display: inline-block;
    line-height: 16px;
    vertical-align: bottom;
    width: 105px;
  }
  #home-page-panel-display #unfpa_worldwide .map-legend {
    bottom: 0;
  }
  #unfpa_worldwide .wrapper .map-legend ul li {
    float: left;
    margin: 5px 15px 5px 0;
  }
  #unfpa_worldwide .homepage-map-block {
    padding: 0 0 52px 0;
  }
}

@media only screen and (max-width: 768px) {
  .home-page-top-full-block .views-row .homepage-top-feature-left-box {
    width: 100%;
  }
  .home-page-top-full-block .views-row .homepage-top-feature-right-box {
    padding: 0 2%;
    min-height: auto;
    width: 96%;
  }
  .home-page-top-full-block .home-block-custom-footer {
    position: relative;
    bottom: auto;
    width: auto;
  }
  .front .home_dash #dashboard-for-individual-country .dash-sec-content ul li.list-row a .country-dashboard-portal-title {
    font-size: 16px;
  }
  .front .home_dash #dashboard-for-individual-country .dash-sec-content ul li.list-row a {
    padding: 5px 0 0 43px;
    line-height: 18px;
  }
  #four-topic-list .topic-list-container {
    width: 48%;
  }
  .four-topic-list-wrapper .card__list li {
    width: 49%;
  }
  .four-topic-list-wrapper .card__list li:nth-child(odd) {
    margin: 0 2% 2% 0;
  }
  .four-topic-list-wrapper .card__list li:nth-child(even) {
    margin: 0 0 2%;
  }
  .four-topic-list-wrapper .card__full {
    height: auto;
  }
  .four-topic-list-wrapper .card__full .left-topic-icon {
    width: 100%;
  }
  .four-topic-list-wrapper .card__full .topic-detail-info-container {
    width: 98%;
  }
  .four-topic-list-wrapper .card__full .topic-detail-info-container .topic-title {
    text-align: center;
  }
  .four-topic-list-wrapper .card__full .topic-detail-info-container.population-matters .detail-info ul.sub-topic-list {
    column-count: 2;
    -moz-column-count: 2;
  }
  .four-topic-list-wrapper .card__full .topic-detail-info-container.population-matters li.sub-topic-link-item a span.sub-topic-icon {
    vertical-align: bottom;
  }
  .four-topic-list-wrapper .card__full .topic-detail-info-container.population-matters li.sub-topic-link-item a span.sub-topic-info {
    width: auto;
  }
  .four-topic-list-wrapper .card__full .topic-detail-info-container .topic-title {
    margin: 10px 0;
  }
  .four-topic-list-wrapper .card__full .topic-detail-info-container {
    padding: 1%;
  }
  .four-topic-list-wrapper .card__item:hover .card__info {
    padding: 0 2%;
    width: 94%;
  }
  .pane-unfpa-global-home-homepage-topics-block .views-row,
  .pane-unfpa-global-home-homepage-topics-block .views-row:last-child {
    margin: 2% 0 0;
    width:100%;
  }
  .pane-unfpa-global-home-homepage-topics-block .views-row .field-content a img {
    width: 100%;
    height:auto;
  }
  .pane-unfpa-global-home-homepage-topics-block .views-row .field-content a video {
    width:98%;
    height:auto;
  }
  .home-middle-content .topic-block {
    margin: 50px 0;
  }
  .topic-section-title-wrapper {
    margin: 20px 0 5px;
  }
  .home-top-floated-elements .views-row:last-child {
    margin:15px 0px 0px 0px;
  }
  .home-top-floated-elements .views-row {
    width:100%;
    margin:15px 0px 0px 0px;
  }
  .home-page-block .views-field-field-feature-banner-image .field-content img{
    width:100%; height:auto;
  }
  .events-home-list .view-content .views-row {
    border-bottom: 1px dotted #222;
    padding-bottom: 20px;
    margin-bottom: 20px;
  }
  .front .content-bottom {
    display: block;
  }
  .home-page-block.view-home-page .views-row .views-field.views-field-views-conditional,
  .pane-unfpa-global-home-homepage-topics-block .views-field-field-blurb,
  .pane-unfpa-global-home-homepage-topics-block .views-field-views-conditional,
  .pane-unfpa-global-home-homepage-topics-block .views-field-title {
    min-height: auto;
  }
  .home-page-block .views-field-title {
    height: auto;
  }
  .front .home-page-block .views-row .views-field.views-field-view-node {
    width: 95%;
  }
}

@media only screen and (max-width: 720px) {
  #unfpa_worldwide .homepage-map-block {
    padding: 0 0 80px 0;
  }
}

@media only screen and (max-width: 640px) {
  #three-icons-wrapper {
    height: auto;
  }
  .icons3 {
    margin: 15px 0 0;
    width: 100%;
  }
  #four-topic-list .topic-label {
    font-size: 13px;
  }
}

@media only screen and (max-width: 600px) {
  #unfpa_worldwide {
    display:none;
  }
  .homepage-transformative-goals-wrapper div.radio-wrapper label {
    width: 82%;
  }
}

@media only screen and (max-width: 481px) {
  .four-topic-list-wrapper .card__info {
    align-items: center;
    min-height: 174px;
    padding: 1%;
    justify-content: space-between;
    width: 96%;
  }
  .four-topic-list-wrapper .card__info .info-player__num {
    margin: 25px auto 8px;
  }
  .four-topic-list-wrapper .card__item:hover .info-player__num {
    margin: 25px auto 8px;
  }
  .four-topic-list-wrapper .card__info .info-player__name {
    min-height: 30px;
    padding: 0 10px;
  }
  .four-topic-list-wrapper .card__item:hover .card__info {
    min-height: 174px;
  }
  .four-topic-list-wrapper .card__full {
    will-change: transform;
    position: absolute;
    top: 48%;
    left: 50%;
    width: 100%;
    height: 100%;
    overflow: hidden;
    z-index: 2;
    visibility: hidden;
    transform-origin: top center;
    transform: scaleY(0) translate(-50%, -50%);
    transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
  }
  .four-topic-list-wrapper .card__full.active {
    border: 4px solid #e78a03;
    visibility: visible;
    transform: scaleY(1) translate(-50%, -50%);
    height: 100%;
    overflow: hidden;
    background-color: #fff;
  }
}

@media (min-width: 482px) and (max-width: 799px){
  .four-topic-list-wrapper .card__full {
    will-change: transform;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 100%;
    overflow: hidden;
    z-index: 2;
    visibility: hidden;
    transform-origin: top center;
    transform: scaleY(0) translate(-50%, -50%);
    transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
  }
}

@media only screen and (max-width: 480px) {
  #three-icons-wrapper {
    height: auto;
  }
  .home-page-top-full-block .views-row .homepage-top-feature-right-box {
    padding: 0 4%;
    width: 92%;
  }
  .front .home_dash #dashboard-for-individual-country .dash-sec-content ul li {
    margin: 0 0 2%;
    width: 100%;
  }
  #four-topic-list .topic-list-container {
    width: 100%;
  }
  .four-topic-list-wrapper .card__list li {
    width: 100%;
  }
  .four-topic-list-wrapper .card__list li:nth-child(odd),
  .four-topic-list-wrapper .card__list li:nth-child(even) {
    margin: 0 0 4%;
  }
  .four-topic-list-wrapper .card__full .topic-detail-info-container .detail-info ul.sub-topic-list,
  .four-topic-list-wrapper .card__full .card__item--topic_term_25 .topic-detail-info-container .detail-info ul.sub-topic-list {
    -moz-column-count: auto;
    column-count: auto;
  }
  .four-topic-list-wrapper .card__full .topic-detail-info-container li.sub-topic-link-item {
    padding: 5px 20px;
  }
  #four-topic-list .topic-label {
    font-size: 11px;
    padding: 0 0px;
  }
  #four-topic-list .topic-item-list li a {
    font-size: 12px;
  }
  .home-top-floated-elements .views-row,
  .home-top-floated-elements .views-row:first-child,
  .home-top-floated-elements .views-row:last-child {
    width: 100%;
    margin: 0 0 6%;
    height: auto;
  }
  .top-banner-block .home-page-block .views-field-field-feature-banner-image {
    width: 100%;
  }
  .topic-section-title-wrapper span.home-section-title {
    font-size: 25px;
    line-height: 32px;
    width: 68%;
  }
  .topic-section-title-wrapper span.view-topic-link a {
    font-size: 15px;
  }
  .home-middle-content .topic-block {
    margin: 40px 0;
  }
  .home-block-custom-footer .content-link {
    margin: 5px 0;
  }
  .home-block-custom-footer .published-date{
    text-align: left;
    float: left;
    margin: 5px 0px;
  }
  .pane-unfpa-global-home-homepage-topics-block .views-row,
  .pane-unfpa-global-home-homepage-topics-block .views-row:last-child {
    margin: 6% 0 0;
  }
  .homepage-transformative-goals-wrapper div.radio-wrapper {
    margin-left: -20px;
  }
  .homepage-transformative-goals-wrapper h2 {
    font-size: 26px;
  }
  .chart-head-wrap .chart-heading {
    background-color: #f99400;
    padding: 2%;
    width: 96%;
    min-height: 85px;
  }
  .chart-head-wrap .img-wrap {
    display: none;
  }
}

@media only screen and (max-width: 320px) {
  #four-topic-list .topic-label {
    font-size: 10px;
    padding: 0 0px;
  }
  #four-topic-list .topic-item-list li a {
    font-size: 11px;
  }
  .front .home_dash #dashboard-for-individual-country .dash-sec-content ul li {
    width: 93%;
  }
  .ch-grid li {
    margin: 20px auto;
  }
  .topic-section-title-wrapper span.home-section-title {
    font-size: 22px;
  }
  .topic-section-title-wrapper span.view-topic-link a {
    font-size: 13px;
  }
  .topic-section-title-wrapper span.view-topic-link {
    margin-left: 5px;
  }
  .home-middle-content .topic-block {
    margin: 30px 0;
  }
  .i18n-fr .banner-getinvolve .text-wraper {
    width: 92%;
  }
}
/* HiDPI support (css for homepage chart block radio buttons)*/
@media (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi), (min-resolution: 1.25dppx) {
  .homepage-transformative-goals-wrapper div.radio-wrapper .icheckbox_polaris,
  .homepage-transformative-goals-wrapper div.radio-wrapper .iradio_polaris {
    background-image: url("../images/polaris.png");
  }
}