.inner {
  margin: 0 auto;
  width: 85%;
  max-width: 380px;
}

.btnField {
  margin: 0 0 35px 0;
}

.btnField button~.val {
  position: absolute;
  right: initial;
  left: 0;
  bottom: -18px;
}

.float_left {
  float: left;
  width: auto;
}

#guestClm,
#loginLeft,
#submitNoDate,
#delivClm {
  display: none;
}

#delivClm {
  border-left: 1px solid #ccc;
  box-sizing: border-box;
}

#guestClm {
  box-sizing: border-box;
  border-left: 1px solid #ccc;
}

#guestClm.guestOnly {
  border: none;
}

#guestNote {
  font-size: 13px;
  font-style: italic;
  display: block;
  margin: 0 0 10px 0;
}

#loading {
  width: 100%;
  height: 50px;
  background-repeat: no-repeat;
  background-size: 50px;
  background-position: 50%;
}

.chkOption {
  font-size: 13px;
}

/* e-Gift Delivery */
#delivField input {
  width: 80%;
  margin: 0 5% 0 0;
  display: inline-block;
  vertical-align: top;
}

#calIcon {
  content: "";
  display: inline-block;
  width: 42px;
  height: 42px;
  background-image: url(/cws4.0/global-unix/images/forms/calendar.png);
  background-repeat: no-repeat;
  background-size: 42px;
  position: absolute;
  top: 20px;
  cursor: pointer;
}

#calIcon:hover {
  opacity: 0.5;
}

#guestClm.noborder {
  border: none;
}

@media only screen and (max-width: 768px) {
  .field {
    width: auto;
  }

  .checkoutClm {
    width: 100%;
    float: none;
  }

  #loginLeft h2,
  #guestClm h2 {
    background-size: 24px;
    background-repeat: no-repeat;
    background-color: #f4f4f4;
    background-position: 98% center;
    transition: margin 0.45s;
  }

  #loginLeft h2.collapsed,
  #guestClm h2.collapsed {
    background-image: url(/cws4.0/global-unix/images/structure/checkout-sidearrow.png);
    margin: 0;
  }

  #loginLeft h2.expanded,
  #guestClm h2.expanded {
    background-image: url(/cws4.0/global-unix/images/structure/checkout-downarrow.png);
  }

  .float_left {
    float: none;
  }

  #loginLeft,
  #recipInfo {
    margin: 0 0 20px 0;
    padding: 0;
    border: none;
  }

  #delivClm {
    border: none;
  }
}