@media screen and (min-width : 1030px) and (max-width : 1150px){
	#menu ul{
		padding-right: 1%;
	}
	#menu ul li {
		float: right;
	}
	#menu ul li a {
		padding: 0px 15px 0px 15px;
	}
}
/*----- end of 781 - 1150px -----*/




@media screen and (min-width : 781px) and (max-width : 1030px){
	#menu ul{
		padding-right: 1%;
	}
	#menu ul li {
		font-size: 14px;
		float: right;
		
	}
	#menu ul li a {
		padding: 0px 8px 0px 8px;
	}
}
/*----- end of 781 - 1150px -----*/

























@media screen and (max-width : 780px) {
	/*arrow scroll to top*/
	#hide-top{
		display: none;
	}

	#header-fw{
		width: 100%;
		position: fixed;
		height: auto;
	}

	.header-grid{
		max-width: 100%;
		min-width: 100%;
		height: auto;
	}

	#menu{
		width: 100%;
		height: auto;
		text-align: center;
	}

	#menu ul{
		display: none;
	}

	#menu ul li:nth-child(8){
		display: none;
	}

	#cp-btn {
		display: inline-block;
		padding:8px;
		background: #ccc;
		position: fixed;
		left:6px;
		top: 6px;

	}
	#cp-btn > div{
		width: 21px;
		height: 5px;
		background: #333;
		margin: 3px 2px;
		border-radius: 2px;
	}

	#menu ul li{
		margin: 0 auto;
		text-align: center;
		padding: 0.1%;
		/*margin-bottom: 1%;*/
		background: #ddd;
		width: 100%;

	}

	#menu ul li:hover{
		background-color: #888;
		border-radius: 4px;
	}

	#menu ul li:hover a{
		color: #fff;
	}

	#logo{
		display: block;
		float: none;
	}

	#menu ul {
		/*display: none;*/
		width: 100%;
		padding:0px;
	}

	#menu ul:active {
		height:auto;
	}

	#menu ul li {
		display: block;
		float: none;
		width: 100%;
		/*background-color: #000;*/
	}

	#menu ul li a {
		width: 100%;
		display: block;
		line-height: 45px;
	}


	.grid{
		min-height: 100% !important;
		max-width: 100%;
		min-width: 100%;
		padding-top: 1px !important;
		border: 1px solid #000;
	}

	/*jquery targeting when res is lower than 780px*/
	/*made this to bypass the fucking height issue*/
	.grid-responsive{
		width: 90%;
		padding-top: 1px !important;
		margin: 0 auto;
		color:#fff;
		box-sizing:border-box;
		-moz-box-sizing:border-box;
	}

	.flex-wrap{
		width:100%;
		position: relative;
		z-index: 13;
		/*border: 1px solid #fff;*/
	}


	/* home slide*/
	#home-fs{
		width: 100%;
		height: 100%;
	}

	.demo-1 .sl-slider-wrapper{
		position: relative;
	}

	/*.carousel-outer{
		position: static;
	    width: 100%;
	    height: 100%;
	}
	*/

	#about-fs{
		position:relative;
	}

	#gibush-fs{
		position:relative;
		height:auto;

	}

	#ravakot-fs{
		position:relative;
		height:auto;
	}

	#hugim-fs{
		position:relative;
		height:auto;
	}


	#birthday-fs{
		position:relative;
		height:auto;
	}


	#private-fs{
		position:relative;
		height:auto;
	}

	#game-fs{
		position:relative;
		height:auto;
	}

	#contact-fs{
		position:relative;
		height:auto;
	}



	/*about page*/
	#about-wrapper{
		width: 90%;
		text-align: center;
		padding-bottom: 8%;
		padding-top: 0%;
		border-top: none;
		border-bottom: none;
	}

	#about-fs h1{
		width: 90%;
		text-align: center;
		margin: 0 auto;
		padding-top: 12%;
	}

	#about-right{
		width: 100%;
		float: none;
		display: block;
	}

	#about-right h3{ 
		padding-top: 10%;
		text-align: center;
	}



	#about-left{
		width: 100%;
		float: none;
		display: block;
	}

	#about-left h3{ 
		text-align: center;
	}

	#profile{
		position: static;
	}


	/*gibush page*/
	#gibush-text{
		width: 90%;
		margin: 0 auto;
		float: none;
		display: block;
		top:8%;
		padding-bottom: 15%;
	}

	#gibush-text h1{
		padding-top: 10%;
		text-align: center;
		padding-bottom: 10%;
	}

	#gibush-text h4{
		text-align: center;
		padding-bottom: 13%;
	}

	#gibush-text p{
		text-align: justify;
	}

	#gibush-left{
		position: relative;
		float: none;
		width: 90%;
		margin: 0 auto;
		background-image: none;
		background-position: 0px 0px;
		padding-bottom:0px;
		top:5% !important;
		overflow: hidden;
		padding-bottom: 10%;
	}

	#gibush-left object{
		width: 100%;
		margin: 0 auto;
		margin-bottom: 10%;
		height: auto;
	}

	#smoke-wrapper{
		display: none;
	}



	/*ravakot page*/
	#ravakot-text{
		width: 90%;
		margin: 0 auto;
		float: none;
		top:8%;
	}

	#ravakot-text h1{
		padding-top: 25%;
		text-align: center;
		padding-bottom: 10%;
		margin: 0px;
	}

	#ravakot-text h4{
		text-align: center;
		padding-bottom: 13%;
	}

	#ravakot-text p{
		text-align: justify;
	}

	#ravakot-text p:last-child{
		padding-bottom: 0px;
	}

	#ravakot-right{
		float: none;
		width: 100%;
		/*border: 1px solid #000;*/
		margin: 0 auto;
		position: static;
		background: none;
		margin-top: 5%;
		top:2%;
		left:40%;
	}

	#ravakot-right object{
		width: 100%;
		margin: 0 auto;

	}

	#ravakot-right #cocktail{
		float: none;
		width: 100%;
		margin: 0 auto;
		margin-bottom: 2%;
		position: relative;
		left:6%;
	}




	/*hugim page*/

	#hugim-text{
		width: 90%;
		margin: 0 auto;
		margin-top: 0%;
		float: none;
		top:8%;
	}

	#hugim-text h1{
		text-align: center;
		padding-top: 25%;
		padding-bottom: 6%;
	}

	#hugim-text h4{
		padding-top: 6%;
		text-align: center;
		padding-bottom: 14%;
	}


	#hugim-text p{
		text-align: justify;
	}

	#hugim-text p:last-child{
		padding-bottom: 0px;
	}

	#hugim-left{
		padding-bottom:7%;
		background-image:none;
		background-position: 0px 0px;
		float: none;
		overflow: hidden;
		position: static;
		margin-top: 11%;
		width: 100%;
		z-index: 42;
	}

	#hugim-left object{
		float: none;
		width: 100%;
		margin: 0 auto;
	}



	/*birthday page*/
	#birthday-text{
		width: 90%;
		margin: 0 auto;
		margin-top: 0%;
		float: none;
		top:8%;
	}

	#birthday-text h1{
		text-align: center;
		padding-top: 25%;
		padding-bottom: 8%;
	}

	#birthday-text h4{
		text-align: center;
		padding-bottom: 13%;
	}

	#birthday-text p{
		text-align: justify;
	}

	#birthday-text p:last-child{
		padding-bottom: 0px;
	}

	#birthday-left{
		width:90%;
		margin: 0 auto;
		float: none;
		position: static;
		left:0px;
		z-index: 52;
		padding-top:12%;
		padding-bottom:8%;
		overflow: hidden;
		background:none;
	}

	#birthday-left object{
		float: none;
		width: 100%;
		margin: 0 auto;
		/*height: 367px;*/
	}



	/*private page*/
	#private-text{
		width: 90%;
		margin: 0 auto;
		margin-top: 0%;
		float: none;
		top:10%;
	}

	#private-text h1{
		padding-top: 25%;
		text-align: center;
		padding-bottom: 12%;
	}

	#private-text h4{
		text-align: center;
		padding-bottom: 15%;
	}

	#private-text p{
		text-align: justify;
		padding-bottom: 6%;
	}


	#private-left{
		width: 90%;
		margin: 0 auto;
		position: static;
		z-index: 62;
		top:0%;
		float: none;
		padding-bottom:0px;
		overflow: hidden;
		background:none;
		text-align: center;
	}

	#private-left object{
		left:0%;
		float: none;
		margin: 0 auto;
		padding-bottom: 6%;
		padding-top: 10%;
		width: 100%;
	}

	#welcome,#vip{display: none;}



	/*contact page*/

	#contact-fs h1{
		padding-top: 25%;
		width: 90%;
		text-align: center;
		margin: 0 auto;
	}

	#form-detail{
		float: none;
		width: 90%;
		margin: 0 auto;
	}


	input[type=text]{
		width: 100%;
		margin-left: 0px;
		margin-bottom: 3%;
	}

	input[type=email]{
		width: 100%;
		margin-left: 0px;
		margin-bottom: 3%;
	}

	input[type=tel]{
		width: 100%;
		margin-left: 0px;
		margin-bottom: 3%;
	}

	select{
		width: 100%;
		margin-left: 0px;
		margin-bottom: 3%;

	}

	#write-box-wrap{
		overflow: hidden;
		width: 90%;
		margin: 0 auto;
		margin-top: 3%;
	}

	#textarea-wrap{
		width: 100%;
		float: none;
		height: 26%;

	}

	#social-wrapper{
		float: right;
		padding-right: 0%;
		height: auto;
	}

	#btn-err-wrapper{
	    width: 90%;
	    margin: 0 auto;
	}

	#btn-err-wrapper button{
	    width: 100%;
	    margin: 0 auto;
	}


	#contact-responsive{
	    width: 90%;
	    margin: 0 auto;
	    overflow: hidden;
	    margin-bottom: 1.7%;

	}

	#responsive-info-right{
	    float: right;
	}

	#responsive-info-left{
	    float: left;
	}

	#responsive-info-left span{
	    color:#fff;
	    padding-left: 20%;
	}

	#responsive-info-left a{
	    float: left;
	}

	#responsive-info-left #search-me {
		/*padding-top: 0%;*/
		/*padding-bottom: 0.9%;*/
		display: none;
	}

	#responsive-info-right #phone-wrap {
	    padding-right: 0%;
	}

	#textarea-wrap {
		margin-bottom: 3%;
	}

	#form-detail select {
		margin-bottom: 0%;
	}

	/*hiding the bottom section from responsive*/
	#form-detail-wrap #phone-wrap{
		display: none;
	}

	#write-box-wrap #social-wrapper{
		display: none;
	}





	#game-fs{display: none;}
	#card-wrapper{display: none;}



}
/*end of max-width 780px*/





























@media screen and (max-width : 390px) {
	#responsive-info-right{
		text-align: center;
	    float: none;
	    margin-bottom: 2%;
	}

	#responsive-info-left{
	    text-align: center !important;
	    float: none;
	    margin-bottom: 8%;
	}

	#responsive-info-left a{
   		float: none;
	}

	#responsive-info-left span {
	 padding-left: 0%; 
	 padding:1%;
	}
} /* end of max-width: 390px*/