/**=====================
     74. internationalization css start
==========================**/
.hdg_main {
  position: relative;
}
.main {
  .langChoice {
    position: absolute;
    right: 40px;
    top: 31px;
    padding: 10px 12px;
    background-color: $transparent-color;
  }
}
.image-cropper {
  .dropdown {
    .dropdown-toggle {
      color: $white;
    }
  }
}
.dropdown {
  .dropdown-toggle {
    background-color: rgba(115, 102, 255, 0.08);
    color: $primary-color;
    // border-radius: 10px;
    padding: 5px 32px;
    width: 100%;
    text-align: left;
    &:after {
      position: absolute;
      top: 50%;
      right: 10px;
      -webkit-transform: translateY(-50%);
      transform: translateY(-50%);
      content: "\f107";
      border: none;
      font-family: "FontAwesome";
      font-size: 18px;
      margin: 0;
    }
  }
  .dropdown-menu {
    -webkit-box-shadow: 0 0 20px rgba(89, 102, 122, 0.1);
    box-shadow: 0 0 20px rgba(89, 102, 122, 0.1);
    border: none;
    padding: 0;
    .dropdown-item {
      color: #2b2b2b;
      opacity: 0.6;
      font-size: 13px;
      padding: 6px 12px;
      border-top: 1px solid $light-semi-gray;
      background-color: $light-2;
      &:hover {
        background-color: $white;
      }
    }
  }
}
// responsive css
@media (max-width: 991px) {
  .main {
    .langChoice {
      right: 20px;
      top: 11px;
      padding: 8px;
    }
  }
}

@media only screen and (max-width: 575px) {
  .main {
    .langChoice {
      top: 14px;
      padding: 4px 7px;
    }
  }
  .language-xs {
    margin-top: 15px;
  }
}

@media only screen and (max-width: 360px) {
  .language-header {
    padding-bottom: 60px !important;
  }
  .main {
    .langChoice {
      left: 0;
      margin: 0 auto;
      top: 50px;
      width: 30%;
      right: 0;
    }
  }
}
/**=====================
     74. internationalization CSS end
==========================**/