@media (min-width: 1200px) {
.logo-text-white{
    color: #fff !important;
    font-weight: 200;
    display: flex;
  padding-right: 10px;
  }
  .logo-text-black{
    color: #000 !important;
    font-weight: 200;
    display: flex;
  padding-right: 10px;
  }
.logo-mobile-view{
    width: 18px;
    padding-right: 1px;
}
}

@media (min-width: 1024px) {
    .logo-text-white{
        color: #fff !important;
        font-weight: 200;
        display: flex;
      padding-right: 10px;
      }
      .logo-text-black{
        color: #000 !important;
        font-weight: 200;
        display: flex;
      padding-right: 10px;
      }
    .logo-mobile-view{
        width: 18px;
        padding-right: 1px;
    }
    }

@media only screen and (min-width: 320px) and (max-width: 767px) {
    .logo-text-white{
        color: #fff !important;
        font-weight: 200;
        display: flex;
      padding-right: 10px;
      }
      .logo-text-black{
        color: #000 !important;
        font-weight: 200;
        display: flex;
      padding-right: 10px;
      }
    .logo-mobile-view{
        width: 18px;
        padding-right: 1px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .logo-text-white{
        color: #fff !important;
        font-weight: 200;
        display: flex;
      padding-right: 10px;
      }
      .logo-text-black{
        color: #000 !important;
        font-weight: 200;
        display: flex;
      padding-right: 10px;
      }
    .logo-mobile-view{
        width: 18px;
        padding-right: 1px;
    }
}