@media screen and (min-width:600px) and (max-width: 900px) {
.manage-balance-div{width:98%; margin-left:10px;}
.gift-balance-div{width:98%; margin-left:10px;}
}

@media screen and (max-width: 767px) {
.coupon-div{width:100%; margin:10px 2px;}
.wallet-div{width:100%; float:left; margin:10px 2px;}
.view-cart-coupon-text input{margin-left:10px;}
.view-cart-wallet-text input{margin-left:10px;}
.view-recharge-date{    width: 16%;}
.view-recharge-order-id{width: 30%;}
.view-recharge-balance{width: 17%;}
}

@media screen and (max-width: 640px) {
.view-cart-available-balance-div{float:left; margin-top:0px; margin-bottom:5px;}
.view-recharge-resp{width: 50%; text-align: left; padding: 5px 0;}
}

@media screen and (max-width: 639px) {
.view-wallet-common-padding{padding: 10px 0;}
}


@media screen and (max-width: 600px) {
.view-cart-coupon-text input{margin-left:10px;}
.view-cart-wallet-text input{margin-left:10px;}
}


@media screen and (max-width: 480px) {
.manage-wallet-input {width:70%;}
.manage-wallet-label {width:30%;}
.manage-wallet-input input{width:83%;}
.wallet-payment-option{width: 86%;}
.manage-wallet-container .balance-info{width: 100%;}
.manage-wallet-container .gift-info{width: 100%;}
.manage-wallet-btn-div {margin: 20px auto; width: 55%;}
.gift-wallet-btn-div {margin: 20px auto; width: 47%;}

.gift-padding{padding-bottom:50px !important;}
.gift-balance-div .fields-header2 h2{float:right; width:90%;}
.gift-balance-div .fields-header2 img{float:left;}

}

@media screen and (max-width: 360px) {
.view-cart-coupon-text input{margin-left:5px; width:100px;}
.view-cart-wallet-text input{margin-left:5px; width:100px;}

.manage-wallet-btn-div{width: 83%; text-align: center;}
.manage-wallet-btn-div .rechargebtn{margin-bottom: 10px; display: inline-block; float: none;}
.manage-wallet-btn-div .resetlink{display: inline-block; float: none;}

.gift-wallet-btn-div {width: 100%; text-align: center; margin-left:0px;}
.gift-wallet-btn-div .giftbtn {margin-bottom: 10px; display: inline-block; float: none;}
.gift-wallet-btn-div .resetlink{display: inline-block; float: none;}

.manage-wallet-label {float: none; margin: 10px 0; text-align: left;  width: 100%;}
.manage-wallet-input {float: none; width: 100%;}
.wallet-payment-option{margin: 0; float: none; width: 93%;}
}


@media screen and (max-width: 320px) {
.view-cart-coupon-text input{margin-left:5px; width:85px;}
.view-cart-wallet-text input{margin-left:5px; width:83px;}
}