@media screen and (max-width: 320px) {
  .main-header-nav .navbar {
    padding: 0;
  }
  .header-top a {
    font-size: 12px;
  }
}
@media screen and (max-width: 767px) {
  .header-top-2 {
    padding: 5px 0;
  }
  .navbar-toggler {
    margin-top: 9px;
  }
  .homeslider .owl-dots {
    display: none;
  }
  .homecategory {
    padding-bottom: 20px;
  }
  .homebrands {
    padding-top: 0;
    padding-bottom: 20px;
  }
  .wws-popup-container--position {
    bottom: 70px;
  }
  .who-we-are-area .row > div[class*="col"]:first-child {
    padding: 0;
  }
  .bt_bb_link {
    padding: 0.8em 2em;
    font-size: 12px;
  }
  .footer {
    padding-bottom: 65px;
  }
  .footer .footer-title {
    font-size: 1.04rem;
  }
  .page_title{
      padding-top:40px;
      padding-bottom:40px;
  }
  .page_title .page_title__bread-crumb{
      display: none;
  }
  .page_title__content h1{
      margin-bottom: 0;
  }
  .main-titles .title-box .title{
      margin-bottom: 0;
  }
  .main-titles .title-box{
      padding-bottom: 0 !important;
  }
  .main-latest-blog{
      padding-top: 0;
  }
}

@media screen and (min-width: 1024px) {
  .main-latest-blog .blog-item .img-box {
    height: 156px;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1199px) {
  .main-latest-blog .blog-item .img-box img {
    height: 100%;
  }
  .main-latest-blog .blog-item .text-box {
    height: 235px;
    position: relative;
  }
  .main-latest-blog .blog-item .text-box .divider{
      display: none;
  }
  .main-latest-blog .blog-item .text-box .blog-footer {
    position: absolute;
    bottom: 10px;
    display: flex;
    justify-content: space-between;
    width: 80%;
  }
}