@media(max-width:1760px)
{
		
	.reser			{ margin:0;} 
	
	
} 

@media(max-width:1500px)
{
	.container		{ width:97%; margin:0 auto;}	
	
	
	.net			{margin: 0 2% 0 0;width: 25%;}
	.net1			{width: 35%;}
	.net2			{width: 36%;}
	
	.elagance_lft	{ width:70%; padding:0 22px 0 8px;}
	.elagance_rgt	{ width:30%;}
	

	
	.connect		{width: 27%;}
	.avenue			{width: 43%;}
	.tele			{width:30%; padding: 15px 0 0 20px;}
	
	.connect ul li	{ margin: 0 5px 0 0;}
	.connect ul li p	{ padding: 10px 0 0 0; font-size: 18px;}
	 .avenue a		{ font-size: 17px;}
	 .tele ul li	{ padding:0 6px;}
 	 .tele ul li a  { font-size: 17px;}
	 
	 
	 .connect ul li.crock	{ display:block; float:none;}
	 
	 /* inner1 content starts here */
	 .guest_lft		{ padding:0 5% 0 0; width:50%;}
	 .guest_rgt		{ width:50%;}
	
	 /* inner1 content end here */
	 /* inner2 content starts here */
	  .casual_main	{ padding: 106px 0 90px 0;}
	  .guest_gall	{ padding: 0 0 0 15px;}  
	  .guest_gall ul li	{ margin: 0 1% 68px 2%; width:22%;} 
	  .guest_gall ul li figure img { width:100%;}	
	  .guest_gall ul li a	{ width:98%;} 
	  
	   	nav > ul > li		{ margin: 0 0 0 32px;}
		 .bed1				{ width: 23%;}
	 /* inner2 content end here */
}
@media(max-width:991px){
	
 
 .elagance_lft	 { width: 65%; padding:0 1% 0 0;}
 .elagance_rgt	 { width:35%;}
 .elagance_rgt p { font-size: 18px;}
 
 	.connect		{ width:100%; display:block; float:none;}
	.avenue			{ width:100%; display:block; float:none;}
	.tele			{ width:100%;  display:block; float:none;}
	.connect_main	{ text-align:center; padding:0 0 30px 0;}
	.tele			{ width:auto; display:inline-block;} 
	
	.guest_rm ul	{ padding: 0 0 0 44px;}
 
	.connect ul li	{ float:none;}
	.ft_logo		{ padding:0 0 10px 0;}
 
 
 	nav > ul > li		{ margin: 0 0 0 19px;}
	nav > ul > li > a	{font-size: 16px;}
	
	
	
	
	
	
	
	
	 /* inner2 content starts here */
	 .casual_main		{ padding:70px 0 70px 0;}
	 .guest_gall ul li	{ margin: 0 1% 68px 1%; width:31%;}
	 
	 /* inner2 content end here */
	 
		 .bed1				{ width:22.2%;}
 
}

