@media screen and (max-width: 1200px) {

    header ul.h_bottom>.h_f_search #h_input_cate,
    header ul.h_bottom>.h_f_search #h_input_text,
    header ul.h_bottom>.h_f_search #h_button,
    header ul.h_bottom>.h_f_search #h_btn_gotosale {
        font-size: 12px;
        height: 30px
    }

    header .h_top .h_member>a {
        font-size: 14px
    }

    header ul.h_bottom {
        padding: 0
    }

    header ul.h_bottom>.h_f_search #h_btn_gotosale {
        padding: 5px 10px 5px
    }

    header ul.h_bottom>.h_f_search #h_input_cate {
        padding: 2px 20px 2px 15px
    }

    header ul.h_bottom>.h_f_search #h_input_text {
        padding: 0 10px
    }

    header ul.h_bottom>.h_f_search .h_boxsearch {
        width: 200px;
        height: auto
    }

    header ul.h_bottom>.h_f_search .btn_cate_select {
        height: auto
    }

    header ul.h_bottom>.h_f_search #h_button {
        font-size: 26px;
        line-height: 32px;
        vertical-align: top;
        width: 36px;
        overflow: hidden
    }

    header ul.h_bottom>.h_s_message {
        display: block
    }

    header ul.h_bottom>li .s_h1,
    header ul.h_bottom>li .s_h2 {
        text-align: left;
        float: left;
        height: auto
    }

    header ul.h_bottom>li .s_h2 {
        padding-top: 5px;
        padding-left: 5px
    }

    header #h_logo>img {
        height: 90px
    }

    #product_view>h1 {
        font-size: 26px
    }

    #product_view .headinfo .address .location,
    #product_view .headinfo .address .time,
    #product_view .headinfo .favorite,
    #product_view .colRight .productid,
    #product_view .colRight .contactinfo>li a {
        font-size: 16px
    }

    #product_view .colRight .contactinfo>li a::before {
        font-size: 20px
    }

    #product_view .colRight a.btnsentmail,
    #product_view .colRight a.btnmessenger {
        font-size: 14px
    }

    #product_view .colRight a.btnsentmail i,
    #product_view .colRight a.btnmessenger i {
        font-size: 16px
    }

    .shopbox .info ul.menu>li a {
        font-size: 16px;
        padding: 5px 10px
    }

    .shopbox .info ul.shopnav>li a {
        font-size: 14px;
        padding: 6px 0 5px 5px
    }

    .shopbox .shoptopgraphic .top_management>a {
        font-size: 14px
    }

    .homehilight>.container .homemessages {
        padding-right: 250px
    }

    .homehilight #homesearch {
        max-width: 380px
    }
}

