@media only screen and (max-width: 1200px) {
  .aep-country-details #block-aepcountrypillar .nav-tabs {
    top: 55px;
  }

  .aep-country-details #country-gauge-wrapper {
    width: 100%;
  }

  .aep-flag-wrapper {
    margin-right: 20px;
    width: max-content;
    padding-right: 20px;
  }

  .country-guages-container .chart-wrapper .col-md-3 {
    padding: 0 25px;
  }

  .country-population-container .buttons-wrapper a {
    font-size: 14px;
  }

  .country-population-container .pop-label {
    margin-right: 10px;
    padding-right: 20px;
  }
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
  .country-guages-container .chart-wrapper .col-md-3>div:first-child {
    height: auto;
  }

  #block-aepcountrypillar .block-title,
  .aep-country-details .profile-title {
    font-size: 44px;
    line-height: 50px;
  }

  .left-right-tab-view .content-sub-title h3 {
    font-size: 28px;
    line-height: 34px;
  }

  /* Country dropdown */
  .aep-country-details .country-dropdown-list {
    width: calc(100vw - 84px);
  }
}

@media only screen and (max-width: 991px) {

  /*** Temp code for hiding country list ***/
  .country-dropdown-list {
    display: none;
  }

  /**********/

  /** Style as per style guide */
  .aep-flag-wrapper {
    width: 100%;
    margin: 0;
    padding: 0;
  }

  .aep-country-details .country-head-wrapper {
    display: flex;
    grid-template-columns: 60px minmax(0, calc(100% - 60px));
    grid-gap: 10px;
    align-items: center;
  }

  .aep-flag-wrapper {
    margin-bottom: 20px;
    padding-bottom: 20px;
    position: relative;
  }

  .aep-country-details .aep-flag>.view>.view-content {
    position: unset;
  }

  .country-population-container .pop-label {
    padding-right: 20px;
    margin-right: 10px;
    font-size: 14px;
  }

  .aep-country-details .country-head-wrapper .country-title {
    padding-top: 0;
    margin-left: 0;
    font-size: 19px;
    line-height: 25px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
  }

  .aep-country-details #country-gauge-wrapper {
    width: 100%;
  }

  .country-guages-container .chart-wrapper {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    grid-gap: 10px 50px;
    padding: 0 30px;
  }

  .country-guages-container .chart-wrapper .col-md-3 {
    padding: 0 20px;
  }

  .country-guages-container .chart-wrapper .col-md-3>div:first-child {
    height: 220px;
  }

  .aep-country-details .country-head-flag {
    margin-bottom: 0;
  }

  .aep-country-details .aep-wrapper {
    padding: 30px 0 30px;
  }

  #block-aepcountrypillar .block-title,
  .aep-country-details .profile-title {
    font-size: 34px;
    line-height: 40px;
  }

  .left-right-tab-view .content-sub-title h3 {
    font-size: 21px;
    line-height: 27px;
  }

  .aep-country-details #block-aepcountrypillar .nav-tabs a {
    font-size: 16px;
    line-height: 20px;
  }

  .left-right-tab-view>.view-footer {
    padding: 30px;
  }

  .aep-country-details .left-right-tab-view {
    padding: 30px 0 0;
  }

  #block-aepcountrypillar .block-title,
  .aep-country-details .profile-title {
    margin-bottom: 18px;
  }

  .aep-country-details #block-aepcountrypillar {
    margin-top: 30px;
  }

  .aep-country-details #block-aepcountrypillar .nav-tabs {
    padding-top: 18px;
  }

  .aep-country-details .content-sub-description h4 {
    font-size: 16px;
    line-height: 22px;
  }

  /** End of Style as per style guide */

  /* Country dropdown */
  .aep-country-details .country-dropdown-list {
    width: 100%;
  }

  .aep-country-details .country-dropdown-list .views-row {
    width: 33.33%;
    margin: 0 0 20px;
  }
}

@media screen and (min-width: 768px) and (max-width: 991px) {

  .aep-country-details .country-ongridproject-table-row>div,
  .aep-country-details .country-ongridproject-table-row>.tbl-head {
    padding: 14px 20px;
  }
}

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

  /* As per mobile style guide */
  .country-guages-container {
    flex-wrap: wrap;
    justify-content: center !important;
  }

  .country-guages-container .chart-wrapper {
    margin: 0 auto;
    padding: 0;
  }

  .ast-country-detail-top {
    padding: 0 20px;
  }

  .country-population-container .pop-val {
    font-size: 21px;
  }

  .country-head-wrapper .country-head-flag,
  .country-head-wrapper .country-head-flag img {
    margin-bottom: 0;
    width: 60px;
    height: 35px;
  }

  .aep-country-details .country-head-flag img {
    object-fit: cover;
  }

  .aep-country-details .country-head-wrapper .country-title {
    padding-right: 35px;
  }

  .aep-country-details .eri-score a {
    opacity: 1;
  }

  .country-guages-container .chart-wrapper {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .country-population-container .buttons-wrapper a {
    min-width: auto;
  }

  .country-population-container .rise-score {
    margin-right: 5px;
  }

  .country-population-container .buttons-wrapper a {
    font-size: 12px;
    line-height: 18px;
    min-height: auto;
    padding: 7px 32px 3px 10px;
    background-position: top 6px right 10px !important;
    background-size: 12px;
  }

  .country-population-container {
    margin-bottom: 22px;
  }

  .left-right-tab-view .right-content-wrap #institutional_framework li::before {
    width: 5px;
    height: 5px;
  }

  .switch-btn .pop-chart::before,
  .switch-btn .pop-table:before {
    border-radius: 3px;
  }

  .country-producers-table-row {
    background: #ffffff;
  }

  /* End of As per mobile style guide */
  .tab-content>.tab-pane {
    display: block;
  }

  /* temp styles */
  .aep-country-details .chart-wrap .chart-wrapper {
    width: 100%;
    margin: 0 0 20px;
  }

  .left-right-tab-view>.view-content {
    display: none;
  }

  .aep-country-details .chart-wrap {
    display: block;
  }

  .aep-country-details #block-aepcountrypillar .nav-tabs {
    top: 54px;
  }

  .chart-table-wrap {
    overflow: visible;
  }

  .aep-country-details #block-aepcountrypillar .nav-tabs a {
    font-size: 12px;
  }

  .aep-country-details #block-aepcountrypillar .nav-tabs li:first-child {
    margin-left: 0;
  }
}

