@media only screen and (max-width: 1300px){
    .info {
        margin: 20px auto;}
}

@media only screen and (max-width: 1000px){
    .menu{
        display: block;
        font-size: 2em;
        margin-left:10px;
    }
    .nav>ul{
        display: none;
       
    }
    .main-nav{
        padding-bottom: 100px;
            padding-top: 1%;
    }
    .form{
        display: flex;
        height: auto;
            width: auto;
    /* margin-top: 0;
    margin-left: 0;
    padding: 0 */
    }
    .fac-box{
        width: 50%;
    }
    .steps {
        width: 50%;
    }
    .blog {
        display: flex;
        flex-wrap: wrap;
        margin: 5px 50px;
        height: 550px;
        width: 50%;
    }
    .blog>h3 {
        width: 100%;
    }

    .cover{
     display:flex;
     flex-wrap: wrap;
   }
        }
/* 
  ##Device = Most of the Smartphones Mobiles (Portrait)
  ##Screen = B/w 320px to 479px
*/

@media (min-width: 320px) and (max-width: 480px) {
  .blog>h4{
      margin: 30% auto;

  }
  .blog>p{
      font-size: 14px;
  }
    /* CSS */
    
  }