Mobile friendly & Super Responsive in all devices

Our responsive mechanism makes you feel it's designed for just the device you use, whichever it is.

• Media queries

  /*==========  Mobile First Method  ==========*/
   
   /* Custom, iPhone Retina */
   @media only screen and (min-width : 320px){
   }
   /* Extra Small Devices, Phones */
   @media only screen and (min-width : 480px){
   }
   /* Small Devices, Tablets */
   @media only screen and (min-width : 768px){
  
   }
   /* Medium Devices, Desktops */
   @media only screen and (min-width : 992px){
  
   }
   /* Large Devices, Wide Screens */
   @media only screen and (min-width : 1200px){
  
   }
   /*==========  Non-Mobile First Method  ==========*/
   /* Large Devices, Wide Screens */
   @media only screen and (max-width : 1200px){
  
   }
   /* Medium Devices, Desktops */
   @media only screen and (max-width : 992px){
  
   }
   /* Small Devices, Tablets */
   @media only screen and (max-width : 768px){
  
   }
   /* Extra Small Devices, Phones */
   @media only screen and (max-width : 480px){
  
   }
   /* Custom, iPhone Retina */
   @media only screen and (max-width : 320px){
  
   } 

• Grid system

  We use bootstrap's grid system, to create layouts and pages, here is a quick list of grid variables used in bootstrap less, each of the variables denotes the size of the screen, and number if grid can be added to the end of variables. i.e. xs-1,xs-2,xs-3 .... xs-12.

  xs: 0,
    // Small screen / phone
    sm: 544px,
    // Medium screen / tablet
    md: 768px,
    // Large screen / desktop
    lg: 992px,
    // Extra large screen / wide desktop
    xl: 1200px