CSS Media Queries

/*  ==========================================================================
    Large desktops and laptops
    ========================================================================== */
    @media (min-width: 1200px) {

    }
/*  ==========================================================================
    Portrait tablets and medium desktops
    ========================================================================== */
    @media (min-width: 992px) and (max-width: 1199px) {

    }
/*  ==========================================================================
    Portrait tablets and small desktops
    ========================================================================== */
    @media (min-width: 768px) and (max-width: 991px) {

    }
/*  ==========================================================================
    Landscape phone to portrait tablet
    ========================================================================== */
    @media (max-width: 767px) {

    }
/*  ==========================================================================
    Landscape phones
    ========================================================================== */
    @media (max-width: 480px) {

/*  ==========================================================================
    Portrait Mobile
    ========================================================================== */
    @media (max-width: 320px) {

    }
/*  ==========================================================================
    Mobile
    ========================================================================== */
    @media (min-width: 240px) and  (max-width: 319px){

    }