/*
[Table of contents]

1. @media screen and (min-width:0\0)
- IE

2. @media screen and (-webkit-min-device-pixel-ratio:0)
- Chrome/Safari

3. @media screen and (min-width: 1780px) and (max-width: 1980px)
- Larger Screens

4. @media screen and (min-width: 1500px) and (max-width: 1600px)
- Larger Screens

5. @media screen and (max-width : 1280px)
- Macbook and other devices

6. @media screen and (max-width : 1024px)
- iPad devices Landscape

7. @media screen and (max-width : 991px)
- Tabs and Tablets Landscape

8. @media screen and (max-width : 800px)
- iPad Potrait and other devices

9. @media screen and (max-width : 767px)
- iPhone 6Plus/Nexus 6 Landscape

10. @media screen and (max-width : 680px)
- iPhone 6 Landscape

11. @media screen and (max-width : 580px)
- iPhone 5 Landscape

12. @media screen and (max-width : 480px)
- iPhone 4 Landscape and iPhone 6/6Plus Potrait

13. @media screen and (max-width : 420px)
- iPhone 6/6Plus Potrait/Nexus 5/Samsung Galaxy Potrait

*/


/** M E D I A  Q U E R I E S **/


/** Max Widths **/

/*@media screen and (min-width:0\0) {}

@media screen and (-webkit-min-device-pixel-ratio:0) {}

@media screen and (min-width: 1780px) and (max-width: 1980px) {}

@media screen and (min-width: 1500px) and (max-width: 1600px) {}

@media only screen and (max-width: 1280px) {}

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

@media only screen and (max-width:1024px) {
    
    .landing-webs-text {
        padding: 80px 20px 40px;
        max-width: 500px;
    }
    .landing-banner {
        background-size: 140%;
    }
}

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

@media only screen and (max-width:800px) {}
*/
@media only screen and (max-width:767px) {
    .landing-webs-text {
        padding: 30px 20px 20px;
        font-size: 13px;
    }
    .landing-webs-text p {
        margin-bottom: 0;
        max-width: 320px;
    }
    
}

@media only screen and (max-width:680px) {}

@media only screen and (max-width:580px) {
}

@media only screen and (max-width:420px) {
    .landing-banner {
        background-image: url("../images/phone-view.jpg");
    }
}