@media screen and (max-width: 992px) {
    header {
        min-height: auto;
        height: auto
    }

    header {
        padding-bottom: 5px
    }

    #main_service h1 {
        font-size: 24px
    }

    #main_service h3 {
        font-size: 20px
    }

    #main_service ul.service {
        width: 530px;
        height: 530px
    }

    #main_service ul.service a.btn_buy>i {
        font-size: 70px
    }

    #main_service ul.service a.btn_sale>i {
        font-size: 60px
    }

    #main_service ul.service a.btn_shop>i {
        font-size: 50px
    }

    #main_service ul.service a.btn_buy h3 {
        font-size: 24px;
        margin-top: 0;
        margin-bottom: 5px
    }

    #main_service ul.service a.btn_sale h3 {
        font-size: 22px;
        margin-top: 0px;
        margin-bottom: 5px
    }

    #main_service ul.service a.btn_shop h3 {
        font-size: 22px;
        margin-top: 0px;
        margin-bottom: 5px
    }

    #main_service ul.service a.btn_buy p.L1,
    #main_service ul.service a.btn_buy p.L2 {
        font-size: 14px
    }

    #main_service ul.service a.btn_buy,
    #main_service ul.service a.btn_sale,
    #main_service ul.service a.btn_shop {
        padding-top: 25px
    }

    #main_posting .cateoption .boxcategoty {
        width: 550px
    }

    #main_posting .cateoption .boxcategoty .ajaxcate ul.maincate li {
        width: 25%
    }

    #main_posting .cateoption .boxcategoty .ajaxcate ul.maincatesub li a {
        font-size: 14px;
        padding: 12px 5px 5px
    }

    #product_view .colRight .contactinfo>li a {
        padding: 2px 15px
    }

    #product_view>h1 {
        font-size: 20px
    }

    #product_view .headinfo .address .location,
    #product_view .headinfo .address .time,
    #product_view .headinfo .favorite,
    #product_view .colRight .productid,
    #product_view .colRight .contactinfo>li a {
        font-size: 14px
    }

    #product_view .colLeft .information {
        padding: 15px 0px 20px
    }

    #product_view .colLeft .information .price {
        font-size: 24px
    }

    #product_view .colLeft .information .countview {
        font-size: 14px;
        padding-top: 5px
    }

    #product_view .colLeft .information .headinfo {
        font-size: 16px
    }

    #product_view .colLeft .information .htmldesc {
        font-size: 14px
    }

    #product_view .colRight a.btnsentmail,
    #product_view .colRight a.btnmessenger {
        font-size: 12px;
        margin: 0 0 5px
    }

    #product_view .colRight a.btnmessenger {
        margin-bottom: 15px
    }

    #product_view .colRight a.btnsentmail i,
    #product_view .colRight a.btnmessenger i {
        display: none
    }

    #product_view .colRight .recommentpost ul li img {
        float: none;
        width: 100%
    }

    #product_view .colRight .recommentpost ul li .divinfo {
        padding-left: 0
    }

    .shopbox .info ul.menu>li a {
        font-size: 12px
    }

    .shopbox .management ul.contactinfo>li a {
        padding: 2px 10px;
        font-size: 15px
    }

    .shopbox .management ul.productcate>li a,
    .shopbox .management>p.shopdesc {
        font-size: 14px
    }

    .shopbox .management .hcate {
        font-size: 18px
    }

    .shopbox .management {
        width: 30%
    }

    .shopbox .info {
        width: 70%
    }

    .shopbox .management>h1.shopname {
        font-size: 20px
    }

    .shopbox .info ul.menu>li a {
        padding: 5px 6px
    }

    .shopbox .info ul.shopnav>li a {
        font-size: 13px
    }

    .profilebox .management>ul:not(.contactinfo) li a::before,
    .profilebox .management>ul.contactinfo li a::before {
        font-size: 14px
    }

    .profilebox .management>ul:not(.contactinfo) li a,
    .profilebox .management>ul.contactinfo li a {
        padding: 5px 20px 5px 20px;
        font-size: 14px
    }

    .profilebox .management .thumbnailProfile .username {
        font-size: 14px
    }

    .profilebox .info .title {
        font-size: 18px
    }

    .homehilight h1 {
        font-size: 20px
    }

    .homehilight h3 {
        font-size: 18px
    }

    .homehilight,
    .homehilight>.container {
        height: 315px
    }

    .homehilight>.container .people {
        height: 213px;
        width: 160px
    }

    .homehilight>.container .people .messages {
        height: 125px;
        width: 130px
    }

    .homehilight>.container .people .messages span {
        margin-top: 34px;
        font-size: 14px;
        line-height: 14px
    }

    .homehilight>.container .people .messages strong {
        font-size: 30px
    }

    .homehilight #homesearch input[type='text'],
    .homehilight #homesearch button {
        height: 55px
    }

    .profilebox .info {
        padding: 20px 10px
    }
}

