.well {
  background-image: -webkit-linear-gradient(top, #ebebeb 0%, #f8f8f8 100%);
  background-image: -o-linear-gradient(top, #ebebeb 0%, #f8f8f8 100%);
  background-image: linear-gradient(to bottom, #ebebeb 0%, #f8f8f8 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffebebeb', endColorstr='#fff8f8f8', GradientType=0);
  border-color: #dfdfdf;
  -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.05), 0 1px 0 rgba(255, 255, 255, 0.1);
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.05), 0 1px 0 rgba(255, 255, 255, 0.1);
}
@media (min-width: 320px) and (max-width: 480px) {
  .invoice-company .pull-right {
    float: none !important;
    display: block;
  }
  .invoice .table-responsive {
    margin-bottom: 20px;
  }
  .invoice-date,
  .invoice-from,
  .invoice-to {
    display: block !important;
    width: 100% !important;
    text-align: left !important;
    padding: 0 !important;
  }
  .invoice-date,
  .invoice-to {
    margin-top: 20px !important;
  }
  .invoice-price .invoice-price-left,
  .invoice-price .invoice-price-right {
    display: block;
    width: 100% !important;
    float: left !important;
    padding: 10px !important;
  }
  .invoice-price .invoice-price-row {
    float: none !important;
    width: 100% !important;
    display: block !important;
  }
  .invoice-price .invoice-price-left .sub-price {
    padding: 0 10px !important;
    display: block !important;
    text-align: center !important;
  }
  .invoice-price .invoice-price-right {
    text-align: center !important;
  }
  .invoice-price .invoice-price-right small {
    position: relative !important;
    display: block;
    left: 0 !important;
    top: 0 !important;
  }
  .header .logo a.logo-text {
    display: inline-block !important;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .invoice-company .pull-right {
    float: none !important;
    display: block;
  }
  .invoice .table-responsive {
    margin-bottom: 20px;
  }
  .invoice-date,
  .invoice-from,
  .invoice-to {
    display: block !important;
    width: 100% !important;
    text-align: left !important;
    padding: 0 !important;
  }
  .invoice-date,
  .invoice-to {
    margin-top: 20px !important;
  }
  .invoice-price .invoice-price-left,
  .invoice-price .invoice-price-right {
    display: block;
    width: 100% !important;
    float: left !important;
    padding: 10px !important;
  }
  .invoice-price .invoice-price-row {
    float: none !important;
    width: 100% !important;
    display: block !important;
  }
  .invoice-price .invoice-price-left .sub-price {
    padding: 0 10px !important;
    display: block !important;
    text-align: center !important;
  }
  .invoice-price .invoice-price-right {
    text-align: center !important;
  }
  .invoice-price .invoice-price-right small {
    position: relative !important;
    display: block;
    left: 0 !important;
    top: 0 !important;
  }
  .navbar-right > ul {
    margin: 0 !important;
  }
  .navbar-right > ul > li {
    float: left;
  }
}