/* 
  ##Device = Desktops
  ##Screen = 1281px to higher resolution desktops
*/

@media (min-width: 1281px) {
  
    /* CSS */
    
  }
  
  /* 
    ##Device = Laptops, Desktops
    ##Screen = B/w 1025px to 1280px
  */
  
  @media (min-width: 1025px) and (max-width: 1280px) {
    
    /* CSS */
    
  }
  
  /* 
    ##Device = Tablets, Ipads (portrait)
    ##Screen = B/w 768px to 1024px
  */
  
  @media (min-width: 768px) and (max-width: 1024px) {
    
    /* CSS */
    
  }
  
  /* 
    ##Device = Tablets, Ipads (landscape)
    ##Screen = B/w 768px to 1024px
  */
  
  @media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
    
    /* CSS */
    
  }
  
  /* 
    ##Device = Low Resolution Tablets, Mobiles (Landscape)
    ##Screen = B/w 481px to 767px
  */
  
  @media (min-width: 481px) and (max-width: 767px) {
    
  /* #blog-author .author-container{
    flex-direction: column;
  } */
    
  }
  
  /* 
    ##Device = Most of the Smartphones Mobiles (Portrait)
    ##Screen = B/w 320px to 479px
  */
  
  @media screen and (max-width: 480px) {
    
    #blog-author .author-container{
        flex-direction: column;
      }
    
      .blog-thumb img{
        width: 50% !important;
        max-width: 150px;
      }

     .page-title .heading h1{ font-size: 28px!important; }

     .h4{ font-size: 18px!important; }
    
      .blog-details .article{
        padding: 5px;
        box-shadow: unset;
      }

      .header .logo img{
        width: 125px;
        height: auto;
      }

      .footer .logo img{
        width: 125px;
        height: auto;
      }

      .meta-top ul li{
        margin-bottom: 10px;
      }
   
      pre[class*=language-]>code{
        border-left: 1px solid #358ccb;
      }
      .alert-success,.alert-primary{
        font-size: 12px;
        padding: 10px 5px;
        word-wrap: break-word;
      }
      ol {
        padding-left: 15px;
      }
      .blog-details .title{
         font-size: 22px;
      }
      .blog-details .content h3,.post-title-link{
        font-size: 18px;
      }
      .blog-like-section{
        padding: 15px;
      }
      .footer .copyright p,.header .btn-getstarted,.page-title nav ol {       
        font-size: 12px;
      }
      .copyright.text-center.mt-4 {
        padding: 10px 0px;
      }
      .section-title p{
        font-size: 24px;
      }
      p{
        word-break: break-word;
      }
      .blog-details .post-img{
        margin: 0
      }
  } 

  @media screen and (max-width: 320px) {
      .blog-thumb img{       
        max-width: 100px;
        height: 100px;
      }

      .page-title nav ol{
        font-size: 10px;
      }
     
  }