.box-img {
    position: relative;
    bottom: 100px;
}

#largCircle {
    position: absolute;
    right: 58vw;
    top: 12vw;
    width: 38%;
}

#mediumCircle {
    position: absolute;
    right: 62vw;
    top: 16vw;
    width: 30%;
}

#smallCicle {
    position: absolute;
    right: 66vw;
    top: 20vw;
    width: 22%;
}

#largRectangle {
    position: absolute;
    top: 29vw;
    right: 74vw;
    width: 5%;
    animation: spinAround 5s linear infinite;
}

#smallRectangle {
    position: absolute;
    top: 30vw;
    right: 75vw;
    width: 3%;
    animation: reverseSpinAround 8s linear infinite;
}

#largRectangle2 {
    position: absolute;
    top: 28vw;
    right: 75vw;
    width: 5%;
    animation: spinAround2 6s linear infinite;
}

#smallRectangle2 {
    position: absolute;
    top: 29vw;
    right: 75vw;
    width: 3%;
    animation: reverseSpinAround2 7s linear infinite;
}

#smallRectangle3 {
    position: absolute;
    top: 30vw;
    right: 75vw;
    width: 3%;
    animation: spinAround 10s linear infinite;
}
#main-pagepimg {
    position: absolute;
    width: 18%;
    right: 68vw;
    top: 13vw;
    animation: spinAround3 5s linear infinite;
  }

@keyframes spinAround {
    from {
        transform: rotate(0deg) translate(18vw);
    }

    to {
        transform: rotate(360deg) translate(18vw);
    }
}

@keyframes spinAround2 {
    from {
        transform: rotate(0deg) translate(14vw);
    }

    to {
        transform: rotate(360deg) translate(14vw);
    }
}

@keyframes reverseSpinAround {
    from {
        transform: rotate(360deg) translate(14vw);
    }

    to {
        transform: rotate(0deg) translate(14vw);
    }
}

@keyframes reverseSpinAround2 {
    from {
        transform: rotate(360deg) translate(18vw);
    }

    to {
        transform: rotate(0deg) translate(18vw);
    }
}

@keyframes spinAround3 {
    from {
        transform: rotate(-12deg);
    }

    50% {
        transform: rotate(30deg);
    }

    100% {
        transform: rotate(-12deg);
    }
}

@media (max-width: 767.98px) {
    .top-animation {
    position: relative;
    margin-left: 30%;
    margin-bottom: 25%;
  }

  .top-content .col {
    width: 100% !important;
  }
      .box-img {
        display: none;
      }

}