@media only screen and (min-width: 768px) {
  .right-content-wrap .content-sub-description .mCSB_container {
    margin-right: 30px;
  }
}

@media only screen and (max-width: 767px) {
  /* As per style guide */

  /* .country-guages-container .chart-wrapper .col-md-3>div:first-child {
    height: 181px;
  } */

  .country-guages-container .chart-wrapper {
    grid-gap: 2px 50px;
  }

  .left-right-tab-view .content-sub-title h3 {
    font-size: 18px;
    line-height: 24px;
  }

  .left-right-tab-view .content-sub-title h3 {
    margin: 0 0 8px;
  }

  .left-right-tab-view .right-content-wrap p {
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 10px;
  }

  body.aep-country-details .main-container {
    padding-bottom: 30px;
  }

  .left-right-tab-view .right-content-wrap li {
    font-size: 14px;
    line-height: 20px;
  }

  .aep-country-details #regulatory_framework ul li a {
    font-size: 14px;
  }

  .aep-country-details #regulatory_framework ul li:last-child {
    margin-bottom: 0;
  }

  .aep-country-details .country-ongridproject-table-row>.tbl-head {
    padding: 14px 0 10px;
  }

  .aep-country-details .country-ongridproject-table-row>div {
    font-size: 14px;
    line-height: 20px;
  }

  .aep-country-details .content-sub-description h4 {
    font-size: 14px;
    line-height: 20px;
  }

  .ast-source-style-right a {
    word-break: break-word;
  }

  .country-producers-table-row {
    width: 246px;
    margin-left: auto;
    margin-right: auto;
  }

  .content-sub-description p+.country-producers-wrapper {
    margin-top: 0;
  }

  .aep-country-details .left-right-tab-view {
    padding-top: 0;
  }

  /* Profile tab Table */

  #institutional_framework .content-sub-description ul {
    margin-bottom: 0;
  }

  #pipeline_of_planned_on-grid_projects h3 {
    margin-bottom: 12px;
  }

  .aep-country-details .country-ongridproject-table .country-ongridproject-table-row {
    grid-template-columns: 3fr 1.5fr;
    height: 44px;
  }

  .aep-country-details .country-ongridproject-table .country-ongridproject-table-row>div {
    padding: 2px 10px;
  }

  .aep-country-details .country-ongridproject-table .country-ongridproject-table-row>div {
    display: flex;
    align-items: center;
  }

  .aep-country-details .country-ongridproject-table .country-ongridproject-table-row>div:last-child {
    justify-content: center;
  }

  .aep-country-details .country-ongridproject-table-row>div:first-child {
    border-right: none;
  }

  .country-guages-container .chart-wrapper .col-md-3>div:first-child {
    height: 225px;
  }

  /* Key indicators tab */

  .aep-country-details .chart-wrap .chart-title {
    font-size: 14px;
    line-height: 20px;
  }

  /* Country dropdown */
  .aep-country-details .country-dropdown-list .views-row {
    width: 50%;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  .aep-country-details .content-sub-description table th,
  .aep-country-details .content-sub-description table td {
    padding: 10px 15px;
    font-size: 14px;
  }

}

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

  /* Country dropdown */
  .aep-country-details .country-dropdown-list {
    padding: 30px 15px;
  }

  .aep-country-details .country-dropdown-list .views-row {
    width: 100%;
  }

  .aep-country-details .country-dropdown-list .country-flag {
    width: 22%;
  }

  .country-guages-container .chart-wrapper .col-md-3 {
    padding: 0 0;
  }

  .country-guages-container .chart-wrapper {
    grid-gap: 2px 30px;
  }
}

@media only screen and (max-width: 350px) {
  .country-population-container .rise-score {
    margin-bottom: 0;
  }

  .country-population-container .buttons-wrapper>div {
    width: max-content;
  }

  .country-population-container .buttons-wrapper a {
    padding-right: 28px;
  }
}

@media only screen and (max-width: 320px) {
  .country-guages-container .chart-wrapper .col-md-3>div:first-child {
    height: 150px;
  }
}

.aep-country-details.popup-enabled {
  overflow: hidden;
}