.pro-range-item {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 340px;
  width: 340px;
  transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
  position: relative;
  margin: 30px;
}

.overlay {
  background-color: black;
  opacity: 0.3;
  position: absolute;
  width: inherit;
  height: inherit;
}

.b-button {
  color: black;
  text-transform: capitalize;
  background-color: white;
  margin: 1.5rem 0;
}

.pro-range-item .a-b {
  position: absolute;
  width: 100%;
  height: 100%;
}

h3.title-blog {
  color: white;
  /* text-transform: uppercase; */
  font-size: px;
}

h4.subtitle-blog {
  color: white;
}

.b-date {
  color: white;
}

.b-name {
  color: white;
}

.read-more {
  color: black !important;
  padding: 20px;
  text-transform: capitalize;
  font-size: 16px;
}

.read-more:hover {
  color: white !important;
  background-color: #23354b;
  padding: 4px 8px;
  border-radius: 3px;
}

.pad {
  padding: 18px 0;
}

.pl-4,
.px-4 {
  padding-left: 1.5rem !important;
}

.pr-4,
.px-4 {
  padding-right: 1.5rem !important;
}

.h-100 {
  height: 100% !important;
}

.w-100 {
  width: 100% !important;
}

.align-items-start {
  -webkit-box-align: start !important;
  -ms-flex-align: start !important;
  align-items: flex-start !important;
}

.flex-column {
  -webkit-box-orient: vertical !important;
  -webkit-box-direction: normal !important;
  -ms-flex-direction: column !important;
  flex-direction: column !important;
}

.d-flex {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
}

.mb-auto,
.my-auto {
  margin-bottom: auto !important;
}

.mb-4,
.my-4 {
  margin-bottom: 1.5rem !important;
}

.pb-4,
.py-4 {
  padding-bottom: 1.5rem !important;
}

section.blog-section {
  margin-top: 67px;
}

.justify-content-center {
  -webkit-box-pack: center !important;
  -ms-flex-pack: center !important;
  justify-content: center !important;
}

.flex-wrap {
  -ms-flex-wrap: wrap !important;
  flex-wrap: wrap !important;
}

.mr-auto,
.mx-auto {
  margin-right: auto !important;
}

@media (max-width: 767px) {
  .pro-range-item {
    min-height: 340px;
    max-height: auto;
    width: 300px;
  }
  .mob_foter iframe {
    width: 150px !important;
  }
}

@media (min-width: 1200px) {
  .ca-height {
    height: 450px;
  }
}

.bg-one {
  /* margin: 0 20px; */
}