@media only screen and (min-width: 320px) and (max-width: 480px) {
	img#clubLogo{ max-width:100%}
	#content p{ padding:5px 6px 5px 0}
.login{ width:100% !important; padding:1% 0% 1% 0% !important }

.logo{ width:100% !important;text-align:center; padding:4% 0% 0% 0% !important}
.logo img{ text-align:center}

.logo .left {
    float: none !important;
    padding: 5px 10px 0 0;
    text-align: center;
}

.logo .timetext {
    float: left;
    padding: 0 0 0 4px;
    width: auto;
}


.bxlft {
    float: left;
    height: 113px;
    width: 100%;
    text-align: center;
}
.opt_box { width:auto; float:none;}

.book_now_add_btn { width:97%; float:none; padding:4px 0px; }
.gymlogo{position: relative; right:0px;}
 

.textbox {
    background: none repeat scroll 0 0 #e9eaf2;
    float: left;
    font-size: 13px;
    text-align: left;
    width: 100%;
}
.reg_form label {
    float: none;

    text-align: left;
    width:95% !important;
	border:none;
}

.textbox {	height:30px;}
.select-now {
 
    width: 96% !important;
    text-align: left !important;
}

.logo .timetext .text {
    float: none;
    width: 320px;
    margin: auto;
    text-align: center;
}

.logo .timetext {
    float: none;
}
.timetext {
    margin: 0 0 5px 23px;
    width: 320px;
    margin: auto !important;
    float: none;
}

.logotest {
    float: none !important;
    padding: 0 0 5px;
    width: 100px !important;
    margin: auto !important;
 }
 




.testimonials p {
    font-size: 13px;  
    margin-bottom: 3px;
}







 
}


@media only screen and (min-width: 480px) and (max-width: 500px) {
.timetext { margin: 0px 0px 5px 23px;}
.login {
    margin: auto;
    padding: 1% 0 !important;
    width: 85% !important;
}
.logo .timetext {
    float: none;
    padding: 0 0 0 4px;
    width: 64%;
    margin: auto;
}

.login-c2 {
    float: left;
    margin-right: 0;
    padding: 0 5px 5px 2px;
    text-align: center;
    width: 75%;
}
.logotest {
    float: left;
    padding: 0 0 5px;
    text-align: center;
    width: 100%;
}
}

@media only screen and (min-width:768px) and (max-width: 800px) {
	.midbg .logo {
    float: left;
    padding: 3% 2% 2% 3%;
    width: 34% !important;
}

.login {
    padding: 2% 1% 2% 0;
    width: 42% !important;
}

}
@media only screen and (min-width: 320px) and (max-width: 700px) {
	
	 .login-c2 input { text-align: center}
.blocksec .block{ width:100% !important; padding:0%}
.choose-gym-col{ width:100% !important; padding:0%}
.blockNback{ width:98% !important; background:none; padding:0%}

	
	}
 

@media only screen and (min-width: 600px) and (max-width: 766px) {
.midbg .logo {
    float: left;
    padding: 3% 2% 2% 3%;
    width: 44%;
}
.login {
    padding: 2% 1% 2% 0;
    width:47% !important;
}
.timetext {
    margin: 0 0 5px 23px;
    width: 320px;
    margin: auto;
    float: left;
}
}
@media only screen and (min-width: 320px) and (max-width: 480px) {
	img.aboutus{ width:100%}
	.maplistmain p{ margin:7px 6px 10px 0}
	.bg_btn_new_add{ margin-top:6px;}
	.opt_box{margin: 6px 0px 4px 0px;}
	.choose-gym {
    background: none repeat scroll 0 0 #343399;
    border-radius: 5px;
    height: auto;
    padding: 7% 6%;
    width: 88%;
}
.credit1{ text-align:center}
.credit1 {
    width: 100% !important;
}
.choose-col2 select {
    width: 66px;
}
.newchooose {
    width: 110px;
    margin: 2px 0 0 -1px !important;
}
.small {
    clear: both;
    color: #ffffff;
    font-size: 11px;
    margin: 5px 0 0;
}
.club_detailnew {
    float: left;
    width:96% !important;
}
.txt_decriptions_new_add{ width:295px !important;word-wrap: break-word; display:block}
}
@media only screen and (min-width: 480px) and (max-width: 640px) {
.txt_decriptions_new_add{ width:480px !important;word-wrap: break-word; display:block}
}

