@media (max-width:1400px) {
  .def-font-head{
  font-size: 20px;
}
.date-announce {
  font-size: 11px;
}
.tag-announce {
  font-size: 11px;
}
.tag-filter button {
    margin: 7px;
  }
}
@media (max-width:1300px) {
  .bl-key-nav {
  top: 50px;
}
}
@media (max-width: 1200px) {
  .announce-inside {
    padding: 13px;
  }
  .announce-head {
    font-size: 25px;
  }
  .owl-dots {
    display: block !important;
    text-align: center;
    margin-top: 15px;
    position: unset;
    bottom: 1rem;
    left: 2rem;
    text-align: justify;
    margin-left: 10px;
  }
  .date-announce,
  .tag-announce {
    padding: 3px 10px;
  }
   .bl-key-nav {
    display: none;
  }
  .search-field {
        display: none;
    }
    .categories {
    font-size: 11px;
    padding: 8px 8px;
  }
}
@media (max-width: 992px) {
  .owl-dots {
    text-align: center;
  }
  .owl-carousel .owl-item img {
    place-self: center;
  }
  .announce-wrapper {
    background-size: cover;
  }
  .blog-post-section {
    padding-right: 10px;
}
  .post-article a {
    word-break: break-all;
  }
  
}
@media (max-width: 768px) {
  .cate-drp {
    top: 2.9rem;
  }
}
@media (max-width: 576px) {
  .bl-header {
    padding: 15px 5px 15px !important;
  }
  .bl-header-post {
    padding: 15px 5px 15px !important;
  }
  .categories img {
    width: 10px;
  }
  .def-font-head {
        font-size: 19px !important;
    }
     #paginationBl button {
    min-width: 34px;
    height: 34px;
    font-size: 13px;
    padding: 0 8px;
  }
  #paginationBl .nav-btn {
    font-size: 0;
  }
  .blog-post-content .sec-imgs{
  width: 100%;
}
.copy-btn{
          position: unset;
        display: block;
        margin: 10px 10px 0 auto;
}
.overlay{
  display: none;
}
.tag-filter button {
    font-size: 13px;
    padding: 1px 10px;
}
}
@media (max-width: 400px) {
  .logo-content img {
    width: 130px;
  }
  .useblnt-dropdown {
    width: 313px;
  }
  .share-article {
    display: block;
}
.anno-date-tag {
    flex-wrap: wrap;
}
.date-announce, .tag-announce {
  font-size: 10px;
}
.post-prevnxt {
    gap: 7px;
    flex-wrap: wrap;
}
.post-prevnxt .bl-btn-prev ,.bl-backBtn{
  font-size: 12px;
}
.post-prevnxt .bl-btn-prev{
  min-width: 141px;
}
.blog-post-content .content-ss  {
    width: 100%;
}
.blog-post h1 {
    font-size: 27px;
}
.inner-date-time p {
    display: block;
}
}
@media (max-width:330px) {  
      .announce-inside {
        padding: 8px 2px;
    }
    .announce-head{
      font-size: 25px;
    }
    .twitter-tweet iframe{
      width: 100% !important;
      max-width: 100% !important;
    }
    .copy-rights p{
      font-size: 12px;
    }
}
@media (max-width: 300px) {
     #paginationBl button {
        font-size: 11px;
        min-width: 27px;
    }
  
}