*{margin:0;padding:0;border:0;outline:none;}
@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)
{
#menu{margin:0 auto; width:100%;}
#wowslider-container1 .ws-title{ position:absolute; display:block; left: 10px; }
#slide{width:100%; margin:0 auto; font-size:70%;}	
#logo { margin:0 auto; left:5%; width:140px; height:100px;}
#logo img{ margin:0 auto; width:140px; height:100px;}
#content{float:none;display:block; width:90%; height:auto;}
#flogo{width:90%; margin:0 auto;}
.hotelogo{ width:42%; margin:0 auto; padding:10px;}
.hotelogo img{ width:100%; margin:0 auto;}
#footer{ width:86%; text-align:center; margin:0 auto; font-weight:normal;}
.footer-col{margin:0 auto; width:90%; }
}
@media only screen and (min-width:481px) and (max-width:768px)
{
#menu{margin:0 auto; width:100%;}
#slide{width:100%; margin:0 auto;}	
#logo { margin:0 auto; left:15%; width:180px; height:130px;}
#logo img{ margin:0 auto; width:180px; height:130px;}
#content{float:none;display:block; width:90%; height:auto;}
#flogo{width:98%; margin:0 auto;}
.hotelogo img{ width:100%; margin:0 auto;}
#footer{ width:86%; text-align:center; margin:0 auto; font-weight:normal;}
.footer-col{width:40%; margin:5px 10px;}
}
@media only screen and (min-width:769px) and (max-width:1024px)
{
#menu{margin:0 auto; width:100%;}
#slide{width:100%; margin:0 auto;}	
#content{float:none;display:block; width:90%; height:auto;}
#flogo{width:98%; margin:0 auto;}
#footer{ width:86%; text-align:center; margin:0 auto; font-weight:normal;}
.footer-col{width:42%; margin:5px 10px;}

}

