html,
body{
    width: 100%;
    max-width: 100%;
    height: 100%;
    font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', 'Segoe UI', 'Hiragino Kaku Gothic ProN', 'Yu Gothic', Helvetica,Arial,sans-serif;
}

.container {
    width: 100%;
    max-width: 100% !important;
    padding: 0px;
}

.col-xs-offset-05 {
    margin-left: 6%;
}

@media (min-width: 768px) {
    .col-category {
      position: relative;
      min-height: 1px;
      padding-right: 15px;
      padding-left: 15px;
    }
    .col-category {
      float: left;
    }

    .col-category{
      width: 12.5%
    }
}

nav {
    /*background-image: url('../images/menu_bar.png');*/
    /*background-size: 100% 100%;*/
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#5593ce+0,95b5df+42,ccdaf0+73,fefefe+94,ffffff+100&0.41+0,0.82+1,0.71+17,0.39+55,0+95,0+100 */
    background: -moz-linear-gradient(top,  rgba(85,147,206,0.41) 0%, rgba(87,148,206,0.82) 1%, rgba(111,161,213,0.71) 17%, rgba(149,181,223,0.5) 42%, rgba(172,197,230,0.39) 55%, rgba(204,218,240,0.21) 73%, rgba(254,254,254,0.01) 94%, rgba(254,254,254,0) 95%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  rgba(85,147,206,0.41) 0%,rgba(87,148,206,0.82) 1%,rgba(111,161,213,0.71) 17%,rgba(149,181,223,0.5) 42%,rgba(172,197,230,0.39) 55%,rgba(204,218,240,0.21) 73%,rgba(254,254,254,0.01) 94%,rgba(254,254,254,0) 95%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  rgba(85,147,206,0.41) 0%,rgba(87,148,206,0.82) 1%,rgba(111,161,213,0.71) 17%,rgba(149,181,223,0.5) 42%,rgba(172,197,230,0.39) 55%,rgba(204,218,240,0.21) 73%,rgba(254,254,254,0.01) 94%,rgba(254,254,254,0) 95%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#695593ce', endColorstr='#00ffffff',GradientType=0 ); /* IE6-9 */
}

.navbar-nav {
    padding: 20px 0 0 40px;
}

.navbar-right {
    margin-top: 20px;
}

.header-menu {
    padding: 25px 4%;
    font-family: 'RalewayBold';
}

.logo {
    margin-top: 18px;
    width: 149px;
    height: 62px;
}

.navbar-inverse {
    background-color: transparent;
    border-color: transparent;
    border: none !important;
}

.navbar-nav>li>a {
    color: #000 !important;
    padding: 5px 15px;
}

.navbar-inverse .navbar-nav>.active>a,
.navbar-inverse .navbar-nav>.active>a:focus,
.navbar-inverse .navbar-nav>.active>a:hover {
    color: #fff !important;
    background-color: #FCAF1D;
    border-radius: 10px;
    padding: 5px 15px;
}

.red {
    color: red;
}

.glyphicon-heart-empty:hover {
    color: red;
}

.header-price {
    border: 4px solid #00A9E4;
    font-size: 60px;
    color: #00A9E4;
    text-align: center;
}

.navbar {
    margin: 0;
}

.bg-white{
    background-color: white;
}

.cursor_pointer{
    cursor: pointer;
}

.header-banner {   
    /*background: url('../images/banner.png') center center no-repeat scroll;*/
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
    /*width: 1903px;*/
    width: 100%;
}

.header-banner h1 {
    font-size: 28px;
    color: #00A9E4;
    font-weight: bold;
}

#banner-desc {
    position: absolute;
    top: 250px;
    right: 9%;
    float: left;
    max-width: 400px;
}

.model-name {
    padding-left: 40px;
}

.allmachine {
    background-color: #FCAF1D; color: white; font-weight: bold; padding: 6px 12px; border-radius: 7px;text-decoration: none !important; font-size: 14px; float: right; margin-right: 3.5%;
}
.allmachine:hover {
    background-color: #FCAF1D; color: white;;
}

.dispTable {
    display: table;
    float: none;
    height: 100%;
}

.dispTableCell {
    display: table-cell;
    vertical-align: middle;
    float: none;
}

.icon-container {
    min-height: 62px;
}

.icon-container img {
    margin: 0 auto;
}

.popup-logo {
    padding: 25px 0px;
}

.valigntop {
    vertical-align: top;
}

.valignbtm {
    vertical-align: bottom;
}

.all0 {
    padding: 0;
    margin: 0;
}

.underline{
    text-decoration: underline;
}

.padd0 {
    padding: 0;
}

.padd10 {
    padding: 10px;
}

.padd15 {
    padding: 15px;
}

.paddLR20TB10 {
   padding: 10px 50px;
}

.paddL40R40TB10 {
    padding: 10px 40px;
}

.paddLR40TB10 {
    padding: 10px 80px;
}

.paddTB10LR5 {
    padding: 10px 5px;
}

.paddTB10LR15 {
    padding: 10px 15px;
}

.paddTB0LR15 {
    padding: 0 15px;
}

.paddT12{
    padding-top: 12px;
}

.paddT15{
    padding-top: 15px;
}

.paddT30{
    padding-top: 30px;
}

.paddT55{
    padding-top: 55px;
}

.paddB30{
    padding-bottom: 30px;
}

.paddB50{
    padding-bottom: 50px;
}

.paddL5{
    padding-left: 5px;
}

.paddR0 {
    padding-right: 0;
}

.paddL10{
    padding-left: 10px;
}

.paddL15{
    padding-left: 15px;
}

.paddL20{
    padding-left: 20px;
}

.paddL50 {
    padding-left: 50px;
}

.paddLR5{
    padding-left: 5px;
    padding-right: 5px;
}

.paddLR10{
    padding-left: 10px;
    padding-right: 10px;
}

.paddLR15{
    padding-left: 15px;
    padding-right: 15px;
}

.paddLR20{
    padding-left: 40px;
    padding-right: 20px;
}

.paddLR50{
    padding-left: 50px;
    padding-right: 50px;
}


.paddLR40{
    padding-left: 40px;
    padding-right: 40px;
}

.paddTB5{
    padding-top:5px;
    padding-bottom: 5px;
}

.paddTB10{
    padding-top:10px;
    padding-bottom: 10px;
}

.paddTB30{
    padding-top:30px;
    padding-bottom: 30px; 
}

.margin0{
    margin: 0;
}

.margin0Auto{
    margin: 0 auto;
}

.marginT10{
    margin-top: 10px;
}

.marginLR5{
    margin-left: 5px;
    margin-right: 5px;
}

