#topnav_btn {
    display: none !important;
}
.n-wrapper {
    width: 100%;
    max-width: 1000px;
    margin: 67px auto 0;
}
.n-wrapper_luxuryBlog {
    margin: 30px auto 0;
}
.n-sidebar {
    float: left;
}
.n-page-right {
    margin: 0 0 0 251px;
    display: block;
}
.hp_footnav {
    width: 100%;
    padding: 0 15px;
    box-sizing: border-box;
}
.n-mainnav ul li:last-child {
    background: none;
}
.seo_topnav_mobile {
    display: none;
}
.n-wrapper_luxuryBlog {
    max-width: inherit;
}
.n-wrapper #hp_mainnav {
    width: 100%;
    max-width: 960px;
}
@media (min-width:811px) {
#hp_mainnav .header_nav, .a_topwrapper .a_topnav {
    display: block!important;
}
}
@media screen and (max-width:750px) {
    #GetInfo img {
        width: 100%;
        height: auto;
    }
    #hp_mainnav .header_nav {
        display: none;
    }
    .press_toptext .press_contacts .icon_phone {
        border: 0px;
    }
    .press_toptext .press_contacts .icon_mail {
        padding-left: 0px;
    }
    .forum_container .forum_topicdetails li .f_right{
        margin-left:95px;
    }
    .forum_container .forum_right .forum_sidebox.forum_search button{
        float:left;
    }
    .forum_search_container #keyword{
        width:78%;
    }
}
@media screen and (max-width:568px) {
    #msgTable table .confirm_number_input{
        -webkit-box-sizing: border-box!important;
        -moz-box-sizing: border-box!important;
        box-sizing: border-box!important;
    }
    .hp-header .blog_topnav_mobile{
        display:block;
        position:absolute;
        right:8px;
        top:18px;
    }
    .hp-header .blog_topnav_mobile button{
        border:0;
        background:none;
        width: 42px;
        padding: 1px 6px;
    }
    .hp-header .blog_topnav_mobile button span{
        width: 30px;
        height: 3px;
        float:left;
        margin: 2px 0;
        background: #ebcb6a;
    }
    .n-wrapper_luxuryBlog .header .n-innernav{
        position: absolute;
    }
    .hp_dating_othersity .hp_contents p img {
        width:100%;
        height:auto;
    }
    #topnav_btn {
        display: block !important;
    }
    .n-header {
        height: 60px;
        margin-top: 15px;
    }
    .seo_topnav_mobile {
        display: none;
        padding-bottom: 15px;
    }
    .seo_topnav_mobile button {
        width: 100%;
        color: #fff;
        background: #000;
        float: left;
        padding: 10px 0;
        text-align: center;
        display: block;
        border: 0px;
        border-top: 2px solid #734c00;
        border-bottom: 2px solid #734c00;
    }
    #nav {
        display: none;
    }
    #nav {
        width: 100%;
        background: #666;
        float: left;
        position: relative;
        z-index: 10;
    }
    #nav li {
        width: 100%;
        float: left;
        border-bottom: 1px solid #333;
        display: block;
    }
    #nav li:first-child{
        border-top: 1px solid #333;
    }
    #nav li a {
        line-height: 43px;
        float: left;
        text-align:left;
    }
    .n-sidebar {
        display: none;
    }
    .n-page-right {
        margin: 0px;
        width: 100%;
        float: left;
    }
    .n-header .logo {
        width: 88%;
        height: 100%;
        max-width: 420px;
        float: none;
        display: block;
        margin: 0 auto;
        background-size: 100% auto;
    }
    .n-mainnav {
        padding-top: 0px;
    }
    .n-mainnav ul {
        width: 100%;
        display: table;
        float: none;
    }
    .n-mainnav ul li {
        float: none;
        display: table-cell;
        text-align: center;
        width: 16.6%;
        padding: 0px;
    }
    .n-mainnav ul li a,.n-innernav ul li a {
        width: 100%;
        text-align: center;
        box-sizing: border-box;
    }
    .n-innernav ul li a {
        color: #fff;
    }
    .n-innernav .blog_topnav,.ourblog_top_wrapper .header {
        padding: 0px;
    }
    div.page-link span.current,
