img {

    height: auto;

    max-width: 100% ;

}

.content_box img{max-width: 100%;height: auto !important;border-radius: 10px;}
.content_box table{
    max-width: 100% !important;
}

.footer-widget-title .over-btn{

    display: none;

}

@media (min-width: 1024px) {

    .hidden-lg{

        display: none;

    }

    .col-md-20 {

        float: left;

        width: 20%;

    }

    .col-md-40 {

        float: left;

        width: 40%;

    }

    .col-md-80 {

        float: left;

        width: 80%;

    }

}

@media (max-width: 1024px) {

    #sb-site, .sb-site-container {

    }

    .container {

        width: 100%;

        box-sizing: border-box;

    }

    #wrapper {

        padding-top: 50px;
        margin: 0 auto;
        max-width: 640px;
        background: #FFF;

    }

    #header{

        margin-bottom: 10px;

    }

    .slide-wrap {

        width: 100%;

    }

    .slide-box {

        padding: 0;

    }

    #header-bottom:after {

        display: none;

    }

    .owl-prev{

        left:0;

    }

    .owl-next{

        right: -1px;

    }

    .service-item:hover {

        margin: 0;

    }

    .search-neo .search-box {

        width: 180px;

    }

    .search-neo form {

        padding: 5px;

    }

    .search-neo .search-box input[type="text"] {

        height: 30px;

    }

    .search-neo form button {

        height: 30px;

        width: 30px;

        line-height: 30px;

    }
    .bg-panel{
        padding: 0;
    }

    .tab-detail table{
        width: 100% !important;
    }

    .top-bar {

        height: 40px;

        background: #FFF;

        position: fixed;

        left: 0;

        right: 0;

        top: 0;

        box-shadow: 0 0 7px #ccc;

        z-index: 99;

    }

    .logo-res {

        position: absolute;

        left: 70px;

        top: 2px;

    }

    .logo-res img {

        max-height: 36px;

        width: auto;

        float: left;

    }

    .header-wrap-right {

        display: inline-block;

        position: absolute;

        right: 15px;

        top: 5px;

    }

    .footer-widget-wrap {

        padding: 0 !important;

        width: 100% !important;

    }

    .footer-widget-item {

        border-bottom: 1px solid #eee;

        padding: 10px !important;

        position: relative;

    }

    .footer-widget-item-none {

        padding: 10px;

    }

    .footer-widget-content {

        display: none;
        margin-top: 10px;

    }

    .footer-widget-title {

        margin: 0;

        position: relative;

    }

    .footer-widget-item:after {

        position: absolute;

        top: 20px;

        right: 10px;

        content: '';

        border-top: 7px solid #ccc;

        border-bottom: 0 solid transparent;

        border-left: 5px solid transparent;

        border-right: 5px solid transparent;

    }

    .footer-widget-title .over-btn{

        display: block;

        position: absolute;

        content: '';

        left: 0;

        right: 0;

        top: 0;

        bottom: 0;

        z-index: 99999;

    }

    .page-info-img img {
        max-width: 20%;
    }
    .page-info-img:before,
    .page-info-img:after {
        width: 38%;
    }

    .hidden-md{

        display: none;

    }

    .show-md{

        display: block;

    }

    .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {

        float: left;

    }

    .col-md-12 {

        width: 100%;

    }

    .col-md-11 {

        width: 91.66666667%;

    }

    .col-md-10 {

        width: 83.33333333%;

    }

    .col-md-9 {

        width: 75%;

    }

    .col-md-8 {

        width: 66.66666667%;

    }

    .col-md-7 {

        width: 58.33333333%;

    }

    .col-md-6 {

        width: 50%;

    }

    .col-md-5 {

        width: 41.66666667%;

    }

    .col-md-4 {

        width: 33.33333333%;

    }

    .col-md-3 {

        width: 25%;

    }

    .col-md-2 {

        width: 16.66666667%;

    }

    .col-md-1 {

        width: 8.33333333%;

    }

    /* filter */

    .filterValue {
        display: inline-block;
        vertical-align: middle;
        list-style: none;
    }

    .filterValue li {
        display: inline-block;
        vertical-align: middle;
    }

    .filterValue li span {
        cursor: pointer;
        display: inline-block;
        margin: 2px 4px 2px 0;
        font-size: 13px;
        line-height: 18px;
        color: #fff;
        padding: 5px 7px;
        background-color: #009bd6;
        -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
        border-radius: 3px;
    }
    .filterValue li.del-all span {
        background: #c10017;
    }
    .filterValue li span i {
        width: 12px;
        height: 14px;
        display: inline-block;
        vertical-align: middle;
        margin-left: 5px;
        background-position: -132px -77px;
        background-image: url(../img/icondt.png);
    }

    .filter_mobile_wrap{background-color:#f7f7f7;

        height:100%;

        opacity:1;

        position:fixed;

        top:50px;

        bottom:0;

        left:100%;

        transition:transform .5s ease;

        width:100%;

        z-index:999999;

        display:unset}

        .filter_mobile_wrap.active{transform:translate(-100%,0px)}

        .filter_mobile_wrap .backlink{padding:0 10px}

        .filter_mobile_wrap .backlink a{background-color:rgba(0,0,0,0);

        background-image:url(../img/i_mt8.png);

        background-position:left center;

        background-repeat:no-repeat;

        background-size:21px auto;

        color:#333;

        float:left;

        font-family:Roboto;

        font-size:14px;

        font-weight:400;

        height:45px;

        line-height:45px;

        padding-left:28px;

        text-transform:uppercase;

        display:block;

        width:100%}

        .filter_mobile_wrap .f_d_item_title{background:#fff none repeat scroll 0 0;

        color:#888;

        float:left;

        font-family:Roboto;

        font-size:14px;

        font-weight:400;

        height:40px;

        line-height:40px;

        padding-left:10px;

        text-align:left;

        text-transform:uppercase;

        width:100%}

        .filter-box{border-bottom:1px solid #eee;

        padding-bottom:10px}

        .filter-by-mobile{

        float:left;

        width:100%;

        margin-bottom:10px;

        padding:10px 0;

        background: #FFF;

        }

        .filter-by-mobile .row{

}

        .filter-by-mobile .col-xs-4{padding-left:0;

        padding-right:0}

        .filter-by-mobile .filterBtn{

        color:#4f749e;

        cursor:pointer;

        float:left;

        padding:0;

        text-align:center;

        width:100%;

        line-height: 36px;

        }

        .filter-by-mobile .filterBtn span {
            display: block !important;
            margin: 0 auto !important;
            text-align: center !important;
            margin-bottom: 5px !important;
        }

        .filter-by-mobile .filterBtn a{text-decoration:none}

        .filter-by-mobile .filterBtn .icon-filter{background-image:url(../img/icons%401x-cf9e550cd7.png);

        background-position:-27px -53px;

        display:inline-block;

        height:19px;

        line-height:35px;

        margin-right:4px;

        margin-top:0;

        vertical-align:middle;

        width:17px}

        .filter-by-mobile .filterBtn .filterBtnText{display:inline-block;

        font-family:Roboto;

        font-size:14px;

        font-weight:400;

        line-height:17px;

        max-width:80%;

        text-align:left;

        text-decoration:none;

        vertical-align:middle;

        white-space:normal;

        text-align:center}

        .filter-by-mobile .filterBtn .icon-sort{background-image:url(../img/icons%401x-cf9e550cd7.png);

        background-position:0 -75px;

        display:inline-block;

        height:20px;

        line-height:35px;

        margin-right:4px;

        margin-top:-2px;

        vertical-align:middle;

        width:15px}

        .filter-by-mobile .filterBtn .icon-brand{

background:url(../img/icon-star.png) center no-repeat;

display:inline-block;

height:19px;

line-height:35px;

margin-right:4px;

margin-top:0;

vertical-align:middle;

width:17px;

display: block;

text-align: center;

margin: 0 auto;

}

        .filter-by-mobile .filterBtn .i_gridView{background:rgba(0,0,0,0) url(../img/i_icon10_ac.png) no-repeat scroll 0 0;

        display:inline-block;

        height:13px;

        vertical-align:-3px;

        width:18px}

        .filter-by-mobile .filterBtn .i_listView{background:rgba(0,0,0,0) url(../img/i_icon11_ac.png) no-repeat scroll 0 0;

        display:inline-block;

        height:13px;

        vertical-align:-3px;

        width:18px}

        .box_filter_mobile{height:100%;

        left:100%;

        position:fixed;

        top:0;

        width:100%;

        z-index:25}

        .box_filter_mobile .box_filter_mobile_content{

background-color:#efefef;

height:100%;

opacity:0;

position: fixed;

overflow-y: auto;

top: 40px;

transition:transform .5s ease;

width:100%;

z-index:99999;

}

        .box_filter_mobile .box_filter_mobile_content.active{opacity:1;

        transform:translate(-100%,0px);

        z-index:9999}

        .box_filter_mobile .box_filter_mobile_content .box_filter_mobile_content_c{float:left;

        width:100%;

        display:none;

        background-color:#efefef}

        .box_filter_mobile .box_filter_mobile_content .box_filter_mobile_content_c.active{display:block}

        .box_filter_mobile .box_filter_mobile_content .box_filter_mobile_content_c.filter-lv2{background-color:#f7f7f7;

        height:100%;

        opacity:1;

        position:absolute;

        top:0;

        left:100%;

        transition:transform .5s ease;

        width:100%;

        z-index:999999;

        display:unset}

        .box_filter_mobile .box_filter_mobile_content .box_filter_mobile_content_c.filter-lv2.active{transform:translate(-100%,0px)}

        .box_filter_mobile .box_filter_mobile_content .backlink{background-color:#efefef;

        border-bottom:1px solid #d5d2d1;

        float:left;

        padding-left:10px;

        width:100%}

        .box_filter_mobile .box_filter_mobile_content .backlink a{background-color:rgba(0,0,0,0);

        background-image:url(../img/i_mt8.png);

        background-position:left center;

        background-repeat:no-repeat;

        background-size:21px auto;

        color:#333;

        float:left;

        font-family:Roboto;

        font-size:14px;

        font-weight:400;

        height:45px;

        line-height:45px;

        padding-left:28px;

        text-transform:uppercase;

        display:block;

        width:100%}

        .box_filter_mobile .box_filter_mobile_content .f_d_content{float:left;

        height:auto;

        overflow-x:hidden;

        overflow-y:scroll;

        width:100%}

        .box_filter_mobile .box_filter_mobile_content .f_d_content .f_d_item{float:left;

        width:100%}

        .box_filter_mobile .box_filter_mobile_content .f_d_content .f_d_item .f_d_item_title{background:#fff none repeat scroll 0 0;

        color:#888;

        float:left;

        font-family:Roboto;

        font-size:14px;

        font-weight:400;

        height:40px;

        line-height:40px;

        padding-left:10px;

        text-align:left;

        text-transform:uppercase;

        width:100%}

        .box_filter_mobile .box_filter_mobile_content .f_d_content .f_d_item .f_d_item_content{height:100%;

        overflow:hidden;

        float:left;

        text-align:left;

        width:100%}

        .box_filter_mobile .box_filter_mobile_content .f_d_content .f_d_item .f_d_item_content .c_item{border-top:1px solid #d7d7d7;

        float:left;

        width:100%}

        .box_filter_mobile .box_filter_mobile_content .f_d_content .f_d_item .f_d_item_content .c_item a{background:rgba(0,0,0,0) none repeat scroll 0 0;

        color:#444;

        float:left;

        font-size:14px;

        font-weight:400;

        height:40px;

        line-height:40px;

        padding-left:20px;

        text-transform:none;

        width:100%}

        .box_filter_mobile .box_filter_mobile_content .f_d_content .f_d_item .f_d_item_content .c_item a img {

            max-height: 25px;

            display: inline-block;

            vertical-align: middle;

        }

        .box_filter_mobile .box_filter_mobile_content .f_d_content .f_d_item .f_d_item_content .c_item a.active i{background:#fff url(../img/i_check.png) no-repeat scroll center center}

        .box_filter_mobile .box_filter_mobile_content .f_d_content .f_d_item .f_d_item_content .c_item a i{background:#fff none repeat scroll 0 0 padding-box;

        border:1px solid #dcdcdc;

        border-radius:5px;

        float:right;

        height:25px;

        margin-right:10px;

        margin-top:10px;

        width:25px}

        .content_plist{border-top:1px solid #f1f1f1;

        float:left;

        padding-right:15px;

        width:100%}

}

@media (max-width: 980px) {

    .popupcart {

        width: 100%;

    }

}

@media (max-width: 768px) {

    .special-header .bg-special {

        display: none;

    }

    .special-header .special-title:after {

        display: none;

    }

    .special-header .special-title {

        padding: 10px;

        padding-right: 45px;

        display: block;

    }

    .special-header {display: block;}


    #product-right-content{

        padding-right: 0;

    }

    .hidden-sm{

        display: none;

    }

    .show-sm{

        display: block;

    }

    .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {

        float: left;

    }

    .col-sm-12 {

        width: 100%;

    }

    .col-sm-11 {

        width: 91.66666667%;

    }

    .col-sm-10 {

        width: 83.33333333%;

    }

    .col-sm-9 {

        width: 75%;

    }

    .col-sm-8 {

        width: 66.66666667%;

    }

    .col-sm-7 {

        width: 58.33333333%;

    }

    .col-sm-6 {

        width: 50%;

    }

    .col-sm-5 {

        width: 41.66666667%;

    }

    .col-sm-4 {

        width: 33.33333333%;

    }

    .col-sm-3 {

        width: 25%;

    }

    .col-sm-2 {

        width: 16.66666667%;

    }

    .col-sm-1 {

        width: 8.33333333%;

    }

}

