Media Screens

  /*Large Screens*/
    @media only screen and (min-width : 1824px) {
    }
    /*Laptop and Desktop*/
    @media only screen and (min-width : 1224px) {
    }  
    /* iPad*/
    @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
    }
    /*iPad landscape*/
    @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
    }
    /*iPad Portrate*/
    @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
    }  
    /*Smartphones Screens*/
    @media only screen and (min-device-width : 320px) and (max-device-width : 568px) {
    }
    /*Smartphones landscape*/
    @media only screen and (min-device-width : 320px) and (max-device-width : 568px) and (orientation : landscape) {
    }
     /*Smartphones Portrate*/
    @media only screen and (min-device-width : 320px) and (max-device-width : 568px) and (orientation : portrait) {
    }


....To be continue...