#application-counter{
	display: none;
}

@media screen and (min-width: 900px) {
	#application-counter {
		display: block;
		position: fixed;
		background: #fff;
		border-radius: 90px;
		box-shadow: 0 10px 20px #0000008a;
		padding: 10px;
		bottom: -100%;
		left: 0;
		right: 0;
		margin: 0 auto;
		z-index: 11;
		animation: slide 20s infinite;
		animation-delay: 1s;
	}

	#application-counter .icon {
	   display: none;
	}

	#application-counter-top {
	   float: left;
	   width: 100%;
	   text-align: center;
	   white-space: nowrap;
	   font-size: 14px;
	   margin-top: 5px;
	   margin-bottom: 3px;
	}

	#application-counter-top span {
	   color: #29b457;
	   font-weight: bold;
	}

	#application-counter-bot {
	   float: left;
	   width: 100%;
	   text-align: center;
	   font-size: 13px;
	   color: #32b2d6;
	   cursor: pointer;
	}

	#application-counter-bot:hover {
	   text-decoration: underline;
	}

	@keyframes slide {
	   0% {
		  bottom: -100%;
	   }
	   10% {
		  bottom: 2%;
	   }
	   40% {
		  bottom: 2%;
	   }
	   60% {
		  bottom: -100%;
	   }
	   100% {
		  bottom: -100%;
	   }
	}
	
   #application-counter {
      padding-right: 25px;
      right: unset;
      left: -100%;
      bottom: 2%;
   }

   #application-counter .icon {
      display: block;
      float: left;
      height: 56px;
      width: 56px;
      margin: 3px 12px 3px 3px;
      padding: 10px;
      box-sizing: border-box;
      border-radius: 50%;
      background: #32dc69;
      fill: #fff;
   }

   #application-counter-top {
      width: unset;
      text-align: unset;
      margin-top: 11px;
      font-size: 15px;
   }

   #application-counter-bot {
      float: unset;
      width: unset;
      text-align: unset;
   }

   @keyframes slide {
      0% {
         left: -100%;
      }
      10% {
         left: 1%;
      }
      40% {
         left: 1%;
      }
      60% {
         left: -100%;
      }
      100% {
         left: -100%;
      }
   }
}