.marginLR10{
    margin-left: 10px;
    margin-right: 10px;
}

.marginLR50{
    margin-left: 50px;
    margin-right: 50px;
}

.marginT20{
    margin-top: 20px;
}

.marginB10{
    margin-bottom: 10px; 
}

.marginB20{
    margin-bottom: 20px; 
}

.marginB25{
    margin-bottom: 25px; 
}

.marginB30{
    margin-bottom: 30px; 
}

.fs15{
    font-size: 15px; 
}

.fs16{
    font-size: 16px; 
}

.fs18 {
    font-size: 18px;
}

.fs20 {
    font-size: 20px;
}

.fs21 {
    font-size: 21px;
}

.fs22 {
    font-size: 22px;
}

.fs24 {
    font-size: 24px;
}

.fs30{
    font-size: 30px;
}

.fs36{
    font-size: 36px;
}

.theme-container {
    padding-left: 50px;
    padding-right: 50px;
    padding-bottom: 10px;
    padding-top: 10px;
}

.filter-container-buy {
    padding-left: 4%;
    padding-right: 4%;
    padding-bottom: 10px;
    padding-top: 10px;
}

.search-container {
    padding-right: 20px;
}

.search-form {
    width: 315px !important;
    border-radius: 20px;
}

.icon-addon {
    position: relative;
}

.icon-addon.addon-md .glyphicon,
.icon-addon .glyphicon,
.icon-addon.addon-md .fa,
.icon-addon .fa {
    position: absolute;
    z-index: 2;
    right: 10px;
    font-size: 14px;
    width: 20px;
    margin-left: -2.5px;
    text-align: center;
    padding: 10px 0;
    top: 1px;
}

.machine-icon {
    margin: 30px 0 10px 0;
}
 
.machine-icon a {
    color: #000;
}

.machine-icon .active {
    color: #FCAF1D;
}

.flag {
    width:40px;
    height:40px;
}

.no-matches{
    background-color:white; 
    width:93%;
    padding: 20px;
    font-size: 16px;
}

.product-container {
    padding-left: 4%;
    padding-right: 4%;
    padding-top: 30px;
    padding-bottom: 20px;
    background-color: #E6E7E8;
    width: 100%;
}

.rcmtitle {
    margin: 0;
    color: #4D4E50 !important;
    font-weight: 700;
    font-size: 24px !important;
}

.rcmtitle2 {
    text-align: justify;
    margin: 0;
    font-weight: 500;
    font-size: 19px !important;
}

.product {
    border: 3px solid #CDCFD0;
    border-radius: 10px;
    margin-left: 1%;
    margin-right: 1%;
    margin-bottom: 2%;
    background-color: white;
    width: 18%;
}

.rcmproduct {
    border: 3px solid #CDCFD0;
    border-radius: 10px;
    margin-left: 1%;
    margin-right: 1%;
    margin-bottom: 2%;
    background-color: white;
    width: 14%;
}

.eyecatch-text{
    font-size: 34px !important;
    text-align: center;
    margin-right: -40px;
}

.cartbottom{
   padding-top: 10px;
   padding-left: 13px !important;
   padding-bottom: 5px;
}

.product h2 {
    margin: 0;
    font-weight: bold;
}

.product-img {
    /*max-width: 311px;*/
    min-height: 205px;
    max-height: 205px;
    width: 100%;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}

.product .price {
    float: left;
    color: #f57224;
    font-weight: 600;
    font-size: 20px;
}

.product .old-price {
    float: left; 
    font-size: 13px !important;
    color: grey;
    font-weight: 450;
   
}

.rcmproduct .price {
    float: left;
    color: #f57224;
    font-weight: 600;
    font-size: 20px;
}

.rcmproduct .old-price {
    float: left; 
    font-size: 13px !important;
    color: grey;
    font-weight: 450;
   
}

.inspect-icon {
    width: 40px;
    height: 55px;
    padding-bottom: 15px;
}

.pagination {
    /* font-size: 20px; */
    margin: 0;
    /* font-family: 'RalewayMedium'; */
}

.pagination-border {
    border-top: 2px solid #FAFAFA;
    border-bottom: 2px solid #969698;
}

.pagination>li>a,
.pagination>li>span {
    color: #000;
}

.pagination>li>.pagination-dots {
    color: black;
    border: none;
    background-color: transparent;
}

.pagination>li>.pagination-dots:hover,
.pagination>li>.pagination-dots:active, {
    border: 1px solid white !important;
}

.pagination>li>a:hover,
.pagination>li>a:active {
    background-color: white;
    border: 1px solid #FCAF1D;
    color: #FCAF1D;
}

.pagination>li>span:hover,
.pagination>li>span:active {
    background-color: transparent;
}

#modalRegister .modal-content {
    background-color: #DCE1EC;
    padding: 15px;
}

.modal-border {
    border: 3px solid #FCAF1D;
}

.modal-body #email,
.modal-body #pwd,
#email-or-number,
#email-signup,
#pwd-signup,
#confirmpwd-signup {
    background-color: transparent;
    border: 1px solid #000;
    border-radius: 0;
    height: 38px;
}

.style-input input {
    background-color: transparent;
    border: 1px solid #000;
    border-radius: 0;
    height: 38px;
}

.modal-body .control-label {
    border-left: 1px solid #000;
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
    padding: 2px 5px;
    text-align: left;
    font-size: 23px;
}

.close {
    filter: alpha(opacity=100);
    opacity: 1;
}

select[name="price"],select[name="location"],select[name="make"] {
    background-color: #E6E7E8;
    border: none;
    text-align: center;
    -webkit-appearance: none;
    -moz-appearance:none;
    appearance:none;
}

select[name="price"] option,select[name="location"] option,select[name="make"] option {
    color: black;
    font-family: RalewayRegular;
    text-align: left;
    font-size: 14px;
    padding: 2px 0;
}

select option[name="location"]:hover {
  background-color: red !important;
  color: red!important;
  font-size: 10px;
}

select[name="price"] option:checked,select[name="location"] option:checked,select[name="make"] option:checked {
    background: linear-gradient(#FCAF1D, #FCAF1D);
    background-color: #FCAF1D !important; /* for IE */
    color: white !important;
}

select[name="location"] optgroup {
    color: black;
    font-family: RalewayBold;
    text-align: left;
}

#email-or-number::-webkit-input-placeholder {
    font-family: 'RalewaySemiBold';
    font-size: 20px;
}

#email-or-number::-moz-placeholder {
    font-family: 'RalewaySemiBold';
    font-size: 20px;
}

