.track-order-container img {
  height: auto;
  width: 100%; }

.track-order-container .trackorder {
  padding: 3%; }

.track-order-container .track-order-header {
  font-size: 22px;
  margin: 15px 0;
  color: #353332;
  width: 100%;
  font-family: "mukta-bold", sans-serif; }

.track-order-container .track-order-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
  .track-order-container .track-order-content .track-order-header-text {
    width: 100%;
    font-size: 13px; }
  .track-order-container .track-order-content .form-group {
    width: 100%; }
  .track-order-container .track-order-content .btn-container {
    width: 100%; }
    .track-order-container .track-order-content .btn-container button {
      width: 100%; }
  .track-order-container .track-order-content .alert {
    height: auto; }

@media screen and (min-width: 768px) {
  .track-order-container .trackorder {
    max-width: 800px;
    margin: 0 auto; }
  .track-order-container .track-order-content {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between; }
    .track-order-container .track-order-content .form-group:not(.alert-container) {
      width: calc(50% - 15px); }
    .track-order-container .track-order-content .btn-container {
      text-align: right; }
      .track-order-container .track-order-content .btn-container button {
        display: inline-block;
        max-width: 300px; } }

@media screen and (min-width: 1800px) {
  .track-order-container picture {
    width: 100vw;
    display: block;
    margin-left: calc(((100vw - 1800px) / 2) * -1);
    margin-right: calc(((100vw - 1800px) / 2) * -1); } }

/*# sourceMappingURL=trackOrder.css.map*/