/* responsive */

img {
    height:auto;
    max-width:100%;
}

.content_box img {
    max-width:100%;
    height:auto !important;
}

.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:60px;
    }
    #header {
        margin-bottom:10px;
    }
    .top-bar {
        height:50px;
        background:#FFF;
        position:fixed;
        left:0;
        right:0;
        top:0;
        box-shadow:0 0 7px #ccc;
        z-index:999;
    }
    .logo-res {
        position:absolute;
        left:32%;
        top:0;
        bottom:0;
        line-height:50px;
        width:36%;
        background:#FFF;
        z-index:999;
    }
    .logo-res img {
        max-height:50px;
        width:auto;
        vertical-align:middle;
    }
    .header-wrap-mobile {
        display:inline-block;
        position:absolute;
        right:5px;
        top:7px;
        left:50px;
        text-align:right;
    }
    .language {
        display: inline-block;
        vertical-align: middle;
        padding: 9px 10px;
        position: relative;
    }
    .search-neo {
        position:absolute;
        left:5px;
    }
    .search-neo form {
        right:unset;
    }
    .btn-search-neo {
        width:30px;
    }
    .search-neo form:after {
        left: 10px;
        right:unset;
    }
    .wishlist-neo {
        padding:0;
    }
    .wishlist-neo-note {
        top:35px;
        right:-20px;
    }
    .sold_out {
        font-size:11px;
        bottom:5px;
        left:5px;
        padding:2px 5px;
        line-height:18px;
    }
    .account-option {
        padding-top:10px;
    }
    .news-col-left {
        padding:0 10px;
    }
    .newsletter-box {
        padding:0 10px;
    }
    .newsletter {
        margin-top:20px;
    }
    .footer-widget-wrap {
        padding:0 !important;
        width:100% !important;
    }
    .footer-widget-item {
        border-bottom:1px solid #eee;
        padding:5px 10px !important;
        position:relative;
    }
    .footer-widget-item-none {
        padding:10px;
    }
    .footer-widget-content {
        display:none;
    }
    .footer-widget-title {
        margin:0;
        position:relative;
    }
    .footer-widget-item:after {
        position:absolute;
        top:18px;
        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;
    }
    .hidden-md {
        display:none;
    }
    .show-md {
        display:block;
    }
    .scroll-glosbe span {
        font-size: 40px;
    }

    .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_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:#000;
        float:left;
        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-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;
    }
    .filter-by-mobile .row {
        margin-left:0;
        margin-right:0;
    }
    .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%;
    }
    .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-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;
    }
    .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:relative;
        top:50px;
        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:#000;
        float:left;
        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-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.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%;
    }
    .content_plist .products_content,
    .list-item {
        float:left;
        text-align:center;
        width:100%;
        display:-webkit-box;
        display:-webkit-flex;
        display:-ms-flexbox;
        display:flex;
        -webkit-flex-flow:row wrap;
        -ms-flex-flow:row wrap;
        flex-flow:row wrap;
        -webkit-box-pack:justify;
        -webkit-justify-content:space-between;
        -ms-flex-pack:justify;
        justify-content:left;
    }
}

@media (max-width:980px) {
    .popupcart {
        width:100%;
    }
}

@media (max-width:768px) {
    .scroll-glosbe span {
        font-size: 30px;
    }
    .product-img:before {
        display:none;
    }
    .left-cmt-box {
        margin-bottom:30px;
        border:0;
    }
    .right-cmt-box {
        padding:10px;
        border:none;
    }
    .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) {
    .subscribe-wrapper {
        display: unset;
    }
    
    .popup_bg {
        width: 100%;
    }
    
    .popup_content_box {
        width: 100%;
    }
    .box-table-scroll {
        width:100%;
        overflow:hidden;
        overflow-x:scroll;
        margin-top:0;
        padding-top:25px;
    }
    .box-table-scroll::-webkit-scrollbar {
        width:4px;
        height:4px;
    }
    .box-table-scroll::-webkit-scrollbar-track {
        background:#f1f1f1;
        border-radius:2px;
    }
    .box-table-scroll::-webkit-scrollbar-thumb {
        background:#ccc;
        border-radius:2px;
    }
    .box-table-scroll::-webkit-scrollbar-thumb:hover {
        background:#3cc;
    }
    #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 #f583b4;
        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:500;
        content:attr(data-title);
    }
    .panel_body table {
        width:100%;
    }
    #footer table td {
        width:100% !important;
        display:block;
        margin-bottom:10px;
    }
}

@media (max-width:480px) {
    .cmt-img {
        text-align:left;
        margin-bottom:10px;
    }
    .cmt-cnt img.user {
        float:left;
        margin-right:10px;
    }
    .cmt-cnt {
        border-bottom:1px solid #eee;
    }
    .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%;
    }
    #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) {
    .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;
    }
}

#wrapper .video-container {
    position:relative;
    padding-bottom:56.25%;
    padding-top:30px;
    height:0;
    overflow:hidden;
    margin-bottom:20px;
}

#wrapper .video-container iframe,
#wrapper .video-container object,
#wrapper .video-container embed {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
}
.margin-center {
    margin: 0 auto;
    float: none;
}
/* responsive */