@media screen and (min-width:1600px){
	#right_book{right:28%;}
}

@media screen and (max-width:1200px){
	#page{
		width:100%;
		background-size: 100%;	
	}
	#wrapper {
		width: 100%;
		padding:0;
	}
	#top_area a{float:left; }
	#uper_right_area {
	  width: 75%;
	}
	div#welcome_area{padding:0; width:80%; float:right;}
	#right_book{top:240px;right:10%;}
	#page{background:none;}
}
/*@media screen and (min-width:992px;) and (max-width:1050px){}*/
@media screen and (max-width:991px){
	
	
	#top_area {
		width: 100%;
	}
	#uper_right_area {
	  width: 65%;
	  padding-top:5px;
	}
	#banner_area, #inner_banner_area {
  		width: 100%;
		height: auto;
	}
	#middle_area {
		width: 96%;
		padding:25px 2%;
		height:auto;
		min-height:370px;
	}
	.pgwSlideshow .ps-current{height:auto !important;}
	#right_book {top: 150px !important;}
	#middle_box{width:100%; padding:0; margin-bottom: 20px; height:auto;}
	#middle_leftarea{width:75% !important; margin-right:3%;height:auto;}
	#the_infrant_heading{width:100%; padding:0;float:none;}
	#middle_content{float:none; padding:10px 0; width:100% !important;}
	#explore_new_option{margin-top:10px;}
	#right_image{width:20% !important;}
	#right_image img{width:100%;}
	#bottombox-area{width:100%; padding:0; margin-top:10px; margin-bottom: 30px;}
	.bottombox{width:22%; height:auto; margin:0; padding-right:3%;padding-bottom:10px; background-position: right 0;}
	.box_top{width:100%; margin:0;font-size: 16px;}
	.box_img{width:100%; margin:0; height:auto;}
	.box_img img{width:100%;}
	.box_txt{width:95%; margin:0; height:auto; padding:0 5px;}
	#footer{width:94%; padding:0 3%; height:auto;}
	#footer_links{width:100%; height:auto;}
	#get_connected{width:30%; margin:0; margin-top:25px; text-align:left;}
	#twitter, #facebook, #tpa{margin:0;margin-top:20px; margin-right:10px;}
	#twitter { margin-top: 0;}
	#copyright, #copyright-web{width:100%; text-align:center; height:auto; margin-right:0;}
	.wa-wrap{width:100%;}
	div#welcome_area {
	  width:100%;
	  margin-top: 60px;
	    background-size: contain;
	}
	#topmenu { 
        height: auto;
		width:65%;
		position:absolute;
		padding:0;
		top: 42px;
		z-index:999;
    }
    #topmenu ul {
        width: 100%;
        display: none;
        height: auto;
		margin-top: 30px;
		background:rgba(255, 255, 255, 0.9);
    }
    #topmenu ul li {
        width: 100%;
        float: left;
        position: relative;
		margin:0;
    }
    #topmenu ul li a {
		display:block;
		width:100%;
        border-bottom: 1px solid #0862b5;
		border-radius:0;
		-webkit-border-radius:0;
		-moz-border-radius:0;
		padding:10px 0;
		color:#0862b5;
    }
    #topmenu a#pull {
        display: block;
        background-color: #0862b5;
        width: 97%;
		height:auto;
        position: absolute;
		right: 0;
		font-size:16px;
		font-family:'Cuprum', Arial, sans-serif;
		color:#fff;
		text-decoration:none;
		text-align:left;
		border: 1px solid #fff;
		padding:5px;
		float:right;
    }
    #topmenu a#pull:after {
        content:"";
        background: url('images/nav-icon.png') no-repeat;
        width: 30px;
        height: 30px;
        display: inline-block;
        position: absolute;
        right: 0;
        top: 5px;
    }
	#home_linkarea {
  		width: 100%;
	}
	.cal-icon{width:170px; float:left; display:block;}
	.cal-icon a{ color:#0862b5; background:url(images/ph-icon.png) no-repeat 0 0; background-size:contain; text-decoration:none; padding-left:30px;}
	#topmenu ul li a.active{background:none;border-radius:0;-webkit-border-radius:0;-moz-border-radius:0;color:#0862b5;}
	#middle_content{height:auto;}
	#ab-middle_box{padding-top:0;}
	img.loc-map{width:100%;}
	h1.spec-announce, #right_image p{ margin-left:0px !important; padding-left:0px !important}
}
@media screen and (max-width:740px){
	 #logo {
		  width: 120px;
		  height: 130px;
		  background-image: url(images/mob_logo.png);
		  background-position: center center;
		  top:0;
	 }
	 #footer_links {
  		width: 40%;
	 }
	 .continput, element { width:180px}
	
}
@media screen and (min-width:650px) and (max-width:680px){
	#right_book {
	  top: 120px !important;
	}
	#middle_leftarea {
	  width: 100% !important;
	  height: auto;
	  float:none;
	}
	#right_image{display:none;}
}
@media screen and (max-width:640px){
	#uper_right_area {
	  width: 70%;
	}
	.cal-icon {
		width: 160px;
	}
	#topmenu {
	  width: 70%;
	}
	#right_image img {width: 100% !important;}
	#middle_box, #middle_leftarea{height:auto;}
	#middle_content {
 		height:auto;
		padding-bottom:15px;
	}
	#footer_links{display:none;}
	#mob_footer_links{display:block; height:auto; width:100%;}
	#mob_footer_links a{padding:0 5px; text-align:left;}
	.download-table{display: block; overflow-x:auto;}
	#gallery-area{width:100% !important; display: block;}
	#right_book{top:110px !important; left:30%;}
	#middle_leftarea {
	  width: 100% !important;
	  height: auto;
	  float:none;
	}
	#right_image{display:none;}
	.pgwSlideshow .ps-current .ps-next{right:-3px;}
	.pgwSlideshow .ps-current .ps-prev, .pgwSlideshow .ps-current .ps-next{top:25%;}
	.bottombox {width: 45%; padding-right:5%;}
	.bottombox:nth-child(even){background:none; padding-right:0; padding-left:2%;}
	#get_connected {width: 40%;}
}
@media screen and (max-width:550px){
	#top_area a, #uper_right_area{float:none;}
	#logo{left:10px; top:32px;}
	#top_area{height:auto;}
	#uper_right_area {
	  width: 97%;
	  padding:0;
	}
	#home_linkarea{margin-top:40px;}
	#page{background-image:none;}
	#topmenu{width:100%; top: 0px;}
	#topmenu a#pull{width:90%; right:3%;}
	#top_area a{margin-top:0;}
	#logo {
  		width: 110px;
  		height: 110px;
	}
	div#welcome_area{margin-top:10px;}
	.cal-icon{float:none;}
	#home_linkarea ul{float:none;}
	#home_linkarea {
	  width: 60%;
	}
	.location-map{width:100%;}
	#right_book{top:155px !important; left:35%;}
	#topmenu ul {
  		width: 94%;
		margin-right:15px;
	}
	li.attr-li p{width:100%;}
	li.attr-li span{float:left;margin-left:0;}
}
@media screen and (max-width:480px){
	.pgwSlideshow .ps-current {
	 min-height:0;
	}
	div#welcome_area {
	  margin-top: 50px;
	  height:30px;
	}
	#home_linkarea ul li{margin-bottom:5px;}
	.cal-icon{margin-bottom:10px;}
	#logo {
  		left: 13px;
	}
	#topmenu a#pull {
  		width: 92%;
	}
	#mob_footer_links a {
  		width: 30%;
	}
	#get_connected {
  		width: 45%;
	}
	.sm-content{width:40%; margin-bottom:15px;}
	.sm-content:nth-child(3){margin-left: 0;}
	#ab-middle_box{height:auto;}
	/*#middle_area.ab-middle_area{  height: auto !important; min-height:0;margin-bottom: 0;}*/
	#middle_area.ab-middle_area {
  height: auto !important;
  margin-bottom: 0;
  min-height: 720px;
}
	#right_book {top: 110px !important;}
	#reservation{padding-bottom:0;}
	#the_infrant_heading{font-size:24px;}
	#explore_new_option {
	  margin-top: 0px;
	}
	.bottombox{padding-bottom:20px;}
	.pgwSlideshow .ps-current .ps-next, .pgwSlideshow .ps-current .ps-prev{width:25px; height:35px; background-size:contain; right: -25px; top: 30%;}
	#banner_area, #inner_banner_area { min-height: 180px; }
	#reservation h2 {
		cursor:pointer;
	}
	
	#copyright-web {
		display:block;
	}
	#copyright, #copyright-mob {
	  	text-align: center;
  		width: 100%;
	}
	li.attr-li span{width:100%; }
	.ntmob { display:none; }
}
@media screen and (max-width:400px){
		#right_book {top: 160px !important;}
		
}
@media screen and (max-width:320px){
	#logo {
	  left: 4px;
	}
	#middle_leftarea, #right_image
	{
	  width:100% !important;
	  float:none;
	    height: auto;
	}
	#right_image img {
	  width: 80% !important;
	  margin-top:20px;
	}
	#explore_new_option {
	  margin-top: 0;
	}
	.bottombox {
	  width: 45%;
	  margin-bottom:10px;
	  padding-right: 20px;
	}
	.box_top{font-family:14px;}
	#bottombox-area{
		height:auto;
		min-height:0;
	}
	#mob_footer_links a {
	  width: 48%;
	}
	#get_connected {
	  width: 45%;
	  font-size: 15px;
	}
	#copyright{display:none;}
	#copyright-mob{display:block;}
	#footer{height:175px;}
	/*#right_book{left:10%;  top: 260px !important;}*/
	#right_book {
  left: 20%;
  top: 160px !important;
}
	/*#middle_area{margin-top:200px;}*/
	#the_infrant_heading {
	  font-size: 20px;
	  margin-top:10px;
	  line-height:1;
	}
	#middle_content{padding-top:0;}
	#banner_area, #inner_banner_area{margin-top:15px;}
	.pgwSlideshow .ps-current .ps-next, .pgwSlideshow .ps-current .ps-prev{width:25px; height:35px; background-size:contain; right: -25px; top: 30%;}
}