.club_detailnew{float:left; width:320px; margin:15px 5px; border:solid 1px #ccc; text-align:center}
.4box{width:80%; margin:auto; text-align:center}



@media only screen and (min-width: 320px) and (max-width: 768px) {
	.clubmain{ width:100%}
	.clubout{ width:100%}
	.4box{ width:100%}
	.clubaddout{ width:100%}
	.club_detailnew{ width:48%; float:left;}
	.club_detailnew img{ width:100%}
	
	.clubtopmain{ width:100% !important}
	#quick_guide_box{ display:none}
 .blockNback{ margin:9px 0 0 9px}
	.choose-col1{  margin: 0px 5px 4px 0;}
	.choose-col2{margin: 0px 0 9px;}
	#fancy_video{ width:100% !important; height:100% !important}
	.ui-widget-content {
	 right: 0;
    width: 88% !important;
	left: 0 !important;
    margin: auto;
	}
	
#calendar {
    font-size: 11px;
    margin: 0 !important;
    width: 100% !important;
}

	.reg_form span { width:100%}
	#tnc{ margin:0px 5px 0px 0px}
	.laptop-box-container{ width:100% !important;}
	.member_content .txt_type{ width:100%; padding:0;}
	.club1 .address_new{ height:auto; padding:0px;}
	.member_content2{ width:100%}
	.txt_price_new_add{ width:97%}
	.title-qty{   width: 96%;
    padding: 2%;}
	.txt_price_new_div{ width:100%;}
	.btnbxmain_new_add{ width:100%}
	.club1{ width:100%;}
	.listout{ width:100%}
	.spclbxorg_new_add1{ width:96%; padding:2%; height:auto}
	.laptop-box-container { width:100%}
.quest-list{ width:100%}
.blockfaq{ width:100%}
.questionfaq{ width:100%;}
.block-txt{ width:100%}
.backtotop{ width:100%;}
.picsec { height:auto; padding-bottom:0; margin:0;}

.logotest {
    float: left;
    padding: 5px 0 5px 0px;
    width: auto;
}
.login-c2 {
    float: left;
    margin-right: 0;
    padding: 0px 5px 5px 2px;
    text-align: left;
}
.midbg .logo {
    float: left;
    padding: 3% 2% 2% 3%;
   
}
	.logo .left {
    float: left;
    padding: 5px 10px 10px 0;
    text-align: center;
}
	body { background:none}
	#wrapper{ width:100%; padding:0%; margin:0%}
	#header{ width:100%; padding:0%; margin:0%}
	#content{ width:100%; padding:0%; border:none}
	#footer{ width:100%}
	.leftcorner{ display:none}
	.rightcorner{ display:none}
	.midbg{ width:100%; /*background: rgba(37,51,143,1);
background: -moz-linear-gradient(top, rgba(37,51,143,1) 0%, rgba(27,38,117,1) 47%, rgba(13,22,87,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(37,51,143,1)), color-stop(47%, rgba(27,38,117,1)), color-stop(100%, rgba(13,22,87,1)));
background: -webkit-linear-gradient(top, rgba(37,51,143,1) 0%, rgba(27,38,117,1) 47%, rgba(13,22,87,1) 100%);
background: -o-linear-gradient(top, rgba(37,51,143,1) 0%, rgba(27,38,117,1) 47%, rgba(13,22,87,1) 100%);
background: -ms-linear-gradient(top, rgba(37,51,143,1) 0%, rgba(27,38,117,1) 47%, rgba(13,22,87,1) 100%);
background: linear-gradient(to bottom, rgba(37,51,143,1) 0%, rgba(27,38,117,1) 47%, rgba(13,22,87,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#25338f', endColorstr='#0d1657', GradientType=0 );*/
 height:auto;
   background: url('../images/logo-bg.jpg');}
 .logo{ float: left;
    padding: 3% 2% 2% 3%;
    width: 45%;}
	
 .login{ padding: 2% 1% 2% 0;
    width: 64%;}
 .login-block{ float:right}
 .login-txt{ float:right}
 
.login-block {
    float: left;
    width: 60%;
}
.login-txt {
    float: left;
    width: 60%;
}
.picsec{ width:98%; padding:1%; padding-bottom:0;}
.pic{ width:100%}
.maincontent{ width:96%; padding:2%}
.mainrow{ width:100%; padding:0%;}
.welcome{ width:100%; border:none}
.testimonial{ width:100%; padding:0%;}

.test-sec{ width:98%}
.test-sec img{ width:100%}
.copy{ width:100%; padding:1% 0%; text-align:center}
.credit{ width:100%; padding:0% 0% 1% 0%; text-align:center;}
.credit1{ width:auto}

.overlap{ width:100%; background:#1f2c80; position:relative; top:0;}
#cssmenu > ul > li > a:hover,
#cssmenu > ul > li:hover > a,
#cssmenu > ul > li.active > a {
  color: #fff !important;
}
.test-img{ text-align:center; padding:8px 0px; float:none}
.pic img{ width:100%}
img.brands-enroll { width:100%}
.testimonial-block{ width:100%; padding:2% 0%;}
.paging{ width:96%; padding:2% 2%;}
.txtsec{ width:100%}
.blocksec{ width:100%}
.blocksec .block{ width:32%; padding:0% !important}

.blocksec .block img{ width:100%;}

.choose-gym-col{ width:33%; padding:0%}
.blockNback{ width:31%; background:none; padding:0%}
.choose-gym {-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px; background:#343399; width:94%; padding:3%; height:auto}
.dotline { background:none}

.mainrow{ width:100%;}
.maplistmain{ width:100%}
.bxmain{ width:48%;}
.laptop-box-container{ width:48%;}
.spclbxorg_new_add{ width:96%; padding:2%; background:#343399; height:auto}
.member_container{ width:100%;}

#search_frm_div { width:100%;}
.bxrow{ width:100%}
.bxlbltxtbx {
    width: 132px;
}

.hlthselct {
    width: 119px;
}
.btnmain_new_add{ width:100%}
.member_content{ width:100%}
.txt_decriptions_new_add{ word-wrap: break-word;    width:95%;
    padding: 2%;}
.new_txt_add{ width:97%}
.member_content2 .txt_type2{ width:100%; padding:0%}
.overlap{ height:30px;}
.google_map{ margin:0px !important; width:100%;}
#map { width:100% !important}
.reg_form label{ width:41%}

.select-now{ width:100% !important ;  text-align:center}
.emp-detail-l{ width:96%; padding:0%; margin:2%;}
.emp-d-row{ width:100%; padding:0%}

.emp-d-col1 { text-align: left;
    width: 100%;}
	
.emp-d-col2 {
    float: left;
    width: 100%;
}

.e-textbox { width:96%; height:30px;}
.emp-detail-r{ width:96%; padding:2%}

.m-textbox { width:96%; height:30px;}
.member-col1{ width:98%; text-align:left}
}


/*-----------------------------menubar-----------------------------*/
 #cssmenu,
#cssmenu ul,
#cssmenu ul li,
#cssmenu ul li a,
#cssmenu #menu-button {
  margin: 0;
  padding: 0;
  border: 0;
  list-style: none;
  line-height: 1;
  display: block;
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
#cssmenu:after,
#cssmenu > ul:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
#cssmenu #menu-button {
  display: none;
}
#cssmenu {
  width: auto;
 /* border: 3px solid #fd8a17;
  border-radius: 3px;
  font-family: 'Oswald', sans-serif;
  line-height: 1;
  background: #f7f7f7;
  box-shadow: 1px 1px 0 #df7002, 2px 2px 0 #df7002, 3px 3px 3px rgba(0, 0, 0, 0.35);*/
}
#cssmenu > ul {
/*  background: url('../images/bg.png');*/
 
}
#cssmenu > ul > li {
  float: left;
}
#cssmenu.align-center > ul {
  font-size: 0;
  text-align: center;
}
#cssmenu.align-center > ul > li {
  display: inline-block;
  float: none;
}
#cssmenu.align-right > ul > li {
  float: right;
}
#cssmenu > ul > li > a {
  padding: 17px 15px;
  font-size: 12px;
 
  text-decoration: none;
  color: #fd8a17;
