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

}

@media (max-width: 980px){
  
}
@media (max-width: 540px){
     .common-banner-section .guides h1 {
        font-size: 26px;
    }
      .blog-wrapper {
        padding: var(--p40) 0;
    }
  .blog-page .upper-sec img, .blog-page .upper-sec{
    height:250px;
  }
  .blog-page .bottom-sec{
    padding: 20px;
  }
  .blog-page .bottom-sec h3{
    height: auto;
    overflow: auto;
  }
}
@media (max-width: 360px){

}