/*----------------------*/
/*     Responsive 768   */
/*----------------------*/
@media all and (max-width: 768px) and (min-width: 601px) {
#wrapper_area {
	width:100%;
}
#wrapper {
	width:768px;
	margin:0 auto;
	overflow:hidden;
}
#header {
	width:700px;
	height: auto;
	background:#a6aaab;
	padding:20px 34px;
}
.sys_logo {
	width:700px;
	height:75px;
	float: none;
	margin:0 0 0 0;
	padding-bottom:10px;
}
.sys_logo img {
	display:block;
	margin:0 auto;
}	
  
#rgt_header {
	height: auto;
	width:700px;
	float: none;
	margin:0 auto;
	overflow:hidden;
}
#top_rgt_header {
	width:700px;
}
#search_area {
	clear:both;
	width:180px;
	height:25px;
	padding-top:10px;
	float: none;
	overflow:hidden;
	margin:0 auto;
}
.sys_submit_btn {
	text-align:left;
}
#top_menu {
	float: none;
	height:35px;
	width:460px;
	margin: 0 auto;
	padding-top:20px;
}
#top_menu ul {
    display: none;
}
/*
  #top_menu ul {
	display:block;
	width:320px;
	margin: 0 auto;
	float:none;
}
#top_menu ul li {
	display:block;
	float: left;
	border-left:1px solid #fff;
	padding:5px 20px 5px 5px;
	text-align:center;
}
  */
#btm_rgt_header {
	clear:left;
	float: none;
	width:460px;
	text-align: center;
	padding:10px 0 0 0;
	margin:0 auto;
    margin-top: 15px;
	overflow:hidden;
}


/*----------------------*/
/*     Content          */
/*----------------------*/ 
#content {
	width:700px;
	background:#fff;
	overflow:hidden;
	min-height:800px;
	margin:0 auto;
	padding:0 34px;
}
#menu {
	width:260px;
	float: none;
	padding:0 80px;
	margin:0 auto;
}
#menu ul {
	display:block;
	padding-top:1px;
}
#menu ul li {
	display:block;
	font-weight:bold;
}
#menu ul li a {
	color:#000;
	border-top:2px solid #000;
	border-bottom:2px solid #000;
	margin-top:-2px;
	font-size:16px;
	text-transform:uppercase;
	padding:4px 0 5px 0;
	display:block;
}
#rgt_right {
	width:784px;
	float: none;
	padding-top:30px;
}
#slider_area {
	width:784px;
	height:340px;
	position:relative;
}
#slider_area img {
	display:block;
  max-width: 90%!important;
  height: auto!important;
}
#feature_area {
	width:700px;
	padding:0;
	margin-bottom:15px;
	overflow:hidden;
}
.sys_feature {
	width:224px;
	height:135px;
	float: left;
	color:#fff;
	margin-top:10px;
	position:relative;
}

 

/*----------------------*/
/*     Footer           */
/*----------------------*/
#footer {
	height: auto;
	width:768px;
	background:#221e1f;
	overflow:hidden;
	padding-bottom:20px;
}
.sys_logo_footer {
	float: none;
	height:90px;
	width:160px;
	margin:0 auto;
}
.sys_contact_footer {
	float: none;
	width:768px;
	padding:0;
	margin-left:-30px;
	height:auto;
	text-align:center;
}


/*--------------------------*/
/*     Conference & Meeting */
/*--------------------------*/
#cm_feature_area {
	width:700px;
	margin-left:0;
	padding:20px 0;
	overflow:hidden;
}
.sys_cm_feature {
	width:224px;
	height: auto;
	float: left;
	color:#fff;
	margin-top:10px;
	position:relative;
	overflow:hidden;
}


/*--------------------------*/
/*    How to book           */
/*--------------------------*/

