.animated {
      animation-duration: 2.5s;
      animation-fill-mode: both;
      animation-iteration-count: infinite;
    }

    @keyframes bounce {

      0%,
      20%,
      50%,
      80%,
      100% {
        transform: translateY(0);
      }

      40% {
        transform: translateY(-30px);
      }

      60% {
        transform: translateY(-15px);
      }
    }

    .bounce {
      animation-name: bounce;
    }

    .scroll-top {
      width: 55px;
      height: 55px;
      position: fixed;
      bottom: 25px;
      right: 20px;
      display: none;
      z-index: 4;
    }

    .scroll-top i {
      display: inline-block;
      color: #fff;
    }

    .arr-right .breadcrumb-item+.breadcrumb-item::before {
      content: "›";
      vertical-align: top;
      color: #408080;
      font-size: 35px;
      line-height: 18px;
    }

    .text-light {
      color: black !important;
    }

    @media (min-width:320px) and (max-width:575.98px) {
      ul {
        text-align: left;
      }

      h3 {
        text-align: left;
        font-size: 1.2rem;
      }

      p {
        text-align: left;
      }

      .about-main h4 {
        text-align: left;
      }

      .arr-right .breadcrumb-item+.breadcrumb-item::before {
        content: "›";
        vertical-align: top;
        color: #408080;
        font-size: 20px;
        line-height: 18px;
      }

      .breadcrumb {
        font-size: 12px;
        text-align: left;
      }

      .scroll-top {
        width: 40px;
        height: 35px;
        position: fixed;
        bottom: 25px;
        right: 1px;
        display: none;
        z-index: 4;
      }
    }