/*  -webkit-transition: all .2s ease;
  -moz-transition: all .2s ease;
  -ms-transition: all .2s ease;
  -o-transition: all .2s ease;
  transition: all .2s ease;*/
 
}
#cssmenu > ul > li > a:hover,
#cssmenu > ul > li:hover > a,
#cssmenu > ul > li.active > a {
  color: #273591;
}
#cssmenu #menu-indicator {
  position: absolute;
  bottom: 0;
  display: block;
  height: 0;
  width: 0;
/*  border: 5px solid transparent;
  border-bottom-color: #fd8a17;
  -webkit-transition: all 0.25s ease-out;
  -moz-transition: all 0.25s ease-out;
  -ms-transition: all 0.25s ease-out;
  -o-transition: all 0.25s ease-out;
  transition: all 0.25s ease-out;*/
}
#cssmenu.small-screen {
  width: 100%;
}
#cssmenu.small-screen > ul,
#cssmenu.small-screen.align-center > ul {
  width: 100%;
  text-align: left;
  background:#1f2c80;
}
#cssmenu.small-screen > ul > li,
#cssmenu.small-screen.align-center > ul > li {
  float: none;
  display: block;
  border-top: 1px solid rgba(100, 100, 100, 0.1);
}
#cssmenu.small-screen > ul > li > a {
  padding: 18px 25px;
  text-align:center;
}
#cssmenu.small-screen > ul > li:after,
#cssmenu.small-screen > ul > li:before {
  display: none;
}
#cssmenu.small-screen #menu-button {
  display: block;
  padding: 9px 9px;
  cursor: pointer;
  font-size: 12px;
  text-transform: uppercase;
  text-decoration: none;
  color: #fd8a17;
  background: url('../images/bg.png');
}

