@media only screen and (max-device-width: 768px){

    #appuser_navigation	.appuser_navigation.logo_pic {
    	margin: 0 0 0 10px;
 	}

 	#tapatalk-topic-banner {
 		width: 100%;
 		min-width: 100%;
 	}

 	#appuser_navigation {
 		width: 100%;
 		min-width: 100%;
 	}

 	#tapatalk-topic-container {
 		width: 100%;
 	}

 	#tapatalk-topic-container .left-main {
 		margin-bottom: 5px;
 		width: 100%;
 	}

 	#tapatalk-topic-container .left-main .user_reply .floor_wrapper a button {
 		width: 100%;
 		height: 50px;
 	}

 	#tapatalk-topic-container .left-main .user_reply .floor_wrapper .border{
 		padding-top: 20px;
 		margin-bottom: 12px;
 	}

 	#tapatalk-topic-banner .banner-side {
 		display: none;
 	}

 	#tapatalk-topic-container .right-main {
 		width: 100%;
 	}

 	.alignleft {
 		text-align: center;
    	margin: 10px 0;
 	}

 	#tapatalk-topic-container .left-main-forum-feed {
 		width: 100%;
 	}

 	.content-shade {
 		width: 100%;
 	}

 	.appuser-signin.reply_data {
 		width: 100% !important;
 		padding: 0 !important;
 		margin: 0 !important;

 	}

 	.appuser_signin.feed_bottom_time {
 		max-width: 25%;
	    text-overflow: ellipsis;
	    white-space: nowrap;
	    overflow: hidden;
 	}

 	.appuser_signin.feed_bottom_replies {
 		max-width: 65%;
	    text-overflow: ellipsis;
	    white-space: nowrap;
	    margin-right: 5%;
	    overflow: hidden;
 	}

 	.appuser_feed_page {
 		width: 100%;
 	}

 	.appuser_signin.feed_div {
 		width: 100%;
 	}

 	.appuser_signin.right_part {
 		width: 100%;
 	}

 	.appuser-signin.reply_data .floor_wrapper {
		padding: 0 15px;
 	}

 	.appuser-signin.reply_data button{
 		width: 100% !important;
 	}

 	.appuser_signin_left_part.rel_forums .list .related-forums {
 		padding: 10px;
 	}

 	#tapatalk-topic-banner .banner-main span {
 		max-width: 75%;
	    display: inline-block;
	    text-overflow: ellipsis;
	    white-space: nowrap;
	    overflow: hidden;
 	}

 	.appuser_signin_left_part.detail_info {
 		margin-top: 15px;
 		margin-left: 0;
 	}

 	.appuser_signin_left_part.forum_header {
 		width: 100%;
 	}

 	.appuser_signin_left_part.forum_logo .sub_logo {
 		width:80px;
 		height: 80px;
 		background-size: 80px 80px;
 		margin-top: -40px!important; 
 	}

 	.appuser_signin_left_part.forum_name {
 		padding: 0 10px;
 		font-size: 18px;
 	}

 	.appuser_signin.feed_title_area_desc_main {
 		display: inline-block;
	    text-overflow: ellipsis;
	    white-space: nowrap;
	    overflow: hidden;
	    max-width: 85%;
 	}

 	.appuser_signin.to_top {
 		display: none;
 	}
 	
 	.left-main .user_reply .floor_wrapper .topic-title a{
 		font-weight: 500;
 	}
 	#appuser-menu-popover.hp{
 		right: 32px!important;
 		top: 10px;
 	}
/* 	.navbar-inner{
 		margin-left: 0px;
 		margin-right: 0px; 
 	}*/
 	.appuser_navigation.container{
 		width:97%;
 	}
 	.appuser_signin_left_part.forum_logo{
 		margin-bottom: 10px;
 	}
 	.appuser_signin_left_part.forum_description{
 		font-size: 15px;
 	}
 	#tapatalk-topic-container .left-main .topic-title{
 		font-size: 22px;
 	}
 	.appuser_signin_left_part.tips .tips-title{
 		font-size: 18px;
 	}
 	.appuser_signin_left_part.tips .tips-content{
 		font-size: 15px;
 	}
 	.embed_ytb{
 		width: 100%;
 	}
	.my-row{
		justify-content: space-around;
		-webkit-justify-content: space-around;
		margin-right: 0;
	}
	.my-row .span3{
		margin-right: 0;
	}
	.row-fluid .following-item.span6, .row-fluid .follower-item.span6{
		padding-right: 0!important;
	}
	.row-fluid .following-item.span6:nth-child(even), .row-fluid .follower-item.span6:nth-child(even){
		padding-left: 20px!important;
	}
	#pmModal{
		width: 85%;
		margin-left: -42.5%;
	}
	#pmModal .download-link{
		margin-left: 0;
		width: 100%;
		margin-bottom: 10px;
	}

}

@media only screen and (max-device-width: 769px){
 	.rubicon {
		width: 300px;
		margin: 0 auto;
		margin-bottom: 16px;
 	}
 	.appuser_navigation.container{
 		width:97%;
 	}
 	.appuser_signin_left_part.forum_logo{
 		margin-bottom: 10px;
 	}
 	.appuser_signin_left_part.forum_description{
 		font-size: 15px;
 	}
 	#tapatalk-topic-container .left-main .topic-title{
 		font-size: 22px;
 	}
 	.appuser_signin_left_part.tips .tips-title{
 		font-size: 18px;
 	}
 	.appuser_signin_left_part.tips .tips-content{
 		font-size: 15px;
 	}
}

