/* ========================================================================
     Component: media-queries
 ========================================================================== */ 

// Taken from bootstrap variables
// to match all components media queries

$mq-desktop-lg:                           $screen-lg-desktop; // Usually 1200px
$mq-desktop:                              $screen-desktop;    // Usually 992px
$mq-tablet:                               $screen-sm-min;     // Usually 768px
$mq-mobile:                               $screen-phone;      // Usually 480px

// Inverse version media queries (for use with max-width)
// Some components needs to be strictly defined only for mobile

$mq-up-to-desktop-lg:                           ($screen-lg-desktop - 1); // Usually 1199px
$mq-up-to-desktop:                              ($screen-desktop - 1);    // Usually 991px
$mq-up-to-tablet:                               ($screen-sm-min - 1);     // Usually 767px
$mq-up-to-mobile:                               ($screen-phone - 1);      // Usually 479px

