/* Mobile responsive styling for inner pages
*  06-02-2020
*/

@media only screen and (max-width: 767px) {
  /*************************************** Common Styles ***************************************/
  /* body {
        padding: 0 15px;
    }*/
  body.listing-pages {
    padding-top: 58px !important;
  }
  body.headerFixed .header-wrapper {
    height: 65px !important;
  }
  /*banner styling*/
  body.listing-pages .board .title {
    top: 50%;
    bottom: auto;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
  }
  .listing-pages .board .title h1 {
    font-size: 32px !important;
  }
  body.listing-pages .story-desc p {
    /*font-size: 18px;
    line-height: 24px;*/
  }
  body.listing-pages .story-desc {
    /*margin: 20px 15;*/
  }
  body.listing-pages .story-desc p:first-child {
    /*margin-bottom: 30px;
    padding: 0 30px;*/
  }
  body.listing-pages .story-desc::after {
    margin: 15px auto;
  }
  /*End of banner styling*/
  /************************************ End of Common Styles ************************************/
  /*************************************** Stories  Page ***************************************/
  .page-node-type-story .block .view-content,
  .stories-inner-page .article-wrapper.main article ~ a {
    padding: 10px 25px !important;
  }
  .stories-inner-page .article-wrapper.main article::after {
    margin: 15px auto !important;
  }
  /************************************ End of Stories Pge ************************************/
  /************************************ Media Page ************************************/
  .path-media .content {
    padding: 0;
  }
  /************************************ End of media Page *****************************/
  /************************************ Leadership  Page ***********************************/
  .board-list .cbp-so-section .content {
    padding: 0 !important;
  }
  body .board-list .view-content::after {
    margin-top: 30px;
  }
  /************************************ End of leadership Page *****************************/
  /************************************ Country listing Page ************************************/
  #countryMap {
    padding-bottom: 50px;
  }
  .countries-general.country-org {
    padding-top: 0;
  }
  body.country-pages .country-map-popup {
    margin: 0 15px;
  }
  .country-pages .country-map {
    width: 100%;
  }
  body.country-pages .country-map-popup {
    left: auto !important;
    min-width: auto !important;
  }
  body.country-pages .tooltiptop {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  body.country-pages .tooltiptop .content {
    width: 100%;
  }
  .country-map-popup .tooltiptop b {
    font-size: 18px;
  }
  body.country-pages a.story-more span {
    font-size: 14px;
  }
  body.country-pages a.story-more.isLink.read-more {
    text-align: center;
  }
  body.country-pages .country-map-popup {
    padding: 35px 5px;
  }
  .country-pages .tooltiptop .content .name,
  .country-pages .tooltiptop .content .name .body {
    padding-top: 15px;
  }
  /************************************ End of country listing Page *****************************/
  /************************************ Country detail Page *******************************************/
  .country-block-details .views-row.country-wrapper {
    margin-top: 0;
  }
  .country-pages div.impact-wrapper {
    padding-bottom: 0;
  }
  .country-block-details .left-section-wrapper,
  .page-node-type-country .field-content.counter-block.new {
    padding: 0 !important;
  }
  .country-block-details .field-content.content-text {
    padding-left: 0;
  }
  .filter-left-item ul li {
    /*padding: 0 !important;*/
  }
  /*     .country-block-details .year-counter.counter.enterprises, .country-block-details .field-content.counter-block {
    padding: 0;
} */
  .country-block-details .counter-wrapper {
    padding: 15px 0;
  }
  .country-block-details .label-text.first-label {
    font-size: 18px;
  }
  .country-block-details .year-counter:not(:last-child) {
    border-bottom: 1px solid #fff;
  }
  .country-block-details .year-counter > span {
    font-size: 22px !important;
  }
  .page-node-type-country .tab-inner.table-wrap td {
    border-bottom: 1px solid #f2f2f2!important;
  }
  .country-block-details .counter-wrapper,
  .country-block-details .label-text.first-label {
    padding: 0 !important;
  }
  .page-node-type-country .year-counter.counter {
    padding: 15px;
  }
  body.page-node-type-country .field-content.country-section.new-sec {
    font-size: 24px !important;
    line-height: 26px !important;
  }
  body .country-block-details .field-content.content-text {
    padding-top: 15px;
  }
  .map-image-block img {
    width: 80%;
  }
  .country-block-details .fltr-btn {
    display: none;
  }
  .country-inner .accordion-inner,
  .country-inner .filter-left-item ul {
    display: block !important;
    float: none !important;
    padding: 0 !important;
  }
  .tab-inner.table-wrap tbody {
    margin-top: 15px;
    border: 1px solid #ddd !important
  }
  .country-block-details .right-section-wrapper .content-section {
    padding: 0;
  }
  .country-block-details .mobileTitle .accordionTitle {
    background: #003366 !important;
  }
  body.country-pages .story-title a {
    font-size: 18px !important;
  }
  .country-block-details .impact-stories {
    margin-bottom: 15px;
  }
  .country-block-details .filter-left-item label {
    font-size: 18px;
  }
  body.country-pages .story-heading {
    font-size: 28px !important;
    padding: 15px 0 !important;
  }
  body.country-pages .tab-block {
    padding-bottom: 10px;
  }
  body.country-pages .tab-inner.table-wrap tr {
    border: 0 !important;
  }
  body.country-pages .mobileCaption.visible-xs {
    font-size: 18px;
  }
  /************************************ End of Country detail Page ************************************/
  /************************************ Sectors detail Page *******************************************/
  .page-sector-inner .banner-img {
    height: auto;
  }
  .page-sector-inner .title {
    top: 50%;
    bottom: auto;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
  }
  .page-sector-inner .title h1 {
    font-size:
  }
  body.page-sector-inner .impact-section .impact-wrap {
    width: 100%;
  }
  body.page-sector-inner .impact-section {
    margin-top: 0;
  }
  body.page-sector-inner .description p,
  body.page-sector-inner .section-container .desc p {
    /* font-size: 18px;
    line-height: 22px;*/
  }
  body.page-sector-inner .slideshow-container h3 {
    font-size: 24px;
    line-height: 24px;
  }
  body.page-sector-inner .impact-stories h3 {
    font-size: 30px;
    line-height: 38px;
  }
  body.page-sector-inner .impact-wrap {
    padding-top: 15px;
  }
  .country-pages .story-desc {
    margin-top: 30px ! important;
  }
  .middle-reg li.f-menu:not(:last-child) {
    position: relative;
  }
  .banner-img img {
    height: 180px ! important;
    -o-object-fit: cover;
    object-fit: cover;
  }
  .country-map #countryMap {
    padding-bottom: 0px;
  }
  .countries-general.country-org {
    padding-top: 0px;
  }
  body.headerFixed .header-wrapper {
    height: 64px !important;
  }
  body.headerFixed .header-wrapper {
    height: 64px !important;
  }
  body.page-node-type-story .header-wrapper {
    height: 58px !important;
  }
  .story-listing-page .story-desc {
    margin-top: 30px !important;
    margin-bottom: 30px !important;
  }
  .block-wrapper h2 {
    font-size: 36px !important;
  }
  /************************************ End of sectors detail Page ************************************/
}