/* 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%;}
#header{width:100%;height:auto; margin:auto; background:#2991d9;}
#head{width:100%; height:auto; height:40px;}
#banner{ background:#2991d9; box-shadow: none;}
#banner1{ background:#2991d9; box-shadow: none;}
#tab { width:100%; margin:auto; position:absolute; z-index:103; margin-top:7%;}
#content {float:none;display:block;width:100%;}
#sidebar {width:100%; height:auto; margin:auto; margin-left:10px;}
#bg { width:100%; margin:auto; background:#fff; border-bottom:2px solid #fff;}
#reservation { width:100%; height:0; margin:auto; margin-top:0%; visibility:hidden;}
.reserve-button { width:95%; height:auto; margin:auto; background:#006cb7; color:#FFF; padding:5px; text-align:center; visibility:visible; margin-top:13%; border-bottom-left-radius:5px; border-bottom-right-radius:5px; border-top-left-radius:5px; border-top-right-radius:5px; font-size:20px; font-weight:600;}
.reserve-button a {color:#FFF; text-decoration:none;}
.reserve-button a:hover{ color:#FFF; text-decoration:none;}
.wifi {visibility:hidden; height:0;}
.wifi-cont {visibility:hidden; height:0;}
.military {  visibility:hidden; height:0;}
#slide { width:100%; margin:auto;}
.address { width:100%; margin:auto; text-align:center;  height: auto;  position: absolute; z-index:1000; margin-top:25%;}
.address1{ width:100%; margin:auto; text-align: center; font-size:78.07%; font-weight: bold; height: auto; line-height:15px; position: absolute; z-index:1001; margin-top:32%; margin-left:0; padding-left:0;}
.map { width:27px; height:34px; float:left; margin-top:0;}
.address2 { width:100%; height:auto; float:left; margin-left:0px; margin-top:5px;}
.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%;}
#logo   {display:block; width:100%;}		
#logo{width:100%; margin:auto; text-align:center; padding-left:0; margin-top:0%}
.post .title a {font-size:80%;}
.post .meta  {font-size:60%;}
h1 { font-size:123%; line-height:10px; margin-top:2%;}
.contact p{ float:none;margin:0 auto;display:block;width:100%;text-align:right;margin-top:-130%;}
h2 { font-size:123%;}
h3 { font-size:123%}
h4 { font-size:100%}
h5 { font-size:120%}	
.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 #0487fe;border-top:1px dotted #0487fe;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;}
.col-1 {width:100%; margin:auto;}
.col-2 {width:100%; margin:auto;}
.list li{width:95.5%;float:left;margin:0 0 0 6.5%;text-transform:capitalize;}
.ws_images img {width:100%; height:auto;}
.dir-button { width:110px; height:35px; float:right; margin-right:0px; margin-top:0;}
	}


/* 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:0%;}
#header{width:100%;height:auto; margin:auto; background:#2991d9;}
#head{width:100%; height:30px; background:#2991d9;}
#banner{ background:#2991d9; box-shadow:none;}
#banner1{ background:#2991d9; box-shadow:none;}
#tab { width:100%; margin:auto; position:absolute; z-index:103; margin-top:4.50%;}
#content {float:none;display:block;width:100%;}
#sidebar{ width:100%; height:auto; margin:auto; margin-left:9px;}
#bg { width:100%; margin:auto; background:#fff; border-bottom:2px solid #fff;}
#reservation { width:100%; height:0; margin:auto; margin-top:0%; visibility:hidden; }
.reserve-button { width:98%; height:auto; margin:auto; background: #006cb7; color:#FFF; padding:5px; text-align:center; visibility:visible; margin-top:5%; border-bottom-left-radius:5px; border-bottom-right-radius:5px; border-top-left-radius:5px; border-top-right-radius:5px;}
.reserve-button a {color:#FFF; text-decoration:none;}
.reserve-button a:hover{ color:#FFF; text-decoration:none;}
.wifi {visibility:hidden; height:0;}
.wifi-cont {visibility:hidden; height:0;}
.military {  visibility:hidden; height:0;}
#slide { width:100%; margin:auto; margin-top:50%;}
.address { width:100%; margin:auto; text-align:center;  height: auto;  position: absolute; z-index:1000; margin-top:15%;}
.address1 { width:100%; margin:auto; text-align:center; font-size:80%; font-weight:normal; height:auto; line-height:15px; position:absolute; z-index:1001; margin-top:16%; padding-left:0%; margin-left:0%;}
.map { width:27px; height:34px; float:left; margin-top:0;}
.address2 { width:100%; height:auto; float:left; margin-left:0px; }
.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%;}	
#logo{width:100%;margin:auto;text-align:center;padding-left:0;margin-top:0;}
.post .title a {font-size:80%;}
.post .meta {font-size:60%;}
h1 { font-size:140%; line-height:10px; margin-top:-2%;}
.contact p{ float:none;margin:0 auto;display:block;width:100%;text-align:right;margin-top:-130%;}
h2 { font-size:123%}
h3 { font-size:123%}
h4 { font-size:100%}
h5 { font-size:120%}	
.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 #0487fe;border-top:1px dotted #0487fe;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;}
.col-1 {width:100%; margin:auto;}
.col-2 {width:100%; margin:auto;}
.dir-button { width:175px; height:35px; float:right; margin-right:130px; margin-top:3px;}
.list li{width:95.5%;float:left;margin:0 0 0 6.5%;text-transform:capitalize;}
.ws_images img {width:100%; height:auto;}
	}

/* 768px-1024px */
@media only screen and (min-width:769px) and (max-width:1024px)
{
#wrapper{width:100%;}
#footer{width:100%;}
#content { width:68%; height:auto;}
#footer p{font-size:100%;}
	}