#email-or-number:-ms-input-placeholder {
    font-family: 'RalewaySemiBold';
    font-size: 20px;
}

#email-or-number:-moz-placeholder {
    font-family: 'RalewaySemiBold';
    font-size: 20px;
}

.btn-favourite {
    border-radius: 5px; 
    background-color: #FCAF1D; 
    text-align: center;
    width: 80px; 
    margin-right: 5px;
    border: none;
    padding: 0 10px 0 10px;
}

.btn-signin {
    background-color: #FCAF1D;
    color: #fff;
    padding: 10px 50px;
    border-radius: 15px;
    font-size: 24px;
    outline: none;
    font-family: 'RalewayMedium';
}

.btn-signin:hover,
.btn-signin:focus,
.btn-signin:active {
    color: #fff;
}

.checkbox label,
.radio label {
    padding-left: 25px;
}

#listView,
#gridView{
    cursor: pointer;
}

input[type="checkbox"] {
    -webkit-appearance: none;
    -moz-appearance: none;
    -webkit-transition: box-shadow 200ms;
    border: 1px solid #000;
    width: 17px;
    height: 17px;
    left: 20px;
    top: 5px;
}

input[type="checkbox"]:checked:before {
    content: '';
    display: block;
    width: 5px;
    height: 10px;
    border: solid #000;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    margin-left: 4px;
    margin-top: 1px;
}

.singup,
.needhelp {
    color: #FCAF1D;
}

.forgotpwd,
.signup {
    display: none;
}

.favourites {
    background-color: #FCAF1D !important;
}

.ratingicon {
    height: 25px;
    width: 25px;
}

.signin {
    width: 115px;
    height: 21px;
}

.breadcrumb {
    padding: 10px 0 10px 0 !important;
    list-style: none;
    background-color: #fff;
    border-radius: 4px;
    margin-bottom: 0;
}

.breadcrumb2  {
    color: gray;
    font-size: 20px;
    font-weight: 400;
}

.breadcrumb2 span a,.breadcrumb2 span {
    color: #4D4E50;
    font-size: 22px;
    font-weight: bold;
}

.breadcrumb2 .active {
    color: #FCAF1D;
}

.breadcrumb2 span a:hover {
    color: #FCAF1D;
}

.breadcrumb2 .active a {
    color: #FCAF1D;
}

.breadcrumb2>span a:before {
    padding: 0 5px;
    color: #4D4E50;
    content: "\003e";
}

.benefits {
    background-color: #EDEDEE;
    border-bottom: 10px solid #FCB01E;
}

.requirement {
    border-right: 1px solid #000;
}

.line {
    position: absolute;
    right: -50%;
    top: 30px;
    /* max-width: 300px; */
    z-index: -1;
    width: 100%;
    height: 6px;
}

.sell-icon {
    min-height: 125px;
}

.sell-icon2 {
    min-height: 160px;
}

footer {
    background-color: #0A2331;
    color: #fff;
}

footer .footerbtn {
    text-decoration: none;
    color: #fff !important;
}

footer .footerbtn:hover {
    color: #00ff00 !important;
}

footer .footerbtn:active {
    text-decoration: none;
    color: #00ff00 !important;    
}

footer .footerfont, footer .footerfont3 {
    padding: 0;
    margin-bottom: 3px;
}

.sitemap {
    padding: 40px 0px;
    font-family: 'RalewaySemiBold';
    font-size: 20px;
}

.company {
    padding: 0px 0px 0px 0px;
    font-family: 'RalewayThin';
    font-size: 20px;
}

.slider-nav{
    margin-top: 10px;
}

.slider-nav .slick-slide{
    padding: 0px 5px;
    outline: none;
}

.product_detail_title_bg{
    border: 3px solid #FCAF1D;
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center;
    height: 100%;
    width: 100%;
}

.color_dark{
    color: #4D4E50;
}

.color_orange{
    color:#FCB01D;
}

.color_grey{
    color:#8E9093;
}

.bolder{
    font-weight: bolder;
}

.product_detail_divider{
    border-bottom: 1px solid #FCB01D;
}

.contentRow{
    padding: 0;
    min-height: 70px;
    padding-top: 15px;
}

.btn_buy_now{
    padding: 10px 10px 10px 25px;
    margin-top: 2px;
    margin-bottom: 2px;
    background-color: #58595B;
    height: 50px;
    width: 100%;
    color: white;
    cursor: pointer;
}

.btn_contact{
    padding: 3px 10px;
    background-color: #FCB01D;
    height: 25px;
    width: 100%;
    text-align: center;
    max-width: 150px;
    margin: 0 auto;
    color: white;
    cursor: pointer;   
}

.btn_owner_desc{
    padding: 10px;
    background-color: #FCB01D;
    height: 50px;
    width: 100%;
    max-width: 400px;
    color: white;
    cursor: pointer;   
}

.btn_inspectIcon{
    margin: 10px 0px 10px;
    cursor: pointer;
}

.btn_inspectIcon img{
    float: right; 
    margin: 0 auto; 
    padding-right: 45px;
}

.noBrd{
    border: none;
}

.h_brd{
    border-top: 1px solid #FCB01D;
}

.panel-group .panel {
    border-radius: 0;
    box-shadow: none;
    border-color: #C7C7C7;
    border-left: none;
    border-right: none;
    border-bottom:none;
}

.panel-default{
    max-width: 80%;
    margin: 0 auto;
}

.panel-default > .panel-heading {
    padding: 0;
    border-radius: 0;
    color: #212121;
    background-color: white;
    border-color: #C7C7C7;
}

.panel-default:last-of-type {
    border-bottom:1px solid #C7C7C7;
}

.panel-title {
    font-size: 14px;
}

.panel-title > a {
    display: block;
    padding: 15px;
    text-decoration: none;
}

.more-less {
    float: right;
    color: #4D4E50;
}

.panel-default > .panel-heading + .panel-collapse > .panel-body {
    border-top-color: #C7C7C7;
}

.panel-default > .panel-heading + .panel-collapse .more-less {
    color: #FCB01D;
}

#billingForm .form-control,
#shippngForm .form-control,
#personalForm .form-control{
    outline: none;
    border: none;
}

#billingForm select,
#shippngForm select,
#personalForm select{
    background-color: #FFF3E3;
    -webkit-appearance: none;
    -moz-appearance:none;
    appearance:none;
    font-family: 'RalewaySemiBold';
}
#shippngForm input[type="checkbox"],
#billingForm input[type="checkbox"]{
    background-color: #FFF3E3;
}

#billingForm input,
#shippngForm input,
#personalForm input{
    background-color: #FFF3E3;
    font-family: 'RalewaySemiBold';
}