@media screen and (max-width: 768px) {
    #box-category {
        padding-top: 0
    }

    .btn-quick-post {
        width: 100%;
        padding: 10px 5px;
        font-size: 18px;
        height: 50px
    }

    ul#HeadMemberMenu>li {
        padding: 0px 0px
    }

    ul#HeadMemberMenu>li ul>li>a {
        padding-top: 10px;
        padding-bottom: 10px
    }

    #header>.container {
        padding: 0
    }

    #headmenu .navbar-toggle {
        margin-top: 0px;
        margin-bottom: 0px
    }

    #headmenu a.main-logo img {
        height: 40px;
        margin-left: 15px
    }

    #MemberMenuSub {
        background: #fff;
        margin-top: 15px;
        position: relative
    }

    ul#HeadMemberMenu ul.dropdown-menu::before,
    ul#HeadMemberMenu ul.dropdown-menu::after {
        left: 0px;
        top: -21px;
        right: 0px
    }

    ul#HeadMemberMenu ul.dropdown-menu::after {
        top: -19px
    }

    #HeadMemberMenu li.or {
        display: none
    }

    #HeadMemberMenu {
        margin: 0
    }

    #HeadMemberMenu li.li-login:first-child {
        border-right: 1px solid #fff
    }

    #HeadMemberMenu li.li-login {
        width: 50%;
        text-align: center;
        display: inline-block;
        padding: 0;
        float: left
    }

    #HeadMemberMenu li.li-login a {
        font-size: 18px;
        background: #f8f8f8;
        display: block
    }

    ul#HeadMemberMenu>li .caret {
        display: none
    }

    ul#HeadMemberMenu>li>a {
        max-width: none;
        padding: 13px 15px;
        display: block;
        font-size: 18px;
        height: 50px;
        text-align: center;
        background: #f8f8f8;
        text-decoration: none !important
    }

    ul#HeadMemberMenu>li>a:hover {
        background: #18bc9c;
        color: #fff
    }

    header #h_logo>img {
        height: 75px
    }

    header .search {
        padding: 5px 0;
        padding-bottom: 7px
    }

    header .h_top .h_member>a,
    header .h_top .h_member>i,
    .goog-te-gadget-simple .goog-te-menu-value span {
        font-size: 12px
    }

    header .h_top .lang_box .goog-te-gadget-simple {
        padding-top: 0px
    }

    header .h_top {
        height: 25px;
        padding: 0 5px
    }

    header ul.h_bottom {
        width: 100%
    }

    header ul.h_bottom>.h_s_message,
    header ul.h_bottom>.h_f_search #h_btn_gotosale {
        display: none
    }

    #box_pop_cat_select .ajax_cate ul.maincate li {
        height: 110px
    }

    #box_pop_cat_select .ajax_cate ul.maincate li a {
        font-size: 16px;
        padding-top: 15px
    }

    #box_pop_cat_select .ajax_cate ul.maincate li a>i {
        font-size: 30px
    }

    #main_posting .message {
        font-size: 24px
    }

    #main_posting .cateoption .boxcategoty .ajaxcate ul.maincatesub li {
        width: 50%
    }

    #search_data {
        padding: 10px;
        padding-top: 5px
    }

    #search_data .searchnav i {
        font-size: 30px !important;
        line-height: 30px
    }

    #search_data .searchnav a {
        font-size: 20px;
        padding-left: 33px
    }

    #search_data .boxsearch .filter {
        padding-bottom: 5px
    }

    #search_data .boxsearch .filter>select {
        float: none !important;
        margin-bottom: 5px
    }

    #search_data .searchnav * {
        font-size: 18px !important;
        line-height: 18px
    }

    #search_data .searchnav a span {
        white-space: nowrap;
        font-size: 14px !important
    }

    #search_data ul.maincate li {
        width: 33.33%
    }

    #product_view .colRight {
        padding-left: 0;
        margin-top: 20px
    }

    #product_view .colRight a.btnsentmail i,
    #product_view .colRight a.btnmessenger i {
        display: inline-block;
        font-size: 13px
    }

    #product_view .colRight .recommentpost ul li img {
        float: left;
        width: 100px
    }

    #product_view .colRight .recommentpost ul li .divinfo {
        padding-left: 110px
    }

    .shopbox .management>h1.shopname {
        font-size: 18px
    }

    .shopbox .management>p.shopdesc,
    .shopbox .management ul.contactinfo>li a::before {
        font-size: 14px
    }

    .shopbox .management ul.contactinfo>li a {
        font-size: 16px
    }

    .shopbox .management .hcate {
        font-size: 16px;
        padding: 15px 15px 0
    }

    .shopbox .management ul.productcate>li a {
        font-size: 13px
    }

    .shopbox .management,
    .shopbox .info {
        width: 100%;
        margin: 0;
        padding-left: 0
    }

    .shopbox .management {
        position: absolute;
        width: 250px;
        top: 0;
        left: -250px;
        z-index: 1;
        border-radius: 0
    }

    .bottominfo.open>.management {
        left: 0
    }

    .shopbox .shoptopgraphic {
        border-radius: 0;
        width: 100%;
        margin-bottom: 0
    }

    .shopbox .management .mobilemenu {
        display: block
    }

    .shopbox .info .shopbody .howtopay {
        padding: 0
    }

    .shopbox .info .shopbody .orderbox .headerorder .col-md-3 {
        padding-top: 10px;
        font-size: 16px
    }

    .shopbox .info .shopbody .orderbox .headerorder h2 {
        font-size: 20px
    }

    .shopbox .info .shopbody .orderbox .headerorder .col-md-9 {
        padding: 0
    }

    .shopbox .info .shopbody .orderbox .orderlist {
        margin-top: 0
    }

    .shopbox .info ul.menu>li {
        display: none
    }

    .shopbox .info ul.shopnav>li.mobile,
    .shopbox .info ul.shopnav>li.gotocart {
        display: block
    }

    .shopbox .info ul.shopnav {
        padding: 0
    }

    .shopbox .info ul.shopnav>li:not(.mobile) {
        padding-top: 8px
    }

    .shopbox .info ul.shopnav>li:not(.mobile)>a {
        font-size: 16px
    }

    .shopbox .management ul.mobilemenu {
        display: block
    }

    .form-horizontal .control-label {
        font-size: 16px
    }

    .shopbox .management .shopsearch {
        padding-left: 10px;
        padding-right: 10px
    }

    .profilebox .info {
        width: auto;
        margin-left: 0;
        padding: 15px 10px
    }

    .profilebox .bgmember {
        width: auto;
        border-radius: 0
    }

    .profilebox .management {
        padding-top: 15px;
        margin-bottom: 10px
    }

    .profilebox .management .thumbnailProfile {
        float: left;
        margin-left: 10px;
        margin-right: 10px;
        border: none;
        padding-bottom: 0
    }

    .profilebox .management .thumbnailProfile .btnEditPhoto span {
        display: none
    }

    .profilebox .management .thumbnailProfile .username {
        font-size: 14px
    }

    .profilebox .management .btnsentmail,
    .profilebox .management .btnmessenger {
        display: block;
        width: 100%
    }

    .profilebox .management .btnmessenger {
        margin-top: 5px
    }

    .profilebox .management ul:not(.contactinfo),
    .profilebox .management ul.contactinfo {
        padding-left: 220px;
        margin-top: 0;
        margin-bottom: 15px
    }

    .profilebox .info .title {
        font-size: 20px
    }

    .homehilight>.container .people {
        height: 160px;
        width: 120px
    }

    .homehilight>.container .people .messages {
        height: 100px;
        width: 110px
    }

    .homehilight>.container .people .messages strong {
        font-size: 22px
    }

    .homehilight>.container .people .messages span {
        margin-top: 31px;
        font-size: 13px;
        line-height: 14px
    }

    .homehilight,
    .homehilight>.container {
        height: 250px
    }

    .homehilight>.container .homemessages {
        padding-right: 20%
    }

    .homehilight h1 {
        font-size: 18px;
        margin-top: 50px
    }

    .homehilight h3 {
        font-size: 15px
    }

    .homehilight #homesearch {
        max-width: 300px;
        padding-top: 10px
    }

    .homehilight #homesearch input[type='text'],
    .homehilight #homesearch button {
        height: 50px;
        font-size: 14px
    }

    ul#HeadMemberMenu {
        margin-right: 0
    }
}

