.category-section .blog-categories .blog-categories-list::-webkit-scrollbar {
    display: none;
  }
  
  .load_prod_list_new {
    /* -webkit-animation: spin 3s linear infinite;
    -moz-animation: spin 3s linear infinite;
    animation: spin 3s linear infinite;     */
    font-size: initial !important;
    height: 50px !important;
  }
  
  .blog_cont {
    /* margin-bottom: 0px !important; */
    text-align: center;
    float: none;
    clear: both;
    margin-bottom: 0px !important;
  }
  
  .blog_post_container{
    min-height: 100px;
  }

  .blog_main {
    margin-bottom: 0px !important;
  }
  
  .blog_search_pagination {
    float: none;
    clear: both;
    text-align: center;
    display: none;
  }
  
  .blog_search_pagination .blog-count {
    margin-bottom: 12px;
  }
  
  #load_more_blog_post_search {
    /* margin-bottom: 40px; */
  }
  
  .blog-description .date_author {
    color: #333335;
    font-size: 14px;
    line-height: 16px;
  }
  
  .blog_main_banner {
    display: flex;
    width: 100%;
    max-height: 510px;
    max-width: 1440px;
    margin:auto;
  }

  .no_data{
    margin:15px 0px !important;
    font-family: var(--font-family-ivy);
    font-size: var(--font-ivy-20);
    line-height: var(--font-ivy-20-line-height);
  }

  .close-icon-search{
    cursor: pointer;
  }

  @media (max-width: 640px) {
    .blog_main_banner {
      flex-direction: column;
    }
  }
  @media (min-width: 1280px) {
    .blog_main_banner picture {
      /* width: 49%; */
      max-width: 708px;
      width: 100%;
      height: 510px;
      object-fit: cover;

    }

    .blog_container{
      /* max-width: 1440px !important; */
      padding: 0 60px !important;
    }
  }




  @media (min-width: 768px) and (max-width: 1100px) {
    .blog_main_banner picture {
      /* width: 51%; */
      max-width: 522px;
      width: 100%;
      height: 388px;
      object-fit: cover;
    }

    .blog_main_banner{
      margin-bottom: 30px;
    }

    .blog_container{
      padding: 0 30px !important;
    }

  }
  @media (min-width: 767px) and (max-width: 992px) {
    .blog_main_banner picture {
      /* width: 49%;
      height: 380px; */
      max-width: 522px;
      width: 100%;
      height: 388px;
      object-fit: cover;
    }
    .blog_main_banner .banner-content{
      /* width: 51%; */
      width:auto;
    }
  }
  .blog_main_banner .banner-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  @media (min-width: 1440px){
    .blog_main_banner .banner-img{
        min-height: 510px;
    }
  }
  @media (max-width: 640px) {
    .blog_main_banner .banner-img {
      width: 100%;
    }
  }
  .blog_main_banner .banner-content {
    /* padding: 154px 60px 0 60px; */
    padding: 0 60px;
    margin: auto;
  }
  @media (min-width: 1280px) {
    .blog_main_banner .banner-content {
      /* width: 51%; */
      width: 100%;
      max-width: 732px;
    }

    .blog_main_banner .banner-content .btn-text {
      font-weight: var(--font-weight-semi-bold);
      font-size: var(--font-libre-14);
      line-height: var(--font-ivy-16-line-height);
    }
  }
  @media (min-width: 769px) and (max-width: 1100px) {
    .blog_main_banner .banner-content {
      padding: 0px 102px 0px 36px;
      /* padding: 103px 102px 0px 36px; */
      width: calc(100% - 522px);
      /* margin-top: 20px; */
      margin:auto;
    }
    .blog_main_banner .banner-content .btn-text{
      line-height: var(--font-libre-12-line-height); 
    }
  }
  @media (min-width: 767px) and (max-width: 992px) {
    .blog_main_banner .banner-content {
      padding: 0 34px 0 36px;
      /* margin-top: 20px; */
    }
  }
  @media (max-width: 640px) {
    .blog_main_banner .banner-content {
      padding: 20px 16px 32px;
      margin: 0;
    }
  }
  .blog_main_banner .banner-content .author-detail {
    font-family: var(--font-family-libre);
    font-size: var(--font-libre-14);
    line-height: var(--font-libre-14-line-height-new);
    font-weight: var(--font-weight-semi-bold);
    text-transform: uppercase;
    margin-bottom: 0px;
  }
  @media (max-width: 640px) {
    .blog_main_banner .banner-content .author-detail {
      margin-bottom: 0;
    }
  }
  .blog_main_banner .banner-content .blog_banner_text {
    font-weight: var(--font-weight-regular);
    font-family: var(--font-family-ivy);
    font-size: var(--font-ivy-56);
    line-height: var(--font-ivy-56-line-height);
    margin: 16px 0 30px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
  }
  @media (max-width: 1024px) {
    .blog_main_banner .banner-content .blog_banner_text {
      font-family: var(--font-family-ivy);
      font-size: var(--font-ivy-36);
      line-height: var(--font-ivy-36-line-height);
      margin: 16px 0 40px;
    }
  }
  @media (max-width: 768px) {
    .blog_main_banner .banner-content .blog_banner_text {
      margin-bottom: 32px;
      /* margin: 0px auto 0px !important; */
    }

    .blog-li-center ul li {
      margin: 0 auto !important;
    }

    div#main_post_content{
      margin-top:0px !important;
    }
  }
  @media (max-width: 640px) {
    .blog_main_banner .banner-content .blog_banner_text {
      margin: 4px auto 32px;
    }
  }
  
  /* background: linear-gradient(270deg, #FFFCF6 0%, rgba(255, 252, 246, 0) 100%); */
  .category-section {
    background-color: var(--color-white);
    border-top: 1px solid var(--color-primary-200);
    border-bottom: 1px solid var(--color-primary-200);
  }
  #load_more_blog_post:hover{
    background-color: transparent;
  }
  .milk_background{
    /* background-color: var(--color-milk) !important; */
  }

  .category-section .blog-categories {
    display: flex;
    justify-content: space-between;
    padding: 30px 60px 30px;
    max-width: 1440px;
    margin: auto;
    width: 100%;
  }

  .post_blog_leftcon .post-comment > h3 {
    text-align: center;
    color: var(--color-jet) !important;
    font-weight: 600;
    padding-top:15px;
    padding-bottom:15px;
  }
  
  .post_blog_leftcon .post-comment > h3 {
    color: var(--color-jet) !important;
    font-family: var(--font-family-ivy) !important;
    font-size: var(--font-ivy-36) !important;
    font-weight: var(--font-weight-regular) !important;
    line-height: var(--font-ivy-36-line-height) !important;
    text-align: center !important;
    text-transform: none !important;
    margin-top: 60px;
    margin-bottom: 60px;
    text-transform: capitalize !important;
    letter-spacing: normal !important;
  }
  
  @media (min-width: 991px) {
    .post-comment > img {
      padding-top: 60px;
      padding-bottom: 60px;
    
    }
    
    .col-xs-12{
      float: none !important;
      clear:both !important;
    }

  }
  .post_blog_leftcon .post-comment > h4, .post_blog_leftcon .post-comment > h5  {
    text-align: center;
  }

  @media (min-width: 769px) and (max-width: 1100px) {
    .category-section .blog-categories {
      padding: 15px 42px 15px;
    }
  }
  @media (min-width: 767px) and (max-width: 992px) {
    .category-section .blog-categories {
      padding: 15px 34px 15px;
    }
  }
  @media (max-width: 767px) {
    .category-section .blog-categories {
      padding: 20px 0px 20px 16px;
      flex-direction: row-reverse;
      margin-bottom: 8px;
      padding-right: 0px !important;
    }


    .post_blog_leftcon .post-comment h1 {
      font-family: var(--font-family-ivy) !important;
      font-size: var(--font-ivy-24) !important;
      font-weight: var(--font-weight-regular) !important;
      line-height: var(--font-ivy-24-line-height) !important;
      text-align: center !important;
      text-transform: none !important;
      margin-top: 30px !important;
      margin-bottom: 30px !important;
  }

  .blog_container  iframe {
    position: static !important;
  }

  }
  .category-section .blog-categories .blog-categories-list {
    display: flex;
    max-width: 1228px;
    width: 100%;
  }
  .category-section .blog-categories .blog-categories-list {
    overflow-x: scroll;
  }

  @media (min-width: 769px) and (max-width: 1100px) {
    .category-section .blog-categories .blog-categories-list {
      width: 94% !important;
    }
  }
  @media (min-width: 767px) {
    .category-section .blog-categories .blog-categories-list {
      gap: 0 24px;
      width: 92%;
    }
  }
  @media (max-width: 767px) {
    .category-section .blog-categories .blog-categories-list {
      gap: 0 16px;
      margin-left: 20px;
    }
  }
  .category-section.blog_cont {
    padding: 0;
  }
  .category-section .blog-categories .blog-categories-list a {
    flex: none;
    margin-bottom: 5px;
    padding: 0;
    background: transparent;
    padding-bottom:4px;
  }
  .search a{
    background: transparent;
  }
  @media (max-width: 767px) {
    .category-section .blog-categories .search {
      padding-right: 20px;
      border-right: 1px solid #D6BB8F;
    }
  }
  .category-section .blog-categories a {
    font-family: var(--font-family-ivy);
    font-size: var(--font-ivy-24);
    line-height: var(--font-ivy-24-line-height);
    color: var(--color-primary-900);
    font-weight: var(--font-weight-regular);
  }
  @media (max-width: 1024px) {
    .category-section .blog-categories a {
      font-size: var(--font-ivy-20);
      line-height: var(--font-ivy-20-line-height);
    }
  }
  .category-section .blog-categories a.active {
    color: var(--color-brown);
    border-bottom: 1px solid var(--color-brown);
  }
  .category-section .search-field {
    display: flex;
    padding: 30px 60px;
    gap: 0 16px;
    align-items: end;
    max-width: 1440px;
    margin: auto;
    width: 100%;
  }
  @media (min-width: 769px) and (max-width: 1100px) {
    .category-section .search-field {
      padding: 20px 42px;
    }
  }
  @media (min-width: 767px) and (max-width: 992px) {
    .category-section .search-field {
      padding: 20px 34px;
    }
  }
  @media (max-width: 640px) {
    .category-section .search-field {
      padding: 20px 16px;
    }
  }
  .category-section .search-field .search-input {
    width: 100%;
    background: transparent;
    border: none;
  }
  .category-section .search-field .search-input::placeholder {
    font-family: var(--font-family-ivy);
    font-size: var(--font-ivy-24);
    line-height: 22px;
    color: var(--color-primary-600);
  }
  @media (max-width: 1024px) {
    .category-section .search-field .search-input::placeholder {
      font-size: var(--font-ivy-20);
      line-height: var(--font-ivy-20-line-height);
    }
  }
  .category-section .search-field input[type=text] {
    font-family: var(--font-family-ivy);
    font-size: var(--font-ivy-24);
    line-height: 22px;
    color: var(--color-jet);
  }
  @media (max-width: 1024px) {
    .category-section .search-field input[type=text] {
      font-size: var(--font-ivy-20);
      line-height: var(--font-ivy-20-line-height);
    }
  }
  
  .search-result-section {
    /* background-color: var(--color-milk); */
  }
  .search-result-section h4 {
    font-family: var(--font-family-ivy);
    font-size: var(--font-ivy-20);
    line-height: var(--font-ivy-20-line-height);
    margin: 0;
  }
  
  /* .blog-categories-list > a{
      flex: none;
  }
  @media (max-width: 1024px) {
  
      .blog-categories-list {
         overflow-x: visible;
      }
  
      .blog-categories-list > a {
        flex-basis: 0;
        flex-grow: 1;
       }
    } */
  .blog-list-section {
    /* background-color: var(--color-milk); */
  }

  .blog-list-section-milk {
    /* background-color: var(--color-milk); */
  }

  .blog-list-section .row, .search_blog_dropdowns.row {
    display: flex !important;
    flex-wrap: wrap;
  }
  .blog-list-section .blog-items, .search-result-section .blog-items{
    padding-top: 30px;
    padding-bottom: 30px;
  }
  .blog-item-img {
    /* width: 424px;
    height: 300px; */
    overflow: hidden;
    position: relative;
  }

  .blog-item-img img {
      width: 100%;
      height: auto;
      transition: transform 0.3s ease-in-out;
  }

  .blog-item-img:hover img {
      transform: scale(1.1); /* You can adjust the scale factor as needed */
  }


  @media (min-width: 1080px) {
    .category-section .blog-categories .blog-categories-list{
      width: 100%;
    }
  }
  
  @media (min-width: 767px) and (max-width: 1024px) {
    .blog-list-section .blog-items {
      padding-top: 30px;
      padding-bottom: 0px;
    }
  }
  @media (max-width: 640px) {
    .blog-list-section .blog-items {
      padding: 16px 0;
    }
  }
  @media (min-width: 767px) and (max-width: 1024px) {
  }
  .blog-items .blog-description {
    margin-top: 4px;
  }
  .blog-items .blog-description p.color-jet {
    font-size: var(--font-libre-14);
    line-height: var(--font-libre-14-line-height-new);
    text-transform: uppercase;
    padding:4px 0px;
    margin-bottom: 0px;
  }
  @media (max-width: 767px) {
    .blog-items .blog-description p.color-jet {
      margin: 0;
    }
  }
  .blog-items .blog-description h3.color-jet {
    font-family: var(--font-family-ivy);
    font-size: var(--font-ivy-24);
    line-height: var(--font-ivy-24-line-height);
    margin: 12px 0;
    color:var(--color-black);
  }
  @media (min-width: 767px) and (max-width: 1024px) {
    .blog-items .blog-description h3.color-jet {
      font-size: var(--font-ivy-20);
      line-height: var(--font-ivy-20-line-height);
    }
    #load_more_blog_post, #load_more_blog_post_search{
      padding:16px 79px;
    }
    .blog-count{
      margin-top:15px;
    }
  }
  @media (max-width: 767px) {
    .blog-items .blog-description h3.color-jet {
      margin: 8px 0 12px;
    }
  }
  .blog-items .blog-description a.read-link {
    font-size: var(--font-libre-14);
    line-height: var(--font-libre-14-line-height-new);
    font-weight: var(--font-weight-semi-bold);
    color: var(--color-brown);
  }
  .blog-list-section img, .search-result-section img {
    max-width: 100%;
    height: 260px;
    object-fit: cover;
  }
  .pagination-div {
    max-width: max-content;
    margin: auto;
    padding-bottom: 30px;
  }
  @media (min-width: 767px) and (max-width: 1024px) {
    .pagination-div {
      margin-top: 45px;
    }
    .category-section .blog-categories {
      padding: 15px 42px 15px;
    }

    .category-section .search-field {
        padding: 15px 34px;
    }

    .search-icon{
      height:24px;
      width:24px;
    }

  }

  .search-result-section h4{
    color: var(--color-primary-300);
  }

  .blog-count {
    font-family: var(--font-family-ivy);
    font-size: var(--font-ivy-20);
    line-height: var(--font-ivy-20-line-height);
    color: var(--color-primary-300);
    text-align: center;
    margin: 30px 0 12px;
  }
  @media (max-width: 767px) {
    .blog-count {
      margin-top: 16px;
    }
  }
  
  .blog_search_image {
    width: 100%;
  }
  
  .result_status h4 {
    padding: 10px 60px;
    max-width: 1440px;
    margin: auto;
  }
  .result_status h4:empty{
    display: none;
  }
  img.load_prod_list_new{
    margin: 20px 0;
  }
  @media (min-width: 992px) and (max-width: 1024px) {
    .result_status h4 {
      padding: 10px 42px;
    }
  }
  @media (min-width: 768px) and (max-width: 992px) {
    .result_status h4 {
      padding: 10px 34px;
    }
  }
  @media (max-width: 640px){
    .result_status h4 {
      padding: 10px 16px;
    }
  }

  @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) { 
      .blog_main_banner picture {
        /* width: 51%; */
        max-width: 373px;
        width: 100%;
        height: 380px;
        object-fit: cover;
      }

      .blog_main_banner .banner-content{
        width: calc(100% - 373px)
      }

      .blog-list-section .container{
        padding-left:24px;
        padding-right:24px;
      }

      #load_more_blog_post {
        padding: 16px 40px;
      }

      .pagination-div {
        margin-top: 38px;
      }
  }

  @media (max-width: 767px) {
    
    .blog_main_banner picture {       
        width: 100%;
        height: 311px;
        min-height: 311px;
        object-fit: cover;
    }
    
    .blog_main_banner .banner-content {
        padding: 20px 16px 32px;
        /* margin: 0; */
    }

    .blog_main_banner .banner-content .btn-text {
      line-height: var(--font-libre-12-line-height);
    }

    .category-section .blog-categories {
      padding: 30px 16px 30px 16px;
      /* flex-direction: row-reverse; */
      margin-bottom: 0px;
    }

    .blog-list-section .blog-items {
      padding: 15px 0;
    }

    .blog-count {
      margin-top: 15px;
    }

    .category-section .search-field {
        padding-top: 30px ;
        padding-bottom: 30px;
    }

    .blog_main_banner{
      max-height: 100%;
    }

  }

  /* blog article page css start */

  
  .bg-color-milk {
    background-color: var(--color-milk);
  }

  .blog_top_head{
    margin: 0px !important;
  }

  .blog_top_head h2{
    color: var(--color-jet) !important;
		font-family: var(--font-family-ivy) !important;
		font-size: var(--font-ivy-56) !important;
		line-height: var(--font-ivy-56-line-height) !important;
		text-align: center;
		margin: 0px !important;
    padding:60px 0px !important;
  }

  .special-items .owl-stage-outer{
    max-height: 450px;
  }

  .blog_post_maindiv{
    padding-top:0px !important;
  }

  div#main_post_content{
    padding-right: 0px !important;
  }

  .post-comment{
    margin: 60px 0px !important;
  }

  .post_blog_leftcon .post-comment h2{
     
      color: var(--color-jet) !important;
      font-family: var(--font-family-ivy) !important;
      font-size: var(--font-ivy-36) !important;
      font-weight: var(--font-weight-regular) !important;
      line-height: var(--font-ivy-36-line-height) !important;
      text-align: center !important;
      text-transform: none !important;
      margin-top: 60px;
      margin-bottom: 60px;
      text-transform: capitalize !important;
      letter-spacing: normal !important;
  }

  .post_blog_leftcon #main_post_content p span, .post_blog_leftcon .post-comment > p {

    color: var(--color-jet) !important;
    font-family: var(--font-family-libre) !important;
    font-size: var(--font-libre-16) !important;
    font-weight: var(--font-weight-regular) !important;
    line-height: var(--font-libre-24) !important;
    text-align: center !important;

  }

  .post-comment p img{
    width: 708px !important;
    /* height: 510px !important; */
    height: auto !important;
    object-fit: contain;
    padding-bottom:0px !important;
  }

  .blog_container{
    /* max-width: 1440px !important; */
    /* padding: 0 60px !important; */
  }

  .breadcrumb a{
    padding:0 4px ;
  }

  .breadcrumb a:first-child{
    padding-left:0px ;
  }

    .blog_cta_blackbtn{
      padding: 12px 26px !important;
      font-family: var(--font-family-libre) !important;
      font-size: var(--font-libre-16) !important;
      line-height: 19px !important;
      margin-top: 60px !important;
      margin-bottom: 0px !important;
     
      
      /* background: #DEC15C !important; */
      border: none;
      /* color: #FFF; */
      text-transform: capitalize !important;


      
      display: inline-block;
      text-align: center;
      outline: none;
      text-decoration: none;
      border: none;
      background: transparent;
      border-radius: 0 !important;
      transition: all 0.3s ease-in-out;
      color: var(--color-white) !important;
      background-color: var(--color-brown);
    }

    .margin-tb-30{
      margin-top: 30px !important;
      margin-bottom: 30px !important;
    }

    .post-comment ul > li > p {
      padding-bottom: 0px !important;
    }
    .post-comment ul > li {
      margin-bottom: 10px !important;
    }

    .article-wrapper-small{
      height: auto !important;
    }

    .related_article_title{
      color: var(--color-jet) !important;
      font-family: var(--font-family-ivy) !important;
      font-size: var(--font-ivy-36) !important;
      font-weight: var(--font-weight-regular) !important;
      line-height: var(--font-ivy-36-line-height) !important;
      text-align: center !important;
      text-transform: none !important;
      margin-top: 60px !important;
      margin-bottom: 30px !important;
      text-transform: capitalize !important;

    }

    .blog_post_maindiv ul li p{
      text-align: left !important;
    }

    .blog-li-center ul {
      list-style-type: disc; 
      list-style-position: inside;
      padding: 0;
      text-align: center;
    }

    .blog-li-center ul li {
      text-align: left;
      margin-left: 100px;
    }
       
    .related_article .article-wrapper-small:last-child{
      margin-right: 0px !important;
    }
    

    .search{
      display: block !important;
      background: none !important;
    }

    .related_banner_content{
      
    }
    .related_banner_content .author-detail{
     
      color: var(--color-jet) !important;
      font-family: var(--font-family-libre) !important;
      font-size: var(--font-libre-14) !important;
      font-weight: var(--font-weight-regular) !important;
      line-height: 17px !important;
      text-align: left !important;
      margin-top: 4px;
      margin-bottom: 12px !important;
      padding: 5px 0px;

    }

    .related_banner_text{
      color: var(--color-jet) !important;
      font-family: var(--font-family-ivy) !important;
      font-size: var(--font-ivy-24) !important;
      font-weight: var(--font-weight-regular) !important;
      line-height: var(--font-ivy-24) !important;
      text-align: left !important;
      margin-top: 0px !important;
      margin-bottom: 12px !important;
    }

    .post_blog_leftcon #main_post_content p span, .post_blog_leftcon .post-comment p {
      font-family: var(--font-family-libre) !important;
      font-size: var(--font-libre-16) !important;
      font-weight: var(--font-weight-regular) !important;
      line-height: 24px !important;
      margin-bottom: 10px !important;
      text-align: center !important;
   }

   .blog_article_blog_post_maindiv .post-comment p a , 
   .blog_article_blog_post_maindiv .post-comment p a font ,
   .post_blog_leftcon .post-comment > p a,
   .post_blog_leftcon .post-comment > a {
    text-decoration: underline !important;
    color: rgb(0, 0, 255);
    /* color: var(--color-jet) !important; */
   }

   /* .blog_article_post-comment a {
    text-decoration: underline !important;
    color: rgb(0, 0, 255) !important;
   }  */

   .blog_article_post-comment{
      height:auto !important;
   }

   
   .search_blog_dropdown_new_containers {
    padding: 0px 10px 0px 93px;    
    position: relative;
    max-width: 1440px;
    margin: auto;
  }

  .search_blog_dropdown_new {
      max-width: 1287px;      
      padding: 0px 0px;      
      margin: 0px;
      position: absolute;
      z-index: 1;
      background: white;
      width: 100%;
      box-shadow: 0px 10px 22px 0px #2D4D6C26;
    }
  
  .search_blog_dropdown_new li{
    
    text-align: left;
    color: var(--color-jet);
    font-weight: var(--font-weight-regular);
    font-family: var(--font-family-ivy);
    font-size: var(--font-ivy-24);
    line-height: var(--font-ivy-24-line-height);
    padding: 9px 0px 9px 16px;
    margin-bottom: 0px;
    border-bottom: 2px solid #F8F2E7;
    background: white;
  
  }

  section.section.pdp-carousel-container {
      padding: 30px 0px;
  }

  section.section.pdp-carousel-container .container.owl-top-arrow {
    padding: 0px 0px !important;
  }


  .pdp-carousel-container .container .item{
    padding-right: 12px !important;
    padding-left: 12px !important;
  }

  .blog_article_post-comment .body_container{
    padding-left: 0px !important;
    padding-right: 0px !important;
  }
  

  .blog_post_maindiv #content{
    padding: 0px !important;
  }

  div#main_post_content p:first-child {
      padding-bottom: 60px;
  }

  .pdp-carousel-container .container .item a:not(.addwishlist) figure img{
    max-width: 270px !important;
    /* max-width: 100% !important; */
    transition: all 0.3s ease-in-out;
  }

  .pdp-carousel-container .container .item{
    background-color: white !important;
  }

  .pdp-carousel-container .container .item figure {
    width: 100% !important;
  }

  .pdp-carousel-container .container .item{
    background-color: white !important;
    /* margin-right: 12px;
    margin-left: 12px; */
  }
    .related_article{
      width: 100%;
      display: flex !important;
      margin: auto;
      justify-content: center;
    }
   @media (min-width: 768px) and (max-width: 1398px) {
      
    .related_article{
      width: 100%;
      display: flex !important;
      margin: auto;
      justify-content: center;
    }

    .related_article .article-wrapper-small {
      width: 32% !important;
      height: auto !important;
      float: left !important;
      margin-right: 5px !important;
      margin-bottom: 0px !important;
    }

    .related_article .small-article-image img{
      display: block !important;
      width: 100% !important;
      height: 260px !important;
      object-fit: cover !important;
    } 
    
    .post-comment p img {
      width: 50% !important;
      height: auto !important;
      object-fit: cover;
      padding-bottom: 0px !important;
      margin: auto !important;
    }

    
    .search_blog_dropdown_new_containers {
      padding: 0px;    
      position: relative;
    }

    .search_blog_dropdown_new {
        max-width: 100%;         
        margin: 0px;       
        width: 100%;
       
      }
    
    .search_blog_dropdown_new li{      
     
      font-weight: var(--font-weight-regular);
      font-family: var(--font-family-ivy);
      font-size: var(--font-ivy-20);
      line-height: var(--font-ivy-20-line-height);
      padding: 9px 20px 9px 20px;      
    
    }
    

  }


    @media (max-width: 767px) {
      .blog_container{
        max-width: 100% !important;
        padding: 30px 16px 0px !important;
      }

      .breadcrumb{
        padding: 20px 0 30px 0 !important;
      }

      .blog_top_head h2{
        font-size: var(--font-ivy-36) !important;
        line-height: var(--font-ivy-36-line-height) !important;
      }

      .search{
        width: auto !important;
        height: auto !important;
      }

      .blog_article .banner-content{
        padding: 30px 16px 30px !important;
        text-align: center !important;
      }

      .blog_article .blog_banner_text{
        margin-bottom: 30px !important;
        font-family: var(--font-family-ivy) !important;
        font-size: 35px !important;
        line-height: 44.31px !important;
        padding-left: 20px !important;
        padding-right: 20px !important;
      }

      .post_blog_leftcon #main_post_content p span, .post_blog_leftcon .post-comment > p {
        color: var(--color-jet) !important;
        font-family: var(--font-family-libre) !important;
        font-size: var(--font-libre-16) !important;
        font-weight: var(--font-weight-regular) !important;
        line-height: var(--font-libre-24) !important;
        text-align: center !important;
      }

      .blog_article_blog_post_maindiv{
        
      }

      .blog_article{
        display: block !important;
      }

      .blog_article .banner-img{
        height: 311px !important;
      }

      .blog_article_blog_post_maindiv .post_blog_leftcon{
        padding-left: 0px !important;
        padding-right: 0px !important;
      }
      .blog_article_blog_post_maindiv #content{
        padding-left: 0px !important;
        padding-right: 0px !important;
      }

      .blog_article_blog_post_maindiv .body_container{
        padding-left: 0px !important;
        padding-right: 0px !important;
      }

      .blog_article_blog_post_maindiv .pdp-carousel-container{
        margin-left: -20px !important;
        margin-right: -20px !important;
      }

      /* .pdp-carousel-container .container .item .addwishlist img{
        width: 24px !important;
        height: 24px !important;
      } */

      .post-comment img{
        height: auto !important;
      }

      .post_blog_leftcon .post-comment h2{
        font-family: var(--font-family-ivy) !important;
        font-size: var(--font-ivy-24) !important;
        font-weight: var(--font-weight-regular) !important;
        line-height: var(--font-ivy-24-line-height) !important;
        text-align: center !important;
        text-transform: none !important;
        margin-top: 30px !important;
        margin-bottom: 30px !important;
      }

      .post_blog_leftcon .post-comment h2 a {
        color: var(--color-jet) !important;
      }

      .post-comment p img{
        width: 100% !important;
        height: auto !important;
      }

      .blog_cta_blackbtn{
        margin-top: 30px !important;
        margin-bottom: 30px !important;
        padding-left: 15px !important;
        padding-right: 15px !important;
      }

      .related_article{
        width: 100% !important;
        float: none !important;
        clear: both !important;
        margin:auto !important;
      }

      .related_article .owl-dots{
        position: absolute;
        bottom:0px;
      }

      .related_article .article-wrapper-small {
        width: 100% !important;
        float: none !important;
        clear: both !important;
      }

      .related_article_title {
       
        font-size: var(--font-ivy-24) !important;
        font-weight: var(--font-weight-regular) !important;
        line-height: var(--font-ivy-24-line-height) !important;
        text-align: center !important;
        text-transform: none !important;
        margin-top: 30px !important;
        margin-bottom: 30px !important;
      }

      .search_blog_dropdown_new_containers {
        padding: 0px;    
        position: relative;
      }
  
      .search_blog_dropdown_new {
          max-width: 100%;         
          margin: 0px;       
          width: 100%;
         
        }
      
      .search_blog_dropdown_new li{      
       
        font-weight: var(--font-weight-regular);
        font-family: var(--font-family-ivy);
        font-size: var(--font-ivy-20);
        line-height: var(--font-ivy-20-line-height);
        padding: 9px 20px 9px 20px;      
      
      }

      div#main_post_content p:first-child {
        padding-bottom: 30px;
    }

      .pdp-carousel-container .container .item{
        padding-left: 8px !important;
        padding-right: 8px !important;
      }

      .pdp-carousel-container .container .item a:not(.addwishlist) figure img{
        max-width: 230px !important;
      }

    }


    @media (min-width: 1399px) {
      .related_article{        
        width: 1320px;
      }

      .blog_container {
        max-width: 1440px !important;
          padding: 0 60px !important;
      }

      .pdp-carousel-container .container .item figure{
        width: 100% !important;
      }

      .related_article .article-wrapper-small {
        width: 424px !important;
        height: auto !important;
        float: left !important;
        margin-right: 24px !important;
        margin-bottom: 0px !important;
      }

      .related_article .small-article-image img{
        display: block !important;
        width: 100% !important;
        height: 260px !important;
        object-fit: cover !important;
      }
  
    }

  .faq-section .bf-faq {
      max-width: 642px;
      margin: auto;
  }

  .faq-section .accordion_panel .panel-body p {
    margin: 0;
    padding: 0 !important;
    text-align: left !important;
  }

  /* blog article page css end */