#sb-site {
	width: 100%;
	position: relative;
	z-index: 1;
	min-height: 785px !important;
}
.sb-slidebar {
	height: 100%;
	position: fixed;
	top: 0;
	z-index: 999;
	visibility: hidden;
	background-color: #010101;
}
.sb-left {
	left: 0;
}
.sb-right {
	right: -1%;
}
html.sb-static .sb-slidebar, .sb-slidebar.sb-static {
	position: absolute
}
.sb-slidebar.sb-active {
	visibility: visible
}
.sb-slidebar.sb-style-overlay {
	z-index: 9999
}
.sb-slidebar {
	width: 30%
}
.sb-width-thin {
	width: 15%
}
.sb-width-wide {
	width: 45%
}

.navicon-line {
	background-color: #ffffff;
	border-radius: 1px;
	height: 4px;
	margin-bottom: 3px;
	width: 24px;
}
.sb-slidebar {
	width: 30%
}
.sb-width-thin {
	width: 15%
}
.sb-width-wide {
	width: 45%
}

@media(max-width:480px) {
.sb-slidebar {
	width: 76%
}
.sb-width-thin {
	width: 55%
}
.sb-width-wide {
	width: 85%
}
}

@media(min-width:481px) {
.sb-slidebar {
	width: 55%
}
.sb-width-thin {
	width: 40%
}
.sb-width-wide {
	width: 70%
}
}

@media(min-width:768px) {
.sb-slidebar {
	width: 40%
}
.sb-width-thin {
	width: 25%
}
.sb-width-wide {
	width: 55%
}
}

@media(min-width:992px) {
.sb-slidebar {
	width: 30%
}
.sb-width-thin {
	width: 15%
}
.sb-width-wide {
	width: 45%
}
}

@media(min-width:1200px) {
.sb-slidebar {
	width: 20%
}
.sb-width-thin {
	width: 5%
}
.sb-width-wide {
	width: 35%
}
}
.sb-slide, #sb-site, .sb-slidebar {
	-webkit-transition: -webkit-transform 400ms ease;
	-moz-transition: -moz-transform 400ms ease;
	-o-transition: -o-transform 400ms ease;
	transition: transform 400ms ease;
	-webkit-transition-property: -webkit-transform, left, right;
	-webkit-backface-visibility: hidden
}
.sb-hide {
	display: none
}
#contentsection {
	width: 100%;
}
ul.side-menu li.metro.blue {
	background-color: #5c84db;
}
ul.side-menu li.metro.light-blue {
	background-color: #2FC2EF;
}
ul.side-menu li.metro.purple {
	background-color: #a24fea;
}
ul.side-menu li.metro.red {
	background-color: #e54747;
}
ul.side-menu li.metro.pink {
	background-color: #ea4c89;
}
ul.side-menu li.metro.green {
	background-color: #85e500;
}
ul.side-menu li.metro.orange {
	background-color: #e28f00;
}
ul.side-menu li.metro.teal {
	background-color: #00e2e2;
}
body {
	position: relative;
	-webkit-transition: right .3s;
	transition: right .3s;
}

#fpage {
    text-align: justify !important;
}














































@media only screen and (min-width: 980px) and (max-width: 3500px) {


}

@media only screen and (min-width: 768px) and (max-width: 979px) {

body {
 background: url("../images/body-bg.jpg") no-repeat scroll 50% 0 / contain  #000   !important;
	}
#main-wrapper {
	width:100% !important;
	}

header {
    background: url("../images/header-bg.png") no-repeat scroll 50% 0  / contain ;
}

.m-menu {
	display:none;
	}	
.about-g {
	padding:1% !important;
	text-align:center;
	}
.book_l {
	margin-left:17%;
	}

.book_call {
    line-height: 30px;

}

.book_l-head {
	font-size:15px !important;
	}


.club {
    margin: 0 auto 0 1%;
    text-align: center;
    width: 90% !important;
}	

.sign input[type="text"] {
	width:62% !important;
	}

.sign {
    margin: 0 auto;
    width: 100% !important;
}


.all-ang {
    padding: 0 8px !important;
}

.adount-dub {
    margin: 0 14px 15px !important;

}

.all-ang li {
    margin-bottom: 2% !important;
    margin-left: 1% !important;
    width: 23% !important;
}
.all-ang li.vip {
	height:204px !important;
	}
