@media screen and (max-width:800px) {
.container
{
  width:95% !important;
}
#header {
    padding-top: 10px !important;
}
.logo {
    padding-top: 0 !important;
}
.navigation
{
  width:60% !important;
}
.top_bar
{
  width: 100% !important;
  margin-bottom:20px !important;
}
.navbar {
	border-radius: 0 !important;
	margin-bottom: 0 !important;
	position: absolute !important;
	top: 15px !important;
	right: 0 !important;
	width: 30% !important;
	z-index: 999 !important;
}
.navbar li {
    float: none !important;
}
.navbar li a {
	font-size: 12px !important;
	font-weight: 700 !important;
	padding: 7px 10% !important;
	display: block;
	width: 80%;
}
.navbar li a:first-child {
	border-radius:0 !important;
}
.navbar li a:last-child {
	border-radius:0 !important;
}
.navbar ul.submenu {
    top: 28px !important;
}
.top_bar .scl_icon {
    margin: 5px 0 !important;
    display: block !important;
    clear: both !important;
}
#middle
{
  padding:30px 0 !important;
}
.pgrm_area  .pgrm_box
{
  width:33% !important;
  padding:2% !important;
  margin:2% !important;
}
.dnld_btn
{
  padding:5% 1% !important;
  width:40% !important;
  margin-top: 3% !important;
  border-radius: 15px;
  background: #801649 !important;
  font-size:24px !important;
}
.footer_menu
{
  width:100% !important;
}
.copy_right {
	width:49% !important;
}
.about_content {
	width:33% !important;
	padding:3% 5% !important;
	margin:5% !important;
	height:auto !important;
}
.club_content {
    padding-top: 0 !important;
}
.club_content p {
    font-size: 15px !important;
    line-height: normal !important;
    padding:10px 0 !important;
}
.pgrm_area p {
	padding:10px 0 !important;
}
.event_area strong {
    font-size: 22px !important;
    line-height: normal !important;
}
.event_area {
    padding: 30px 0 !important;
	margin:20px 0 0 !important;
}
.event_area .event_box {
    width: 100% !important;
    margin: 2% 0 !important;
}
.club_content ul {
    padding-bottom: 15px !important;
}
.club_content img {
    width: 40% !important;
	margin-left:20px;
}
}
@media screen and (max-width:560px) {
.logo {
    width: 200px !important;
}
.logo img{
    width: 100% !important;
}
.center_club {
	padding-top:15px !important;
	text-align:left !important;
}
.navigation
{
  width:100% !important;
}
.pgrm_area  .pgrm_box
{
  width:90% !important;
  margin:4% 0 !important;
}
.dnld_btn
{
  width:95% !important;
}
.footer_menu li {
    margin: 2% 0;
}
.copy_right {
	width:100% !important;
	text-align: center !important;
    margin: 5% 0 0;
}
.about_content {
	width:90% !important;
	margin:5% 0 !important;
}
.club_content img {
    margin-left: 0 !important;
	margin-bottom:20px !important;
    width: 100% !important;
    height: auto !important;
}
}