/*===================================================
  SOF Media queries for window width(980px)
=====================================================*/

@media all and (max-width:980px) {

  /*--SOF Dashboard page css--*/

  #dashboard-country-detail-bottom-section .dashboard-country-detail-section-content ul li {
    width: 44%;
  }

  .dashboard-banner-wrapper .dashboard-banner-info-container p {
    font-size: 12px;
    line-height: 16px;
  }

  /*--EOF Dashboard page css--*/

}

/*===================================================
  EOF Media queries for window width(980px)
=====================================================*/


/*===================================================
  SOF Media queries for window width(840px)
=====================================================*/

@media all and (max-width:840px) {

  /*--SOF Dashboard page css--*/

  .open-data-dashboard-tabs > ul > li {
    width: 146px;
  }

  .open-data-dashboard-tabs > ul > li > span {
    width: 100%;
  }

  .open-data-dashboard-tabs > ul > li > span > a {
    font-size: 13px;
  }

  /*--EOF Dashboard page css--*/

}

/*===================================================
  EOF Media queries for window width(840px)
=====================================================*/

/*===================================================
  SOF Media queries for ipad(768px)
=====================================================*/

@media all and (max-width: 768px) {

  /*--SOF AY detail page css--*/

  .country-chart-section-left.chart-sections {
    margin: 0 0 6% 0;
    width: 100%;
  }

  .country-chart-section-left.chart-sections #filter-options-list ul li.filter-option {
    display: inline-block;
    margin: 5px 10px 5px 0;
  }

  .country-chart-section-right.chart-sections {
    width: 100%;
  }

  .dashboard-country-chart-section .action-links-block {
    margin: 25px 0 60px;
  }

  .dashboard-country-chart-section .action-links-block ul li {
    display: inline-block;
  }

  #dashboard-country-detail-bottom-section .dashboard-country-detail-section-content ul {
    padding: 0px 0px 0px 30px;
    width: 94%;
  }

  #dashboard-country-detail-bottom-section .dashboard-country-detail-section-content ul li {
    margin: 0 0 10px;
    width: 100%;
  }

  /*--EOF AY detail page css--*/

  /*--SOF FGM detail page css--*/

  .two-column-wrapper .first-column.chart-sections,
  .two-column-wrapper .last-column.chart-sections {
    float: none;
    margin: 0;
    width: 100%;
  }

  #fgm-age-fgm-section .two-column-wrapper .first-column.chart-sections,
  #fgm-age-fgm-section .two-column-wrapper .last-column.chart-sections {
    width: 100%;
  }

  /*--EOF FGM detail page css--*/

  /*--SOF FGM Dashboard page css--*/

  .dashboard-banner-wrapper .dashboard-banner-info-container {
    padding: 2% 6%;
    width: 50%;
  }

  .dashboard-banner-wrapper .dashboard-banner-info-container p {
    font-size: 12px;
    line-height: 16px;
    margin-top:14px;
  }

  /*--EOF FGM Dashboard page css--*/

  /*--SOF Supplies bottom slider css--*/

  #supplies-slider .supplies-bottom-section .supplies-bottom-info-field {
    min-height: 110px;
    width: 46%;
  }

  /*--EOF Supplies bottom slider css--*/

  /*--SOF Supplies bottom slider css--*/

  #supplies-slider .supplies-bottom-section .supplies-bottom-icon-field {
    float: none;
    margin: -68px auto 0;
    padding: 0;
    width: 15%;
  }

  #supplies-slider .supplies-bottom-section .supplies-bottom-icon-field .supplies-slider-icon-inner-wrapper {
    float: none;
  }

  #supplies-slider .supplies-bottom-section .supplies-bottom-info-section {
    text-align: center;
    width: 100%;
  }

  #supplies-slider .supplies-bottom-section .supplies-bottom-section-title {
    margin: 0 0 20px;
  }

  #supplies-slider .supplies-bottom-section .supplies-bottom-section-title h2.category-name {
    margin: 15px 0 0;
    text-align: center;
  }

  /*--SOF Supplies bottom slider css--*/

}

/*===================================================
  EOF Media queries for ipad(768px)
=====================================================*/

/*===================================================
  SOF Media queries for ipad(767px)
=====================================================*/

