Skeleton for responsible CSS...

responsive.css

/**
*   Skeleton pro responzivni vzhled HTML stranek.
*   Zakladni konstrukce @Media-Rule pro realizaci 
*    responsivnich HTML stranek
*
*   @file       responsive.css
*   @author     Denis Colesnicov <eugustus@gmail.com>
    @licence    MIT
*   @version    1
*/

@charset "UTF-8";


/**
*    Relative size definitions 
*  ------------------------------------
*  |   MIN   |    DEVICE   |   MAX    |
*  |---------|-------------|----------|
*  |   0<    |    Wath     |   480px  | 
*  |   0<    |    Mobile   |   767px  |
*  | 768px   |   Tablet    |  991px   |
*  | 992px   |   Laptop    |  1199px  |
*  | 1200px  |   Desktop   |   ...    | 
*  ------------------------------------
*
*/


/** Od 768px */
@media only screen and (min-width: 768px) {

}

/** Od 992px */
@media only screen and (min-width: 992px) {

}
    
/** Od 1200px */
@media only screen and (min-width: 1200px) {

}
  
/** Do 480px */
@media only screen and (max-width: 480px) {
    
} 

/** Do 767px */
@media only screen and (max-width: 767px) {


} 
/** Do 767px */
@media only screen and (max-width: 991px) {


} 
/** Do 1200px */
@media only screen and (max-width: 1199px) {


} 

/** Od 768px do 991px */
@media only screen and (min-width: 768px) and (max-width: 991px) {
    
} 

/** Od 992px do 1199px */
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    
}

/** Od 1200px */
@media only screen and (min-width: 1200px) {
    
}