@media only screen and (min-width: 768px) {
    .front-page::before {
        content: 'tablet';
    }
}
@media only screen and (min-width: 1170px) {
    .front-page::before {
        content: 'desktop';
    }
}

@media (min-width: 1200px) {
}
@media (min-width:980px) and (max-width:1199px){
}
@media (min-width:980px) and (max-width:991px){
    #header .col-xs-4 { width: 45.33333333% }
    #header .hd-info {padding-top: 32px;}
    .article-thumb .image.pull-left {float: none; width: 100%; max-height: 239px; height: auto;}
    .article-thumb .image.mRight15 {margin-bottom: 5px;}
}
@media (min-width:768px) and (max-width:979px){
    #header .col-xs-4 { width: 45.33333333% }
    #header .hd-info {padding-top: 32px;}
    #header .search-box, #header .alert-box {margin-top: 10px;}
    #panel .mobile-search .input-group .search-content {background-color: #fff; border: 0;height: 36px;}
    #panel .mobile-search .input-group .searchbox-submit {top:0; right: 0; bottom: 0; border: 0;}
    .header-acount .member-cover {min-height: 280px;}
    .article-thumb .image.pull-left {float: none; width: 100%; max-height: 239px; height: auto;}
    .article-thumb .image.mRight15 {margin-bottom: 5px;}
    .description_detail .box-content ul li {padding: 5px 30px 5px 0;}
    .header-acount .member-inner .clip-mask {
        position: absolute;
        float: none;
        margin: 0;
        bottom: 40px;
        left: 50%;
        margin-left: -60px;
        display: block;
    }
    .header-acount .member-inner .member-content {
        margin-top: 0;
        text-align: center;
        padding: 5px 20px;
    }
}
@media (min-width:768px) {
    .form-horizontal .control-label { text-align: left }
}