@media all and (max-width:767px) {

  /*--SOF Dashboard page css--*/

  .open-data-dashboard-tabs ul {
    height: auto !important;
  }

  .open-data-dashboard-tabs > ul > li {
    border-bottom: 1px solid #ffffff;
    border-radius: unset;
    float: none;
    text-align: left;
    width: 100%;
  }

  .open-data-dashboard-tabs > ul > li > span {
    width: 100%;
  }

  .open-data-dashboard-tabs ul li ul {
    position: relative;
    width: 100%;
  }

  /*--EOF Dashboard page css--*/

  /*--SOF FGM Dashboard page css--*/

  .dashboard-banner-wrapper .dashboard-banner-image-container,
  .dashboard-banner-wrapper .dashboard-banner-info-container {
    float: none;
    padding: 0;
    width: 100%;
  }

  .dashboard-banner-wrapper .dashboard-banner-info-container .dashboard-field-content {
    padding: 4%;
  }

  .dashboard-banner-wrapper .dashboard-banner-info-container .dashboard-icon {
    left: 4%;
    top: -48px;
  }

  .dashboard-country-outer-box.fgm-dashboard #visTblDvId,
  .dashboard-country-outer-box.adolescents-youth-dashboard #visTblDvId{
    overflow-x: scroll;
  }

  .path-data .news-header ul.breadcrumb {
    display: none;
  }

  /*--EOF FGM Dashboard page css--*/

}

/*===================================================
  EOF Media queries for ipad(767px)
=====================================================*/

/*===================================================
  SOF Media queries for (640px)
=====================================================*/

@media all and (max-width:680px) {

  /*--SOF AY detail page css--*/

  .open-data-dashboard-tabs ul li ul li label {
    width: 88%;
  }

  .dashboard-country-outer-box .section-indicators ul li label {
    width: 88%;
  }

  /*--EOF AY detail page css--*/

}

/*===================================================
  EOF Media queries for (640px)
=====================================================*/

/*===================================================
  SOF Media queries for (480px)
=====================================================*/

@media all and (max-width:480px) {

  /*--SOF AY detail page css--*/

  .dashboard-country-download-profile-block {
    padding: 8px 12px 8px 25px;
  }

  .download-profile-text {
    font-size: 12px;
  }

  .download-button-block a {
    font-size: 12px;
  }

  .dashboard-section-content {
    padding: 15px;
  }

  .section-title {
    margin-left: 0;
  }

  #dashboard-country-detail-bottom-section .dashboard-country-detail-section-content ul li {
    width: 98%;
  }

  /*--EOF AY detail page css--*/

  /*--EOF FGM detail page css--*/

  .map-left-section {
    float: none;
    margin-bottom: 40px;
    width: 100%;
  }

  #ay-map {
    float: none;
    width: 100%;
  }

  .fgm-dashboard .country-inside-top-filter-section .full-width-filter-blocks .filter-option {
    width: 42%;
  }
  #ay-map, .dashboard-map-container{
    width: 100%;
  }
  #global-dashboard-map-scale-wrapper .global-dashboard-scale{
    width: 130px;
  }
  #global-dashboard-map-scale-wrapper .max{
    display: block;
    float: left;
    clear: left;
    margin-right: 68px;
    margin-top: 0;
  }
  #global-dashboard-map-scale-wrapper .min{
    display: block;
    float: left;
    margin-top: 0;
  }
  /*--EOF FGM detail page css--*/

  /*--SOF Supplies bottom slider css--*/

  #supplies-slider .supplies-bottom-section .supplies-bottom-icon-field {
    margin: 20px auto;
    width: 22%;
  }

  #supplies-slider .supplies-bottom-section .supplies-bottom-info-field {
    min-height: inherit;
    margin: 10px 0;
    padding: 0;
    width: 100%;
  }

  /*--SOF Supplies bottom slider css--*/

  .country-chart-section-left.chart-sections #filter-options-list ul li.filter-option {
    width: 100%;
    margin-right: 0;
  }

}

/*===================================================
  EOF Media queries for (480px)
=====================================================*/

/*===================================================
  SOF Media queries for (360px)
=====================================================*/

@media all and (max-width:360px) {

  /*--SOF AY detail page css--*/

  .action-links-block ul li.download .download-link-options {
    right: 0;
  }

  #dashboard-country-detail-bottom-section .dashboard-country-detail-section-content ul {
    width: 92%;
  }

  .fgm-dashboard .country-inside-top-filter-section .full-width-filter-blocks .filter-option {
    width: 92%;
  }

  /*--EOF AY detail page css--*/

}

/*===================================================
  EOF Media queries for (360px)
=====================================================*/

/*===================================================
  SOF Media queries for (320px)
=====================================================*/

@media all and (max-width:320px) {

  /*--SOF AY detail page css--*/

  .download-profile-text {
    font-size: 11px;
  }

  /*--EOF AY detail page css--*/

}

/*===================================================
  EOF Media queries for (320px)
=====================================================*/

/*---css for d8 site start here---*/
@media all and (max-width: 768px) {
  .popover-country .thepopover ul {
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3;
  }
}/*--responsive.css--*/
@media all and (max-width: 720px) {
  .popover-country .thepopover ul {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
  }
}/*--responsive.css--*/
@media all and (max-width: 480px) {
  .popover-country .thepopover ul {
    -webkit-column-count: 1;
    -moz-column-count: 1;
    column-count: 1;
  }
}/*--responsive.css--*/
/*---css for d8 site end here---*/