/* 320px-480px */

/* 480px-768px */

/* 768px-1024px */

@viewport{ width:device-width;}
@-ms-viewport{width:devide-width;} /* for microsoft device */
@-o-viewport{width:devide-width;} /* for old opera device */

/* 320px-480px */
@media only screen and (max-width:480px)
{
#wrapper{width:100%;}
#footer{width:100%;}
.foot-in { width:300px; height:auto; margin:auto; padding-left:5%;}
.foot-ina { width:285px; height:auto; margin:auto; padding-left:5%;}
#page {width:100%; margin-top:-4%;}
#header{width:100%; height:auto; background: url(../images/head.jpg) no-repeat;}
#head{width:100%; height:auto;}
#tab { width:100%; margin:auto; margin-top:0px;}
#content { float:none; display:block; width:100%;}
#bg { width:100%; height:250px; margin:auto; border-bottom:2px solid #fff; }		

#slide { width:100%; margin:auto; margin-top:10%;}
.address { width:300px; height:auto; margin:auto; font-size:14px; line-height:25px; color:#333; font-weight:550; font-family:Raleway, sans-serif; padding:10px 0 0 0;}
.image { width:123px; height:auto; float:left; margin-left:0px;}
.image1 { width:199px; height:auto; float:right;}
.social	{ width:100%; margin:auto; text-align:center;}
#sidebar { margin:auto; margin-bottom:15px;}
.leftside { width:240px; float:left; margin-bottom:15px;}
.rightside { width:240px; float:left;}
.post .title a {font-size:80%;}
.post .meta  {font-size:60%;}
#foot { width:100%; margin:auto;}
#footer p{font-size:100%;}
#header{display:block; width:100%;}		
#logo{width:100%; margin:auto; text-align:center; padding-left:0;}
.post .title a {font-size:80%;}
.post .meta {font-size:60%;}
h1 { font-size:130%}
.contact p{ float:none; margin:0 auto; display:block; width:100%; text-align:right; margin-top:-130%;}
h2 { font-size:127%}
h3 { font-size:100%}
h4 { font-size:100%}
h5 { font-size:100%}	
.amenities_wrapper {width:100%; height:auto; float:left; font-size:12px; line-height:3px; margin-bottom:10px;}
.amenities h4{display:inline;margin-right:2px;font-size:90%;}
.amenities p{display:inline;}
.amenities .description {display:block;margin:5px 0; padding:5px;border-bottom:1px dotted #a27651;border-top:1px dotted #a27651;height:auto;}
.amenities .description img{margin-right:5px; vertical-align:sub}
.amenities .description .facility_icon{ background:url(../images/amenities.png) no-repeat;float:left;width:33px;height:auto;padding:0;margin-right:5px;}.amenities .facility_icon_id_1 .facility_icon{background-position:0 0}.amenities .facility_icon_id_2 .facility_icon{background-position:0 -33px}.amenities .facility_icon_id_3 .facility_icon{background-position:0 -112px;}.amenities .facility_icon_id_4 .facility_icon{background-position:0 -472px}.amenities .facility_icon_id_5 .facility_icon{background-position:0 -74px}.amenities .facility_icon_id_6 .facility_icon{background-position:0 -156px}.amenities .facility_icon_id_7 .facility_icon{background-position:0 -301px}.amenities .facility_icon_id_10 .facility_icon{background-position:0 -231px}.amenities .facility_icon_id_11 .facility_icon{background-position:0 -267px}.amenities .facility_icon_id_12 .facility_icon{background-position:0 -194px}.amenities .facility_icon_id_13 .facility_icon{background-position:0 -502px}.amenities .facility_icon_id_14 .facility_icon{background-position:0 -369px}.amenities .facility_icon_id_15 .facility_icon{background-position:0 -399px}.amenities .facility_icon_id_17 .facility_icon{background-position:0 -464px}.amenities .facility_icon_id_languages .facility_icon{background-position:0 -540px}.amenities #internet_policy .facility_icon{background-position:0 -264px}.amenities #parking_policy .facility_icon{background-position:0 -433px}.amenities .facility_icon_id_18 .facility_icon{background-position:0 -540px}.amenities .facility_icon_id_19 .facility_icon{background-position:0 -433px}
.col-one {width:100%; margin:auto;}
#wowslider-container1 img {width:100%; height:auto;}

	}


/* 480px-768px */
@media only screen and (min-width:481px) and (max-width:768px)
{
#wrapper{width:100%;}
#footer{width:100%;}
.foot-in { width:300px; height:auto; margin:auto; padding-left:5%;}
.foot-ina { width:285px; height:auto; margin:auto; padding-left:5%;}
#page {width:100%; margin-top:-3%;}
#header{width:100%; height:auto; position:relative;}
#head{width:100%; height:auto;}
#tab { width:100%; margin:auto;}
#content {float:none; display:block; width:100%;}
#sidebar {float:none; display:block; margin-bottom:15px;}
.leftside { width:240px; float:left; margin-bottom:15px;}
.rightside { width:240px; float:left;}
#bg { width:100%; margin:auto; background:#fff; border-bottom:2px solid #fff;}
#slide {width:100%; margin:auto; margin-top:0;}
.address {width:100%; margin:auto; text-align:center; font-size:14px; font-weight:normal;}
.social	{width:100%; margin:auto; text-align:center;}
.post .title a {font-size:80%;}
.post .meta  {font-size:60%;}
#foot { width:100%; margin:auto;}
#footer p{font-size:100%;}
#header {display:block; width:100%;}		
#logo { width:100%; margin:auto; text-align:center; padding-left:0;}
.post .title a {font-size:80%;}
.post .meta  {font-size:60%;}
h1 { font-size:140%}
.contact p{ float:none; margin:0 auto; display:block; width:100%; text-align:right; margin-top:-130%;}
h2 { font-size:140%}
h3 { font-size:128%}
h4 { font-size:120%}
h5 { font-size:118%}	
#wowslider-container1 img {width:100%; height:auto;}

	}

/* 768px-1024px */
@media only screen and (min-width:769px) and (max-width:1024px)
{
#wrapper{
		 width:100%;
		}
		#header{width:100%; height:auto; background: url(../images/head1.jpg);}
#head{width:100%; height:auto;}
#tab-wrap { width:100%; height:auto; margin:auto; background:#a27651; margin-bottom:0px;}
#tab { width:100%; height:auto; margin:auto; background:#a27651;}
		.image { width:123px; height:auto; float:left; margin-left:20px;}
.image1 { width:199px; height:auto; float:right;}
	.address { width:400px; height:auto; margin:auto;}	
	#content { width:70%; height:100%; font-size:14px;  text-align:justify; float:right; color:#333; font-family:Raleway, sans-serif; border:1px solid #930; margin:0px 0 0px 0; padding:7px;}
#footer{
		width:100%;
		}
		#foot { width:100%; height:auto; margin:auto; padding-bottom:20px; text-align:center;}
	}
	@media only screen and (min-width:800px) and (max-width:1280px)
{
	#wrapper{
		 width:100%;
		}
		#header{width:100%; height:auto; background: url(../images/head1.jpg);}
#head{width:100%; height:auto;}
#tab-wrap { width:100%; height:auto; margin:auto; background:#a27651; margin-bottom:0px;}
#tab { width:100%; height:auto; margin:auto; background:#a27651;}
		.image { width:123px; height:auto; float:left; margin-left:20px;}
.image1 { width:199px; height:auto; float:right;}
	.address { width:400px; height:auto; margin:auto;}	
	#content { width:70%; height:100%; font-size:14px;  text-align:justify; float:right; color:#333; font-family:Raleway, sans-serif; border:1px solid #930; margin:0px 0 0px 0; padding:7px;}
#footer{
		width:100%;
		}
		#foot { width:100%; height:auto; margin:auto; padding-bottom:20px; text-align:center;}
	}