@media (max-width:767px){
    .bgmobile {background-color: #00a3e7;}
    .inner {padding: 5px 0;}
    .brandnav.navbar {padding: 8px 0; gap:.25rem}
    .navbar-brand {width: 100%;}
    #header.fixed .navbar-brand {display: none;}
    .nav-control {display: none;}
    #header .search-box, #header .alert-box {margin-top: 10px;}
    #header .alert-box {display: none;}
    .header-acount .member-cover {min-height: 250px;}
    .header-acount .member-inner .clip-mask,.header-acount .member-inner .clip-mask > a > img {border-radius: 50%;}
    .header-acount .member-inner .clip-mask {
        position: absolute;
        float: none;
        margin: 0;
        bottom: 40px;
        left: 50%;
        margin-left: -60px;
        display: block;
    }
    .header-acount .member-inner .member-content {
        margin-top: 0;
        text-align: center;
        padding: 5px 20px;
    }
    .member-statistic .member-tab li a {font-size: 12px;}
    .stickymenu_bottom {display: flex;}
    .article-grid .article-block {gap: .375rem}
    #loop-products.products-list li .item_product .item_action {right: 5px;}
    .main-navigation a.home i {position: absolute; top: -200px;}
    .item_article .article-button a {font-size: 11px;}
    #header .logo a img {margin-left: auto; margin-right: auto;}
    #panel .search-box {margin-bottom: 0; margin-top: 0;}
    #panel .mobile-search .input-group {padding: 0;}
    #panel .mobile-search .input-group .search-content {background-color: #fff; border: 0;height: 36px;}
    #panel .mobile-search .input-group .searchbox-submit {top:0; right: 0; bottom: 0; border: 0;}
    #topbar .box-topmenu {float: right; display: inline-block; margin-left: 20px;}
    .article-thumb .image.pull-left {float: none; width: 100%; max-height: 239px; height: auto;}
    .article-thumb .image.mRight15 {margin-bottom: 5px;}
    .item_article .article-info .article-name {font-size: 16px;}
    .item_article .article-info .article-caption {font-size: 15px;}
    .detail-pro {padding: 0;}
    .pull-right {float: none;}
}
@media (min-width:646px) and (max-width:767px){
    .container {padding-left: 5px; padding-right: 5px;}
    .row {margin-right: -5px; margin-left: -5px;}
    .row [class*="col-"] {padding-left: 5px; padding-right: 5px;}
    .widget .widget_content {padding: .75rem;}
    .small--hide{display:none !important}
}
@media (max-width:645px){
    .nav-tabs > li {float: none; margin-bottom: 0;}
    .nav-tabs > li > a {
        margin-right: 0; margin-bottom: 2px;
        border-radius: 4px;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
    }
    .nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {
        border-bottom-color: #ddd
    }
    .article-comment .postcomment .reviewBt {padding: 0;}
    .article-comment .postcomment .reviewBt .item label {background-color: transparent; text-align: left; padding: 5px 0;}
    .article-comment .postcomment .reviewBt .item input[type="text"] {width: 100%;}
    .article-comment .postcomment .reviewBt .btn-ui-button {position: relative;}
}
@media (max-width:480px){
    #header .hd-info {display: none;}
    .bgContent {padding: 5px 10px;}
    .writereview-loginform .login-social-writereview {text-align: center;}
    .writereview-loginform .login-social-writereview ul {display: inline-block; margin: 0 auto;}
    .writereview-loginform .login-social-writereview li {
        float: left; font-size: 12px;
        margin-top: 0;
        margin-left: 10px;
    }
    .writereview-loginform .login-social-writereview li:first-child {margin-left: 0;}
    .writereview-loginform .login-social-writereview li.social a {
        min-width: inherit;
        line-height: 24px;
        width: 46px;
        padding-left: 46px;
        padding-right: 0;
        white-space: nowrap;
        overflow: hidden;
    }
    .writereview-loginform .login-social-writereview li.social a i {
        font-size: 18px;
        line-height: 40px;
        width: 46px;
        height: 40px;
        border-right: 0;
    }
    .brand-inner {padding: 120px 0 60px;}
    .header-brand .brand-inner .clip-mask {left: 50%; margin-left: -100px; top: 20px; margin-top: 0;}
    .brand-inner .brand-inner-bg {padding:115px 10px 10px;}
    .brand-statistic {height: auto;}
    .brand-statistic .brand-tab {position: relative;}
    .content-list-category .listing-title .orderby-sort-name .orderby .sortby-div {width: 90px;}
    .article-grid.col-sm-6{width:100% !important;}
    .article-thumb .image.pull-left {float: none; width: 100%; max-height: 239px; height: auto;}
    .article-thumb .image.mRight15 {margin-bottom: 5px;}
    .article-comment .list-comment li .review-item {padding-left: 60px;}
    .article-comment .list-comment li .clip-mask {width: 50px; height: 50px;}
    .article-comment .list-comment li .clip-mask > a {
        width: 35px;
        height: 35px;
        margin-top: 5px;
        margin-left: 5px;
    }
    .article-comment .list-comment li .clip-mask > a > img {
        width: 50px;
        margin-top: -7px;
        margin-left: -7px;
    }
    .writereview-loginform .login-social-writereview,.writereview-loginform #popup-login-div, .writereview-loginform .or, .writereview-loginform .social-icon {
        float: none; width: 100%;
        text-align: center;
    }
    #simplemodal-container a.modalCloseImg {top: 10px; right: 10px;}
    .writereview-loginform .or {margin: 10px 0;}
    .writereview-loginform .or:before {position: absolute; top:50%; left: 0; height: 1px; background-color: #f2f4f5; width: 100%; content: '';}
    .writereview-loginform .or span {
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
        box-shadow: none;
        background-color: #fff;
        border: 0;
        padding: 10px 0;
        height: auto;
        position: relative;
        z-index: 1;
    }
    #timzi-photo-detail .fpd-wapper {margin-left: 5px; margin-right: 5px;}
    #timzi-photo-detail .fpd-photo-list>ul>li {width: 50%;}
    #timzi-photo-detail .fpd-photo-list>ul>li .fpd-l-thumb { height: auto;}
}