@viewport{width:device-width}
@-ms-viewport{width:devide-width}
@-o-viewport{width:devide-width}
@media only screen and (max-width:480px){
.main{width:100%; margin:0 auto;}
.topbg{height:auto;margin:0 auto;}
.fl{float:none; width:100%; text-align:center;padding:5px 0;}
.fr {float:none; width:95%; text-align:center;}
#menu,#menubg  {width:90%; margin:0 auto; float:none; padding-left:20px;}
.smo{ float:none;}
.f2 {width: 100%; margin:0 auto;font-size: 18px; padding: 10px;line-height: 30px;}




.add{float:none; width:90%; margin:0 auto;}
.col-one {float:none;width:90%; padding:15px; }
#hotel {float:none;width:90%; padding-left:40px; padding-top:0;}
.owner{width:98%; margin:0 auto;}	
.col-two {float: none;width: 80%; margin-top: 0; margin-left: 45px;}	
	}
@media only screen and (min-width:481px) and (max-width:768px){
.main {width:100%; margin:0 auto;}	
.topbg{height:auto;margin:0 auto;}
.fl{float:none; width:100%; text-align:center;padding:5px 0;}
.fr {float:none; width:95%; text-align:center;}
#menu,#menubg  {width:90%; margin:0 auto; float:none; padding-left:20px;}
.smo{ float:none;}
.f2 {width: 100%; margin:0 auto;font-size: 18px; padding: 10px;line-height: 30px;}



.add{float:none; width:90%; margin:0 auto;}
.col-one {float:none;width:90%; }
#hotel {float:none;width:90%; padding-left:40px; padding-top:0;}
.owner{width:98%; margin:0 auto;}	
.col-two {float: none;width: 80%; margin-top: 0; margin-left: 45px;}	
}

@media only screen and (min-width:769px) and (max-width:1023px)	{
.main {width:100%; margin:0 auto;}	
.topbg{height:auto;margin:0 auto;}
.fl{float:none; width:100%; text-align:center;padding:5px 0;}
.fr {float:none; width:95%; text-align:center;}
#menu,#menubg  {width:90%; margin:0 auto; float:none; padding-left:20px;}
.f2 {width: 100%; margin:0 auto;font-size: 18px; padding: 10px;line-height: 30px;}
.smo{ float:none;}


.add{float:none; width:90%; margin:0 auto;}
.col-one {float:none;width:90%; }
#hotel {float:none;width:90%; padding-left:40px; padding-top:0;}
.owner{width:98%; margin:0 auto;}	
.col-two {float: none;width: 80%; margin-top: 0; margin-left: 45px;}
}

@media only screen and (min-width:1024px) and (max-width:1139px)	{
.main {width:100%; margin:0 auto;}	
.topbg{height:auto;margin:0 auto;}
.fl{float:none; width:100%; text-align:center;padding:5px 0;}
.fr {float:none; width:95%; text-align:center;}
#menu,#menubg  {width:90%; margin:0 auto; float:none; padding-left:20px;}
.f2 {width: 100%; margin:0 auto;font-size:22px; padding: 10px;line-height: 30px;}



.col-one {width:25%; }
.owner{width:98%; margin:0 auto;}	
.col-two {float: none;width: 80%; margin-top: 0; margin-left: 45px;}	
}