.blog-banner-box {
  background: url('/static/images/rifles/Skull_Valley_189.png') no-repeat center center/cover;
  height: 485px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.hero-text h1 {
  text-align: center;
  font-size: 2.5rem;
  color: white;
  font-weight: bold;
}
.breadcrumb {
  background-color: transparent;
  text-transform: uppercase;
}

.breadcrumb .breadcrumb-item a {
  color: #fff;
}

.breadcrumb-item+.breadcrumb-item::before {
  color: #fff;
}

.breadcrumb-item.active {
  color: #fff;
  font-weight: bold;
}
.content_blog {
  background: #2e2e2e;
  padding: 40px 20px;
}

.content_blog h2 {
  margin-bottom: 15px;
  font-size: 24px;
}

.rifle-img {
  width: 100%;
  max-height: 400px;
  object-fit: cover;
  margin-top: 20px;
  border: 2px solid #444;
}

.ballistics {
  background: #2e2e2e;
  padding: 40px 20px;
}

.ballistics h2 {
  margin-bottom: 20px;
  font-weight: 500;
}

table {
  width: 100%;
  border-collapse: collapse;
  background: #2e2e2e;
  text-transform: uppercase;
}

th, td {
  padding: 15px;
  border-bottom: 1px solid #fbd000;
  text-align: center;
}

th {
  background: #fbd000;
  color: #000;
}

.use-case {
  background: #2e2e2e;
  padding: 40px 20px;
}

.use-case h2 {
  margin-bottom: 15px;
  font-weight: 500;
}
.blogs {
  width: 80%;
  margin: auto;
  margin-top: 55px;
  margin-bottom: 100px;
}
.blog_size {
    width: 80%;
}
.blog-section{
    padding: 10px;
    position: relative;
    padding-top:15px;
}
.primary.btn-explore {
    text-transform: uppercase;
    background-color: transparent;
    width: 33%;
    background-repeat: no-repeat;
    background-position: right;
    color: #222;
    font-size: 1rem;
    text-decoration: none;
    font-family: Flama;
    font-weight: 600;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-style: none;
    padding-top: .75rem;
    padding-bottom: .75rem;
    padding-left: 1rem;
    padding-right: 1.5rem;
    opacity: 1;
    background-image: linear-gradient(to right, #fec303 calc(100% - 1rem), rgba(0, 0, 0, 0) calc(100% - 1rem)), url(/static/images/common/radian-primary-btn.svg);
    padding-right: 2rem;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.primary.btn-explore span {
    color: #222;
    font-size: 1rem;
    font-family: Flama;
    margin: 0;
    font-weight: 600;
    padding: 0;
}

.img-section {
    font-size: 1rem;
    padding-bottom: 4rem;
}

.img-container {
    position: relative;
}
nav.blog_nav {
    position: absolute;
    top: -135px;
    left: 0;
}

.col-md-7.txt-box.blog {
    padding-left: 65px;
}

@media (max-width: 767px) {
  body {
    font-size: 1rem;
}
  .col-md-7.txt-box.blog {
    padding-left: 15px;
}
  .blog-section {
    padding: 0px;
  }
.blogs{
    padding: 40px;
    margin: 0;
    width: 100%;
}
.blog_size {
    width: 100%;
}
.content_blog {
    padding: 0;
    padding-bottom: 20px;
}
  .primary.btn-explore{width: max-content;}
  .primary.btn-explore span{font-size: 0.8rem;}
  th, td { padding: 10px 5px;}
}