@media screen and (max-width: 335px) {
  .navbar-brand {
    margin-left: 0px !important;
  }
}
@media screen and (min-width: 320px) and (max-width: 767px) {
  .spnsr-2 li {
    max-width: 110px;
  }
}
@media screen and (min-width: 320px) and (max-width: 767px) {
  .pblc-stats {
    margin: 0 auto;
  }
}
@media screen and (min-width: 320px) and (max-width: 640px) {
  .col.pic {
    width: 120px;
  }

  .radio-donate + label {
    border: 1px solid #000;
    padding: 8px 11px;
    border-radius: 5px;
    cursor: pointer;
    font-size: 16px;
    border-left: none;
  }

  .owl-nav {
    margin-top: -1.8em;
    font-size: 60px;
  }

  .userprofile .avatar {
    max-width: 200px;
    margin: 0 auto;
  }

  .navbar-collapse {
    background-color: #fff;
    z-index: 9999;
    box-shadow: 0px 3px 16px 1px rgba(0, 0, 0, 0.2);
  }

  .header .container {
    padding: 0;
  }
  .header nav button {
    margin-left: 10px;
  }
  .header .box-mainnav .main-nav ul {
    display: block;
    min-width: 100%;
    max-width: 100%;
  }
  .header .box-mainnav .main-nav ul li {
    display: block;
    height: auto;
    text-align: left;
  }
  .header .box-mainnav .main-nav ul li a {
    padding: 15px;
  }
  .header .box-mainnav .main-nav ul li a span {
    display: inline-block;
  }
  .header .box-mainnav .main-nav ul li a span:first-child {
    margin-right: 10px;
  }

  .card.home,
.card.activities,
.card.badges {
    height: auto;
  }

  .raised-box .card,
.card.badges {
    min-height: 0 !important;
  }

  .card .card-footer {
    font-size: 16px;
  }

  button.btn-dbgal-upload {
    width: 100%;
    height: 75px;
    line-height: initial;
    margin-bottom: 25px;
    padding: 10px;
  }

  .cr-leagbtn i:before,
.cr-viewallbtn i:before {
    color: #fff;
  }

  a.btn.btn-sm.d-sm-none {
    width: 50px;
    height: 50px;
    font-size: 20px;
    line-height: 45px;
  }

  .dropdown-menu.show {
    border-radius: 10px;
    border: none;
    box-shadow: 0px 0px 30px #0000001a;
    top: 96px !important;
    left: -95px;
  }

  .action-main {
    padding-left: 20px !important;
  }
  .action-main a i {
    font-size: 18px !important;
  }

  .log-active a,
.log-active button {
    font-size: 14px !important;
  }
}
@media screen and (min-width: 640px) and (max-width: 991px) {
  button.btn-dbgal-upload {
    width: 100%;
    height: 75px;
    line-height: initial;
    margin-bottom: 25px;
    padding: 10px;
  }
}
@media screen and (min-width: 992px) and (max-width: 1600px) {
  .owl-nav {
    margin-top: -1.8em;
    font-size: 60px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  .raised-box .card,
.card.badges {
    min-height: 240px !important;
  }

  .userprofile .avatar {
    max-width: 250px;
    margin: 0 auto;
  }
}
@media screen and (min-width: 1279px) {
  .userprofile .avatar {
    max-width: 250px;
    margin: 0 auto;
  }

  .owl-carousel .owl-item img {
    width: auto;
    max-height: 115px;
  }

  .dashboard.owl-carousel .owl-nav {
    margin: -0.9em 10px 0em;
  }
}

/*# sourceMappingURL=media.css.map */