CSS Media Queries Breakpoints

/** --------for-phone-only -----------**/
  @media (max-width: 767px){



}
  /**------------ for-tablet-portrait-up ------------**/
  @media (min-width: 768px) and (max-width: 991px)
  {

   }
   /**  ------------for-tablet-landscape-up -----------**/
  @media (min-width: 992px) and (max-width: 1199px)
  {



  }
   /** -----------for-desktop-up -------------------**/
  @media (min-width: 1200px)
  {


  }