@keyframes cdp-in {
  from {
    transform: scale(1.5);
    opacity: 0;
  }
  to {
    transform: scale(1);
    opacity: 1;
  }
}
.cdp {
  position: relative;
  text-align: center;
  padding: 20px 0;
  font-size: 0;
  z-index: 6;
  margin: 20px 0;
  animation: cdp-in 500ms ease both;
  animation-timeout: 200ms;
      float: right;
}
 .pagination-div{
       display: flow-root;
  }

@media (max-width: 678px) {
  .pagination-div{
    margin-top: 20px;
  }
}

.active.cdp_i a {
    background-color: #28ABE3;
    color: #fff;
}
.cdp .cdp_i {
  display: contents !important;
}


.cdp_i a {
  font-size: 14px;
  text-decoration: none;
  transition: background 250ms;
  display: inline-block;
  text-transform: uppercase;
  margin: 0 3px 6px;
  padding: 0 15px !important;
  height: 38px;
  min-width: 38px;
  border-radius: 38px;
  border: 2px solid #333;
  line-height: 38px;
  padding: 0;
  color: #333;
  font-weight: 700;
  letter-spacing: 0.02em;
}

.cdp_i:hover {
  background-color: #fff;
  color: #333;
}