/* For Mobile */

@media screen and (max-width: 540px) {
    #container {
        width: 90%;
        padding-top: 5px;
    }
    h1 {
        font-size: medium;
    }
    #topBanner {
        height: 60px;
    }
    #topright a {
        color: #FFF;
        text-decoration: none;
    }
    #subtitle {
        color: grey;
        font-size: 10px;
        margin: -18px 0px 0px 5px;
    }
    #content {
        height: 258px;
        /*background-image: url("https://sxdcanada.com/assets/template/es_shop200_2.01/common/images/frontImgMobile.jpg");*/
    }
    #enter_btn {
        padding-top: 100px;
        text-align: center;
        display: block;
        font-size: 38px;
    }
    #content_foot {
        margin-top: -40px;
        font-size: 20px
    }
}

@media only screen and (device-width: 768px) {
    /* For general iPad layouts */
    #container {
        width: 90%;
        padding-top: 5px;
    }
}

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

@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:landscape) {
    /* For landscape layouts only */
}

/* For Tablets */

@media screen and (min-width: 540px) and (max-width: 780px) {}