#cssmenu.small-screen #menu-button.menu-opened {
  color: #fff;
}
#cssmenu.small-screen #menu-button:after {
  content: "";
  position: absolute;
  right: 12px;
  top: 15.5px;
  display: block;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  border-top: 2px solid #51c1f1;
  border-bottom: 2px solid #fd8a17;
  width: 18px;
  height: 3px;
}
#cssmenu.small-screen #menu-button.menu-opened:after {
  border-top: 2px solid #fff;
  border-bottom: 2px solid #fff;
}
#cssmenu.small-screen #menu-button:before {
  content: "";
  position: absolute;
  right: 12px;
  top: 9.5px;
  display: block;
  width: 18px;
  height: 2px;
  background: #fd8a17;
}
#cssmenu.small-screen #menu-button.menu-opened:before {
  background: #fff;
}
#cssmenu.small-screen #menu-indicator {
  display: none;
}

.blue-button{-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
background: rgba(37,51,143,1);
background: -moz-linear-gradient(top, rgba(37,51,143,1) 0%, rgba(27,38,117,1) 47%, rgba(13,22,87,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(37,51,143,1)), color-stop(47%, rgba(27,38,117,1)), color-stop(100%, rgba(13,22,87,1)));
background: -webkit-linear-gradient(top, rgba(37,51,143,1) 0%, rgba(27,38,117,1) 47%, rgba(13,22,87,1) 100%);
background: -o-linear-gradient(top, rgba(37,51,143,1) 0%, rgba(27,38,117,1) 47%, rgba(13,22,87,1) 100%);
background: -ms-linear-gradient(top, rgba(37,51,143,1) 0%, rgba(27,38,117,1) 47%, rgba(13,22,87,1) 100%);
background: linear-gradient(to bottom, rgba(37,51,143,1) 0%, rgba(27,38,117,1) 47%, rgba(13,22,87,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#25338f', endColorstr='#0d1657', GradientType=0 );
font-size:12px; padding:5px; color:#fff; font-weight:bold;
}

.button_yellow{-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px; font-size:12px; padding:5px; background:#fc9b3c;color:#fff; }

.Globe{background: url('../images/map.png'); background-repeat:no-repeat; width:20px; height:20px;}
.select-now{ width:63%; text-align:right}

 input[type="button"] { cursor:pointer}
  input[type="submit"] { cursor:pointer}
  
 .submut_apply{}
 
 /*--------------------------------------------------------------------------------*/
 
/*--------------------------------
 Functional Styles (Required)
---------------------------------*/
/* Tim Pietrusky advanced checkbox hack (Android <= 4.1.2) */
body{ -webkit-animation: bugfix infinite 1s; }

@-webkit-keyframes bugfix { from {padding : 0; } to { padding: 0 ;}  }


.header { position: relative; }
#toggle, .toggle { display: none; }
.menu > li { list-style: none; float:left;	}

/* Nicolas Gallagher micro clearfix */
.clearfix:before, .clearfix:after { display: table; content: ""; }
.clearfix:after { clear: both; }

@media only screen and (min-width: 320px) and (max-width: 768px) {
	#cssmenu > ul {
/*  background: url('../images/bg.png');*/
display:none;
}
	.menu { display: none; opacity: 0; width: 100%; position: absolute; right: 0; }
	.menu > li { display: block; width: 100%; margin: 0; }
	.menu > li > a { display: block; width: 100%; padding:0px; text-decoration: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-size:12px }
	.toggle { display: block; position: relative; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; user-select: none; }
	#toggle:checked ~ .menu { display: block; opacity: 1;}
	#cssmenu > ul > li > a {
 
  background:#223088;
  padding:10px 15px;
  text-align:center;
  border-bottom: solid 1px #fff;
}

#cssmenu > ul > li { text-align:center}}

/*--------------------------------
 Presentation Styles (Editable)
---------------------------------*/

.nav{ 
	display: block; 
	float: left; 
}

.nav, .menu, .menu > li, .menu > li > a{ 
	height: 100%; 
}

.menu > li > a{
	display: block;
/*	padding: 42px 20px;*/
	text-decoration: none;
	font-weight: normal;
/*	font-size: 16px;*/
	line-height: 1;
/*	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box; 
	box-sizing: border-box;*/
/*	-webkit-transition: all 0.25s linear;
	-moz-transition: all 0.25s linear;
	-o-transition: all 0.25s linear;
	transition: all 0.25s linear;*/
}

.menu > li > a:hover, .menu > li > a:focus{
	background: #F2F2F2;
/*	box-shadow: inset 0px 5px #223088;
	color: #51C1F1;
	padding: 50px 20px 0px;*/
}

.toggle{ 
	z-index: 2; 
}

@media only screen and (max-width: 768px){
#cssmenu label { width:100%; padding:0px;}
	.nav{ 
	display: block; 
	float: none; 
}
	.menu{
		background: #FFFFFF;
		border-top: 1px solid #51C1F1;
	}
	
	.menu, .menu > li, .menu > li > a{
		height: auto;
	}
	
	.menu > li > a{
		padding: 15px 15px;
		font-size:12px;
	}
	
	.menu > li > a:hover, .menu > li > a:focus{
/*		background: #000;
		box-shadow: inset 5px 0px #000;
		padding: 15px 15px 15px 25px;*/
	}
	
	.toggle:after {
		content: 'Main Menu';
		display: block;
		width: 100%;
/*		margin: 33px 0;*/
		padding: 10px 50px;
		background: #223088;
/*		-webkit-border-radius: 2px;
		border-radius: 2px;*/
		text-align: center;
		font-size: 12px;
		color: #FFFFFF;
		-webkit-transition: all 0.5s linear;
		-moz-transition: all 0.5s linear;
		-o-transition: all 0.5s linear;
		transition: all 0.5s linear;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box; 
	}
	
	.toggle:hover:after{
		background: #0b1455;
	}
	
	#toggle:checked + .toggle:after{
		content: 'Close Menu';
	}
}

@media only screen and (max-width: 479px){

	.header > h1, .nav, .toggle:after{ 
		float: none; 
	}
	.toggle:after { 
		text-align: center; width: 100%; 
	}}