@media (max-width:767px){
	body{
		padding: 0!important;
	}
	.container{
		width: auto!important;
	}
	.appuser_navigation.logo_slogan{
		display: none;
	}
	.appuser_navigation.list{
		margin-left: -36px;
	}
	.navbar .nav>li>a{
		padding: 17px 11px 15px 11px!important;
	}
	.navbar{
		margin-bottom: 0;
	}
	.navbar .nav > li{
		padding: 0;
	}
	.nav-collapse.collapse{
		display: none;
	}
	#appuser-menu-popover span{
		/*display: none;*/
	}
	.noti_pop .noti_pop_right{
		width:83%;
	}
	.noti_pop .noti_pop_right.news_item{
		width: 83%;
	}

	.visible-phone{
		display: inherit!important;
	}
	.thirdPartyRoot{
		margin: 15px auto;
		border: none!important;
		box-shadow: 0px 1px 3px rgba(0,0,0,0.15);
		border-radius: 4px;
	}
	.fbAdChoices{
		display: none;
	}
	.thirdPartySubtitleClass{
		font-size: 16px!important;
		margin-left: 10px; 
		color: #3b3b3b;
		font-weight: bold; 
	}
	.thirdPartyTitleClass{
		margin-left: 10px;
		color: #3b3b3b;
		font-size: 14px;
	}
	.thirdPartyCallToActionClass{
		background-color: white!important;
		border: 1px solid #02b8df;
		color:#02b8df!important;
		margin: 0 auto;
		padding: 10px 25px!important;
	}
	.fbDefaultNativeAdWrapper{
		margin-top: 8px!important;
		margin-bottom: 12px!important;
	}
	.thirdPartyMediaClass div:first-child{
		border-radius: 4px 4px 0 0;
	}
	.thirdPartyRoot .banner{
		padding-top: 10px;
		margin-left: 10px;
		font-size: 14px;
		color: #888888;
	}
	.navbar-search{
		display: none; /*do not show search on mobile phone*/
	}
	.search_result{
		padding: 0 8px;
	}
	.span6{
		width: 100%!important;
		margin-left: 0!important;
	}
	.row-fluid .span4{
 		width: 100%;
 		margin-left: 0;
 	}
 	.row-fluid .span3{
 		width: 100%;
 		padding: 0!important;
 		margin: 0 auto;
 	}
 	.row-fluid .span6{
 		padding: 0;
 	}
 	#discussion .column{
 		width: 100%;
 	}
 	#discussion >div{
 		display: block;
 	}
 	.group_images .group_image:last-child{
 		display: none;
 	}
	.appuser_signin_left_part.detail_info_body{
		margin-top: 55px!important;
	}
	/*public profile*/
	.profile_forum{
		width: 100%;
		margin-left: 0!important;
	}
	.profile_forums{
		width: 90%;
	}
	#home_body{
		padding: 0;
	}
	.appuser_signin_left_part.feed{
		display: none;
	}
	#edit_profile_float{
		width: 98%;
		padding: 0;
	}
	.edit_profile_main_comments{
		margin-left: 0;
	}
	.edit_profile_main_submit{
		margin-left: 0;
	}
	.appuser_signin_left_part.forum_header div {
 		width: inherit;
 	}
 	.appuser_signin.feed_bottom_replies span{
 		max-width: 110px;
 	}
 	.appuser_navigation.logo_pic{
 		margin-left: 30px;
 	}
 	.hidden-phone{
 		display: none;
 	}
 	.line-ul{
 		display: flex;
 	}
 	.line-ul li:not(:last-child){
 		border-right: 1px solid #f3f3f3;
 	}
 	.line-ul li{
 		flex: 1;
 	}
 	.line-ul li a{
 		padding: 0;
 	}
 	.edit_profile_main_basic input, .edit_profile_main_pwd_main input, .edit_profile_main_basic select{
 		margin-right: 0; /*fix row scroll bar*/
 	}
 	.following-item .username, .follower-item .username{
 		max-width: 90px;
 	}
}

@media only screen and (min-width: 768px){
	.visible-phone{
		display: none;
	}
}
/*ipad*/
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px){
	#appuser-menu-popover{
 		right: 0;
 		top: 8px;
 	}
 	.navbar{
		margin-bottom: 0;
	}
	#appuser-menu-popover .appuser_avatar{
		right: 0;
	}
	.appuser_signin_left_part.left.detail_info_body{
		margin-top: 55px!important;
	}
	.search_result{
		padding: 0 8px;
	}
	.row-fluid .span3{
		width: 50%;
	}
	.row-fluid .span3:nth-child(odd){
		padding-left: 0;
	}
	.row-fluid .span3:nth-child(even){
		padding-right: 0;
	}
	#nav_notifications{
		width: 80%;
		margin: 0;
	}
}
/*desktop*/
@media (min-width: 1200px){
	#home_body{
  		width:940px;
	}
}
/*small phone*/
@media (max-width: 320px){
	.appuser_signin.feed_bottom_replies span:first-child{
		max-width: 95px;
	}
	.noti_pop .noti_pop_right{
		width: 80%;
	}
	.noti_pop .noti_pop_right.news_item{
		width: 80%;
	}
	.edit_profile_main_basic input, .edit_profile_main_pwd_main input, .edit_profile_main_basic select{
		width: 264px;
	}
	.edit_profile_main_noti_main span{
		display: block;
		margin-left: 30px;
		margin-top: -33px;
	}
}