.steps {min-height: 90px;padding: 30px 0 0 0;font-family: 'Open Sans', sans-serif;position: relative;margin-top: 50px;}.rx-add-lens-package-top{margin-top: 50px;}.steps .steps-container {background: #ddd;height: 10px;width: 100%;border-radius: 10px;-moz-border-radius: 10px;-webkit-border-radius: 10px;-ms-border-radius: 10px;margin: 0;list-style: none;}.steps .steps-container li {text-align: center;list-style: none;float: left;}.steps .steps-container li .step {padding: 0 25px;}.steps .steps-container li .step .step-image {margin: -14px 0 0 0;}.steps .steps-container li .step .step-image span {background-color: #ddd;display: block;width: 37px;height: 37px;margin: 0 auto;border-radius: 37px;-moz-border-radius: 37px;-webkit-border-radius: 37px;-ms-border-radius: 37px;}.steps .steps-container li .step .step-current {font-size: 11px;color: #999;margin: 8px 0 0 0;}.steps .steps-container li .step .step-description {font-family: "Lato";font-size: 13px;color: #454545;}.steps .steps-container li.activated .step .step-image span {background-color: #d48e31;position: relative;z-index: 11;}.steps .steps-container li#rx_stepnavigator_1.activated .step .step-image span {background-image: conic-gradient(#882a07 0deg, #c03e02 109deg, #d48e31 109deg, #d48e31 180deg, #d48e31 180deg, #d48e31 270deg, #d48e31 270deg);border-radius: 50%;}.steps .steps-container li#rx_stepnavigator_2.activated .step .step-image span {background-image: conic-gradient(#882a07 0deg, #ce4301 90deg, #ce4301 90deg, #882a07 180deg, #d48e31 180deg, #d48e31 270deg, #d48e31 270deg);}.steps .steps-container li#rx_stepnavigator_3.activated .step .step-image span {background-image: conic-gradient(#882a07 0deg, #ce4301 90deg, #ce4301 90deg, #ce4301 180deg, #ce4301 180deg, #982f06 270deg, #d48e31 270deg);border-radius: 50%;}.steps .steps-container li#rx_stepnavigator_4.activated .step .step-image span {background-image: conic-gradient(#982f06, #c03e02, #c03e02, #c03e02, #651e0b, #250711, #250711, #6a1f0a);}.steps .steps-container li.activated .step .step-image span:after {background-color: #fff;display: block;content: '';position: absolute;z-index: 1;width: 27px;height: 27px;margin: 5px;border-radius: 27px;-moz-border-radius: 27px;-webkit-border-radius: 27px;-ms-border-radius: 27px;}.steps .steps-container li .step .step-image span:after {background-color: #fff;display: block;content: '';position: absolute;z-index: 1;width: 27px;height: 27px;margin: 5px;border-radius: 27px;-moz-border-radius: 27px;-webkit-border-radius: 27px;-ms-border-radius: 27px;}.steps .step-bar {background-color: #d48e31;background-image: linear-gradient(to right, #a97712, #bc8120, #ce8b2d, #cd8a2c, #bc8120, #a97712);height: 10px;position: absolute;top: 30px;border-radius: 10px 0 0 10px;-moz-border-radius: 10px 0 0 10px;-webkit-border-radius: 10px 0 0 10px;-ms-border-radius: 10px 0 0 10px;}.steps .step-bar.last {border-radius: 10px;-moz-border-radius: 10px;-webkit-border-radius: 10px;-ms-border-radius: 10px;}#rx_stepnavigator_1 .step .step-image span:after {content: '1';font-size: 15px;font-weight: bold;vertical-align: -50%;font-family: 'KelsonBold';}#rx_stepnavigator_2 .step .step-image span:after {content: '2';font-size: 15px;font-weight: bold;vertical-align: -50%;font-family: 'KelsonBold';}#rx_stepnavigator_3 .step .step-image span:after {content: '3';font-size: 15px;font-weight: bold;vertical-align: -50%;font-family: 'KelsonBold';}#rx_stepnavigator_4 .step .step-image span:after {content: '4';font-size: 15px;font-weight: bold;vertical-align: -50%;font-family: 'KelsonBold';}@media only screen and (max-device-width : 700px) {.steps .steps-container li .step .step-description {font-size: 13px;width: 100px;margin-left: -30px;color: #454545;}}@media only screen and (max-device-width : 340px) {.steps .steps-container li .step {padding: 0px 20px;}}