@media (min-width: 320px) and (max-width: 375px) {
  .profile-circle {
    border-radius: 0 !important;
    margin-left: 0 !important;
  }
  .footername a {
    margin-left: 18% !important;
  }
  .btn {
    font-size: 15px !important;
  }
  .badge-chip {
    padding: 0.21rem 0.5rem;
    border-radius: 5px;
}
}




@media (min-width: 375px) and (max-width: 425.98px) {
  .profile-circle {
  border-radius: 0 !important;
    margin-left: 0 !important;
  }
  .footername a{
      margin-left: 15%;
  }
}




@media (min-width: 426px) and (max-width: 575.98px) {
  .profile-circle {
  border-radius: 0 !important;
    margin-left: 0 !important;
  }
}




@media (min-width: 576px) and (max-width: 767.98px) {
  .profile-circle {
  border-radius: 0 !important;
    margin-left: 0 !important;
  }
}




@media (min-width: 768px) and (max-width: 991.98px) {
  .profile-circle {
  border-radius: 0 !important;
  margin-left: 0 !important;
  height: 70%;
  }
  .profile-circle img{
  width:109%;
  }
}




@media (min-width: 992px) and (max-width: 1199.98px) {
  .profile-circle {
  border-radius: 0 !important;
  margin-left: 0 !important;
  }

}




@media (min-width: 1200px) and (max-width: 1499.98px) {
  #backToTop {
  bottom: 0.5rem !important;
  right: 0.5rem !important;
  }
}