@media screen and (min-width: 992px) and (max-width: 1199px){

}

@media (max-width: 980px){
 
}
@media (max-width: 540px){
  .axil-breadcrumb-area{
    padding: 20px 0 20px;
  }
  .axil-breadcrumb-area .col-lg-12.col-md-8{
    padding:0;
  }
  .axil-breadcrumb-area .inner .title {
    font-size: 26px;
  }
  section.blog-sec .container{
   padding:0; 
  }
  section.blog-sec .blog-info{
   width:100%;
    padding:0;
  }
   section.blog-sec .blog-upper p{
    font-size: 16px;
  }
  section.blog-sec a.rd-more {
    font-size: 17px;
  }
  section.blog-details-sec .container{
   padding:0; 
  }
  .blog-details-left {
    width: 100%;
    padding: 0;
}
  .blog-upper p {
    font-size: 16px;
    margin-bottom: 0;
}
  .blog-details-left h2{
    margin-top: 8px;
  }
  .written-by p {
    font-size: 16px;
}
  .blog-summary{
    padding: 20px 15px;
    margin-top: 20px;
  }
  .blg-details-right {
    position: relative;
    top: 0;
    margin-bottom: 0;
    height: 100%;
    width: 100%;
    padding: 0;
}
  .blog-right h2 {
    font-size: 19px;
  }
  .relate-article h3 {
    font-size: 17px;
  }
  section.blog-sec .head-sec{
    margin-bottom: 20px;
  }
}
@media (max-width: 360px){

}