.coin{
    background: url("../images/coin.png") no-repeat;
    width: 15px;
    height: 15px;
    display: block;
    background-size: 15px;
}
.cn_display_point.hide{
    display: none;
}
.cn_display_point.show{
    display: block;
}
.cn-facebook {
    float: left;
    display: table;
}

.cn-img-icon{
    float: left;
    margin-top: 3px;
    height: 25px;
    width: 50px;
}
.cn-icon-text{
    margin-left: 3px;
    margin-right: 3px;
    color: #004080;
}
#cn-share-facebook{
    padding-top: 10px;
    width:300px;
    padding-bottom: 10px;
    text-align: center;
}
#cn-share-facebook a{
    display: table-cell; 
    background-color: white;
    text-align: center;
    text-decoration: none;
}



.box-account #cn_rewardpoints_coupon{margin: 30px 0 0;}
.box-account #cn_rewardpoints_coupon .coupon-code{float: left; width: 65%;}
.box-account #cn_rewardpoints_coupon .coupon-code label{float: left; font-size: 14px; font-weight: 700; text-transform: uppercase; margin: 5px 0; width: 23%;}
.box-account #cn_rewardpoints_coupon .coupon-code .input-text{float: left; width: 77%; height: 33px;}
.box-account #cn_rewardpoints_coupon .coupon-button{float: left; margin: 0 0 0 15px;}
body[class*="customer"].cnrewardpoints-rewardpoints-index h2{margin: 0 0 30px; padding: 0 0 5px;}
body[class*="customer"].cnrewardpoints-rewardpoints-index textarea{width: 100%; max-width: 100%;}
body[class*="customer"].cnrewardpoints-rewardpoints-index .form-list .control{width: 50%; float: left;}
body[class*="customer"].cnrewardpoints-rewardpoints-index .buttons-set button.button{float: left; margin: 0;}
#rewardpoints_box .discount{padding: 20px;}
#rewardpoints_box .discount h2{font-family: 'Open Sans'; font-size: 16px; font-weight: 700;}
#rewardpoints_box .discount h2 a{margin: 3px 5px 0 0;}
.cn_reward_slider_contaner{width: 92%;}
.input-div{margin: 15px 0 10px; display: table; width: 100%;}
.input-div label{float: left; font-size: 14px; width: 33%; margin: 3px 0;}
.input-div input{width: 67%; float: right;}
.input-checkout input[type=checkbox]{float: left; margin: 7px 7px 0 0;}
.cn_rewardpoints img{display: inline !important; width: 15px !important; margin: -3px 0 0 !important;}

@media (max-width: 480px){
    .cart.display-single-price > div#rewardpoints_box, #rewardpoints_box{width: 100%;}
    .cart-forms, .cart-totals-wrapper{width: 100% !important;}
    .box-account #cn_rewardpoints_coupon .coupon-code{width: 100%;}
    .box-account #cn_rewardpoints_coupon .coupon-button{margin: 0;}
    .box-account #cn_rewardpoints_coupon .coupon-code label{width: 100%;}
    .box-account #cn_rewardpoints_coupon .coupon-code .input-text{width: 100%; margin: 0 0 10px;}
    body[class*="customer"].cnrewardpoints-rewardpoints-index .form-list .control{width: 100%;}
    #transaction_history_box{overflow-x: scroll; width: 100%;}
}
@media (min-width: 481px) and (max-width: 640px){
    .cart.display-single-price > div#rewardpoints_box, #rewardpoints_box{width: 100%;}
    .cart-forms, .cart-totals-wrapper{width: 100% !important;}
    .box-account #cn_rewardpoints_coupon .coupon-code{width: 100%;}
    .box-account #cn_rewardpoints_coupon .coupon-button{margin: 0;}
    .box-account #cn_rewardpoints_coupon .coupon-code label{width: 100%;}
    .box-account #cn_rewardpoints_coupon .coupon-code .input-text{width: 100%; margin: 0 0 10px;}
    body.cnrewardpoints-rewardpoints-index[class*="customer"] .form-list .control{width: 100%;}
    #transaction_history_box{overflow-x: scroll; width: 100%;}
}
@media (min-width: 641px) and (max-width: 768px){
    #rewardpoints_box, .cart.display-single-price > div#rewardpoints_box{width: 100%;}
    .cart-forms, .cart-totals-wrapper{width: 50% !important;}
}
@media (min-width: 769px) and (max-width: 1024px){
    .cart.display-single-price > div#rewardpoints_box, #rewardpoints_box{width: 50%;}
    .cart-forms, .cart-totals-wrapper{width: 50% !important;}
}