#book_content {
	width:700px;
	padding-top:30px;
	overflow:hidden;
}
#book_content h2 {
	width:700px;
	float: none;
	padding-bottom:15px;
	margin: 0 auto;
}
#lft_book_content {
	width:700px;
	float: none;
}
#rgt_book_content {
	float: none;
	width:700px;
}


/*--------------------------*/
/*    Glass meeting         */
/*--------------------------*/
.sys_book_content_head {
	width:700px;
	overflow:hidden;
}
.sys_book_content_head h2 {
	float:left;
	display:inline;
	margin-bottom:15px;
}
.sys_book_content_head h3 {
	display:inline-block;
	float:right;
	margin-right:18px;
}
#map_area {
	padding:35px 0 30px 0;
	overflow:hidden;
	width:685px;
}
.sys_google_map {
	float:left;
	width:332px;
	padding-bottom:20px;
	margin: 0 auto;
}
.sys_google_map img {
	display:block;
	border:1px solid #231f20;
}
.sys_plan_map {
	float: right;
	width:332px;
	overflow:hidden;
	margin: 0 auto;
}
.sys_plan_map img {
	display:block;
}
}


/*----------------------*/
/*     Responsive 600   */
/*----------------------*/
@media all and (max-width: 600px) and (min-width: 481px) {
#wrapper_area {
	width:100%;
}
#wrapper {
	width:600px;
	margin:0 auto;
	overflow:hidden;
}
#header {
	width:580px;
	height: auto;
	background:#a6aaab;
	padding:20px 10px;
}
.sys_logo {
	width:580px;
	height:75px;
	float: none;
	margin:0 0 0 0;
	padding-bottom:10px;
}
.sys_logo img {
	display:block;
	margin:0 auto;
}	
#rgt_header {
	overflow:hidden;
	width:600px;
	float: none;
	margin:0 auto;
}
#top_rgt_header {
	width:600px;
}
#search_area {
	clear:both;
	width:180px;
	height:25px;
	padding-top:10px;
	float: none;
	overflow:hidden;
	margin:0 auto;
}
.sys_submit_btn {
	text-align:left;
}
#top_menu {
	float: none;
	height:35px;
	width:460px;
	margin: 0 auto;
	padding-top:20px;
}
#top_menu ul {
	display:none;
}
/*
#top_menu ul {
	display:block;
	width:320px;
	margin: 0 auto;
	float:none;
}
#top_menu ul li {
	display:block;
	float: left;
	border-left:1px solid #fff;
	padding:5px 20px 5px 5px;
	text-align:center;
}
  */
#btm_rgt_header {
	clear:left;
	float: none;
	width:460px;
	text-align: center;
	padding:0;
	margin:0 auto;
    margin-top: 15px;
}


/*----------------------*/
/*     Content          */
/*----------------------*/ 
#content {
	width:600px;
	background:#fff;
	overflow:hidden;
	min-height:800px;
	margin:0 auto;
	padding:0 84px;
}
#menu {
	width:260px;
	float: none;
	padding:0 80px;
	margin:0;
}
#menu ul {
	display:block;
	padding-top:1px;
}
#menu ul li {
	display:block;
	font-weight:bold;
}
#menu ul li a {
	color:#000;
	border-top:2px solid #000;
	border-bottom:2px solid #000;
	margin-top:-2px;
	font-size:16px;
	text-transform:uppercase;
	padding:4px 0 5px 0;
	display:block;
}
#rgt_right {
	width:580px;
	float: none;
	padding-top:30px;
}
#slider_area {
	width:560px;
	height:270px;
	position:relative;
	margin-left:-75px
}
#slider_area img {
	display:block;
  max-width: 90%!important;
  height: auto!important;
}
#feature_area {
	width:300px;
	padding:20px 90px;
}
.sys_feature {
	width:224px;
	height:135px;
	float: none;
	color:#fff;
	margin-top:10px;
	position:relative;
}

.sys_site-name
  {
    color: blue!important;
  }
