@media screen and (min-width: 320px) and (max-width: 504px) {
    .page-container{
        margin: 15px 0 0 0;
    }

    .page-container .page-wrapper{
        padding: 20px;
    }

    .page-container .sidebar.affix{
        position: static;
        top: 0;
    }

    .content-wrapper{
        border: 0 none;
        padding: 0;
    }

    .sidebar{
        margin: 20px 0 0 0;
    }

    .welcome-package-promotions li {
        display: inline-block;
        vertical-align: middle;
        width: 32%;
        margin: 0;
    }

    .welcome-package-promotions li img{
        max-width: 100%;
    }

    .footer{
        padding: 0;
    }
}

@media screen and (min-width: 505px) and (max-width: 767px) {
    .page-container{
        margin: 15px 0 0 0;
    }

    .page-container .page-wrapper{
        padding: 20px;
    }

    .page-container .sidebar.affix{
        position: static;
        top: 0;
    }

    .content-wrapper{
        border: 0 none;
        padding: 0;
    }

    .sidebar{
        margin: 20px 0 0 0;
    }

    body.page-template-page-templatesabout-us-page-php{
        background: url('https://aws-origin.image-tech-storage.com/royale500.com/images/pages/about-us.jpg') no-repeat top right #000000;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
    }

    .footer{
        padding: 0;
    }
}

@media screen and (min-width: 768px) and (max-width: 992px) {
    .page-container{
        margin: 15px 0 0 0;
    }

    .page-container .page-wrapper{
        padding: 20px;
    }

    .content-wrapper{
        padding: 0 20px 0 0;
    }

    .footer{
        padding: 0;
    }
}


@media screen and (min-width: 768px) and (max-width: 1223px) {
}

@media screen and (min-width: 993px) and (max-width: 1024px) {}


/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-device-width: 320px) and (max-device-width: 767px) {
}

/* Smartphones (landscape) ----------- */
@media only screen and (min-width: 321px) {
    /* Styles */
}

/* Smartphones (portrait) ----------- */
@media only screen and (min-width: 320px) and (max-width: 480px) {
}

/* iPads (portrait and landscape) ----------- */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
}

/* iPads (landscape) ----------- */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
}
/* iPads (portrait) ----------- */

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
}


@media only screen and (min-device-width: 480px) and (max-device-width: 504px) and (orientation: landscape) {
}

@media only screen and (min-device-width: 505px) and (max-device-width: 667px) and (orientation: landscape) {
}

@media only screen and (min-device-width: 1300px) and (max-device-width: 1470px){
}

@media only screen and (min-device-width: 1025px) and (max-device-width: 1299px){
}
@media only screen and (min-device-width: 667px) and (max-device-width: 736px) and (orientation: landscape) {
}


/* iPhone 4 ----------- */
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5) {
    /* Styles */
}