.nextbtn{
    background-color: #FCB01D;
    color: white;
}

.nextbtn:hover{
    background-color: #FCB01D;
    color: white;
}

.rating-container .rating-stars {
    font-size: 12px;
    height: 20px;
}

.rating-container .rating-stars {
    position: relative;
    cursor: pointer;
    vertical-align: top; 
    display: block; 
    overflow: hidden;
    white-space: nowrap;
}

.latest-title-padL {
    padding-left: 3.5%;
}

.latest-title-padR {
    padding-right: 3.5%;
}

.share-bar {
    list-style-type: none; 
    display: flex; 
    flex-direction: row;
    padding: 0; 
    float: right; 
    margin-top: 10px;"
}

.share-bar li {
    margin-left: 5px;
}

.product-remark {
    font-size: 10px;
    font-weight: bolder;
    background-color: red;
    color: white;
    padding: 1px 3.5px;
    border-radius: 6px;
}

/* common */
.pricedown-ribbon {
    width: 80px;
    height: 80px;
    cursor: pointer;
    overflow: hidden;
    position: absolute;
}
.pricedown-ribbon::before,
.pricedown-ribbon::after {
    position: absolute;
    z-index: -1;
    content: '';
    display: block;
    border: 5px solid red;
}
.pricedown-ribbon span {
    position: absolute;
    display: block;
    width: 150px;
    padding: 3px;
    background-color: red;
    box-shadow: 0 5px 10px rgba(0,0,0,.1);
    color: #fff;
    font: 700 10px/1 'Lato', sans-serif;
    text-shadow: 0 1px 1px rgba(0,0,0,.2);
    text-transform: uppercase;
    text-align: center;
}

.pricedown-ribbon-top-right {
    top: -3px;
    right: -3px;
}
.pricedown-ribbon-top-right::before,
.pricedown-ribbon-top-right::after {
    border-top-color: transparent;
    border-right-color: transparent;
}
.pricedown-ribbon-top-right::before {
    top: 0;
    left: 0;
}
.pricedown-ribbon-top-right::after {
    bottom: 0;
    right: 0;
}
.pricedown-ribbon-top-right span {
    left: -25px;
    top: 20px;
    transform: rotate(45deg);
}

.view_all_machines a {
    color: white; 
    font-weight: bold; 
}

@media (max-width: 767.9px) {
    /*eyecatch  img*/
    .eyecatch_img {
        width: 100%; 
        min-height: 520px;
        max-height: 520px;
     
    }

    .res-favourite-marginT0 {
        margin-top: 0px !important;
    }
    
    .navbar-header {
        
    }
    .navbar {
        border-radius: 4px;
        /**min-width: 400px;**/
    }
    .nav-tabs-justified > li > a {
        border-bottom: 1px solid #ddd;
        border-radius: 4px 4px 0 0;
    }
    .nav-tabs-justified > .active > a,
    .nav-tabs-justified > .active > a:hover,
    .nav-tabs-justified > .active > a:focus {
        border-bottom-color: #fff;
    }
    .nav-justified > li {
        display: table-cell;
        width: 1%;
    }
    .nav-justified > li > a {
        margin-bottom: 0;
    }
    .nav-tabs.nav-justified > li > a {
        border-bottom: 1px solid #ddd;
        border-radius: 4px 4px 0 0;
    }
    .nav-tabs.nav-justified > .active > a,
    .nav-tabs.nav-justified > .active > a:hover,
    .nav-tabs.nav-justified > .active > a:focus {
        border-bottom-color: #fff;
    }
    .nav-tabs.nav-justified > li {
        display: table-cell;
        width: 1%;
    }
    .nav-tabs.nav-justified > li > a {
        margin-bottom: 0;
    }
    .navbar-right .dropdown-menu {
        right: 0;
        left: auto;
    }
    .navbar-right .dropdown-menu-left {
        right: auto;
        left: 0;
    }
    .container {
        /**min-width: 400px;**/
    }
    .navbar-collapse {
        width: auto;
        border-top: 0;
        box-shadow: none;
    }
    .navbar-collapse.collapse {
        display: auto !important;
        height: auto !important;
        padding-bottom: 0;
        overflow: visible !important;
    }
    .navbar-collapse.in {
        overflow-y: visible;
    }
    .navbar-fixed-top .navbar-collapse,
    .navbar-static-top .navbar-collapse,
    .navbar-fixed-bottom .navbar-collapse {
        padding-right: 0;
        padding-left: 0;
    }
    .container > .navbar-header,
    .container-fluid > .navbar-header,
    .container > .navbar-collapse,
    .container-fluid > .navbar-collapse {
        margin-right: 0;
        margin-left: 0;
    }
    .navbar-static-top {
        border-radius: 0;
    }
    .navbar-fixed-top,
    .navbar-fixed-bottom {
        border-radius: 0;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-nav {
        float: left;
        margin: 0;
    }
    .navbar-nav > li {
        /**float: left;**/
    }
    .navbar-nav > li > a {
        padding-top: 7px;
        padding-bottom: 7px;
    }
    .navbar-nav.navbar-right:last-child {
        margin-right: -15px;
    }
    .navbar-left {
        float: left !important;
    }
    .navbar-right {
        float: right !important;
    }
    .navbar-form .form-group {
        display: inline-block;
        margin-bottom: 0;
        vertical-align: middle;
    }
    .navbar-form .form-control {
        display: inline-block;
        width: auto;
        vertical-align: middle;
    }
    .navbar-form .control-label {
        margin-bottom: 0;
        vertical-align: middle;
    }
    .navbar-form .radio,
    .navbar-form .checkbox {
        display: inline-block;
        padding-left: 0;
        margin-top: 0;
        margin-bottom: 0;
        vertical-align: middle;
    }
    .navbar-form .radio input[type="radio"],
    .navbar-form .checkbox input[type="checkbox"] {
        float: none;
        margin-left: 0;
    }
    .navbar-form .has-feedback .form-control-feedback {
        top: 0;
    }
    .navbar-form {
        width: auto;
        padding-top: 0;
        padding-bottom: 0;
        margin-right: 0;
        margin-left: 0;
        border: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
    }
    .navbar-form.navbar-right:last-child {
        margin-right: -15px;
    }
    .navbar-text {
        float: left;
        margin-right: 15px;
        margin-left: 15px;
    }
    .navbar-text.navbar-right:last-child {
        margin-right: 0;
    }
}

.slider-for {
    max-width: 100%;
    max-height: 100%;
    height: auto;    
    width: auto\9; /* ie8 */
    /*overflow: hidden;  */ 
}

.slider-for #sliderimg {
    max-width: 100%;
    max-height: 100%;
    height: auto;    
    width: auto\9; /* ie8 */
    margin: 0 auto;   
}

