*{box-sizing:border-box}.menu{float:left;width:25%;text-align:center}.menuitem{padding:8px;margin-top:0;border:1px solid #e5e5e5}.main{padding:8px;margin-top:7px;margin-left:3px;float:left;width:74%}.trackingDetailsButton{background-color:#e95517;border:none;color:#fff;padding:12px 24px;text-align:center;text-decoration:none;display:inline-block;font-size:10px;-webkit-transition-duration:.4s;transition-duration:.4s;cursor:pointer}.buttonHighlighting:hover{background-color:#e95517;color:#fff}@media only screen and (min-width:480px) and (max-width:600px){.shipmentTracking-loading{top:25%;left:35%}.main{height:550px}.main-timeline-section{width:100%;top:41%;left:-13%;transform:rotate(90deg)}.main-timeline-section .timeline-start-background{width:30px;height:30px}.main-timeline-section .timeline-start{width:30px;height:30px;transform:rotate(-90deg)}.main-timeline-section .conference-center-line-background{height:8px;top:40%}.main-timeline-section .conference-center-line{height:8px;top:40%}.main-timeline-section .timeline-end-background{width:30px;height:30px}.main-timeline-section .timeline-end{width:30px;height:30px;transform:rotate(-90deg)}.timeline-left-article .meta-date-background{width:30px;height:30px}.timeline-left-article .meta-date{width:30px;height:30px;transform:rotate(-90deg)}.timeline-right-article .meta-date-background{width:30px;height:30px;transform:rotate(-90deg)}.timeline-right-article .meta-date{width:30px;height:30px;transform:rotate(-90deg)}.timeline-left-article .content-date-startButton{top:-50%;left:-32px;font-size:14px;transform:rotate(-90deg)}.timeline-left-article .content-date{top:-24%;right:-9%;font-size:14px;transform:rotate(-90deg)}.timeline-right-article .content-date{top:-38%;left:-17%;font-size:14px;transform:rotate(-90deg)}.timeline-right-article .content-date-endButton{top:-32%;right:-11%;font-size:14px;transform:rotate(-90deg)}.timeline-middle-article .content-date{top:-24%;right:-28px;font-size:14px;transform:rotate(-90deg)}.btn-circle{padding:6px 0;width:30px;height:30px;font-size:14px;line-height:1.42857;text-align:center}}@media only screen and (min-width:420px) and (max-width:480px){.shipmentTracking-loading{top:25%;left:30%}.main{height:480px}.main-timeline-section{width:100%;top:41%;left:-13%;transform:rotate(90deg)}.main-timeline-section .timeline-start-background{width:30px;height:30px}.main-timeline-section .timeline-start{width:30px;height:30px;transform:rotate(-90deg)}.main-timeline-section .conference-center-line-background{height:8px;top:40%}.main-timeline-section .conference-center-line{height:8px;top:40%}.main-timeline-section .timeline-end-background{width:30px;height:30px}.main-timeline-section .timeline-end{width:30px;height:30px;transform:rotate(-90deg)}.timeline-left-article .meta-date-background{width:30px;height:30px}.timeline-left-article .meta-date{width:30px;height:30px;transform:rotate(-90deg)}.timeline-right-article .meta-date-background{width:30px;height:30px;transform:rotate(-90deg)}.timeline-right-article .meta-date{width:30px;height:30px;transform:rotate(-90deg)}.timeline-left-article .content-date-startButton{top:-50%;left:-32px;font-size:14px;transform:rotate(-90deg)}.timeline-left-article .content-date{top:-24%;right:-9%;font-size:14px;transform:rotate(-90deg)}.timeline-right-article .content-date{top:-38%;left:-20%;font-size:14px;transform:rotate(-90deg)}.timeline-right-article .content-date-endButton{top:-32%;right:-11%;font-size:14px;transform:rotate(-90deg)}.timeline-middle-article .content-date{top:-24%;right:-28px;font-size:14px;transform:rotate(-90deg)}.btn-circle{padding:6px 0;width:30px;height:30px;font-size:14px;line-height:1.42857;text-align:center}}@media only screen and (max-width:420px){.shipmentTracking-loading{top:25%;left:28%}.main{height:390px}.main-timeline-section{width:100%;top:35%;left:-13%;transform:rotate(90deg)}.main-timeline-section .timeline-start-background{width:30px;height:30px}.main-timeline-section .timeline-start{width:30px;height:30px;transform:rotate(-90deg)}.main-timeline-section .conference-center-line-background{height:8px;top:40%}.main-timeline-section .conference-center-line{height:8px;top:40%}.main-timeline-section .timeline-end-background{width:30px;height:30px}.main-timeline-section .timeline-end{width:30px;height:30px;transform:rotate(-90deg)}.timeline-left-article .meta-date-background{width:30px;height:30px}.timeline-left-article .meta-date{width:30px;height:30px;transform:rotate(-90deg)}.timeline-right-article .meta-date-background{width:30px;height:30px;transform:rotate(-90deg)}.timeline-right-article .meta-date{width:30px;height:30px;transform:rotate(-90deg)}.timeline-left-article .content-date-startButton{top:-50%;left:-32px;font-size:14px;transform:rotate(-90deg)}.timeline-left-article .content-date{top:-24%;right:-9%;font-size:14px;transform:rotate(-90deg)}.timeline-right-article .content-date{top:-38%;left:-23%;font-size:14px;transform:rotate(-90deg)}.timeline-right-article .content-date-endButton{top:-32%;right:-15%;font-size:14px;transform:rotate(-90deg)}.timeline-middle-article .content-date{top:-24%;right:-28px;font-size:14px;transform:rotate(-90deg)}.btn-circle{padding:6px 0;width:30px;height:30px;font-size:14px;line-height:1.42857;text-align:center}}@media only screen and (max-width:700px){.menu,.main,.right{width:100%}}@media only screen and (min-width:600px) and (max-width:767px){.shipmentTracking-loading{top:25%;left:38%}.main-timeline-section{width:90%}.main-timeline-section .timeline-start-background{width:15px;height:15px}.main-timeline-section .timeline-start{width:15px;height:15px}.main-timeline-section .conference-center-line-background{height:4px;top:36%}.main-timeline-section .conference-center-line{height:4px;top:36%}.main-timeline-section .timeline-end-background{width:15px;height:15px}.main-timeline-section .timeline-end{width:15px;height:15px}.timeline-left-article .meta-date-background{width:15px;height:15px}.timeline-left-article .meta-date{width:15px;height:15px}.timeline-right-article .meta-date-background{width:15px;height:15px}.timeline-right-article .meta-date{width:15px;height:15px}.timeline-left-article .content-date-startButton{top:50%;left:-15px;font-size:12px}.timeline-left-article .content-date{top:50%;right:-7%;font-size:12px}.timeline-right-article .content-date{top:50%;left:-16%;font-size:12px}.timeline-right-article .content-date-endButton{top:50%;right:-9%;font-size:12px}.timeline-middle-article .content-date{top:10%;right:-28px;font-size:12px}.btn-circle{padding:3px 0;width:15px;height:15px;font-size:8px;line-height:.52857;text-align:center}}@media only screen and (min-width:767px) and (max-width:1024px){.shipmentTracking-loading{top:25%;left:40%}.main-timeline-section{width:90%}.main-timeline-section .timeline-start-background{width:24px;height:24px}.main-timeline-section .timeline-start{width:24px;height:24px}.main-timeline-section .conference-center-line-background{height:6px;top:38%}.main-timeline-section .conference-center-line{height:6px;top:38%}.main-timeline-section .timeline-end-background{width:24px;height:24px}.main-timeline-section .timeline-end{width:24px;height:24px}.timeline-left-article .meta-date-background{width:24px;height:24px}.timeline-left-article .meta-date{width:24px;height:24px}.timeline-right-article .meta-date-background{width:24px;height:24px}.timeline-right-article .meta-date{width:24px;height:24px}.timeline-left-article .content-date-startButton{top:68%;left:-25px;font-size:14px}.timeline-left-article .content-date{top:68%;right:-7%;font-size:14px}.timeline-right-article .content-date{top:68%;left:-10%;font-size:14px}.timeline-right-article .content-date-endButton{top:68%;right:-7%;font-size:14px}.timeline-middle-article .content-date{top:10%;right:-28px;font-size:14px}.btn-circle{padding:3px 0;width:24px;height:24px;font-size:12px;text-align:center}}@media only screen and (min-width:701px){.tracking-details-main{overflow:auto}}@media only screen and (min-width:1024px){.shipmentTracking-loading{top:25%;left:43%}.main-timeline-section{width:90%}.main-timeline-section .timeline-start-background{width:30px;height:30px}.main-timeline-section .timeline-start{width:30px;height:30px}.main-timeline-section .conference-center-line-background{height:8px;top:40%}.main-timeline-section .conference-center-line{height:8px;top:40%}.main-timeline-section .timeline-end-background{width:30px;height:30px}.main-timeline-section .timeline-end{width:30px;height:30px}.timeline-left-article .meta-date-background{width:30px;height:30px}.timeline-left-article .meta-date{width:30px;height:30px}.timeline-right-article .meta-date-background{width:30px;height:30px}.timeline-right-article .meta-date{width:30px;height:30px}.timeline-left-article .content-date-startButton{top:68%;left:-25px;font-size:14px}.timeline-left-article .content-date{top:68%;right:-7%;font-size:14px}.timeline-right-article .content-date{top:68%;left:-10%;font-size:14px}.timeline-right-article .content-date-endButton{top:68%;right:-7%;font-size:14px}.timeline-middle-article .content-date{top:15%;right:-28px;font-size:14px}.btn-circle{padding:6px 0;width:30px;height:30px;font-size:14px;line-height:1.42857;text-align:center}}.main-timeline-section{position:relative;margin:auto;height:100px}.main-timeline-section .timeline-start-background{position:absolute;background:#c0c0c0;border-radius:100px;top:30%}.main-timeline-section .conference-center-line-background{position:absolute;background:#c0c0c0;width:100%}.main-timeline-section .timeline-end-background{position:absolute;background:#c0c0c0;border-radius:100px;top:30%;right:0}.timeline-left-article .meta-date-background{position:absolute;top:30%;right:0;border-radius:100%;background:#c0c0c0}.timeline-right-article .meta-date-background{position:absolute;top:30%;left:0;border-radius:100px;background:#c0c0c0}.timeline-right-article{width:30%;position:relative;min-height:100px;float:right}.timeline-left-article{width:30%;position:relative;min-height:100px;float:left}.timeline-middle-article{width:10%;position:absolute;min-height:100px;right:50%}.timeline-left-article .content-date-startButton{position:absolute}.timeline-left-article .content-date{position:absolute}.timeline-right-article .content-date{position:absolute}.timeline-right-article .content-date-endButton{position:absolute}.timeline-middle-article .content-date{position:absolute}.main-timeline-section .conference-center-line{position:absolute;width:100%}.main-timeline-section .timeline-start{position:absolute;border-radius:100px;top:30%}.main-timeline-section .timeline-end{position:absolute;right:0;border-radius:100px;top:30%}.timeline-right-article .meta-date{position:absolute;top:30%;left:0;border-radius:100px}.timeline-left-article .meta-date{position:absolute;top:30%;right:0;border-radius:100%}.btn-circle{border-radius:15px;text-align:center}.delivered{background:#7bb005}.not-delivered{background:#e95517}.fa fa-check{font-size:10vw;font-size:10vh}