.cps-homepage-bubble-anim-container{
   width: 96%;
   max-width: 1200px;
   margin: 0 auto;
   box-sizing: border-box;
   opacity:0;
   transition:0.8s
}

.cps-homepage-bubble-anim-container-disp{

   opacity:1;
}

.outer-homepage-bubble-animation-container{
   width:100%;
   height:100%;
}


.cps-homepage-bubble-anim-mini{
   position: absolute;
   padding:50px 50px;
   border-radius:50% 50%;
   background:rgba(255,255,255,0.2);
}

.cps-homepage-bubble-anim-sml{
   padding:20px 20px !important;
}

.cps-homepage-bubble-anim-mid{
   padding:70px 70px !important;
}

@media (max-width: 768px) {
   /* CSS rules here will apply when the viewport is 768px wide or smaller */
   .cps-homepage-bubble-anim-container-disp{
      overflow:hidden;
      height:100%;
   }

   .cps-horizontalcycle-content{
      font-size:0.9em;
      line-height:1;
   }

   .cps-horizontalcycle-content-ref{
      font-size:0.8em;
      line-height:1;
   }
}