.slider-nav {
    overflow: hidden;
    height: 120px;
}

.slider-nav img {
    height: 120px;
    width: 160px;
}

.slider-nav .slick-slide {
    width: auto !important;
}

.slick-next {
    z-index: 99;
}

#about dd {
    margin-bottom: 2em;
}

ul.numeric-decimals { counter-reset:section; list-style-type:none; padding-left: 0px;text-align: justify;}
ul.numeric-decimals >li { list-style-type:none;text-align: justify; }
ul.numeric-decimals >li > ul > li { list-style-type:none;text-align: justify; }
ul.numeric-decimals >li > ul > li > ul > li{ list-style-type:none;text-align: justify; }
ul.numeric-decimals >li > ul { counter-reset:subsection; padding-left: 0px;text-align: justify;}
ul.numeric-decimals >li > ul > li > ul { counter-reset:subsubsection; padding-left: 0px;}
ul.numeric-decimals >li:before{
    counter-increment:section;
    content:counter(section) ".  ";/*content:"Section " counter(section) ". ";*/
    font-weight: bold;
}
ul.numeric-decimals >li >ul >li:before {
    counter-increment:subsection;
    content:counter(section) "." counter(subsection) ".  ";
    font-weight: bold;
}

ul.numeric-decimals >li >ul >li >ul >li:before {
    counter-increment:subsubsection;
    content:counter(section) "." counter(subsection) "." counter(subsubsection) ".  ";
    font-weight: bold;
}

#termstab h1{
    font-size: 18px;
    margin-top: 15px;
}

#termstab li {
    margin-bottom: 10px;
}

#termstab span.st {
    font-weight: 700;
}

#termstab span.it {
    font-style: italic;
}


.tb02 {
    margin: 10px;
}

.tb02 th, .tb02 tr, .tb02 td{
    border: 1px solid;
    padding: 5px 18px;
}

dd , dt{
    text-align: justify;
}

.boldclick {
    color: black;
    text-decoration: none; 
}
.boldclick:hover, .boldclick:focus, .boldclick:active {
    color: black;
    text-decoration: none; 
}

.footerlink{
    color: black;
    text-decoration: none;
}

.footerlink:hover, .footerlink:focus, .footerlink:active{
    color: black;
    text-decoration: none;
}

.detailresfs1 {
    margin-left: 25px;
}

.detailresfs2 {
    margin-left: 25px;
}

.itemfont{
    font-size: 14px;
}

.machinenamefont{
    font-size: 12px;
    text-align: center;
    color:gray;
    font-weight: bold;
}

.res-display-in {
    display: inline-block;
}

.res-rate-width {
    width: 8%;
}

.orange-border{
    border: 3px solid #fcaf1d;
}

.res-h38lh12 {
    height: 38px; 
    line-height: 12px !important;
}

.nav-button-1 {
    font-size: 9px;
    color: #57585a !important; 
    background-color: #cecfd4; 
    border-radius: 10px; 
    padding-top: 5px;
    padding-bottom: 4px;
    padding-left: 15px;
    padding-right: 15px;
    border: none;
    font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
    font-weight: 550;
    outline:0 !important;
}

.nav-button-1: hover,.nav-button-1: active,.nav-button-1: focus,.nav-button-1: visited,.nav-button-1: link,,.nav-button-1: change {
    cursor: pointer;
    outline:0 !important;
    border: none !important;
}


/** responsive **/
@media (max-width: 480px) {
.eyecatch_img {
    width: 100%; 
    min-height: auto !important;
    height: 190px !important;
}    

.logo {
    margin-top: 5px;
    margin-left: 18px;
    width: 115px;
    height: 48px;
}

.search-form {
    width: 100% !important;
    border-radius: 20px;
}

.breadcrumb2 span a,.breadcrumb2 span {
    font-size: 13px;
}

.breadcrumb2 div{
    font-size: 12px;
}

.allmachine {
    font-size: 12px;
    margin-right: 1%;
}

.topimg {
    min-height: 175.48px;
}

}

@media (max-width: 767.9px) {

.logo {
    margin-top: 5px;
    margin-left: 18px;
    width: 95px;
    height: 39.53px;
}

.eyecatch_img {
    width: 100%; 
    min-height: auto !important;
    height: 200px !important;
}

.eyecatch-text{
    font-size: 18px !important;
    text-align: center;
    margin-top: -2%;
    margin-left: 75%;
    margin-right: -40px;
}

.product {
    border: 3px solid #CDCFD0;
    border-radius: 10px;
    margin-right: 1%;
    margin-left: 1%;
    margin-bottom: 2%;
    background-color: white;
    width: 23% !important;
}

.rcmproduct {
    border: 3px solid #CDCFD0;
    border-radius: 10px;
    margin-right: 1%;
    margin-left: 1%;
    margin-bottom: 2%;
    background-color: white;
    width: 23% !important;
}

.slider-for {
    max-width: 100%;
    max-height: 100%;
    height: auto;    
    width: auto\9; /* ie8 */
    /*overflow: hidden;  */ 
}

.slider-for #sliderimg {
    max-width: 100%;
    max-height: 100%;
    height: auto !important;    
    width: auto\9; /* ie8 */
    margin: 0 auto;   
}

.res-marginB10 {
    margin-bottom: 10px;
}

.res-marginT10 {
    margin-top: 10px;
}

.breadcrumb2 span a,.breadcrumb2 span {
    font-size: 14px;
}

.breadcrumb2 div{
    font-size: 13px;
}

.topimg {
    min-height: 280.33px;
}

}

@media (max-width: 992px) {
/*eyecatch  img*/
.eyecatch_img {
    width: 100%; 
    min-height: auto !important;
    height: 280px !important;
}

.product h2 {
    margin: 0;
    font-weight: bold;
    font-size: 14px !important;
}

.product {
    border: 3px solid #CDCFD0;
    border-radius: 10px;
    margin-right: 1%;
    margin-left: 1%;
    margin-bottom: 2%;
    background-color: white;
    width: 23% !important;
}

.rcmproduct {
    border: 3px solid #CDCFD0;
    border-radius: 10px;
    margin-right: 1%;
    margin-left: 1%;
    margin-bottom: 2%;
    background-color: white;
    width: 23% !important;
}

.eyecatch-text{
    font-size: 16px !important;
    text-align: center;
    margin-left: 75%;
    margin-right: -40px;
}
}