@media(max-width:767px)

   {
	
	.logo a img		{ width:250px;}
	.net			{margin:0 0 10px 0; width:100%;}
	.net1			{width:100%;}
	.net2			{width:100%;}
	.net a img		{ width:100%;}
	
	
	.banner figure img { height:220px;} 
	
	.booking_main	{ padding:20px 0 20px 0;}
	
	.elagance_lft	{ width:100%;  display:block; float:none; padding:0 22px 0 0;}
	.elagance_rgt	{ width:100%;  display:block; float:none; padding:20px 0 0 0;}
	.elagance		{ padding:0 0 20px 0;}
	
	.guest_main		{ padding: 30px 0 60px 0;}
	.guest_lft		{ width:100%;  display:block; float:none; padding:0;}
	.guest_rgt		{ width:100%;  display:block; float:none; padding:0;}
	.guest_rm p		{ padding: 0 0 30px 0;}
	
	
	.guest_rm ul	{ padding: 0 0 0 50px;}
	.guest .view_room	{ margin: 0 0 20px 0;}
	
	.guest_gall		{ padding:0;}
	.guest_gall ul li	{ margin: 0 1% 68px 1%; width:31%;}
	.guest_gall ul li a	{ font-size: 14px;}
	
	.casual_main	{ padding: 60px 0 60px 0;}
	
	.ft_logo a img	{ width:200px;}
	
	
	
	
.btn_toggle			{width:30px;height:30px;background:none;border:none;box-shadow:none;cursor:pointer;display:block;float:right;margin: 5px 2px 5px 0;outline:none;}
.btn_toggle span	{width:100%;height:4px;background: #9eadc3;position:relative;display:block;transition:all ease-in-out 0.5s;}
.btn_toggle span:before	{content:'';position:absolute;top:-10px;left:0;width:100%;height:4px;background: #9eadc3;display:block;
transition:all ease-in-out 0.5s;
-moz-transition:all ease-in-out 0.5s;
-ms-transition:all ease-in-out 0.5s;
-o-transition:all ease-in-out 0.5s;
-webkit-transition:all ease-in-out 0.5s;
}
.btn_toggle span:after	{content:'';position:absolute;bottom:-10px;left:0;width:100%;height:4px;background: #9eadc3;display:block;transition:all ease-in-out 0.5s;
-moz-transition:all ease-in-out 0.5s;
-ms-transition:all ease-in-out 0.5s;
-o-transition:all ease-in-out 0.5s;
-webkit-transition:all ease-in-out 0.5s;
}

nav					{display:none;float: none;text-align: center; padding:50px 0 0 0;}
nav ul li			{display:block;float: none;margin: 0;padding: 0;}
nav ul				{display:block;}
nav > ul > li > a  {padding:6px 0;margin:0;font-size: 18px;}
nav ul li a span:after{content:'+';position:absolute;top: 8px;right:12px;font-size:20px;color: #517dc0;font-weight: bold;}
nav ul li a.active span:after{content:'-';position:absolute;top: 8px;right:12px;font-size:20px;color: #517dc0;font-weight: bold;}
nav > ul > li > ul		{position: static;transition:none;padding: 0;margin: 0; width:100%; text-align:center;}

nav > ul > li > ul > li > ul	{position:static;transition:none;width:100%;}
nav > ul > li > ul > li > a		{ text-align:center; padding:10px 0;}
 

nav > ul > li > a:hover			{ background:#a0afc5 !important; color:#517dc0 !important;}

.side_bar nav		{display:block;}
.side_bar			{display:block;background: #fff;position:fixed;right:-270px; top:0;width:270px;height:100%; overflow:auto; 
transition:all ease-in-out 0.5s;
-moz-transition:all ease-in-out 0.5s;
-ms-transition:all ease-in-out 0.5s;
-o-transition:all ease-in-out 0.5s;
-webkit-transition:all ease-in-out 0.5s;

}
.wrapper			{position:relative;right:0;transition:all ease-in-out 0.5s;
-moz-transition:all ease-in-out 0.5s;
-ms-transition:all ease-in-out 0.5s;
-o-transition:all ease-in-out 0.5s;
-webkit-transition:all ease-in-out 0.5s; }
.open_menu .side_bar{right:0; }
.open_menu .wrapper	{right:270px; }
.open_menu footer	{right:270px; }
footer {
    position: relative;
    right: 0;
    transition: all ease-in-out 0.5s;
    -moz-transition: all ease-in-out 0.5s;
    -ms-transition: all ease-in-out 0.5s;
    -o-transition: all ease-in-out 0.5s;
    -webkit-transition: all ease-in-out 0.5s;
}
.open_menu .btn_toggle span{height:0;}
.open_menu .btn_toggle span:before{top:-2px; transform:rotate(45deg); 
-moz-transform:rotate(45deg); -ms-transform:rotate(45deg); -o-transform:rotate(45deg); -webkit-transform:rotate(45deg);}
.open_menu .btn_toggle span:after{transform:rotate(-45deg); bottom:-2.4px; -moz-transform:rotate(-45deg);
 -ms-transform:rotate(-45deg); 
-o-transform:rotate(-45deg);
 -webkit-transform:rotate(-45deg); }


.sub_nav			{position:static;width:100%;padding: 10px 0;}
.sub_lft			{ float:none; width:100%; padding:0; margin:0;}
.sub_rgt			{ float:none; width:100%; padding:0; margin:0;}

.sub_rgt > ul > li > a	{ padding: 6px 0;}
.sub_lft > ul > li > a	{ padding: 6px 0;}
	 
 .bed1				{ width:23.2%;}
   }
@media(max-width:599px)
	{
		
		
	 .banner figure img { height:200px;} 
	.reser			{ display:block; float:none; margin:0 auto; padding:0; width:100%; text-align: center;}
	.logo			{ display:block; float:none; margin:0 auto; padding:0; width:100%;}  
	.logo a img		{ margin:0 auto; }
	
	.elagance_lft	{ padding:0; text-align:center;}
	.elagance_rgt	{ text-align:center;}
	.elagance_rgt a	{ margin: 10px auto 0 auto;}
	.elagance_lft p	{ font-size: 16px; line-height: 28px;}
	.elagance_lft h2 { font-size: 24px; line-height: 24px; padding:0 0 10px 0;}
	.guest_rm		{ text-align:center;}
	.guest_rm p		{ font-size: 16px; line-height: 28px; padding:0 0 20px 0;}
	.guest_rm h2	{ font-size: 24px; line-height: 24px; padding:0 0 10px 0;}
	.guest_rm ul	{ padding: 0 0 0 30px; text-align:left;}
	.guest_main		{ padding: 10px 0 10px 0;}
	
	.guest_rm ul li a	{    font-size: 16px;}
	
	.accommod p		{ font-size: 16px; line-height: 28px; padding:0;}
	.accommod h2	{ font-size: 24px; line-height: 28px; padding:0;}
	.accommod span	{ font-size: 14px; line-height: 28px; padding:0 0 15px 0;}
	.reser p		{ font-size: 16px;}
 	
	.elagance_rgt	{ padding:10px 0 0 0;}
	

	
	
	.guest_gall ul li	{ margin: 0 1% 30px 1%; width:48%;}	
	
	.guest .view_room	{ margin: 0 0 10px 0;}
	
	
	.casual_main	{ padding: 10px 0 10px 0;}	
	.accommod		{ text-align:center;}
	.accommod a		{ margin: 20px 0 0 0; 	padding: 0 0 10px 0; text-align:center; display:block;}
	 .bed1				{ width:23.5%; padding: 3px; margin:3px;}
	 .guest_bed		{ margin: 0 0 15px 0;} 
	 
	} 
@media only screen and (max-width:479px)

{ 
	.vineyard p		{ font-size:12px;}	
	.avenue a		{ padding: 3px 0 0 20px;line-height: 29px; font-size: 16px; background-position:left top;} 
	
	.guest_gall ul li	{ margin: 0 0 30px 0; width:100%;}	
	.accommod a		{ font-size:15px;}	
	.guest_rm p		{ padding:0 0 10px 0;}
	.guest_room		{ padding: 10px 0 0 0;}
	
	.bed1				{ width:22.9%;}
	
} 
@media(min-width:768px){
	
 
	
	nav > ul > li:hover ul { display:block;}
	nav > ul > li:hover .sub_nav { display:block;}	
 
}