responsive.css

/*  
* CSS Responsive media queries
*/

/*  
* Extra large devices 
* large laptops and desktops, 1200px and up
*/
/* @media (min-width: 1200px) {

} */

/*
* Laptop 
* Large devices (desktops) 
*/
@media(min-width: 992px) {
    /*  ... */
}

/*
* Tablet
* Medium devices (tablets) 
*/
@media(min-width: 768px) and(max-width: 991.98px) {
    /*    ...  */
}

/* 
* Phone
* Portrait and Landscape 
*/
@media(min-width: 575.99px) and(max-width: 767.98px) {
    /*   ...  */
}

/* 
* Extra small devices 
* portrait phones
*/
@media(max-width: 575.98px) {
    /*  ...   */
}

/*
* Style for printing
*/
@media print { 
  /* All your print styles go here */
  /* #header, #footer, #nav { display: none !important; }  */
}