.footerfont{ 
    font-family: RalewayBold;
    font-size: 16px !important;
    margin-bottom: 7px;
    text-transform: uppercase;
}

.footerfont2{
    font-size: 18px !important;
    font-weight: normal !important;
}

.footerfont3{
    font-size: 14px !important;
    font-weight: normal !important;
}

.topimg {
    min-height: 362.56px;
}

/*mobile phone*/
@media only screen and (max-width: 1024px) {
.itemfont{
    font-size: 11px;
}

.machinenamefont{
    font-size: 11px;
    text-align: center;
    color:gray;
    font-weight: bold;
}

.cartbottom{
    padding-bottom: 0px;
}

.product-img {
    /*max-width: 311px;*/
    min-height: 140px;
    max-height: 140px;
    width: 100%;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}

.rcmproduct-img {
    /*max-width: 311px;*/
    min-height: 140px;
    max-height: 140px;
    width: 100%;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}

.res-h38lh12 {
    height: 38px; 
    line-height: 12px !important;
}

.topimg {
    min-height: 374.27px;
}

}

@media only screen and (min-width: 1740px) {
.product-img {
    /*max-width: 311px;*/
    min-height: 250px;
    max-height: 250px;
    width: 100%;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}

.rcmproduct-img {
    /*max-width: 311px;*/
    min-height: 195px;
    max-height: 195px;
    width: 100%;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}

.topimg {
    min-height: 520px;
}

}

@media only screen and (max-width: 1640px) {
.product-img {
    /*max-width: 311px;*/
    min-height: 205px;
    max-height: 205px;
    width: 100%;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}

.rcmproduct-img {
    /*max-width: 311px;*/
    min-height: 170px;
    max-height: 170px;
    width: 100%;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}

.topimg {
    min-height: 520px;
}

}

@media only screen and (max-width: 1340px) {
.itemfont{
    font-size: 11px;
}
.machinenamefont{
    font-size: 11px;
    text-align: center;
    color:gray;
    font-weight: bold;
}
.res-marginT0 {
    margin-top: 0px !important;
}

.product-img {
    /*max-width: 311px;*/
    min-height: 165px;
    max-height: 165px;
    width: 100%;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}

.rcmproduct-img {
    /*max-width: 311px;*/
    min-height: 150px;
    max-height: 150px;
    width: 100%;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}

.product .price {
    font-size: 14px;
}

.product .old-price {
    font-size: 13px !important;
}

.rcmproduct .price {
    font-size: 14px;
}

.rcmproduct .old-price {
    font-size: 13px !important;
}

.itemfont2 {
    font-size: 12px;
}

.machinenamefont{
    font-size: 12px;
    text-align: center;
    color:gray;
    font-weight: bold;
}

.topimg {
    min-height: 489.77px;
}
}

@media only screen and (max-width: 1240px) {
.itemfont{
    font-size: 11px;
}
.machinenamefont{
    font-size: 11px;
    text-align: center;
    color:gray;
    font-weight: bold;
}
.res-marginT0 {
    margin-top: 0px !important;
}

.product-img {
    /*max-width: 311px;*/
    min-height: 165px;
    max-height: 165px;
    width: 100%;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}

.rcmproduct-img {
    /*max-width: 311px;*/
    min-height: 120px;
    max-height: 120px;
    width: 100%;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}

.product .price {
    font-size: 14px;
}

.product .old-price {
    font-size: 11px !important;
}

.rcmproduct .price {
    font-size: 14px;
}

.rcmproduct .old-price {
    font-size: 11px !important;
}

.itemfont2 {
    font-size: 12px;
}

.topimg {
    min-height: 374px;
}

}

@media only screen and (max-width: 992px) {
/*eyecatch  img*/
.eyecatch_img {
    width: 100%; 
    min-height: auto !important;
    height: 280px !important;
}

.product h2 {
    margin: 0;
    font-weight: bold;
    font-size: 13px !important;
}

.rcmtitle {
    margin: 0;
    font-weight: bold;
    font-size: 20px !important;
}

.rcmtitle2 {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0;
    font-weight: 500;
    font-size: 16px !important;
}

.product {
    border: 3px solid #CDCFD0;
    border-radius: 10px;
    margin-right: 1%;
    margin-left: 1%;
    margin-bottom: 2%;
    background-color: white;
    width: 23% !important;
}

.rcmproduct {
    border: 3px solid #CDCFD0;
    border-radius: 10px;
    margin-right: 1%;
    margin-left: 1%;
    margin-bottom: 2%;
    background-color: white;
    width: 23% !important;
}

.eyecatch-text{
    font-size: 16px !important;
    text-align: center;
    margin-left: 75%;
    margin-right: -40px;
}

.btn-signin{
    padding: 10px 50px;
}

.detailresfs1 {
    font-size: 40px;
    margin-left: 25px;
}

.detailresfs2 {
    font-size: 35px;
    margin-left: 25px;
}

.itemfont{
    font-size: 12px;
}

.machinenamefont{
    font-size: 12px;
    text-align: center;
    color:gray;
    font-weight: bold;
}

.cartbottom{
    padding-bottom: 0px;
}

.product-img {
    /*max-width: 311px;*/
    min-height: 155px;
    max-height: 155px;
    width: 100%;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}

.rcmproduct-img {
    /*max-width: 311px;*/
    min-height: 140px;
    max-height: 140px;
    width: 100%;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}

.res-h38lh12 {
    height: 38px; 
    line-height: 12px !important;
}

.res-marginT0 {
    margin-top: 0px;
}

.res-paddT10 {
    padding-top: 10px;
}

.res-paddB10 {
    padding-bottom: 10px;
}

.res-paddB20-992 {
    padding-bottom: 20px;
}

.itemfont2 {
    font-size: 11px;
}

.machinenamefont{
    font-size: 12px;
    text-align: center;
    color:gray;
    font-weight: bold;
}

.topimg {
    min-height: 280.7px;
}

}