@media screen and (max-width: 550px) {
    header {
        padding-bottom: 0px
    }

    header>.container:not(.hmember) {
        padding-bottom: 5px
    }

    header .mobilelogo {
        float: none;
        padding-top: 25px
    }

    header .h_top {
        height: 25px;
        padding: 0 5px;
        position: absolute;
        top: 0;
        width: 100%
    }

    header #h_logo>img {
        position: relative;
        top: 0;
        width: 100px;
        height: auto
    }

    header #h_logo {
        text-align: center;
        display: block
    }

    header ul.h_bottom .h_f_search {
        width: 348px;
        margin: auto;
        display: block
    }

    header ul.h_bottom>.h_f_search .h_boxsearch {
        width: 160px
    }

    #box_pop_cat_select .ajax_cate ul.maincate li {
        width: 33.33%
    }

    #box_pop_cat_select .ajax_cate ul.maincate li a {
        font-size: 14px
    }

    #box_pop_cat_select .ajax_cate ul.maincate li a>i {
        font-size: 30px
    }

    #main_service ul.service a.btn_buy,
    #main_service ul.service a.btn_sale,
    #main_service ul.service a.btn_shop {
        padding-top: 18px
    }

    #main_service ul.service {
        height: 330px;
        width: 330px
    }

    #main_service ul.service a.btn_buy>i {
        font-size: 50px
    }

    #main_service ul.service a.btn_buy h3 {
        font-size: 20px
    }

    #main_service ul.service a.btn_buy p.L1,
    #main_service ul.service a.btn_buy p.L2,
    #main_service ul.service a.btn_sale p.L1,
    #main_service ul.service a.btn_sale p.L2,
    #main_service ul.service a.btn_shop p.L1,
    #main_service ul.service a.btn_shop p.L2 {
        display: none
    }

    #main_service ul.service a.btn_sale>i {
        font-size: 46px
    }

    #main_service ul.service a.btn_sale h3 {
        font-size: 18px
    }

    #main_service ul.service a.btn_shop>i {
        font-size: 44px
    }

    #main_service ul.service a.btn_shop h3 {
        font-size: 16px
    }

    #main_service h1 {
        font-size: 16px;
        margin-top: 10px
    }

    #main_service h3 {
        font-size: 14px;
        margin-top: 0px
    }

    footer .company {
        font-size: 15px
    }

    footer .contact {
        font-size: 11px
    }

    footer ul.footer li a {
        font-size: 13px
    }

    #main_service ul.service {
        margin-top: 30px
    }

    .boxmember {
        margin: 0;
        padding: 10px 15px 20px
    }

    .main-inner {
        padding-top: 20px;
        padding-bottom: 20px
    }

    #main_posting .cateoption ul {
        width: 100%
    }

    #main_posting .cateoption>a::before {
        display: none
    }

    #main_posting .cateoption>a {
        margin-top: 5px;
        width: 100%;
        text-align: center
    }

    #main_posting .cateoption .boxcategoty {
        width: 100%
    }

    #main_posting .cateoption .boxcategoty .ajaxcate ul.maincate li {
        width: 33.33%
    }

    .shopbox ul.datalist {
        padding: 0 15px
    }

    #main_posting .boxcategoty {
        max-height: 400px;
        overflow-y: auto
    }

    #main_posting .cateoption .boxcategoty {
        top: 100%
    }

    #main_posting .cateoption .boxcategoty .headercate a.back {
        width: 40px
    }

    #main_posting .cateoption .boxcategoty .headercate .search input[type="text"] {
        width: 175px
    }

    #search_data .boxsearch ul.maincatesub li {
        width: auto
    }

    #search_data ul.maincate li {
        width: 100%;
        padding: 2px 0px;
        float: none;
        height: auto
    }

    #search_data ul.maincate li a>img {
        float: left;
        height: 70px;
        margin: 0
    }

    #search_data ul.maincate li a {
        text-align: left;
        font-size: 20px;
        display: block;
        clear: both;
        height: 90px;
        padding: 10px 15px
    }

    #search_data ul.maincate li a p {
        padding-left: 80px;
        padding-top: 20px
    }

    #search_data>h1 {
        font-size: 20px
    }

    .shopbox {
        padding-left: 0;
        padding-right: 0;
        padding-top: 0
    }

    .shopbox .shoptopgraphic .top_management>a {
        font-size: 12px;
        padding: 3px 8px
    }

    .shopbox .shoptopgraphic .top_management {
        bottom: 5px;
        right: 5px
    }

    #main_posting .cateoption>ul {
        min-height: 45px;
        height: auto;
        border: 1px solid #ccc
    }

    .homehilight>.container .people {
        display: none
    }

    .homehilight>.container .homemessages {
        padding-right: 0
    }

    .homehilight,
    .homehilight>.container {
        height: 150px
    }

    .homehilight h1 {
        font-size: 16px;
        margin-top: 24px
    }

    .homehilight h3 {
        font-size: 14px;
        margin-top: 16px
    }

    .homehilight #homesearch {
        padding: 0
    }

    .homehilight #homesearch input[type='text'],
    .homehilight #homesearch button {
        height: 40px
    }

    #box-category h2 {
        font-size: 18px
    }

    ul.datalist>li {
        padding-right: 0;
        padding-left: 0
    }

    .profilebox .management .thumbnailProfile {
        float: none
    }

    .profilebox .management ul:not(.contactinfo),
    .profilebox .management ul.contactinfo {
        padding-left: 0;
        margin-top: 15px
    }

    #box-category h3 {
        font-size: 20px
    }

    #search_data .input-group input[type='text'] {
        font-size: 16px
    }

    #search_data .input-group {
        width: 100%
    }
}

