.pc-noshow{ display: none;}
.pc1000-center{ width: 1000px;}
.rslides img,.rslides li{ min-height: 280px;}
.fll{ float: left;}
.disinb{ display: inline-block !important}
.disb{ display: block !important}
.hamburger{ display: none;}
.mb-nav{ display: none;}
.ixbtmlogo img{ width: 170px; float: left; margin: 10px 14px;}
.main-cat{ display: inline-block; text-align: center}
.main-cat > div{ width: 230px; min-height: 165px; display: inline-block; margin: 10px 7px; padding: 6px 0px; border: 1px solid #ddd; border-radius: 5px; vertical-align: top; text-align: center; position: relative}
.main-cat > div a{ display: inline-block;}
.main-cat > div a:last-child{ width: 100%; text-align: center; display:block; font-size: 14px; font-weight: bold; color: #2a88d8; position: absolute; bottom: 10px;}
.topsrch{}
.topsrch .col-left{ float: left;}
.topsrch .col-right{}
.topsrch-rwd{display: none}
.breadcrumb{ padding: 10px 0 0 10px;}
.h1ti{ padding-left: 10px; padding-bottom: 10px;}

.rwd-event3 td,.rwd-event3 th{ padding: 15px 20px}
.rwd-event3 strong{ color: rgb(99, 109, 115)}
.rwd-event3 .w105,.rwd-event3 .date{ color: rgb(0, 154, 130); min-width: 120px;}
.rwd-event1{border-collapse:collapse;}
.rwd-event1 td,.rwd-event1 th{ border: 1px solid #eee; padding: 10px 10px;}
.rwd-event1 th{ background: #eee }
.rwd-event1 th:nth-child(2){ min-width: 75px;}
.rwd-event1 a{ color:#00f;}
.rwd-event2 td,.rwd-event2 th{ padding: 10px; box-sizing: border-box}
.rwd-cart-cupon { text-align: right; display: inline-block}
.rwd-cart-cupinfo{ margin-right: 10px;}
.rwd-cart-cupon > div{ float: left;}
.rwd-mainwrap{ padding:0 10px; box-sizing: border-box; padding-bottom: 15px;}
.gotop{ position:fixed; z-index: 3; bottom: 70px; right: 16px; display: none; cursor: pointer}

/******************
 TABLET LAYOUT
******************/
@media screen and (max-width: 800px) {
    
    /*temp*/
    
    /*temp*/
   
    /*top and nav*/
    /*index RWD fixed*/
    .top-banner td{float: left;}
    .rwd-head{}
    .pc-noshow{ display: block}
    /*hamburg and nav*/
    #hamburg{ position: absolute; right: 10px; top: 20px; display: block; z-index: 3; }
    #hamburg .line{ width: 40px; height: 40px; background: #fff; transition: all 0.5s; }
    #hamburg .line span{ position: relative; width: 75%; height: 2px; background: #000; margin: 0 auto; display: block; top: 33.333333%; }
    #hamburg .line span:nth-child(2){ top: 66.666666%; }
    #hamburg.active .line{ -moz-transform:rotate(90deg); -webkit-transform:rotate(90deg); -o-transform:rotate(90deg); -ms-transform:rotate(90deg); transform:rotate(90deg); } 
    .megamenu_container{ display: none;}
    .mb-nav{ width: 100%; background: #e1e1e1; padding: 15px 10px; box-sizing: border-box; background: #fff;}
    .mb-nav > div{ width: 100%; display: inline-block; padding-left: 10px;}
    .mb-nav > div > a{ width: 100%; box-sizing: border-box; display: inline-block; padding: 10px 0; font-size: 16px; font-weight: bold;}
    .navtxt-sp{ float: left; margin-right: 5px;}
    .secnav h3{ font-size: 15px; color: #666; margin-bottom: 5px;}
    .thirdnav .main a{ display: inline-block; margin-top: 5px; margin-bottom: 5px;color: #2a88d8; font-size: 14px; color: #666; font-weight: bold;}
    .thirdnav .sub{ margin-left: 10px; font-size: 13px;}
    .thirdnav .sub a{font-size: 13px; margin-bottom: 5px; display: inline-block;}
    .bybrand{ display: none}
    .mb-nav .addcolor,.mb-nav .addcolor h3{ color: #2a88d8}
    
    .secnav{ display: none;}
    .secnav .thirdnav{ display: none;}
    .mb-footer td{ width: 100% !important; float: left; box-sizing: border-box}
    .mb-footer .copy strong {padding-left: 15px;}
    .ix-ads a{ width: 50%; display: inline-block}
    .ix-ads a img{ width: 100%}
    .ixbtmlogo{ text-align: center}
    .ixbtmlogo > div{display: inline-block}
    .ixbtmlogo a{}
    .ixbtmlogo img{ width: 170px; float: left;}
    .topsrch{ display: none;}
    .topsrch-rwd{display: block}
    .topsrch-rwd .col-left{ float: left;}
    .logo{ margin: 15px 0}
    
   
    
    
    /*normal setup*/
    .rwd100p{ width: 100%;}
    .pc1000-center{ width: 100%}
    .mb-noshow{ display: none;}
    table{ width: 100% !important;}
    td{ width: 100% !important;}
    .width-auto{ width: auto !important}
    .rwd-img{ width: 100%;}
    .rwd-p-size{ font-size: 15px;}
    .rwd-pd-0{ padding: 0 !important}
    .img-rwd{ max-width: 100%;}
    
    /*font-size setup*/
    body{ font-size: 15px;line-height: 25px;}
    font{ font-size: 13px;}
    h2{ font-size: 19px;line-height: 36px;}
    h3{ font-size: 17px;line-height: 30px;}
    A.page-box, A.page-box:visited, A.page-box:hover{ font-size: 14px;}
    TD.sort-header{ width: 33% !important; font-size: 13px; line-height: 20px;}
    td{ font-size: 15px; line-height: 25px;}
    .page-location a, .page-location a:active, .page-location a:visited, .page-location a:hover{ font-size: 13px;}
    .nav-location, A.nav-location, A.nav-location:visited, A.nav-location:hover{ font-size: 13px;}
    LI{font-size: 15px;line-height: 25px;}
    P, P.paragraph, P.small, p.block{ font-size: 15px; line-height: 25px;}
    #tabs ul.tabs li.tabs.active a{ font-size: 13px; line-height: 25px;}
    #tabs ul.tabs li.tabs a{ font-size: 13px; line-height: 25px;}
    #tabs div{ font-size: 15px; line-height: 25px;}
    #tab-2 p{ font-size: 15px;line-height: 25px;}
    .MsoNormal{ font-size: 15px !important;}
    .price-detail-our{ font-size: 17px;}
    .field-entry{ font-size: 15px;line-height: 25px;}
    INPUT.text, INPUT.text-right{ font-size: 15px; line-height: 25px;}
    .small, A.small, A.small:visited, A.small:hover{ font-size: 13px;}
    .left-menu-active, A.left-menu-active, A.left-menu-active:visited, A.left-menu-active:hover{ font-size: 15px; line-height: 25px;}
    li.listMenu, li.listMenu a, li.listMenu a:active, li.listMenu a:visited, li.listMenu a:hover{ font-size: 15px; line-height: 25px;}
    a.list-link, a.list-link:visited{ font-size: 15px; line-height: 22px;}
    .bold, A.bold, A.bold:visited, A.bold:hover{ font-size: 15px; line-height: 25px;}
    b{ font-size: 15px; line-height: 25px;}
    .copy a:link, .copy a:active, .copy a:visited{ font-size: 14px;}
    
    .rwd-left{ text-align: left}
    .rslides_container,.rslides{ width: 100% !important;}
    .rslides img,.rslides li{ height: auto !important;min-height: inherit}
    .no-boxing{ box-sizing: border-box}
    .pd-in-nopad{ padding: 0 !important;}
    .breadcrumb{}
    .breadcrumb td{ width: auto !important; display: inline-block}
    .main-right{ float: left;}
    .main-cat > div{ width: 41%; min-height: 145px; line-height: 17px;}
    .main-cat > div img{ max-width: 90%; height: 90px;}
    .nav-location a{ padding: 1px 4px 1px 4px !important}
        .mb-topphone{ width: 100% !important; box-sizing: border-box; padding-top: 5px !important; padding-bottom: 12px !important;}
    .top-cartsrch{ width: 290px; margin: 0 auto}
    .mb-cart{width:auto !important; float: left; background: #d33832; padding: 4px 8px; padding-bottom: 3px; margin-right: 15px;}
    .mb-cart a{ color: #fff; font-weight: bold; position: relative; top: 1px;}
    .mb-cart a img{ position: relative; top: 2px; width: 25px;}
    .mb-sech{ width:auto !important; float: left;}
    .topsrch-rwd .col-right{ float: left;}
    INPUT.search{ width: 110px; height: 34px;}
    .navtxt-sp{ font-size: 17px;}
    A.page-box, A.page-box:visited{ padding: 1px 5px 1px 5px}
    
    /*products*/
    td.left-nav{ float: left;}
    #div_product_name{ line-height: 30px}
    .pd-img{ width: 120px !important; }
    .pd-img img{ max-width: 120px !important; }
    .pd-rinfo{width: 220px !important;}
    .pd-rinfo table{ width: 90% !important}
    .pd-raddcart td{float: left; text-align: left; padding: 0 !important}
    .pd-bread{ width: 96% !important;}
    .fancybox-opened{ width: 90% !important;}
    .fancybox-inner{ width: 100% !important; height: 90% !important }
    .fancybox-title-float-wrap{ position: inherit; bottom: inherit; width: inherit; left: inherit; right: inherit;}
    .fancybox-title-float-wrap .child{white-space:inherit; margin-right:inherit}
    .rwd-pdbread td{ float: left;text-align: left}
    
    
    .pd-in{ }
    .pd-in td{ width: 100%; float: left; box-sizing: border-box }
    .recent_items{ width: 100% !important;}
    .recent_items .slick-track { width: 100% !important;}
    .recent_items .slick-track > div{ width: 70px !important; }
    .recent_items .slick-slide a div:nth-child(2){ text-overflow: ellipsis; word-break: break-all;white-space: nowrap; overflow: hidden}
    #extra_images{display: none;}
    
    .pd-in-quote{ margin-top: 10px; margin-left: 0 !important;}
    #cart_quantity td{ float: left;}
    #target_img{ width: 95%;}
    #tabs ul.tabs li.tabs a{ padding: 5px 7px 5px 7px }
    #tab-2 table tr > td:first-child{ max-width: 200px !important;}
    #tab-3 td{ width: auto !important}
    
    .rwd-review{ padding: 10px; box-sizing: border-box}
    .rwd-review #div_product_name{ padding: 10px;}
    .rwd-review td{ float: left; text-align: left; box-sizing: border-box}
    .rwd-review #target_img{ width: auto}
    .rwd-review input[type="submit"]{ padding: 10px}
    .rwd-review input[type="button"]{ padding: 10px}
    .crosslink_items{ width: 100% !important;}
    .crosslink_items .slick-track { width: 100% !important;}
    .crosslink_items .slick-track > div{ width: 70px !important; margin: 0 12px;}
    .crosslink_items .slick-slide a div:nth-child(2){ text-overflow: ellipsis; word-break: break-all;white-space: nowrap; overflow: hidden}
    
    .img-border-white{ width: 100px; height: auto !important}
    
    
    /*contact form*/
    .rwd-contact{ padding-left: 15px;}
    .rwd-contact td{ width: 100%; float: left;}
    .rwd-contact iframe{ width: 95%;}
    .rwd-ctform{ width: auto}
    .rwd-ctform td{ float: left; box-sizing: border-box; text-align: left}
    .rwd-ctform input{ width: 80% !important;}
    .rwd-ctform select{padding: 8px 0}
    .rwd-ctform input[type=submit],.rwd-ctform input[type=reset]{ padding: 8px 0; color: #000}
    .rwd-ctform textarea{ width: 80% !important;}
    .rwd-ctform select{ width: 80%;}
    .rwd-ctimg{ width: 100%;}
    .grid-entry input{ width: 40% !important}
    
    /*ABOUT*/
    .rwd-about{}
    .rwd-event3{}
    .rwd-event3 td,.rwd-event3 th{ float: left; box-sizing: border-box}
    .rwd-event3 .date{ text-align: left}
    .rwd-event3 .date:before{content: 'Date：'; font-weight: bold;}
    .rwd-event3 .w105{ text-align: left}
    .rwd-event3 .w105:before{content: 'Manufacturor：'; font-weight: bold;}
    .rwd-event1 td{ float: left; box-sizing: border-box; border:0;padding: 10px 10px}
    .rwd-event1 td:first-child:before{ content: 'Data：'}
    .rwd-event1 td:nth-child(2):before{ content: 'Time：'}
    .rwd-event1 thead{ background: #eee}
    .rwd-event1 th{ float: left;background: #eee}
    .rwd-event2 th{ float: left; width: auto !important; padding:10px; box-sizing: border-box}
    .rwd-event2 td{ float: left; padding: 10px; box-sizing: border-box; text-align: left}
    .rwd-event2 .manufa:before{ content: 'Manufacture：'}
    .rwd-event2 .data:before{content: "Data："}
    .rwd-event2 .pdname:before{content: 'Products：'}
    
    /*CART*/
    .rwd-cart td{ float: left;}
    .rwd-cart td{ text-align: left;font-size: 1.3em}
    .rwd-cart .borderit img{ width: auto}
    .rwd-cart .rwd-price{ margin: 8px 0;}
    .rwd-cart .rwd-price:before{ content: 'Price：';font-weight: bold;}
    .rwd-cart .rwd-totalprice{margin: 8px 0;}
    .rwd-cart .rwd-totalprice:before{ content: 'Total：';font-weight: bold;}
    .rwd-cart-quant:before{content: 'Qty：'; font-weight: bold;}
    TD.list-head-lmargin{ padding: 0}
    TD.list-head-rmargin{ padding: 0}
    .rwd-cart-info{ border-top: 1px solid #ddd; padding-top: 15px;}
    .rwd-cart-info td{ float: left;}
    .rwd-cart .price-label{ font-weight: bold; font-size: 17px;}
    .rwd-final-price td{ width: auto !important; float: left;}
    .rwd-cart-cupinfo{ float: left;}
    .rwd-cart-funt{ border-top: 1px solid #ddd; padding-top: 10px;}
    .rwd-cart-funt td{float: left;text-align: left}
    .rwd-cart-funt td:first-child{display: inline-block}
    .rwd-cart-check{ text-align: left; padding-left: 0 !important}
    .rwd-cart-cupon > div{ text-align: left}
    
    
    /*SIGN*/
    .rwd-sign{}
    .rwd-sign td{ float: left; box-sizing: border-box}
    /*forget PW*/
    .rwd-forgetpw{ }
    .rwd-forgetpw td{ float: left; box-sizing: border-box; padding: 10px 10px !important;}
    /*my account*/
    .rwd-myaccount td{ float: left; text-align: left}
    .rwd-myaccount input[type=text]{ width: 100%;}
    .rwd-myaccount select{ padding: 8px 0}
    /*address book*/
    .rwd-addbok{}
    .rwd-addbok > tr:first-child{ display: none;}
    .rwd-addbok td{ float: left; text-align: left}
    .rwd-addbok .rdelete:before{content: "Remove："; font-weight: bold;}
    .rwd-addbok .rnb:before{content: "NO："; font-weight: bold;}
    .rwd-addbok .rname:before{content: "Name："; font-weight: bold;}
    .rwd-addbok .rcompany:before{content: "Company："; font-weight: bold;}
    .rwd-addbok .rcity:before{content: "City："; font-weight: bold;}
    .rwd-addbok .rstate:before{content: "State："; font-weight: bold;}
    .rwd-addbok .rcountry:before{content: "Country："; font-weight: bold;}
    .main-body{ font-size: 15px;}
    
    /*ADD New Address*/
    .rwd-address-bread{}
    .rwd-address-bread td{ width: 100%; float: left; text-align: left; padding: 10px 0 }
    .rwd-addnewadd{}
    .rwd-addnewadd td{ float: left; box-sizing: border-box; text-align: left}
    .rwd-addnewadd input[type=text]{ max-width: 300px}
    .rwd-addnewadd select{ padding: 8px 0}
    /*checkout shipping*/
    .rwd-shipping{}
    .rwd-shipping input[type=text]{ max-width: 300px}
    .rwd-shipping td{ float: left; box-sizing: border-box; text-align: left}
    .rwd-shipping H2.top{ font-size: 15px; line-height: inherit}
    .cart-title{ font-size: 15px; line-height: 25px;}
    .oriwidth{ width: auto}
    /*Payment*/
    .rwd-payment{}
    .rwd-payment td{ float: left;box-sizing: border-box; text-align-last: left}
    .rwd-payment .rwd-tableti{font-weight: bold;}
    .rwd-slectship td{ width: auto; float: inherit}
    .rwd-shipmethod-note{ padding: 0 !important; text-align: center}
    /*QUOTE*/
    .rwd-quote{ box-sizing: border-box; padding: 15px;}
    .rwd-quote td{ width: 100%; float: left; text-align: left; box-sizing: border-box}
    .rwd-quote input[type=text]{ width: 99% !important;}
    .rwd-quote textarea{ width: 90% !important;}
    .rwd-quote input[type=submit],.rwd-quote input[type=reset]{ padding: 8px 0; color: #000; font-weight: bold;}
    
    .rwd-policy{}
    .rwd-policy span{ font-size: 15px;}
    
    
    

    
    
}


/******************
 MOBILE LAYOUT
******************/
@media screen and (max-width: 440px) {
    .main-cat{ display:inline-block; text-align: center;}
    .main-cat > div{ width: 41%; min-height: 134px; line-height: 17px;}
    .main-cat > div img{ max-width: 90%; height: 90px;}
    .ixbtmlogo { text-align: center}
    .ixbtmlogo > div{width: 45%; display: inline-block}
    .ixbtmlogo img{ padding: 0; margin: 0; width: 100%;}
}
@media screen and (max-width: 340px) {
    .recent_items .slick-track > div{ width: 28% !important; margin-left: 0 !important;margin-right: 0 !important}
    .recent_items .slick-track > div a div:first-child{ height: 70px; text-align: center}
    .recent_items .slick-track > div img{ width: auto !important; max-height: 60px; display: inline-block; text-align: center}
    
}