@media only screen and (max-width: 767.9px) {
.eyecatch_img {
    width: 100%; 
    min-height: auto !important;
    height: 300px !important;
}

.eyecatch-text{
    font-size: 18px !important;
    text-align: center;
    margin-top: -2%;
    margin-left: 75%;
    margin-right: -40px;
}

.no-matches{
    background-color:white; 
    width:98%;
}

.product-container {
    padding-top: 30px;
    padding-bottom: 20px;
    background-color: #E6E7E8;
    width: 100%;
}

.product {
    border: 3px solid #CDCFD0;
    border-radius: 10px;
    margin-right: 1%;
    margin-left: 1%;
    margin-bottom: 2%;
    background-color: white;
    width: 31.3% !important;
}

.rcmproduct {
    border: 3px solid #CDCFD0;
    border-radius: 10px;
    margin-right: 1%;
    margin-left: 1%;
    margin-bottom: 2%;
    background-color: white;
    width: 31.3% !important; 
}

.cartbottom{
    padding-bottom: 0px;
}

.itemfont{
    font-size: 11px !important;
}

.machinenamefont{
    font-size: 11px;
    text-align: center;
    color:gray;
    font-weight: bold;
}

.itemfont2 {
    font-size: 12px !important;
}

.footerfont{
    font-weight: normal !important;
    font-size: 16px !important;
}

.footerfont2{
    font-size: 16px !important;
    font-weight: normal !important;
}

.footerfont3{
    font-size: 14px !important;
    font-weight: normal !important;
}

.slider-for {
    max-width: 100%;
    max-height: 100%;
    height: height: auto;  
    width: auto\9; /* ie8 */
    /*overflow: hidden;  */   
}

.slider-for #sliderimg {
    max-width: 100%;
    max-height: 100%;
    height: height: auto;    
    width: auto\9; /* ie8 */
    margin: 0 auto;   
}

.dispTableCell {
    display: inherit !important;
    vertical-align: middle;
    float: none;
}

.btn-signin{
    width: 99%;
    font-size: 15px !important;
    text-align: center !important;
}

.detailresfs1 {
    font-size: 35px;
    margin-left: 25px;
}

.detailresfs2 {
    font-size: 30px;
    margin-left: 25px;
}

.res-paddT15 {
    padding: 15px 0px 0px 0px;
}

.res-paddB10 {
    padding-bottom: 10px;
}

.res-paddB20 {
    padding-bottom: 20px;
}

.res-marginT0 {
    margin-top: 0px;
}

.res-marginR10 {
    margin-right: 10px;
}

.res-favourite-marginT0 {
    margin-top: 0px !important;
}

.res-marginT10 {
    margin-top: 10px;
}

.res-marginT20 {
    margin-top: 20px;
}

.res-h38lh12 {
    height: 38px; 
    line-height: 12px !important;
}

.res-text-right {
    float: right !important;
}

.res-sell-text {
     margin-top: 5%;
     padding-left: 15px;
     padding-right: 15px;
}

.res-fs22 {
    font-size: 22px;
}

.res-fs20 {
    font-size: 20px;
}

.res-fs18 {
    font-size: 18px;
}

.res-fs15 {
    font-size: 15px;
}

.res-fs13 {
    font-size: 13px;
}

.res-text-right {
    float: right !important;
}

.res-sell-arrow{
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    height: 80px;
    width: 20px;

}

.res-sell-image50 {
    width: 50px;
    height: 50px;
}

.res-sell-image90 {
    width: 90px;
    height: 90px;
}

.line {
   top: 22px;
}

.sell-icon {
    min-height: 50px;
}

.sell-icon2 {
    min-height: 80px;
}

.res-display-none {
    display: none !important;
}

.res-display-show {
    display: inline !important;
}

.res-display-autoin {
    display: auto !important;
}

.navbar-nav {
    padding: 20px 0 0 0;
}

.product-img {
    /*max-width: 311px;*/
    min-height: 170px;
    max-height: 170px;
    width: 100%;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}

.rcmproduct-img {
    /*max-width: 311px;*/
    min-height: 170px;
    max-height: 170px;
    width: 100%;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}

.latest-title-padL {
    padding-left: 3.5%;
}

.latest-title-padR {
    padding-right: 3.5%;
}

.res-marginB10 {
    margin-bottom: 10px;
}

.product .price {
    font-size: 16px;
}

.product .old-price {
    font-size: 11px !important;
}

.rcmproduct .price {
    font-size: 16px;
}

.rcmproduct .old-price {
    font-size: 11px !important;
}

.itemfont2 {
    font-size: 11px;
}

.machinenamefont{
    font-size: 11px;
    text-align: center;
    color:gray;
    font-weight: bold;
}

.topimg {
    min-height: 280.3px;
}

}

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

.product-img {
    /*max-width: 311px;*/
    min-height: 145px;
    max-height: 145px;
    width: 100%;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}

.rcmproduct-img {
    /*max-width: 311px;*/
    min-height: 145px;
    max-height: 145px;
    width: 100%;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}

.topimg {
    min-height: 234.35px;
}

}

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

.product-img {
    /*max-width: 311px;*/
    min-height: 130px;
    max-height: 130px;
    width: 100%;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}

.rcmproduct-img {
    /*max-width: 311px;*/
    min-height: 130px;
    max-height: 130px;
    width: 100%;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}

.topimg {
    min-height: 204px;
}

}

@media only screen and (max-width: 530px) {
.product {
    border: 3px solid #CDCFD0;
    border-radius: 10px;
    margin-right: 1%;
    margin-left: 1%;
    margin-bottom: 2%;
    background-color: white;
    width: 48% !important;
}

.rcmproduct {
    border: 3px solid #CDCFD0;
    border-radius: 10px;
    margin-right: 1%;
    margin-left: 1%;
    margin-bottom: 2%;
    background-color: white;
    width: 48% !important;
}

.product-img {
    /*max-width: 311px;*/
    min-height: 175px;
    max-height: 175px;
    width: 100%;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}

.rcmproduct-img {
    /*max-width: 311px;*/
    min-height: 175px;
    max-height: 175px;
    width: 100%;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}

.topimg {
    min-height: 137.08px;
}

}

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

/**TOP**/
.eyecatch_img {
    width: 100%; 
    min-height: auto !important;
    height: 190px !important;
}  

.no-matches{
    background-color:white; 
    width:98%;
}

.product-container {
    padding-left: 2%;
    padding-right: 2%;
    padding-top: 30px;
    padding-bottom: 20px;
    background-color: #E6E7E8;
    width: 100%;
}

.eyecatch-text{
    font-size: 14px !important;
    text-align: center;
    margin-left: 75%;
    margin-right: -40px;
}

/**
.search-form {
    width: 100% !important;
    border-radius: 20px;
}**/

.cartbottom{
    padding-bottom: 0px;
}

.itemfont{
    font-size: 12px;
}

.machinenamefont{
    font-size: 12px;
    text-align: center;
    color:gray;
    font-weight: bold;
}

.itemfont2 {
    font-size: 11px;
}

.footerfont{
    font-weight: normal !important;
    font-size: 16px !important;
}

.footerfont2{
    font-size: 14px !important;
    font-weight: normal !important;
}

.footerfont3{
    font-size: 14px !important;
    font-weight: normal !important;
}

