.tab-navigation-section {
  display: none;
}

.without-drilldown-option .back-to-main-section,
.without-drilldown-option .tab-navigation-section {
  display: none !important;
}

.region-countries-block-mobile {
  display: none;
}

.region-image-mobile img {
  max-width: 100%;
}

.map-country-count {
  color: #2dbbff;
  font-weight: 700;
}

@media (min-width: 1024px) and (max-width: 1200px) {
  .custom-map-basmap-img img {
    max-width: 960px;
  }
}

@media screen and (max-width: 1200px) {
  .map-left-filter {
    position: static;
    width: 100%;
    height: auto;
  }

  .custom-map-section {
    padding: 30px;
  }

  .map-left-filter-list {
    display: flex;
    border-top: 0;
  }

  .map-left-filter-link {
    padding-right: 0;
  }

  .map-left-filter-link:after {
    content: none;
  }

  .map-left-filter-item {
    border-bottom: 0;
    padding: 0 25px;
  }

  .map-left-filter-item:not(:last-child) {
    border-right: 1px solid var(--left-filter-border-color);
  }
}

@media screen and (max-width: 1023px) {
  .custom-map-row.is-active.region-show .tab-navigation-section {
    display: block;
  }

  /* ****************************** */
  /* map update */
  /* .back-to-main-section {
    width: auto;
    height: auto;
    border: none;
  }

  .back-to-main-section img {
    display: none;
  }

  .back-to-main-section a {
    color: #fff;
    display: block;
    position: relative;
    padding-left: 25px;
  }

  .back-to-main-section a::before {
    content: "";
    width: 17px;
    height: 9px;
    background: url("../img/arrow_right.png") no-repeat center;
    position: absolute;
    left: 0;
    top: 8px;
    transform: rotate(180deg);
  }

  .back-to-main-section a::after {
    content: "BACK TO WHERE WE WORK ";
    font-size: 18px;
  } */

  .back-to-main-section {
    left: 0;
  }

  .back-to-main-link {
    /* border: none; */
    width: 50px;
    height: 30px;
    padding: 0;
  }

  .back-to-main-section a::after {
    font-size: 0 !important;
  }

  /* map update */
  /* ****************************** */

  .tab-navigation-section {
    position: absolute;
    left: 0;
    top: 50px;
    width: 100%;
    border-bottom: 1px solid #dbdbdb;
    /* padding-bottom: 4px; */
  }

  .tab-navigation-section ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    /* align-items: flex-end; */
    width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
  }

  .tab-navigation-section li {
    display: flex;
  }

  /* .tab-navigation-section li {
    white-space: nowrap;
  }
 */

  .tab-navigation-section li:not(:last-child) {
    margin-right: 15px;
  }

  .tab-navigation-section a {
    color: #fff;
    font-size: 14px;
    line-height: 1.3;
    font-weight: 700;
    text-transform: uppercase;
    padding: 5px 0;
    display: block;
    border-bottom: 3px solid transparent;
  }

  .tab-navigation-section .region-tab-link-wrap.is-active a {
    border-bottom-color: var(--pale-1);
    color: var(--pale-1);
  }

  .region-img-desk,
  .selected-countries-map-block,
  .map-countries-block {
    display: none;
  }

  .region-img-mob {
    display: block !important;
  }

  .region-countries-block-mobile {
    display: block;
  }

  .regionmap-item-img {
    display: none;
  }

  .custom-map-row-wrapper {
    padding: 20px;
  }

  .map-region-point-title-section {
    background: transparent;
    color: #fff;
    font-size: 16px;
    border: none;
    padding: 0;
  }

  .map-region-point-title-section:after {
    content: none;
  }

  .ea-region-point .map-region-point-title-section,
  .na-region-point .map-region-point-title-section {
    top: -100px;
    transform: translateX(-50%);
    left: 50%;
    right: auto;
  }

  .ea-region-point::before,
  .na-region-point::before {
    content: "";
    width: 1px;
    height: 100px;
    position: absolute;
    bottom: 22px;
    left: 50%;
    transform: translateX(-50%);
    background: #fff;
  }

  .ip-region-point .map-region-point-title-section,
  .sa-region-point .map-region-point-title-section,
  .af-region-point .map-region-point-title-section {
    bottom: -80px;
    transform: translateX(-50%);
    left: 50%;
    right: auto;
    top: auto;
  }

  .ip-region-point::before,
  .sa-region-point::before,
  .af-region-point::before {
    content: "";
    width: 1px;
    height: 80px;
    position: absolute;
    top: 22px;
    left: 50%;
    transform: translateX(-50%);
    background: #fff;
  }

  .af-region-point .map-region-point-title-section {
    bottom: -150px;
  }

  .af-region-point::before {
    height: 150px;
  }

  .ea-region-point .map-region-point-title-section {
    top: -130px;
  }

  .ea-region-point::before {
    height: 130px;
  }

  .na-region-point .map-region-point-title-section {
    top: -90px;
  }

  .na-region-point::before {
    height: 90px;
  }

  .countries-list-mobile ul {
    display: flex;
    flex-wrap: wrap;
    padding: 0;
    margin: 0;
    list-style: none;
  }

  .countries-list-mobile a {
    color: #fff;
    font-size: 14px;
    margin-right: 15px;
    display: inline-block;
  }

  .countries-list-mobile-1 {
    margin-top: 20px;
  }

  /* height fix  */
  .custom-map-component {
    height: auto;
  }

  .custom-map-basmap {
    position: relative;
  }

  .custom-map-basmap-outer {
    padding: 150px 0;
    padding-top: 50px;
  }

  .tab-navigation-section,
  .region-map-component,
  .regionmap-item {
    position: static;
  }

  .tab-navigation-section {
    order: 0;
    width: calc(100% + 40px);
    margin-left: -20px;
  }

  .regionmap-item:not(.region-selected),
  .region-show .custom-map-basmap-outer,
  .region-map-component {
    display: none;
  }

  .region-show .region-map-component {
    display: block;
  }

  .custom-map-row.custom-map-item {
    flex-direction: column;
    padding-top: 30px;
  }

  .custom-map-row.without-drilldown-option {
    padding-top: 0px;
  }

  .custom-map-item-inner {
    order: 1;
  }

  .custom-map-row.without-drilldown-option .countries-list-mobile-1 {
    margin-top: 0;
  }

  /* height fix  */
}

