/* your styles go here */

@media (min-width: 576px) {
    .container {
      max-width: 100%;
    }
    .text-meta-dark{
      font-size: 1em !important;
    }
  }
  
  @media (min-width: 768px) {
    .container {
      max-width: 100%;
    }
    .text-meta-dark{
      font-size: 1em !important;
    }
  }
  
  @media (min-width: 992px) {
    .container {
      max-width: 100%;
    }
    .text-meta-dark{
      font-size: 1.2em !important;
    }   
  }
  
  @media (min-width: 1200px) {
    .container {
      max-width: 100%;
    }
  }
  @media (min-width: 1600px) {
    .container {
      max-width: 100%;
    }
  }
  .col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {
    padding-right: 20px !important;
    padding-left: 20px !important;
}

.border-top {border-top: 1px solid #111 !important;}
.bg-gradient{
  background: rgb(2,0,36);
  background: linear-gradient(90deg, rgba(2,0,36,1) 0%, rgba(31,130,251,1) 0%, rgba(208,52,136,1) 80%);
}
.text-meta{font-size: 0.85em !important;color: #6c757d !important;margin: 0 0 .5rem .2rem; }
.text-blue{ color: #1f82fb; padding: 0px 15px 0px 0px;}

.thumbnails .thumbnail {
  float: left;
  margin-bottom: 1%;
  margin-left: 0.5%;
  margin-right: 0.5%;
  width: 24%;
  cursor: pointer;
}
.thumbnails .thumbnail img {
  margin-top: 0;
  margin-bottom: 0;
  width: 100%;
}

/* Price Table */
section.pricing {
  background: #111;
}

.card-body {
  background-color:#1f82fb !important;
  border: 1px solid;
  border-radius: 1rem;
}
.pricing .card {
  border: 1px solid;
  border-radius: 1rem;
  transition: all 0.2s;
  box-shadow: 0 0.5rem 1rem 0 rgba(0, 0, 0, 0.1);
  margin: 0px 20px;
}

.pricing hr {
  margin: 1.5rem 0;
}

.pricing .card-title {
  margin: 0.5rem 0;
  letter-spacing: .1rem;
  font-weight: bold;
  color: #111 !important;
}

.pricing .card-price {
  margin: 0;
}

.pricing .card-price .period {
  font-size: 0.8rem;
}
.fa-li {
  left: -.5em !important;
  position: relative !important;
}
.pricing ul li {
  margin-bottom: 1rem;
}

.pricing .text-muted {
  opacity: 0.7;
}

.pricing .btn {
  font-size: 140%;
  border-radius: 5rem;
  letter-spacing: .2rem;
  font-weight: 700;
  padding: 1rem;
  opacity: 1;
  transition: all 0.2s;
}

/* Hover Effects on Card */

@media (min-width: 992px) {
  .pricing .card:hover {
    margin-top: -.25rem;
    margin-bottom: .25rem;
    box-shadow: 0 0.5rem 1rem 0 rgba(0, 0, 0, 0.3);
  }
  .pricing .card:hover .btn {
    opacity: 1;
  }
}

/* Pagination Style */
.page-link {position: relative;display: block;padding: 0.5rem 0.75rem;margin-left: -1px;line-height: 1.25;color: #fff;background-color: #333;border: 1px solid #f7f7f7;}
.page-item.disabled .page-link {color: #fff;pointer-events: none;cursor: auto;background-color: #333;border-color: #f7f7f7;} 
.page-item.active .page-link {z-index: 1;color: #fff;background-color: #1f82fb; border-color: #f7f7f7;}
.page-link:focus, .page-link:hover {color: #fff; text-decoration: none; background-color: #1f82fb; border-color: #f7f7f7;}