/**DETAIL**/
.slider-for {
    /*overflow: hidden;  */ 
    max-width: 100%;
    max-height: 100%;
    height: auto;   
    width: auto\9; /* ie8 */
}

.slider-for #sliderimg {
    max-width: 100%;
    max-height: 100%;
    height: height: auto;    
    width: auto\9; /* ie8 */
    margin: 0 auto;   
}

.slider-nav {
    overflow: hidden;
    height: 70px !important;
}

.slider-nav img {
    height: 70px !important;
    width: 100px !important;
}

.product_detail_title_bg{
    padding-top: 45px;
    padding-left: 25px;
    padding-right: 25px;
    padding-bottom: 25px;
}

.detailresfs1 {
    font-size: 25px;
    margin-left: 10px;
}

.detailresfs2 {
    font-size: 20px;
    margin-left: 10px;
}

.detailresfs3{
    padding-top: 20px;
    font-size: 30px;
}

.btn_inspectIcon{
    margin-top: 10px !important;
    cursor: pointer;
}

.dispTableCell {
    display: inherit !important;
    vertical-align: middle;
    float: none;
}

.btn-signin{
    width: 99%;
    padding: 10px 0px !important;
    font-size: 14px !important;
    text-align: center !important;
}

.btnBack {
    margin-bottom: 10px;
}

.res-all0 {
    margin: 0;
    padding: 0;
}

.res-paddL5 {
    padding: 15px 0px 0px 0px;
}
.res-paddT15 {
    padding: 15px 0px 0px 0px;
}

.res-paddT20 {
    padding-top: 15px;
}

.res-paddT10 {
    padding: 10px 0px 0px 0px;
}

.res-paddB10 {
    padding-bottom: 10px !important;
}

.res-paddB20 {
    padding-bottom: 20px;
}

.res-paddLR50 {
    padding-left: 50px;
    padding-right: 50px;
}

.res-padLR20 {
    padding-left: 40px;
}

.res-paddLR5 {
    padding-left: 5px;
    padding-right: 5px;
}

.res-padLR0 {
    padding-left: 10px;
    padding-right: 10px;
    
}

.res-favourite-marginT0 {
    margin-top: 0px !important;
}

.res-marginT20 {
    margin-top: 20px;
}

.res-h38lh12 {
    height: 38px; 
    line-height: 12px !important;
}

.res-all0B20 {
    margin-top: 0;
    margin-bottom: 25px;
    margin-left: 0;
    margin-right: 0;
    padding: 0;
}

.res-center {
    text-align: center !important;
}

.res-sell-text {
    margin-top: 10%;
    padding-left: 35px;
    padding-right: 25px;
}

.res-fs22 {
    font-size: 22px;
}

.res-fs21 {
    font-size: 21px;
}

.res-fs20 {
    font-size: 20px;
}

.res-fs18 {
    font-size: 18px;
}

.res-fs15 {
    font-size: 15px;
}

.res-fs13 {
    font-size: 13px;
}

.res-text-right {
    float: right !important;
}

.res-sell-arrow{
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    height: 60px;
    width: 20px;

}

.res-sell-image50 {
    width: 50px;
    height: 50px;
}

.res-sell-image90 {
    width: 90px;
    height: 90px;
}

.line {
   top: 22px;
}

.sell-icon {
    min-height: 50px;
}

.sell-icon2 {
    min-height: 80px;
}

.sell-requirement {
    padding:20px 0px !important;
}

.res-signin{
    margin-top: 2px !important;
}

.header-menu {
    padding-top: 15px;
    padding-bottom: 10px;
    padding-left: 20px;
    padding-right: 20px;

}

.navbar-right{
    float: left !important;
    margin: 0 !important;
    padding: 0 !important;
}

.res-display-none {
    display: none !important;
}

.res-display-show {
    display: inline !important;
}

.res-display-auto {
    display: auto !important;
}

.navbar-nav {
    padding: 20px 0 0 0;
}

.res-rate-width {
    width: 17%;
}

.product-img {
    /*max-width: 311px;*/
    min-height: 150px;
    max-height: 150px;
    width: 100%;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}

.rcmproduct-img {
    /*max-width: 311px;*/
    min-height: 140px;
    max-height: 140px;
    width: 100%;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}

.breadcrumb {
    padding-top: 15px;
    padding-bottom: 15px;
}

.latest-title-padL {
    padding-left: 0%;
}

.latest-title-padR {
    padding-right: 0%;
}

.res-theme-container {
    padding-left: 6%;
    padding-right: 6%;
}

.res-padLR6p {
    padding-left: 6%;
    padding-right: 6%;
}

.res-left {
    float: left !important;
}

.product-remark {
    font-size: 9.5px;
}

}/*max-width: 480px end*/

.page-h1 {
    padding-left: 4%;
    padding-right: 4%;
    font-size: 22px;
    font-weight: bolder !important; 
}

.machinename {
    height: 18px;
    text-overflow: ellipsis; 
    overflow: hidden; 
    white-space: nowrap;
}

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

.product-img {
    /*max-width: 311px;*/
    min-height: 150px;
    max-height: 150px;
    width: 100%;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}

.rcmproduct-img {
    /*max-width: 311px;*/
    min-height: 115px;
    max-height: 115px;
    width: 100%;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}

.search-form {
    width: 100% !important;
    border-radius: 20px;
}

/**DETAIL**/
.slider-for {
    max-width: 100%;
    max-height: 100%;
    height: auto;   
    width: auto\9; /* ie8 */
    /*overflow: hidden;  */ 
}

.slider-for #sliderimg {
    max-width: 100%;
    max-height: 100%;
    height: height: auto;  
    width: auto\9; /* ie8 */
    margin: 0 auto;   
}
.slider-nav {
    overflow: hidden;
    height: 45px !important;
}

.slider-nav img {
    height: 45px !important;
    width: 65px !important;
}

.header-menu {
    padding-top: 10px;
    padding-bottom: 5px;
    padding-left: 20px;
    padding-right: 5px;

}

.signin {
    width: 105px;
    height: 20.19px;
}

.search-container {
    padding-right: 0px;
}

.allmachine {
    background-color: #FCAF1D; 
    color: white; 
    font-weight: bold; 
    padding: 5px 6px; 
    border-radius: 7px;
    text-decoration: none !important; 
    font-size: 9px; 
    float: right; 
    margin-right: 1%;
    margin-top:3px;
}

.becomeseller {
    font-size: 12px !important;
}

.logo {
    margin-top: 5px;
    margin-left: 18px;
    width: 100px;
    height: 42px;
}

.topimg {
    min-height: 137.08px;
}

}