div.page-link span, div.page-link a, div.page-link a:hover {
        padding-left: 6px !important;
        padding-right: 6px !important;
        margin-left: 0px !important;
        margin-right: 0px !important;
    }
    .feedback_item_label {
        width: auto;
        min-width:80px;
    }
    .n-mainpage .s_story_detail_item {
        width: 100%;
        float: left;
        margin: 0px !important;
    }
    .n-mainnav #nav li a.current{
        background: none;
        padding-bottom: 0px;
    }
    .forum_container .forumdetails_left h1{
        padding-right:0px;
    }
    .forum_container .forumdetails_left h1 > a{
        position:relative;
        right:auto;
        bottom:auto;
        float:right;
        text-align:right;
        margin-top:15px;
    }
}
@media screen and (max-width:1024px) {
    .n-wrapper_luxuryBlog {
        margin-top:10px;
    }
    .n-wrapper_luxuryBlog .header .hp-header.width {
        width: 98%;
        position: relative;
        padding:10px 0 0;
    }
    .n-wrapper.n-wrapper_luxuryBlog {
        width: 100%;
        max-width: none;
    }
    .n-wrapper_luxuryBlog .ourblog_top_wrapper,
    .n-wrapper_luxuryBlog .blog_main,
    .n-wrapper_luxuryBlog .blog_sidebar,
    .n-wrapper_luxuryBlog .blog_sidebar .sidebarbox {
        width: 100%;
    }
    .n-wrapper_luxuryBlog .blog_topnav a {
        padding-right: 6px;
        padding-left: 15px;
    }
    .n-wrapper_luxuryBlog table.header {
        position: relative;
        min-width: initial;
        padding-left: 10px;
        padding-right: 10px;
    }
    .n-wrapper_luxuryBlog .header .hp-header.width {
        padding-left: 0;
        padding-right: 0;
    }
    .n-wrapper_luxuryBlog .n_mainpage_new {
        margin-top: 0;
        width: 100%;
    }
    .n-wrapper_luxuryBlog .blog_wrapper .m_populars {
        padding-top: 0px;
        padding-left: 0px;
        padding-right: 0px;
        position: relative;
    }
    .n-wrapper_luxuryBlog .blog_wrapper {
        max-width: initial;
        clear: both;
    }
    .n-wrapper_luxuryBlog .blog_wrapper .m_populars ul {
        padding-right: 45px;
        padding-left: 45px;
        text-align: center;
    }
    .n-wrapper_luxuryBlog .blog_wrapper .m_populars ul li {
        width: 106px;
        margin-top: 26px;
        float: none;
        display: inline-block;
        min-height: 170px;
        vertical-align: top;
    }
    .n-wrapper_luxuryBlog .blog_sidebar .sidebarbox {
        float: left;
        text-align: center;
    }
    .n-wrapper_luxuryBlog .blog_sidebar .sidebarbox li {
        float: none;
        display: inline-block;
        vertical-align: top;
    }
    .n-wrapper_luxuryBlog .blog_wrapper .m_populars .m_slide_left {
        position: absolute;
        left: 0;
        top: 50%;
        margin-top: -75px;
    }
    .n-wrapper_luxuryBlog .blog_wrapper .m_populars .m_slide_right {
        position: absolute;
        right: 0;
        top: 50%;
        margin-top: -75px;
    }
    .n-wrapper_luxuryBlog .share {
        z-index: 9;
    }
    .n-wrapper_luxuryBlog .page-link span,
    .n-wrapper_luxuryBlog .page-link a {
        margin-bottom: 10px;
        display: inline-block;
    }
    .n-wrapper_luxuryBlog .sidebarbox.alsolike ul li {
        width: 106px;
    }
    .n-wrapper_luxuryBlog .header .hp-logo a img {
        max-width: 240px;
        width: 100%;
    }
    .n-wrapper_luxuryBlog .blog_main .bloglist li p img {
        width: 100%;
    }
    .n-wrapper_luxuryBlog table.header {
        padding-right: 0;
        padding-left: 0;
    }
    .blog_forum_messages{
        width: 100%;
        max-width: 765px;
        padding-bottom: 10px;
    }
}
@media screen and (max-width:810px) {
    .n-page-right>table td .table_search td{
        width: 100%;
        float: left;
        margin-bottom: 5px;
    }
    .n-page-right>table td .table_search td span{
        float: left!important;
    }
    #a_popup_wrapper.a_popup_wrapper.a_popup_ {
        width: 92%!important;
        padding: 25px 0px;
        margin-left: 4%!important;
        left: auto!important;
    }
    .a_popup_content_box.zoomIn div {
        width: 100%!important;
        max-width: 600px;
    }
    .a_popup_content_box>div,.a_popup_content_box>form {
        margin: 0 auto;
        overflow: hidden;
    }
    .celebrity-ul li:last-child .rh {
        text-align: center;
        margin-top: -30px;
    }
    #a_popup_wrapper .celebrity-ul {
        width: 100%;
        max-width: 600px;
        box-sizing: border-box !important;
        padding: 15px 15px 15px 14px!important;
        margin: 10px auto!important;
        float: none;
        overflow: hidden;
    }
    #a_popup_wrapper .celebrity-ul li label {
        width: 100%;
        text-align: left;
    }
    #a_popup_wrapper .celebrity-ul li .rh .inp,#a_popup_wrapper .celebrity-ul li textarea {
        width: 100%;
        padding: 0!important;
    }
    #a_popup_wrapper .celebrity-ul li .rh .inp {
        height: 30px;
    }
    .n-page-right .frame_main .main_text_l {
        width: 100%!important;
    }
    .n-page-right .page-link {
        margin-right: 0;
    }
    .n_mainpage_new td.dateidea-sidebar,
    .n_mainpage_new td.dateidea-right {
        width: 100%!important;
        float: left;
        margin: 0;
        padding: 0;
    }
    .n_mainpage_new .dateidea-right .dateidea-right-tit {
        height: auto;
        background-size: cover;
    }
    .n_mainpage_new .dateidea-right .dateidea-right-tit .dateidea-sortby {
        display: inline-block;
    }
    .n_mainpage_new .dateidea-right .dateidea-right-tit .input-dateidea {
        margin-left: 10px;
    }
    .n_mainpage_new td.dateidea-centerBlank {
        display: none;
    }
    .reg_header_wrapper {
        padding-bottom: 10px;
    }
    .reg_header_wrapper .reg_logo a {
        width: 100%;
        background-size: 300px;
        background-position: center;
    }
    .reg_header_wrapper .reg_top_signin {
        margin-top: 0;
    }
    .register {
        width: 100%;
        border: 0;
    }
    .register h1 {
        font-size: 18px;
    }
    .registerarea {
        width: 94%;
        padding-right: 3%;
        padding-left: 3%;
        padding-top: 20px;
    }
    .registerarea dt {
        text-align: left;
        width: 100%;
        line-height: 20px;
    }
    .registerarea dl {
        margin-top: 15px;
    }
    .registerarea dd {
        width: 100%;
        margin-bottom: 10px;
        padding-left: 0;
    }
    .registerarea dd input {
        text-indent: 10px;
        width: 100%;
        padding-left: 0;
        padding-right: 0;
    }
    .registerarea dd select {
        width: 100%;
    }
    .register_container .uploadphotoarea h2 {
        padding: 0;
    }
    .registerarea .register_step2_note {
        width: 100%;
        text-align: center;
        padding: 0;
    }
    .registerarea .register_step2_note ul {
        list-style-position: inside;
        margin: 0;
        padding: 0;
    }
    .registerarea dd input.input_radio {
        margin: 9px 8px 0 0 !important;
    }
    .registerarea dd span.register_terms {
        text-align: left;
        float: none;
    }
    .registerarea .terms {
        text-align: left;
    }
    .faq_rightarea,
    .faq_new_right {
        width: 100% !important;
        margin: 0px !important;
    }
    div.faq_nav_list, .faq_rightarea ul, .faq_rightarea_index .faq_search {
        padding-left: 0px!important;
    }
    div.faq_nav_list .forum_right {
        width: 100% !important;
    }
    .logout_center_new {
        width: 100%;
        margin: 0px auto;
    }
    .logout_center_new h4 {
        margin: 10px auto !important;
    }
    .d_sign_list_logout {
        width: 80%;
        margin: 0 10%;
    }
    .d_sign_list_logout+div {
        background: none;
        margin: 0 10%;
        padding-left: 0;
    }
    .d_sign_list_logout+div>a {
        margin: 0;
    }
    .forum_container .forum_pagenav .page-link span,
    .forum_container .forum_pagenav .page-link a {
        margin-bottom: 10px;
        display: inline-block;
    }
    .forum_container .forum_right {
        width: 100%;
        max-width: none;
    }
    .blogs_content .blog_sidebar {
        width: 100%;
        padding-left: 0;
        display: block;
    }
    .n_blog_sidebar_box {
        width: 100%;
    }
    .blog_page_left {
        width: 100%;
        display: block;
    }
    .blogs_content div.page-link span,
    .blogs_content div.page-link a {
        display: inline-block;
        margin-bottom: 8px;
    }
    .blogs_content .blog_sidebar .mailus02,
    .blogs_content .blog_sidebar .mailus02 a {
        width: 100%;
        background-size: 100%!important;
    }
    #msgTable table input,
    #msgTable table select,
    #msgTable input[style="width:350px"],
    #msgTable table textarea {
        width: 90%!important;
        box-sizing: border-box;
    }
    div.Unelected.d_success_stories_page_right {
        width: 100%;
        padding: 0px;
        margin: 0px;
        text-align: center;
        float: left;
    }
    #msgTable table .sharestory_agreement input,.tips-detail-list li div {
        width: auto!important;
    }
    .share_story_right,.sharestory_agreement {
        padding: 0!important;
    }
    .n-wrapper td.share_story_right {
        padding-right: 0;
        padding-left: 0;
    }
    .n-wrapper td.share_story_right div.Unelected {
        width: 100%;
        float: none;
        padding-right: 0;
        padding-left: 0;
    }
    .n-wrapper td.share_story_right .d_success_stories_page_right {
        width: 100%;
        line-height: 38px;
        height: 40px;
        margin-left: 0;
        text-align: center;
    }
    .n-comment-list_border .s_story_detail_item b {
        width: 100%;
    }
    .n-wrapper #hp_mainnav {
        width: 100%;
        padding-right: 0;
    }
    .n-wrapper #hp_mainnav .header_nav {
        border-right: 0;
        margin-bottom: 10px;
        height: auto;
    }
    .n-wrapper #hp_mainnav .signin {
        margin-right: 10px;
    }
    .n-wrapper #hp_mainnav .header_nav a {
        padding-left: 0;
        padding-right: 8px;
    }
    .n-wrapper .n-header .logo {
        width: 100%;
        background-position: center;
    }
    .n_mainpage_presskit .n_press_banner img {
        width: 100%;
    }
    .n_mainpage_presskit .n_press_img_left {
        width: 100%;
        text-align: center;
    }
    .n_mainpage_presskit .n_press_img_left img {
        margin: 10px;
        display: inline-block;
        float: none;
    }
    .n_mainpage_presskit .presskit_box h2 {
        height: auto;
        font-size: 28px;
    }
    .n_mainpage_presskit .n_press_img_right {
        width: 100%;
    }
    .n_mainpage_presskit .presskit_box div.cssY {
        display: none;
    }
    .n_mainpage_presskit .press_article h2 {
        padding-right: 15px;
        padding-left: 15px;
        max-width: calc(100% - 30px);
        font-size: 16px;
    }
    .n_mainpage_new .luxury_item {
        width: 100%;
        padding-left: 0;
        padding-right: 0;
        margin-left: 0;
        margin-right: 0;
    }
    .n_mainpage_new .luxury_item .luxury_img,
    .n_mainpage_new table.luxuries-search,
    .n_mainpage_new .luxury_item .luxury_img img {
        width: 100%;
    }
    .n_mainpage_new .btn_luxuryphoto_new_wrapper {
        width: auto;
    }
    .n_mainpage_new .btn_luxuryphoto_new_wrapper a.btn_luxuryphoto_new {
        right: 10px;
        color: #e6e6e6;
        bottom: 100px;
        background: #f5f2e7;
        border-radius: 5px;
        padding-top: 10px;
    }
    .n_mainpage_new td .mtv_title,
    .n_mainpage_new td .mtv_description {
        width: 100%;
    }
    .n_mainpage_new td .mtv_item,
    .n_mainpage_new td .mtv_item .mtv_img {
        width: 100%;
        padding-left: 0;
        padding-right: 0;
        margin-right: 0;
        margin-left: 0;
    }
    .n_mainpage_new td .mtv_item .mtv_img img {
        max-width: 100%;
    }
    .vipmembers-rightbg .or {
        display: none;
    }
    .vipmembers .vipmembers-rightbg {
        background: none;
        padding: 10px 20px 10px 20px;
    }
    .a_topwrapper{
        min-width:100%!important;
    }
    .unlogin_topnav_mobile {
        display: block;
        position: absolute;
        right: 8px;
        top: 25px;
    }
    .unlogin_topnav_mobile button {
        border: 0px;
        width: 42px;
        background: none;
    }
    .unlogin_topnav_mobile button span {
        width: 30px;
        height: 3px;
        float: left;
        margin: 2px 0;
        background: #ebcb6a;
    }
    .a_topwrapper .a_topnav {
        position: absolute;
        left: 0px;
        top: 73px;
        background: #666;
        padding-left: 0px;
        display: none;
        width: 100%;
    }
    .a_topwrapper .a_topnav ul {
        width: 100%;
        float: left;
    }
    .a_topwrapper .a_topnav ul li {
        float: left;
        width: 100%;
    }
    .a_topwrapper .a_topnav ul li a {
        color: #fff!important;
        padding: 12px 15px;
        width: 100%;
        box-sizing: border-box;
        border-bottom: 1px solid #333;
    }
    .a_topwrapper .a_toplogo a {
        margin: 16px 0 16px 15px;
    }
    .hp_dating_othersity h1{
        padding-top:28px;
    }
    .hp_dating_othersity .hp_contents p{
        line-height:20px;
    }
    #topnav_btn{
        display:block!important;
    }
}
@media screen and (min-width:569px) {
    #nav{
        display:block!important;
    }
}
@media screen and (max-width:568px) {
    .n-wrapper_luxuryBlog .header .hp-header.width{
        width:100%;
    }
    .register .or_register,.register .or_register img{
        width: 100%;
        max-width: 350px;
    }
    #nav .hide_on_pc {
        display: block!important;
    }
    .certified_logo_text {
        padding: 5px 1px 2px;
    }
    .tr_bg_color .n_userslist_tab>tbody>tr>td{
        width: 100%;
        float: left;
    }
    .tr_bg_color .n_userslist_tab .user_info_descr_middle,
    .tr_bg_color .n_userslist_tab .n_userslist_links{
        width: 100%;
        float: left;
    }
    .tr_bg_color .n_userslist_tab .n_userslist_links{
        padding-bottom: 10px;
        border: 0;
    }
    .tr_bg_color .n_userslist_tab .n_userslist_links table{
        margin: 0;
        border: 0;
    }
    .tr_bg_color .n_userslist_tab .n_userslist_links table td{
        padding-left: 0px;
    }
    .n_userslist_tab.n_userslist_tab_new>tbody>tr>td{
        padding: 0 5px 0 0!important;
    }
    .n_mainpage_new.n_mainpage_presskit .a_popup_wrapper {
        max-width: calc(100% - 10px);
        margin-left: 0;
        left: 0;
        padding: 0;
        margin: 5px;
    }
    .n_mainpage_new.n_mainpage_presskit .a_popup_wrapper .a_delete {
        width: 100%;
        display: inline-block;
    }
    .n_mainpage_new.n_mainpage_presskit .a_popup_wrapper .a_delete a {
        right: 10px;
        top: 10px;
    }
    .n-wrapper .n-header .logo {
        background-size: 86%;
    }
    #msgTable table tr {
        width: 100%;
        float: left;
        padding: 5px 0;
    }
    #msgTable table tr.ss-story_tip{
        padding:0;
    }
    #msgTable table tr.ss-story_tip td{
        padding:0;
    }
    #msgTable table tr.ss-story_tip #good_story{
        padding:15px 0 10px;
    }
    #msgTable table tr.ss_other_advice{
        padding-top:0;
    }
    #msgTable table tr.ss_other_advice td[align="right"]{
        padding-top:0;
    }
    #msgTable table td {
        float: left;
        width: 100%;
        text-align: left;
        padding: 3px 0;
        box-sizing: border-box;
        height: auto;
    }
    #msgTable table input,
    #msgTable table select,
    #msgTable input[style="width:350px"],
    #msgTable table textarea {
        width: 100%!important;
        box-sizing: border-box;
    }
    #msgTable table td p {
        text-align: left!important;
    }
    #msgTable table td.btn_sharestory {
        text-align: center;
    }
    #msgTable table td.btn_sharestory button {
        float: none;
        margin: 0px;
        display: inline-block;
    }
    #msgTable input[name="anonymous"] {
        width: auto !important;
    }
    .tips_sharestory {
        padding-left: 0px;
    }
    .dateidea-sidebar {
        width: 100%!important;
        float: left;
    }
    .tips-right {
        width: 100%;
        margin: 0px!important;
        float: left;
    }
    .tips-right h2 {
        padding: 25px 0;
    }
    .n-comment-list_border .s_story_detail_item {
        width: 100%;
        float: left;
        margin: 0!important;
        margin-top: 10px!important;
    }
    .forum_container .forum_mainnav .f_right {
        display: none;
    }
    .forum_container .forum_mainnav a {
        padding-left: 16px;
        padding-right: 16px;
    }
    .forum_container .forum_topicdetails li .f_right h2 span {
        line-height: 18px;
        padding-bottom: 10px;
        float: left;
    }
    .forum_container .forum_details_footer span {
        line-height: 25px;
    }
    .forum_container .forum_details_footer a {
        padding: 5px;
    }
    .forum_container {
        padding-left: 7px!important;
        padding-right: 7px!important;
    }
    .forum_container .forum_list ul li .forum_list_footer> .f_right {
        padding-top: 5px;
    }
    .forum_container .forum_mainnav a {
        padding-right: 8px;
    }
    .forum_container .forum_mainnav a:first-child {
        padding-left: 29px;
    }
    .forum_container .forum_mainnav a.current {
        padding-left: 10px;
        padding-right: 10px;
    }

    table.n_bloglist_table.title_border {
        width: 100%;
        overflow: scroll;
        display: block;
    }
    .blog_content_main input.tipsFontFamily {
        width: 200px!important;
    }
    .blog_content_main button.icon_search {
        margin-left: 0px;
    }
    .singles_list li {
        width: 100%!important;
        padding: 5px 15px;
        box-sizing: border-box;
    }
    .reactivate_user {
        width: 100%;
        padding-bottom: 50px;
    }
    .reactivate_user input[value="Reactivate"] {
        margin-top: 30px;
    }
    .d_dating_resources {
        padding: 0;
        box-sizing: border-box;
        word-break: break-all;
    }
    .d_dating_resources img {
        max-width: 300px;
        height: auto;
    }
    .adv_banners {
        padding: 0 15px;
        box-sizing: border-box;
    }
    .adv_banners img {
        max-width: 320px;
        height: auto;
    }
    .adv_banners textarea {
        width: 100%;
    }
    #hp_mainnav {
        width: 100%;
    }
    .menu_mobile {
        display: block;
        float: left;
        width: 25px;
        margin: 13px 0 0 15px;
    }
    #hp_mainnav .header_nav {
        width: 100%;
        border: none;
        padding: 0;
        margin: 0px;
        position: absolute;
        left: 0px;
        top: 36px;
        display: none;
    }
    #hp_mainnav .header_nav a {
        width: 100%;
        background: #333;
        float: left;
        padding: 5px 15px!important;
        margin: 0 0 0 -15px;
        text-align: center;
        border-bottom: 1px solid #666;
    }
    .menu_mobile span {
        width: 100%;
        height: 3px;
        float: left;
        background: #212121;
        margin: 2px 0;
    }
    .blog_messages_centent .blog_personal_introduction{
        margin: 0 0 40px 0!important;
        text-align: center;
        position: relative;
    }
        .blog_messages_centent .blog_personal_introduction div{
        width: 120px;
        margin: 0 auto;
    }
    .blog_email_chat ul li a.a_button{
        position: absolute;
        left: 50%;
        margin-left: -59px;
    }
    .album_left, .album_right {
        float: left;
        width: 100%;
        box-sizing: border-box;
    }
    .resignedbox p {
        padding: 0px;
    }
    .d_sign_list_logout+div>div.big_mobile_icon{
        padding-top: 10px;
        float: none;
        width: 100%;
        text-align: center;
    }
    .logout_center_new .d_sign_list_logout+div{
        clear: both;
        float: none;
    }
    .d_sign_list_logout+div>p{
        text-align: center;
    }
    .d_sign_list_logout+div:before{
        content:'';
        display: block;
        width: 0px;
        height: 0px;
        overflow: hidden;
        padding-bottom: 20px;
    }
    .d_sign_list_logout+div>div.app_down_icon a {
        display: inline-block;
        margin:10px 5px;
        text-align: center;
    }
    .d_sign_list_logout+div>div.app_down_icon {
        padding: 10px 0px 10px 0px;
        float: none;
        text-align: center;
        width: 100%;
    }
    .n-wrapper_luxuryBlog .header .hp-logo a {
        float: none;
        text-align: left;
        width: 100%;
        padding-left:3%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        display: inline-block;
        padding-bottom:8px;
    }
}
@media screen and (max-width: 500px){
    .blog_content_main .blog-sort{
        float:left!important;
    }
}
@media screen and (max-width:376px) {
    .blog_content_main .blog-sort{
        float:left!important;
    }
    .table_scroll {
        width: 300px;
        overflow-x: scroll;
        display: block;
    }
    .table_scroll tbody {
        display: block;
        width: 400px;
    }
    .menu_mobile {
        margin-left: 7px;
    }
    #a_popup_wrapper.a_popup_wrapper .pop_signwithfb ul{
        width:90%!important;
    }
    #a_popup_wrapper.a_popup_wrapper .a_button{
        padding-left:5px!important;
        padding-right:5px!important;
        min-width:85px!important;
    }
}

@media only screen and (min-width:568px ) {
    .blog_content_main .search_blog{
        width:100%;
        float:left;
    }
    .blog_content_main .create_blog{
        width:100%;
        float:left;
    }
    .blog_content_main .create_blog .bloglist_creatblog{
        float:left;
        right:0;
    }
    .a_button.a_button_primary.a_button_smaller.create_blog_btn{
        margin:10px 0 5px 0;
    }
    #column_password .showhide_pass:hover span {
        display: block;
    }
}