.sb-toggle-left, .sb-toggle-right, .sb-open-left, .sb-open-right, .sb-close {
	display: block !important;
	margin-top:-20px;
}
.head {
	margin-bottom:0 !important;
	}
	
	
	
	
	
	
	
	
	
	
	
	
	
	

.regi .l1 {
    float: left;
    width: 45%;
	margin: 0 16px 20px;
}

.regi {
	width:98% !important;
	}	

.regi .l1 input[type="text"], .regi .l1 input[type="password"] {
    width: 182px !important;
}
.regi .l1 select {
    width: 198px !important;
}

.regi .l1 textarea {
    height: 100px;
    width: 78.3% !important;
}


.l1-right {
    float: right;
    width: 199px;
}

.l1-right .warning {
	margin-left:0;
	}
	

.contact-form {
    float: left;
    width: 53% !important;
}

.tom input, .tom select, .tom textarea {
	width:94% !important;
	}
.t1 {
	float:none !important;
	}	
	

.detail-left {
    width: 50% !important;
}

.detail-right {
    width: 50% !important;
}


.module1 {
    width: 49% !important;
}

.detail-right .c1 {
	width:93% !important;
	}
.profiletime {
    width: 34% !important;
}

.statsq99 {
    font-size: 12px !important;
}












.prfile-right {
    width: 68% !important;
}

.prfile-right .l1 {
    float: left ;
    width: 41% ;
}	

.prfile-right .l1 textarea, .prfile-right .l1 input[type="password"] {
    width: 94% !important;
}

.res-date select {
	width:31% !important;
	}
.prfile-right .l1 label {
	float:none !important;
	 display:block;
	  width: 100%;
	  font-size:12px;
	}		
}




@media only screen and (min-width: 480px) and (max-width: 767px) {
	
body {
 background: url("../images/body-bg.jpg") no-repeat scroll 50% 0 / contain  #000   !important;
	}
#main-wrapper {
	width:100% !important;
	}

header {
/*    background: url("../images/header-bg.png") no-repeat scroll 50% 0  / contain !important;*/
}

.m-menu {
	display:none;
	}	
.about-g {
	padding:1% !important;
	text-align:center;
	}
.book_l {
	margin-left:17%;
	}

.book_call {
    line-height: 30px;

}

.book_l-head {
	font-size:15px !important;
	}


.club {
    margin: 0 auto 0 1%;
    text-align: center;
    width: 90% !important;
}	

.sign input[type="text"] {
	width:62% !important;
	}

.sign {
    margin: 0 auto;
    width: 100% !important;
}


.all-ang {
    padding: 0 8px !important;
}

.adount-dub {
    margin: 0 14px 15px !important;

}


.all-ang li {
	    margin-left: 7%  !important;
		margin-bottom:2% !important;
}
.sb-toggle-left, .sb-toggle-right, .sb-open-left, .sb-open-right, .sb-close {
	display: block !important;
	margin-top:-20px;
}

.head {
	margin-bottom:0 !important;
	}
	
.sear-result ul li {
    width: 43% !important;
}
















.regi {
    width: 93% !important;
}


.regi .l1 {
    width: 100% !important;
	margin-left:0 !important;
	text-align:center;
}



.regi .l1 input[type="text"], .regi .l1 input[type="password"] {
    width: 66% !important;
}
.regi .l1 select {
    width:70% !important;
}

.regi .l1 textarea {
    height: 50px;
    width: 66% !important;
}

.warning {
    float: none !important;
    margin-left: 0% !important;
	display:block !important;
}	

.login {
    width: 93% !important;
}


.l1 {
    margin: 0 5px 20px !important;
	text-align:center;
}


.l1 input[type="text"], .l1 input[type="password"], .l1 select, .l1 textarea {
width:89% !important;	
}



.contact-form {
    float: none;
    width: 100% !important;
}


.t1 {
    float: none !important;
}

.tom input, .tom select, .tom textarea {
	width:92% !important;
	}

.contact-info {
    width: 98% !important;
}	


.contact-info .c1 span {
    width: 70% !important;
}



.detail-left {
    float: right;
    text-align: center;
    width: 100% !important;
}

.detail-right {
    float: left;
    width: 100% !important;
}

.detail-right .c1 {
	width:93% !important;
	}
