/* CSS Document */
.cart-wrapper {
    margin-top: 30px;
    margin-bottom: 50px;
}
.cart-process {
    width: 100%;
    overflow: hidden;
}
.process-step .btn:focus{outline:none}
.process-step .btn-info {color: #fff;background-color:#87b4d2;border-color:#7cb1d0;}
.process-step .btn-info:hover {color:#fff;background-color:#6fa5c9;border-color:#80adcd;}
.process{display:table;width:100%;position:relative;overflow:hidden;}
.process {margin-top: 40px;margin-bottom: 20px;overflow:hidden;}
.process-row{display:table-row}
.process-step button[disabled]{opacity:1 !important;filter: alpha(opacity=100) !important}
.process-step{display:table-cell;text-align:center;position:relative}
.process-step p{margin-top:4px}

@media only screen and (min-width : 320px) {
.process-row:before{top:15px;bottom:0;position:absolute;content:" ";width:100%;height:1px;background-color:#ccc;z-order:0}
.btn-circle{width:30px;height:30px;text-align:center;font-size:15px;border-radius:50%}
}
@media only screen and (min-width : 360px) {
.process-row:before{top:15px;bottom:0;position:absolute;content:" ";width:100%;height:1px;background-color:#ccc;z-order:0}
.btn-circle{width:30px;height:30px;text-align:center;font-size:15px;border-radius:50%}
}
@media only screen and (min-width : 410px) {
.process-row:before{top:20px;bottom:0;position:absolute;content:" ";width:100%;height:1px;background-color:#ccc;z-order:0}
.btn-circle{width:40px;height:40px;text-align:center;font-size:20px;border-radius:50%}
}
@media only screen and (min-width : 480px) {
.process-row:before{top:25px;bottom:0;position:absolute;content:" ";width:100%;height:1px;background-color:#ccc;z-order:0}
.btn-circle{width:50px;height:50px;text-align:center;font-size:25px;border-radius:50%}
}
@media only screen and (min-width : 600px) {
.process-row:before{top:30px;bottom:0;position:absolute;content:" ";width:100%;height:1px;background-color:#ccc;z-order:0}
.btn-circle{width:60px;height:60px;text-align:center;font-size:30px;border-radius:50%}
}

@media only screen and (min-width : 768px) {
.process-row:before{top:30px;bottom:0;position:absolute;content:" ";width:100%;height:1px;background-color:#ccc;z-order:0}
.btn-circle{width:60px;height:60px;text-align:center;font-size:30px;border-radius:50%}
}
@media only screen and (min-width : 992px) {
.process-row:before{top:40px;bottom:0;position:absolute;content:" ";width:100%;height:1px;background-color:#ccc;z-order:0}
.btn-circle{width:80px;height:80px;text-align:center;font-size:40px;border-radius:50%}
}