/* Extra small devices (phones, 600px and down) */
/* @uploads only screen and (max-width: 600px) {...} */

/* Small devices (portrait tablets and large phones, 600px and up) */
/* @uploads only screen and (min-width: 600px) {...} */

/* Medium devices (landscape tablets, 768px and up) */
/* @uploads only screen and (min-width: 768px) {...} */

/* Below Large devices (laptops/desktops, 992px and below) */
@media only screen and (max-width: 992px) {
    body {
        background: url(../images/mobile-bg.png) no-repeat center center fixed;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
    }

    .mt-50-lg-30{
        margin-top: 30px !important;
    }
}

/* Extra large devices (large laptops and desktops, 1200px and up) */
/* @uploads only screen and (min-width: 1200px) {...} */

@media only screen and (min-width: 992px) {
    .only-md-and-below{
        display: none !important;
    }
}

@media only screen and (max-width: 768px) {
    .w-40-m-60{
        width: 60% !important;
    }

    .w-40-m-70{
        width: 70% !important;
    }
}

@media only screen and (max-width: 1200px) {
    .w-90-l-100{
        width: 100% !important;
    }
}