.profiletime {
    width: 34% !important;
}

.statsq99 {
    font-size: 12px !important;
}

.gallery2 ul li {
    width: 29% !important;
}






.prfile-right {
     margin-top: 5%!important;
    width: 100% !important;
}

.prfile-right .l1 {
    width: 47% !important;
	float:left !important;
}

/*.prfile-right .l1 input[type="text"], .prfile-right .l1 input[type="password"], .prfile-right .l1 select, .prfile-right .l1 textarea {
    width: 85% !important;
}*/


.prfile-left {
    margin-left: 20% !important;
}



.pts {
	width:31% !important;
	}	
	.prfile-right .l1 label {
	float:none !important;
	 display:block;text-align: left;
	 font-size:12px;
	 width:100%;
	}
.res-date select {
    width: 31% !important;
}	
}


@media only screen and (max-width: 479px) {
.sb-toggle-left, .sb-toggle-right, .sb-open-left, .sb-open-right, .sb-close {
	display: block !important;
margin-top:-20px;
}
body {
 background: url("../images/body-bg.jpg") no-repeat scroll 50% 0 / contain  #000   !important;
	}
#main-wrapper {
	width:100% !important;
	}

.logo {
	font-size:38px !important;
	}
.m-menu {
	display:none;
	}	
.about-g {
	padding:1% !important;
	text-align:center;
	}
.book_l {
	margin-left:17%;
	}

.book_call {
    line-height: 30px;

}

.book_l-head {
	margin-top:0 !important;
	font-size:17px !important;
	}


.adount-dub h3 {
   font-size: 21px !important;

}	


.club {
    margin: 0 auto 0 1%;
    text-align: center;
    width: 90% !important;
}	

.sign input[type="text"] {
	width:61% !important;
	}

.sign {
    margin: 0 auto;
    width: 100% !important;
}

.adount-dub {
    margin: 0 9px 15px !important;

}


.all-ang {
    margin-left:0 !important;		
}


.head {
	margin-bottom:0 !important;
	}

#dark-pagination {
    margin: 0 auto;
    text-align: center;
    width: 100% !important;
}

.sear-result, .sear-result ul li {
    margin-left: 5%  !important;
}













.regi {
    width: 93% !important;
}


.regi .l1 {
    width: 100% !important;
	margin-left:0 !important;
	text-align:center;
}

.l1 label {
    text-align: left !important;
    width: 100% !important;
}


.regi .l1 input[type="text"], .regi .l1 input[type="password"] {
    width: 92% !important;
}
.regi .l1 select {
    width: 98% !important;
}

.regi .l1 textarea {
    height: 100px;
    width: 91% !important;
}

.warning {
    float: none !important;
    margin-left:0 !important;
}



.login {
    width: 93% !important;
}


.l1 {
    margin: 0 5px 20px !important;
	text-align:center;
}


.l1 input[type="text"], .l1 input[type="password"],  .l1 textarea {
width:94% !important;	
}

.l1 select {
width:98% !important;	
	}

.static {
	padding:7px;
	}
	
	
	
	

.contact-form {
    float: none;
    width: 100% !important;
}


.t1 {
    float: none !important;
}

.tom input, .tom select, .tom textarea {
	width:92% !important;
	}

.contact-info {
    width: 98% !important;
}	


.contact-info .c1 span {
    width: 70% !important;
}














.detail-left {
    float: right;
    text-align: center;
    width: 100% !important;
}

.detail-right {
    float: left;
    width: 100% !important;
}

.detail-right .c1 {
	width:93% !important;
	}
.profiletime {
    width: 34% !important;
}

.statsq99 {
    font-size: 11px !important;
}
	







.prfile-left {
    margin-left: 8% !important;
}

.prfile-right {
    float: right;
    margin-top: 5% !important;
    width: 97% !important;
}

.responsive-butt {
float:none !important;
margin-left:35 !important;	
	}
	
.res-date select {
	width:31% !important;
	}	
	.prfile-right .l1 label {
	float:none !important;
	 display:block;
	}	
	
.prfile-right .l1 {
    width: 94% !important;
}
.responsive-butt {
	margin-left:53px !important;
	}
	
.vipimage {
	float:none !important;
	}
	
.prfile-right h2 {
    font-size: 21px !important;
}			
}