/*------section--trackorder------*/
.section--trackorder{padding-top: 20px;padding-bottom: 30px;float: left;width: 100%;}
.trackorder__status{display: flex;justify-content: center;}
.trackorder__text{padding-top: 9px;padding-left: 30px;text-align: center;}
.trackorder__text h1,
.track-order-online h1{font-weight: bold;font-size: 25px;line-height: 25px;margin-bottom: 5px;}
.trackorder__text p{font-size: 14px;color: #000;}
.trackorder__form{padding-top: 40px;text-align: center;}
.trackorder__input{width: 35%;margin: 0 5px 15px; height:38px;}
.trackorder__form-btn{padding-top: 10px; text-align:center;}
.trackorder__form-btn input,
.track-order-online .trackorder__form-btn input{width:auto; line-height:normal; padding:10px 25px; background:var(--shopbtn); cursor:pointer; float:none;border-radius: 50px; color: var(--white); text-transform: uppercase; margin: 0 auto; font-size: 14px; font-weight: 600; transition: 0.3s; display:inline-block;}
.trackorder__note{padding-top: 25px;text-align: center;}
.trackorder__note p{font-size: 14px;line-height: 22px;color: #000;}
.trackorder__note span{font-weight: bold;}
.trackorder__note a{color: #f50633;text-decoration: underline;}
.divOrderStatusMain {margin: 15px auto 0;width: 80%;}
.divOrderStatusMain p{color: #f50633;margin-bottom: 10px;}
table{border-collapse: collapse;}
.tblResults {width: 100%;font-size: 14px;}
.tblResults tr, .tblResults td {border: solid 1px #efefef;}
.tblHead td {font-weight: bold;font-size: 14px;padding: 5px;}
.tblRow td {font-weight: normal;font-size: 14px;padding: 5px;}
.track-order-online{text-align: center;padding-top: 20px;}
.track-order-online input{margin: 0 5px 15px;border: 1px solid #c4c4c4;background: #f8f8f8;width: 35%;height: 38px;line-height: 38px;color: #151515;padding: 0 5px;outline: none;font-size: 14px;margin: 5px;border-radius: 5px;}
.track-order-online button{color: #ffffff;font-size: 16px;font-weight: bold;padding: 0px 20px;cursor: pointer;height: 38px;line-height: 38px;text-transform: uppercase;outline: none;border: 0;appearance: none;-webkit-appearance: none;-moz-appearance: none;-ms-appearance: none;background: #f50633;border-radius: 20px;}
.track-order-online .trackorder__form-btn {display: inline-block}
.track-order-online .trackorder__form-btn .track_btn {width: auto;}

/*-----Responsive-Start-----*/
@media only screen and (max-width:900px),(max-width:999px){
.trackorder__status{padding-top: 20px;}
.trackorder__input{width: 40%;}
.trackorder__form {padding-top: 30px;}
.divOrderStatusMain {width: 100%;}
}

@media only screen and (max-width:700px),(max-width:799px){
.trackorder__status {padding-top: 0;}
.trackorder__form {padding-top: 22px;}
.trackorder__note {padding-top: 20px;}
}

@media only screen and (max-width:600px),(max-width:699px){
.section--trackorder {padding-bottom: 20px;}
.trackorder__text h1 {font-size: 24px;}
.trackorder__text p {font-size: 14px;color: #000;}
.trackorder__input {width: 47%;}
.trackorder__note p{letter-spacing: 0.5px;}
.divOrderStatusMain{overflow: hidden;overflow-x: scroll;}
#divOrderStatus{width: 800px;}
.track-order-online h1 {font-size: 24px;}
.track-order-online input {width: 50%;}
}

@media only screen and (max-width:500px),(max-width:599px){
.trackorder__status {padding-top: 0;}
.trackorder__images{display: none;}
.trackorder__text{padding-top: 0;padding-left: 0;}
}

@media only screen and (max-width:400px), (max-width:499px) {
.trackorder__note {padding-top: 20px;}
.trackorder__input {width: 46%;}
}

@media only screen and (max-width:375px), (max-width:399px){
.trackorder__text h1 {font-size: 22px;}
.trackorder__text p{letter-spacing: 0;}
.trackorder__input {font-size: 13px;}
.trackorder__form-btn button {font-size: 14px;height: 35px;line-height: 35px;}
.track-order-online input {width: 98%;margin-bottom: 20px;}
.track-order-online h1{margin-bottom: 10px;font-size: 22px;}
}

@media only screen and (max-width:360px){
.trackorder__text p {letter-spacing: 0.3px;}
.trackorder__text h1{font-size: 20px;}
}

@media only screen and (max-width:300px), (max-width:320px){
.trackorder__input {font-size: 14px;width: 100%;}
.trackorder__note p {letter-spacing: 0;text-align: justify;}
.trackorder__input {margin: 0 0 10px 0;}
.trackorder__text h1{font-size: 18px;}
}