/* 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) {

}