/*----------------------*/
/*     Footer           */
/*----------------------*/
#footer {
	height: auto;
	width:600px;
	background:#221e1f;
	overflow:hidden;
	padding-bottom:20px;
}
.sys_logo_footer {
	float: none;
	height:90px;
	width:160px;
	margin:0 auto;
}
.sys_contact_footer {
	float: none;
	width:580px;
	padding:0;
	margin-left:-30px;
	height:auto;
	text-align:center;
}


/*--------------------------*/
/*     Conference & Meeting */
/*--------------------------*/
#cm_feature_area {
	width:600px;
	margin-left:-20px;
	padding:20px 0;
}
.sys_cm_feature {
	width:224px;
	height: auto;
	float: left;
	color:#fff;
	margin-top:10px;
	position:relative;
	overflow:hidden;
}


/*--------------------------*/
/*    How to book           */
/*--------------------------*/
#book_content {
	width:580px;
	padding-top:30px;
	overflow:hidden;
}
#book_content h2 {
	width:580px;
	float: none;
	padding-bottom:15px;
	margin: 0 auto;
}
#lft_book_content {
	width:420px;
	float: none;
}
#rgt_book_content {
	float: none;
	width:420px;
}


/*--------------------------*/
/*    Glass meeting         */
/*--------------------------*/
.sys_book_content_head {
	width:520px;
	overflow:hidden;
}
.sys_book_content_head h2 {
	float:left;
	display:inline;
	width:300px;
	margin-bottom:15px;
}
.sys_book_content_head h3 {
	display:inline-block;
	float:right;
	width:200px;
}
#map_area {
	padding-top:35px;
	overflow:hidden;
	width:580px;
	margin: 0 auto;
	padding-bottom:30px;
}
.sys_google_map {
	float:left;
	width:332px;
	padding-bottom:20px;
	margin: 0 auto;
}
.sys_google_map img {
	display:block;
	border:1px solid #231f20;
}
.sys_plan_map {
	float: left;
	width:332px;
	overflow:hidden;
	margin: 0 auto;
}
.sys_plan_map img {
	display:block;
}
}


/*----------------------*/
/*     Responsive 480   */
/*----------------------*/
@media all and (max-width: 480px) and (min-width: 321px) {
#wrapper_area {
	width:100%;
}
#wrapper {
	width:480px;
	margin:0 auto;
	overflow:hidden;
}
#header {
	width:460px;
	height: auto;
	background:#a6aaab;
	padding:20px 10px;
}
.sys_logo {
	width:460px;
	height:75px;
	float: none;
	margin:0 0 0 0;
	padding-bottom:10px;
}
.sys_logo img {
	display:block;
	margin:0 auto;
}	
#rgt_header {
	overflow:hidden;
	width:460px;
	float: none;
	margin:0 auto;
}
#top_rgt_header {
	width:460px;
}
#search_area {
	clear:both;
	width:180px;
	height:25px;
	padding-top:10px;
	float: none;
	overflow:hidden;
	margin:0 auto;
}
.sys_submit_btn {
	text-align:left;
}
#top_menu {
	float: none;
	height:35px;
	width:460px;
	margin: 0 auto;
	padding-top:20px;
}
  #top_menu ul {
	display:none;
}
/*
#top_menu ul {
	display:block;
	width:320px;
	margin: 0 auto;
	float:none;
}
#top_menu ul li {
	display:block;
	float: left;
	border-left:1px solid #fff;
	padding:5px 20px 5px 5px;
	text-align:center;
}
  */