@media (max-width: 640px) {

    .hidden-xs{

        display: none;

    }

    .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {

        float: left;

    }

    .col-xs-12 {

        width: 100%;

    }

    .col-xs-11 {

        width: 91.66666667%;

    }

    .col-xs-10 {

        width: 83.33333333%;

    }

    .col-xs-9 {

        width: 75%;

    }

    .col-xs-8 {

        width: 66.66666667%;

    }

    .col-xs-7 {

        width: 58.33333333%;

    }

    .col-xs-6 {

        width: 50%;

    }

    .col-xs-5 {

        width: 41.66666667%;

    }

    .col-xs-4 {

        width: 33.33333333%;

    }

    .col-xs-3 {

        width: 25%;

    }

    .col-xs-2 {

        width: 16.66666667%;

    }

    .col-xs-1 {

        width: 8.33333333%;

    }
    .item-tl{
        width: 40%;
    }
    .item-ct{
        width: 60%;
    }

    #table-cart {

        border: 1px solid #eee;

    }

    #table-cart table, #table-cart thead, #table-cart tbody, #table-cart th, #table-cart td, #table-cart tr {

        display: block;

        width: 100%;

        box-sizing: border-box;

    }

    #table-cart thead{

        display: none;

    }

    #table-cart tr {

        border-bottom: 1px solid #a2a2a2;

        background: #fdfdfd;

    }

    #table-cart tr:nth-of-type(2n+1) {

        background: #fbfbfb;

    }

    #table-cart td {

        border: none;

        border-bottom: 1px solid #eee;

        position: relative;

        padding-left: 35%;

        white-space: normal;

        text-align: left;

    }

    #table-cart td:before {

        position: absolute;

        top: 6px;

        left: 10px;

        width: 45%;

        padding-right: 10px;

        white-space: nowrap;

        text-align: left;

        font-weight: 700;

        content: attr(data-title);

    }

    .video-container {

        position: relative;

        padding-bottom: 56.25%;

        padding-top: 30px;

        height: 0;

        overflow: hidden;

        margin-bottom: 20px;

    }

    .video-container iframe,

    .video-container object,

    .video-container embed {

        position: absolute;

        top: 0;

        left: 0;

        width: 100%;

        height: 100%;

    }

    .panel_body table{

        width: 100%;

    }

    #footer table td{

        width:100% !important;

        display: block;

        margin-bottom: 10px;

    }

}

