.product-image-bg{
   height: 254px;
   width: 254px;
   background-color: #f7f7f7;
}

.search-results {
   position: absolute;
   z-index: 9;
   /* right: 0; */
   /* left: auto; */
   /* display: none; */
   /* width: 380px; */
   /* margin-top: 26px; */
   height: 500px;
   overflow-x: hidden;
   overflow-y: auto;
   background-color: #fff;
   -webkit-box-shadow: 0 2px 8px 0 rgba(0, 0, 0, .1);
   box-shadow: 0 2px 8px 0 rgba(0, 0, 0, .1);
}

.none
{
   display: none;
}

.blog-content blockquote {
   overflow: hidden;
   background-color:#f4f4f4;
   padding: 60px;
   position: relative;
   text-align: center;
   margin: 20px 0;
}

.blog-content blockquote p {
   color: #000000;
   line-height: 1.6;
   margin-bottom: 0;
   font-style: italic;
   font-weight: 500;
   font-size: 16px;
}

.blog-content blockquote:after {
   content: "";
   position: absolute;
   left: 0;
   top: 0;
   bottom: 0;
   width: 3px;
   background-color: #000000;
   margin-top: 20px;
   margin-bottom: 20px;
}

.blog-content ul {
   margin-left: 40px;
}

.blog-content ul li {
   list-style: circle;
}

.sidebar-box {
   margin-bottom: 4em;
   font-size: 15px;
   width: 100%;
   float: left;
   background: #fff;
}

.sidebar-box .heading {
   font-size: 18px;
   color: #000;
   font-weight: 400;
   margin-bottom: 30px;
   padding-bottom: 20px;
   border-bottom: 1px solid #e6e6e6;
}


.categories, .sidelink {
   padding: 0;
   margin: 0;
   font-weight: 400;
}


.categories li, .sidelink li {
   padding: 0;
   margin: 0;
   position: relative;
   margin-bottom: 10px;
   padding-bottom: 10px;
   border-bottom: 1px dotted gray("300");
   list-style: none;
}


.categories li a span, .sidelink li a span {
   position: absolute;
   right: 0;
   top: 0;
   color: #ccc;
   -webkit-transition: .3s all ease;
   -o-transition: .3s all ease;
   transition: .3s all ease;
}


.blog-posts article {
   background-color: #ffffff;
   box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.1);
   transition: 0.3s;
}

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

.blog-posts .post-img img {
   transition: 0.5s;
}

.blog-posts .post-date {
   background-color: #465367;
   color: #ffffff;
   position: absolute;
   right: 0;
   bottom: 0;
   text-transform: uppercase;
   font-size: 13px;
   padding: 6px 12px;
   font-weight: 500;
}

.blog-posts .post-content {
   padding: 30px;
}

.blog-posts .post-title {
   font-size: 20px;
   color: #535353;
   font-weight: 700;
   transition: 0.3s;
   margin-bottom: 15px;
}

.blog-posts .readmore {
   display: flex
;
   align-items: center;
   font-weight: 600;
   line-height: 1;
   transition: 0.3s;
   color:#535353;
}

.badge {
   display: inline-block;
   padding: .25em .4em;
   font-size: 75%;
   font-weight: 700;
   color: #fff;
   font-family: inherit;
   line-height: 1;
   text-align: center;
   white-space: nowrap;
   vertical-align: baseline;
   border-radius: .25rem;
   transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}