body{font-family:'Open Sans',sans-serif;color:#000; font-size:13px; padding:0px; margin:0px;}
.top-header{ padding:15px 0px; width:100%; float:left; background:#f4f4f4;}
div{ box-sizing:border-box}
.cart-box {

    width: 100%;
    float: left;
    margin-top: 30px;

}
.cart-box-1 {
    width: 100%;
    float: left;
}
.cart-1 img{ vertical-align:middle}
.cart-head {

    width: 100%;
    float: left;
    background: #F3E8E4;
    font-size: 16px;
    font-weight: bold;
    padding: 10px;
    box-sizing: border-box;
    margin-bottom: 15px;

}
.cart-main-box {

    width: 100%;
    float: left;
    background: #F3F4F5;
    border: #e9e6e6 solid 1px;
    padding: 10px;
    box-sizing: border-box;

}
.cart-bor {

    padding-bottom: 10px;
    border-bottom: #cecece solid 1px;
    margin-bottom: 20px;

}
.wid-100 {

    width: 100%;
    float: left;

}
.cart-1 {

    width: 50%;
    float: left;

}
.cart-1 img{ width:100px; height:100px}
.cart-2 {

    width: 12%;
    float: left;
    text-align: center;

}
.cart-3 {

    width: 24%;
    float: left;
    text-align: center;

}
.cart-4 {

    width: 6%;
    float: left;
    text-align: center;

}
.cart-bor-box {

    width: 100%;
    float: left;
    border-bottom: #cecece solid 1px;
    height: 5px;
    margin: 10px 0px;

}
.cart-sub-box {

    width: 100%;
    float: left;
    font-size: 16px;
    margin-top: 30px;
    margin-bottom: 5px;
    background: #fff;
    padding: 23px 20px;
    box-sizing: border-box;

}
.cart-sub-box-lt {

    width: 48%;
    float: left;

}
.cart-sub-box-rt {

    width: 48%;
    float: left;
    text-align: right;

}
.cart-bor-box {

    width: 100%;
    float: left;
    border-bottom: #cecece solid 1px;
    height: 5px;
    margin: 10px 0px;

}
.cart-sub-box-lt {

    width: 48%;
    float: left;

}
.cart-sub-box-rt {

    width: 48%;
    float: left;
    text-align: right;

}
.cart-sub-box {

    font-size: 16px;

}

.cart-box-2 {
    width: 35%;
    margin: auto;
}
.login-box {

    width: 100%;
    float: right;
    border: #eaebeb solid 3px;
    padding: 35px;
    box-sizing: border-box;

}

.input-cart {

    width: 100%;
    border: #999 solid 1px;
    background: #fff;
    padding: 10px;
    box-sizing: border-box;
    margin-bottom: 12px;
    margin-top: 20px;}
	
.ft-12 { font-size: 12px;}

.cartbutton {

    width: 100%;
    float: left;
   background: #5D61A8;
    margin-top: 30px;
    text-align: center;
    color: #fff;
    border: none;
    padding: 10px 0px;
    border-radius: 10px;
    font-size: 20px;
    cursor:pointer;
}
.login-social {

    width: 100%;
    float: left;
    text-align: center;

}
.txt-up {

    text-transform: uppercase;

}
.pad-t {

    padding: 10px 0px;

}
.member-txt {

    width: 100%;
    float: left;
    border-top: #b9b8b8 solid 1px;
    margin-top: 30px;
    padding-top: 10px;

}
.brand-logo{ width:50%; float:left}
.call-us{ width:20%; float:right; text-align:right; padding-right:10px; font-size:15px;}
.white-bg{background: #fff;width: 100%;float: left;}
.wrapper{ width:100%; float:left}  .ft-18{ font-size:18px;}
.container{ width:1160px; margin:auto}  
.logo {width: 40%; float: left; margin-top: 10px;}
.search-box {width: 35%; float: right; margin-top: 30px;}
.wid-100{ width:100%; float:left}
.payment-box{ width:100%; float:left; margin-top:30px; 	}
.payment-box-1{ width:47%; float:left;}
.payment-box-cont{ width:100%; float:left; margin-bottom:15px; border: #d0d6db solid 1px; padding:20px; box-sizing:border-box; background: #F3F4F5;}
.payment-box-2{ width:47%; float:right; }
.payment-box-3{ width:32%; float:left;}
.head-1{ display:block; margin-bottom:10px; font-size:16px; font-weight:bold}
.box-input{ width:100%; float:left; margin-bottom:10px} .box-input input[type="text"]{ padding:10px; box-sizing:border-box; width:100%; border:#c8c8c8 solid 1px; font-family: "Open Sans",sans-serif; font-size:13px;}
.wid-49{ width:48%;} .ft-lt{ float:left} .ft-rt{ float:right}
 .box-input select{ padding:10px; box-sizing:border-box; width:100%; border:#c8c8c8 solid 1px; font-family: "Open Sans",sans-serif; font-size:13px;}
.box-input textarea{ padding:10px; box-sizing:border-box; width:100%; border:#c8c8c8 solid 1px; font-family: "Open Sans",sans-serif; font-size:13px;}
.wid-30{ width:30%; float:left;}.wid-40{ width:40%; float:left}
.coupon-code{ width:100%; float:left; margin-top:10px; line-height:35px;} .pay-button{ padding:11px 10px; border:none; background:#069; color:#fff; font-size:14px;}

.card-option{width:100%; float:left; background:#f0f0f0; padding:10px; box-sizing:border-box; margin-bottom:10px;}
.card-option img{ vertical-align:middle; margin-left:5px;}
.proceed{ width:100%; float:left; background:#900; padding:10px; background: #eb5585; font-size:18px; color:#fff; text-align:center; font-weight:bold}
 .price-bor{border-bottom: #d0d6db solid 1px; height:5px; width:100%; float:left; margin-top:10px}
 .view-detail{ width:100%; float:left; background:#E4E4E4; padding:10px; font-size:14px; margin-top:10px}  .view-detail a{ color:#1D7D32; text-decoration:underline} .view-detail:before{ content:"+"; padding-right:10px; color:#1D7D32;}
 
 
 .acc-container {
  width:100%;
  margin:30px auto 0 auto;
  -webkit-border-radius:8px;
  -moz-border-radius:8px;
  -o-border-radius:8px;
  border-radius:8px;
  overflow:hidden;
}

.acc-btn h1{ font-size:16px; background:url(../images/down-icon.png) no-repeat right;} 
/*.acc-btn h1:hover{}*/ 
.acc-btn { 
  width:100%;
  margin:0 auto;
  padding:3px 25px;
  cursor:pointer;
  background: #E0E0E0;
 border-bottom: 1px solid #BEC4CB;	 box-sizing:border-box
}
.acc-btn img{ float:right}
.acc-content {
  height:0px;
  width:100%;
  margin:0 auto;
  overflow:hidden;
background: #FFF;

}
.acc-content img{ vertical-align:middle}
.acc-content-inner {
  padding:20px 15px;
}

.open {
  height: auto;
}


.selected {
color: #23658F;

}
	
	
	.pay-card-box input[type="radio"] {

    margin-top: 10px;

}
	.bor-b {
border: #dedddd solid 1px;
    padding: 2px 10px;
    margin-right:5px; width:47%;
	display:inline-block; margin-bottom: 12px;

}
.ft-16 {
    font-size: 16px;
    color: #6f6f6f; display:block; margin-top:10px;
}
.pay-card-box{ width:100%;}
.banks {
    width: 100%;
    height: 200px;
    overflow-y: scroll;
    border: #e0dfdf solid 1px;
    padding: 20px 10px;
}
.net-banking img {
    vertical-align: middle;
}
.banks ul {
    margin: 0px;
    padding: 10px;
}
.banks li {
    list-style: none;
    line-height: 25px;
}

.txt-11{ font-size:18px; text-transform:uppercase; color:#fff}
.bg-1{ background:#666; padding:10px; margin-bottom:10px;background: #7a8ea8;}
.bg-2{ background:#0CF; padding:10px; background: #eb9a00;}
.copyright{ width:100%; float:left;background: #ECECEC; padding:10px 0px; text-align:center; margin-top:30px; position:relative; bottom:0px; }
.quantity input {
    width: 45px;
    height: 39px;
    float: left;
    display: block;
    padding: 0;
    margin: 0;
    padding-left: 20px;
    border: 1px solid #eee;
}

    .quantity input:focus {
        outline: 0;
    }

.quantity-nav {
    float: left;
    position: relative;
    height: 42px;
}

.quantity-button {
    position: relative;
    cursor: pointer;
    border-left: 1px solid #eee;
    width: 25px;
    text-align: center;
    color: #333;
    font-size: 18px;
    line-height: 1.7;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}

    .quantity-button.quantity-up {
        position: absolute;
        height: 50%;
        top: -4px;
    }

    .quantity-button.quantity-down {
        position: absolute;
        bottom: 4px;
        height: 50%;
    }

.quantity {
    position: relative;
    margin-left: 36px;
}

    .quantity input[type=number]::-webkit-inner-spin-button,
    input[type=number]::-webkit-outer-spin-button {
        -webkit-appearance: none;
        margin: 0;
    }

    .quantity input[type=number] {
        -moz-appearance: textfield;
    }

.cont-but {
    width: 35%;
    float: right;
    background: #5d61a8;
    margin-top: 15px;
    padding: 10px;
    text-align: center;
    color: #fff;
    text-transform: uppercase;
    border: none;
    cursor: pointer;
}

@media(max-width:1024px){
.container {width: 100%; box-sizing:border-box; padding:0px 10px}
}

@media(max-width:768px){.payment-box-1,.payment-box-2{ width:99%; float:left}.call-us{ width:30%}
.cart-box-1, .cart-box-2 { width:99%; float:left; margin-bottom:20px;} .cart-1 img{ width:60px; height:60px}
.cart-sub-box {font-size: 14px; padding: 13px 20px;}
    .quantity input {padding-left: 5px;}
    .quantity-button { width:20px }
    .cart-2 { width:16%; }
    }
@media(max-width:600px) {
    .cart-1 img { display: block}
    .cart-1 { width: 39%; }
    .cart-3 {  width: 35%; }
    .cart-box { margin-top: 17px }
    .quantity {  margin-left: 0px; }
        .quantity input { padding-left: 10px;}
    .cont-but {
        width: 100%;}
    }

@media(max-width:480px){.payment-box-1 {width: 100%;}.payment-box-2 { width:100%;} .acc-content-inner {padding: 20px 5px;} .bor-b img{ width:90%}.quantity {margin-left: 0px !important; }
.brand-logo img{ width:100%} .call-us {width: 49%;font-size: 13px;} .txt-11 {font-size: 16px;}.cart-head {font-size: 15px;}
}
@media(max-width:380px){ .payment-box-cont {padding:10px;} .bor-b img {width: 79%;}.quantity {margin-left: -11px !important; }}
@media(max-width:384px) {
    .cont-but {
        width: 100%;
    }
}