@media screen and (max-width: 767px) {
  .map-left-filter {
    padding: 20px 0;
  }

  .map-left-filter-item {
    padding: 0 15px;
  }

  .custom-map-section {
    padding: 20px 0;
  }

  .tab-navigation-section,
  .back-to-main-section {
    padding: 0 15px;
  }

  /* .custom-map-component {
    height: 650px;
  }
 */

  /* height adjustments */

  /* .custom-map-component {
    height: auto;
  }

  .custom-map-basmap {
    position: relative;
  }

  .custom-map-basmap-outer {
    padding: 150px 0;
    padding-top: 50px;
  }

  .tab-navigation-section,
  .region-map-component,
  .regionmap-item {
    position: static;
  }

  .tab-navigation-section {
    order: 0;
    width: calc(100% + 40px);
    margin-left: -20px;
  }

  .regionmap-item:not(.region-selected),
  .region-show .custom-map-basmap-outer,
  .region-map-component {
    display: none;
  }

  .region-show .region-map-component {
    display: block;
  }

  .custom-map-row.custom-map-item {
    flex-direction: column;
    padding-top: 30px;
  }

  .custom-map-row.without-drilldown-option {
    padding-top: 0px;
  }

  .custom-map-item-inner {
    order: 1;
  }

  .custom-map-row.without-drilldown-option .countries-list-mobile-1 {
    margin-top: 0;
  } */
  /*  */

  .back-to-main-section a::after {
    font-size: 14px;
  }

  .map-left-filter-link {
    font-size: 16px;
  }

  .map-region-point-title-section {
    font-size: 12px;
  }

  .countries-list-mobile a {
    font-size: 10px;
  }

  /*  */
  .tab-navigation-section {
    margin-top: 15px;
  }

  .custom-map-row-wrapper {
    /* padding-top: 0; */
    padding: 0 5px;
  }

  .tab-navigation-section {
    width: 100%;
    margin-left: 0;
  }

  .countries-list-mobile {
    padding: 0 15px;
  }

  /*  */
}

@media screen and (max-width: 480px) {
  .tab-navigation-section {
    padding: 0 10px;
  }

  .tab-navigation-section a {
    font-size: 12px;
  }
}

@media screen and (max-width: 320px) {
  .tab-navigation-section a {
    font-size: 11px;
  }

  .ea-region-point .map-region-point-title-section {
    top: -100px;
  }

  .ea-region-point::before {
    height: 100px;
  }
}