#btm_rgt_header {
	clear:left;
	float: none;
	width:460px;
	text-align: center;
	padding:0;
	margin:0 auto;
    margin-top: 15px;
} 
#content {
	width:460px;
	background:#fff;
	overflow:hidden;
	min-height:800px;
	margin:0 auto;
    margin-top: 15px;
}
#menu {
	width:260px;
	float: none;
	/*padding:0 80px;*/
	margin:0;
  border: 1px solid red;
}
#menu ul {
	display:block;
	padding-top:1px;
}
#menu ul li {
	display:block;
	font-weight:bold;
}
#menu ul li a {
	color:#000;
	border-top:2px solid #000;
	border-bottom:2px solid #000;
	margin-top:-2px;
	font-size:16px;
	text-transform:uppercase;
	padding:4px 0 5px 0;
	display:block;
}
#rgt_right {
	width:460px;
	float: none;
	padding-top:30px;
}
#slider_area {
	width:460px;
	/*height:230px;*/
  	height: auto;
	position:relative;
	margin-left:-20px
}
#slider_area img {
	display:block;
  max-width: 90%!important;
  height: auto!important;
}
#feature_area {
	width:300px;
	padding:20px 90px;
}
.sys_feature {
	width:224px;
	height:135px;
	float: none;
	color:#fff;
	margin-top:10px;
	position:relative;
}
/*----------------------*/
/*     Footer           */
/*----------------------*/
#footer {
	height: auto;
	width:480px;
	background:#221e1f;
	overflow:hidden;
	padding-bottom:20px;
}
.sys_logo_footer {
	float: none;
	height:90px;
	width:160px;
	margin:0 auto;
}
.sys_contact_footer {
	float: none;
	width:460px;
	padding:0;
	margin-left:-30px;
	height:auto;
	text-align:center;
}


/*--------------------------*/
/*     Conference & Meeting */
/*--------------------------*/
#cm_feature_area {
	width:290px;
	margin: 0 auto;
	padding:20px 0;
}
.sys_cm_feature {
	width:224px;
	height: auto;
	float: none;
	color:#fff;
	margin-top:10px;
	position:relative;
	overflow:hidden;
}


/*--------------------------*/
/*    How to book           */
/*--------------------------*/
#book_content {
	width:460px;
	padding-top:17px;
	overflow:hidden;
}
#book_content h2 {
	width:280px;
	float: none;
	padding-bottom:15px;
	margin: 0 auto;
}
#lft_book_content {
	width:280px;
	float: none;
	margin: 0 auto;
}
#rgt_book_content {
	float: none;
	width:280px;
	margin: 0 auto;
}


/*--------------------------*/
/*    Glass meeting         */
/*--------------------------*/
.sys_book_content_head {
	width:300px;
	overflow:hidden;
	margin: 0 auto;
}
.sys_book_content_head h2 {
	float: left;
	margin-bottom:0px;
	padding:0px;
}
.sys_book_content_head h3 {
	float: right;
	padding:0 0 20px 0;
	margin-right:50px;
}
#map_area {
	padding-top:35px;
	overflow:hidden;
	width:300px;
	margin: 0 auto;
}
.sys_google_map {
	float:left;
	width:300px;
	padding-bottom:20px;
	margin: 0 auto;
}
.sys_google_map img {
	display:block;
	border:1px solid #231f20;
	width:250px;
}
.sys_plan_map {
	float: left;
	width:300px;
	overflow:hidden;
	margin: 0 auto;
}
.sys_plan_map img {
	display:block;
	width:250px;
}
}