@media screen and (max-width: 400px) {
    #h_logo {
        text-align: center
    }

    #h_logo>img {
        height: 40px;
        margin-left: 15px
    }

    #main_posting .thumb_option_select .thumbnails_upload li {
        width: 46%
    }

    #main_posting .thumb_option_select .thumbnails_upload li a.rotate i {
        font-size: 55px;
        line-height: 50px
    }

    header ul.h_bottom>.h_f_search .btn_cate_select {
        width: 105px
    }

    header ul.h_bottom .h_f_search {
        width: 303px
    }

    header ul.h_bottom>.h_f_search #h_input_cate {
        width: 105px;
        float: right
    }

    #main_service ul.service {
        width: 290px;
        height: 290px
    }

    #main_service ul.service a.btn_buy h3,
    #main_service ul.service a.btn_shop h3,
    #main_service ul.service a.btn_sale h3 {
        font-size: 14px
    }

    #main_service ul.service a.btn_sale>i {
        font-size: 40px
    }

    #main_service ul.service a.btn_shop>i {
        font-size: 38px
    }

    #myModalEmail form {
        padding: 0
    }

    .white-popup-block {
        padding: 0 10px;
        margin-top: 10px
    }

    .white-popup-block h1.header {
        font-size: 20px;
        margin: 0 -10px 15px;
        padding: 10px 20px 15px
    }

    .mfp-close {
        font-size: 30px;
        height: 38px
    }
}