@media (max-width:1400px) {
  .def-font-head{
  font-size: 20px;
}
.date-announce {
  font-size: 11px;
}
.tag-announce {
  font-size: 11px;
}
}
@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;
  }
}
@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;
  }
  .disconnected {
    width: 400px;
}
.overlay{
  display: none;
}
}
@media (max-width: 576px) {

  .tag-filter button {
    margin: 7px;
  }
  .bl-header {
    padding: 15px 5px 15px !important;
  }
  .categories {
    font-size: 11px;
    padding: 8px 8px;
  }
  .categories img {
    width: 10px;
  }
  .def-font-head {
        font-size: 19px !important;
    }
    .blog-post h1 {
    font-size: 25px;
}
.owl-carousel .owl-item img {
    width: 98%;
}
 .ss-res img {
    width: 100%;
}
}
@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: 140px;
}
.content-ss img ,.disconnected{
    width: 100%;
}
.copy-rights p {
    font-size: 12px;
}
.blpost-tim-nav{
  gap: 15px;
}

}
@media (max-width:330px) {  
      .announce-inside {
        padding: 8px 2px;
    }
    .announce-head{
      font-size: 25px;
    }
}