/*----------------------*/
/*     Responsive 320   */
/*----------------------*/
@media all and (max-width: 320px) and (min-width: 0px) {
#wrapper_area {
	width:320px;
}
#wrapper {
	width:320px;
	margin:0 auto;
	overflow:hidden;
}
#header {
	width:300px;
	height: auto;
	background:#a6aaab;
	padding:20px 10px;
}
.sys_logo {
	width:300px;
	height:75px;
	float: none;
	margin: 0 auto;
	padding-bottom:10px;
}
.sys_logo img {
	display:block;
	margin:0 auto;
}	
#rgt_header {
	overflow:hidden;
	width:300px;
	float: none;
	margin:0 auto;
}
#top_rgt_header {
	width:300px;
}
#search_area {
	clear:both;
	width:180px;
	height:25px;
	padding-top:10px;
	float: none;
	overflow:hidden;
	margin:0 auto;
}
.sys_submit_btn {
	text-align:left;
}
#top_menu {
	float: none;
	height:35px;
	width:300px;
}
  #top_menu ul {
	display:none;
}
/*
#top_menu ul {
	display:block;
	width:300px;
	margin:1px 0 0 0;
	float:none;
}
#top_menu ul li {
	display:block;
	float:right;
	border-left:1px solid #fff;
	padding:5px 0 5px 0;
	width:300px;
	text-align:center;
	height:13px;
	text-transform:uppercase;
	font-size:11px;
	font-weight:bold;
	display:block;
}
*/
#top_menu ul li:first-child {
	background:none;
}
#btm_rgt_header {
	float: none;
	width:300px;
	text-align: center;
    margin-top: 15px;
} 
#content {
	width:320px;
	background:#fff;
	overflow:hidden;
	min-height:800px;
	margin:0 auto;
}
#menu {
	width:260px;
	float: none;
	padding:0;
	margin:0;
}
#menu ul {
	display:block;
	padding-top:1px;
}
#menu ul li {
	display:block;
	font-weight:bold;
}
#menu ul li a {
	color:#000;
	border-top:2px solid #000;
	border-bottom:2px solid #000;
	margin-top:-2px;
	font-size:16px;
	text-transform:uppercase;
	padding:4px 0 5px 0;
	display:block;
}
#rgt_right {
	width:320px;
	float: none;
	padding-top:30px;
}
#slider_area {
	width:320px;
	height:175px;
	position:relative;
	margin-left:-20px
}
#slider_area img {
	display:block;
  max-width: 90%!important;
  height: auto!important;
}
#feature_area {
	width:290px;
	margin: 0 auto;
	padding:20px 0;
}
.sys_feature {
	width:224px;
	height:135px;
	float: none;
	color:#fff;
	margin-top:10px;
	position:relative;
}


/*----------------------*/
/*     Footer           */
/*----------------------*/
#footer {
	height: auto;
	width:320px;
	background:#221e1f;
	overflow:hidden;
	padding-bottom:20px;
}
.sys_logo_footer {
	float: none;
	height:90px;
	width:160px;
	margin:0 auto;
}
.sys_contact_footer {
	float: none;
	width:320px;
	padding:0;
	margin-left:-30px;
	height:auto;
	text-align:center;
}


/*--------------------------*/
/*     Conference & Meeting */
/*--------------------------*/
#cm_feature_area {
	width:290px;
	margin: 0 auto;
	padding:20px 0;
}
.sys_cm_feature {
	width:224px;
	height: auto;
	float: none;
	color:#fff;
	margin-top:10px;
	position:relative;
	overflow:hidden;
}


/*--------------------------*/
/*    How to book           */
/*--------------------------*/

#book_content {
	width:320px;
	padding-top:17px;
	overflow:hidden;
}
#lft_book_content {
	width:280px;
	float: none;
}
#rgt_book_content {
	float: none;
	width:280px;
}


/*--------------------------*/
/*    Glass meeting         */
/*--------------------------*/
.sys_book_content_head {
	width:300px;
	overflow:hidden;
}
.sys_book_content_head h2 {
	float: left;
	margin-bottom:0px;
	padding:0px;
}
.sys_book_content_head h3 {
	float: right;
	padding:0 0 20px 0;
	margin-right:50px;
}
#map_area {
	padding-top:35px;
	overflow:hidden;
	width:320px;
}
.sys_google_map {
	float:left;
	width:300px;
	padding-bottom:20px;
}
.sys_google_map img {
	display:block;
	border:1px solid #231f20;
	width:250px;
}
.sys_plan_map {
	float: left;
	width:300px;
	overflow:hidden;
}
.sys_plan_map img {
	display:block;
	width:250px;
}
}