.track-my-order-top-wrapper{float:left;width:100%;background:#3e1251;padding:60px 0 40px;margin:0 0 40px;position:relative;overflow:hidden}.track-my-order-top-wrapper .track-bg-left{position:absolute;bottom:-80%;left:-5%;opacity:.2}.track-my-order-top-wrapper .track-bg-right{position:absolute;bottom:-10%;right:-10%;opacity:.2}.track-top-left{float:left;width:46%}.track-top-left h1{font-size:74px;font-weight:400;color:#fff;margin:20% 0 0}.track-top-left h2{width:82%;font-size:18px;line-height:30px;font-weight:300;color:#fff;position:relative;letter-spacing:.6px;margin:0 0 0 18px}.track-my-order-box{float:right;width:50%;padding:0;border-radius:16px;margin:0 auto 50px}.track-my-order-box .head,.track-my-order-box p{font-size:20px;font-weight:600;color:#fff;text-align:center;margin:0 0 10px}.track-my-order-box p{width:100%;font-size:16px;font-weight:400;margin:0 0 24px}.track-my-order-box .inner{width:80%;padding:3% 6% 6%;margin:0 auto;background:#fff;text-align:center;border-radius:16px;clear:both;border:solid 1px #eee}.track-my-order-box label{width:100%;font-size:14px;font-weight:600;color:#444;margin:20px 0 6px;display:block;text-align:left}.track-my-order-box input{width:97.6%;padding:22px 0 22px 10px;font-size:13px;line-height:13px;color:#666;border:solid 1px #ddd;background:#eee;border-radius:10px}.track-my-order-box input.error{border:solid 1px #c00}.track-my-order-box .error-message{width:100%;color:#c00;font-size:14px;font-style:italic;padding:4px;display:none;text-align:left}.order-details-wrapper .button,.track-my-order-box .submit{background:#3e1251;color:#fff;font-size:14px;font-weight:600;border-radius:10px;cursor:pointer}.track-my-order-box .submit{text-align:center;width:100%;padding:22px 0;margin:20px 0 0;transition:.4s}.order-details-box .text-wrapper .track:hover,.order-details-wrapper .button:hover,.track-my-order-box .submit:hover{background:#000}.order-details-wrapper{padding:50px 0 40px;background:#eee;text-align:center}.order-details-wrapper h2,.order-details-wrapper h3{color:#000;text-align:center;padding:0;margin:0 0 10px}.order-details-wrapper h2{font-size:40px;line-height:40px;font-weight:400;letter-spacing:.6px}.order-details-wrapper h3{font-size:17px;line-height:24px;font-weight:300}.order-details-wrapper .button{clear:both;padding:20px 0;width:200px;margin:0 auto 30px;transition:.6s}.order-details-box{float:none;width:24%;padding:0;display:inline-block;margin:0 .5% 20px;background:#fff;border-radius:10px}.order-details-box .image-wrapper{float:left;width:94%;margin:3% 0 0 3%}.order-details-box .image-wrapper img{width:100%;height:auto;display:block;margin:0 0 10px;border-radius:10px}.order-details-box .text-wrapper{float:left;width:94%;margin:0 0 0 3%}.order-details-box .text-wrapper .title{text-align:left;width:100%;font-size:15px;line-height:18px;color:#000;font-weight:600;margin:4px 0 6px;height:36px}.order-details-box .text-wrapper .pno{text-align:left;width:100%;font-size:13px;color:#444;font-weight:300;margin:0 0 10px}.order-details-box .text-wrapper .pno span,.order-details-wrapper h3 span{font-weight:600;color:#3c6731}.order-details-box .text-wrapper .qty{text-align:left;font-size:13px;font-weight:600;color:#000;margin:0 0 10px}.order-details-box .text-wrapper .price{float:left;width:50%;text-align:left;font-size:24px;font-weight:600;color:#3c6731}.order-details-box .text-wrapper .track{float:right;width:50%;background:#3c6731;color:#fff;font-size:14px;text-transform:uppercase;text-align:center;padding:6px 0;border-radius:10px;transition:.4s}.order-details-box .status-wrapper{float:left;width:100%;background:#3c6731;padding:14px 0 20px;margin:10px 0 0;border-bottom-left-radius:10px;border-bottom-right-radius:10px}.order-details-box .status-wrapper .status{float:left;width:96%;margin:0 0 0 2%;font-weight:600;font-size:16px;letter-spacing:.4px;color:#fff}.order-details-box .status-wrapper .status span{font-size:13px;font-weight:300;color:#ff9;font-style:italic;line-height:22px;letter-spacing:0}@media only screen and (max-width:1300px){.track-my-order-top-wrapper .track-bg-left{width:700px;height:auto;bottom:-60%;left:-5%;opacity:.2}.track-my-order-top-wrapper .track-bg-right{bottom:-10%;right:-30%;opacity:.2}.track-top-left h1{font-size:60px;text-align:left}.track-top-left h2{margin:0 0 0 12px}.order-details-box .text-wrapper .title{font-size:13px;line-height:18px;margin:4px 0 6px;height:34px}.order-details-box .text-wrapper .price{font-size:22px}}@media only screen and (max-width:1100px){.order-details-box{width:31%;margin-left:1%;margin-right:1%}.order-details-box .text-wrapper .price{font-size:20px}}@media only screen and (max-width:1000px){.track-my-order-top-wrapper .track-bg-left{width:600px;height:auto;bottom:-15%;left:-15%;opacity:.2}.track-my-order-top-wrapper .track-bg-right{width:800px;height:auto;bottom:0;right:-40%;opacity:.1}.track-top-left h1{font-size:56px;text-align:left}.track-top-left h2{width:86%;font-size:16px;line-height:26px}.order-details-box .text-wrapper .price{font-size:18px}}@media only screen and (max-width:800px){.track-my-order-top-wrapper .track-bg-left{width:800px;height:auto;position:absolute;bottom:-10%;left:0;opacity:.2}.track-my-order-top-wrapper .track-bg-right{display:none}.track-top-left{float:left;width:100%}.track-top-left h1{font-size:40px;text-align:center;margin:0}.track-top-left h2{width:84%;font-size:15px;line-height:24px;margin:0 0 0 8%;text-align:center}.track-my-order-box{float:left;width:90%;padding:0;border-radius:16px;margin:20px 0 50px 5%}.order-details-box{width:47%;margin-left:1.5%;margin-right:1.5%}.order-details-wrapper h2{font-size:34px;line-height:34px}.order-details-wrapper h3{font-size:15px}}@media only screen and (max-width:500px){.track-my-order-top-wrapper{padding:50px 0 40px}.track-my-order-top-wrapper .track-bg-left{width:800px;height:auto;position:absolute;bottom:-2%;left:-20%;opacity:.1}.track-top-left h1{font-size:34px}.track-top-left h2{width:90%;margin:0 0 0 5%;line-height:22px}.track-my-order-box{width:96%;padding:0;border-radius:16px;margin:20px 0 50px 2%}.order-details-box{width:97%;margin-left:1.5%;margin-right:1.5%}.order-details-box .text-wrapper .title{height:auto}.order-details-wrapper h2{font-size:28px;line-height:28px}}