@media (max-width: 480px) {

    #tbl_contact th,

    #tbl_contact td{

        width: 100%;

        display: block;

        text-align: left;

    }

    .txt, .txta {

        width: 100%;

        box-sizing: border-box;

    }

}

@media (max-width: 360px){

    #cart_btn{

        max-width: 100%;

    }

    .hidden-ss{

        display: none;

    }

    .col-ss-1, .col-ss-2, .col-ss-3, .col-ss-4, .col-ss-5, .col-ss-6, .col-ss-7, .col-ss-8, .col-ss-9, .col-ss-10, .col-ss-11, .col-ss-12 {

        float: left;

    }

    .col-ss-12 {

        width: 100%;

    }

    .col-ss-11 {

        width: 91.66666667%;

    }

    .col-ss-10 {

        width: 83.33333333%;

    }

    .col-ss-9 {

        width: 75%;

    }

    .col-ss-8 {

        width: 66.66666667%;

    }

    .col-ss-7 {

        width: 58.33333333%;

    }

    .col-ss-6 {

        width: 50%;

    }

    .col-ss-5 {

        width: 41.66666667%;

    }

    .col-ss-4 {

        width: 33.33333333%;

    }

    .col-ss-3 {

        width: 25%;

    }

    .col-ss-2 {

        width: 16.66666667%;

    }

    .col-ss-1 {

        width: 8.33333333%;

    }

}

@media (max-width: 320px) {

    #tbl_contact input[type="text"],

    #tbl_contact textarea {

        width: 100%;

        box-sizing: border-box;

    }

}