@import url(http://fonts.googleapis.com/css?family=Raleway:400,700);
    







ol.progtrckr {
    margin: 0;
    text-align: center;
    list-style-type :none;
}

ol.progtrckr li {
    display: inline-block;
    text-align: center;
    line-height: 3.5em;
}

ol.progtrckr[data-progtrckr-steps="4"] li { width: 24%; }


ol.progtrckr li.progtrckr-done {
    color: black;
  border-bottom: 4px solid #124678;
}
ol.progtrckr li.progtrckr-todo {
    color: silver; 
    border-bottom: 4px solid silver;

}

ol.progtrckr li:after {
    content: "\00a0\00a0";
}
ol.progtrckr li:before {
    position: relative;
    bottom: -2.5em;
    float: left;
    left: 85%;
    line-height: 1em;
}
ol.progtrckr li.progtrckr-done:before {
    content: "\2713";
    color: white;
    background-color: #124678;
    height: 2.2em;
    width: 2.2em;
    line-height: 2.2em;
    border: none;
    border-radius: 2.2em;
}
ol.progtrckr li.progtrckr-todo:before {
    content: "\2713";
    color: white;
    background-color:#a1abb4;
    height: 2.2em;
    width: 2.2em;
    line-height: 2.2em;
    border: none;
    border-radius: 2.2em;
}
.lastActiveSec:before {
    background-color: red;
}

.activeSec:before {
    background-color:#124678;
}

.inActiveSec:before {
    background-color: #a1abb4;
}

li.progtrckr-todo.progtrckr-done-Second.lastActiveSec:before {
    background-color: #124678;
    opacity: 0.8;
}

li.progtrckr-todo.progtrckr-done-Second.lastActiveSec {
    border-bottom: 4px solid #7093b2;
}
li.progtrckr-todo.progtrckr-done-Fourth.lastActiveSecInEng {
    border-bottom: unset;
}
ol.progtrckr li.progtrckr-done-First:before {
    content: " 1 ";
}
ol.progtrckr li.progtrckr-done-Second:before {
    content: " 2 ";
}
ol.progtrckr li.progtrckr-done-Third:before {
    content: " 3 ";
}
ol.progtrckr li.progtrckr-done-Fourth:before {
    content: " 4 ";
}



.medicineBox{
    border: 1px solid #f6f6f6;
    border-radius: 11px;
    margin-top: 17px;

}


.stepName2{
    left:27%;
}

span.stepName {
    left: 8%;
}
    .drAndOfferBtn {
    background-color: #5cb85c;
    border: 1px solid #efecec;
    border-radius: 4px;
    padding: 4px 17px 4px 17px;
    color:white;
}

li.progtrckr-todo.progtrckr-done-First.lastActiveSec {
    border-bottom: 4px solid #124678!important;
}


li.progtrckr-done.progtrckr-done-Second.activeSec {
    border-bottom: 4px solid #a1abb4;
}
li.progtrckr-todo.progtrckr-done-First.lastActiveSec {
    border-bottom: unset!important;
}
    /*Label Part*/

.discount-label {
 padding:8px; 
 position:relative;
  float:left;
  margin-top:35px;
   margin-left:60px;
width:50px;
-webkit-border-radius:0 4px 0 4px;
-moz-border-radius:0 4px 0 4px;
border-radius:0 4px 4px 0;

}


.label {
  color: white;
  padding: 8px;
  /*font-family: Arial;*/
}

.danger {
    background-color: #ff574b;
        position: relative;
    top: 60px;
       left: -18px!important;

} 

.fa-cart-plus:before {
    content: "\f217";
    padding-left: 5px;
}

.lineCstTracking{
        width: 6%;
    height: 3px;
}

span.inner {
        color: black;
    }
    span.outer {
        color: red;
        text-decoration: line-through;
    }

.cstColorinAllSecs{
        color: #3a3636;
}

.frameImg{
    width: 342px;
    height: 342px;
    margin-top: 95px;
}
/*Loader Part*/
.loader {
  height: 20px;
display:flex;
justify-content:center;
    top: 3px;
    bottom: 76px;
  left: 0;
  right: 0;
  margin: auto;
}
.loader--dot {
  animation-name: loader;
  animation-timing-function: ease-in-out;
  animation-duration: 3s;
  animation-iteration-count: infinite;
  height: 20px;
  width: 20px;
  border-radius: 100%;
  background-color: black;
  position: absolute;
  border: 2px solid white;
}
.loader--dot:first-child {
  background-color: #124678;
  animation-delay: 0.5s;
}
.loader--dot:nth-child(2) {
  background-color:#f17b21;
  animation-delay: 0.4s;
}
.loader--dot:nth-child(3) {
  background-color: #124678;
  animation-delay: 0.3s;
}
.loader--dot:nth-child(4) {
  background-color:#f17b21;
  animation-delay: 0.2s;
}



@keyframes loader {
  15% {
    transform: translateX(0);
  }
  45% {
    transform: translateX(230px);
  }
  65% {
    transform: translateX(230px);
  }
  95% {
    transform: translateX(0);
  }
}

.order-no-resp{
        border-right: 1px solid #bbb3b3;
        border-left: unset!important;
}
    
/*Deny Sec*/
.chngParagDenySec{

    border:1px solid grey;
    width: 75%;
    margin: auto;
    margin-bottom: 10px;
    color: #6c6f71;
}


.carousel-control{
       color:white;
}

.carousel-control:hover{
       color:blue;
}
.carousel-control.left {
      background-image: linear-gradient(to right,rgba(0,0,0,.0001) 0,rgba(247, 241, 241, 0.5) 100%);
}

.carousel-control.right{
    background-image: linear-gradient(to right,rgba(0,0,0,.0001) 0,rgba(247, 241, 241, 0.5) 100%);
}
.carousel-control2 {
    position: absolute;
    top: 1580px;
}

.carousel-control2 .glyphicon-chevron-left {
    left: 24%;
  }

.carousel-control2 .glyphicon-chevron-right {
    right: 32%!important;
  }
.carousel-control2{
    opacity:unset;
}

.carousel-control2 .glyphicon-chevron-left {
    background-color:#2f77b5;
}
.carousel-control2 .glyphicon-chevron-right {
    background-color:#2f77b5;
}
.carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-prev, .carousel-control .icon-next {
     width: 29px;
    height: 23px;
    margin-top: -12px;
    font-size: 21px;
}

.carousel-control .glyphicon-chevron-right, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-prev, .carousel-control .icon-next {
     width: 29px;
    height: 23px;
    margin-top: -12px;
    font-size: 21px;
}


span.glyphicon.glyphicon-chevron-left:hover {
    color: #b5b1b1;
}


.carousel-control3 {
    position: absolute;
    top: 1897px;
}

    .carousel-control3 .glyphicon-chevron-left {
        left: 24%;
    }


    .carousel-control3 .glyphicon-chevron-left {
    background-color:#2f77b5;
}
.carousel-control3 .glyphicon-chevron-right {
    background-color: #2f77b5;
}

.carousel-control3{
    opacity:unset;
}

    .carousel-control3 .glyphicon-chevron-right {
        right: 32%;
    }

    /*left and right in desktop*/
    a.right.carasouel-in-resp {
    left: 1128px!important;
}

    a.right.carasouel-right-offers-resp {
    left: 1130px!important;
}

    .border-sec {
    border-right: 1px solid grey!important;
     border-left:unset!important;
}
 .hr-in-media-query {
        width: 135px!important;
            margin-left: 74.666667%!important;
}

    .padding-in-media-query-track-page.padding-in-media-query-track-page-en {
    padding-left: unset!important;
}
    .padding-in-media-query-track-page-en {
         padding-left: unset!important;
}

/*Thnx for use sec*/
.thnx-sec{
        display: block!important;
}
.contain-ol-sec.contain-ol-sec-in-resp {
    margin-left: -95px!important;
}
span.stepName {
    left: 30%!important;
}


li.progtrckr-done.progtrckr-done-Second.activeSec {
    border-bottom: 4px solid #124678!important;
}
@media(max-width:730px){
   ol.progtrckr{
       padding:0px!important;
   }

    span.stepName {
        font-size:4px;
        font-weight: bold;
}

        span.stepName2 {
        font-size:4px;
        font-weight: bold;
}


    ol.progtrckr li:before {
    position: relative;
    bottom: -2.5em;
    float: left;
    left: 64%;
    line-height: 1em;
}

    ol.progtrckr[data-progtrckr-steps="4"] li {
    width: auto;
}


.hr-in-media-query {
    width: 130px!important;
    margin-left: 30%!important;
}
   



.padding-in-media-query-track-page2 {
        padding-left: 41px!important;
}

.stepName2 {
    left: 12%;
}

.loader {
    width:0px;
}
.padding-in-media-query-track-page{
    padding-left: 59px!important;
}

.padding-in-media-query-delivery-track-page {
    padding-left: 30px!important;
}

    .carasouel-in-resp{
            bottom: 500px!important;
       
    }
    .carasouel-left-in-resp{
        top: 240px!important;
    }
    a.right.carasouel-right-offers-resp {
    bottom: 765px!important;
}
    a.left.carasouel-left-offers-resp {
    top: 265px!important;
}

    a.right.carasouel-in-resp {
    left:300px!important;
}
a.right.carasouel-right-offers-resp {
    left: 302px!important;
}

.contain-ol-sec{
        display: flex;
    justify-content: center;

}

.please-rest-header-resp{
        font-size: 19px;

}
a.left.carasouel-left-in-resp {
    right: 21px!important;
}
a.carasouel-left-offers-resp.left {
    right: 21px!important;
}
/*Keyframes Part*/
@keyframes loader {
  15% {
    transform: translateX(0);
  }
  45% {
    transform: translateX(-150px);
  }
  65% {
    transform: translateX(-150px);
  }
  95% {
    transform: translateX(0);
  }
}

/*OL In Responsive*/
.ol-in-resp-sec{
        display: flex;
    flex-direction: column;
}
.contain-ol-sec-in-resp{
    display: flex;
    justify-content: center;
    margin-top: 14%;
    margin-right: 20%;
}

.step-name-in-resp{
    position: relative;
    top: unset;
    color: #124678;
    bottom: 30px;
}

li.progtrckr-todo.progtrckr-done-Third.inActiveSec.border-in-resp {
      border-right: 4px solid silver;
} 

li.progtrckr-done.progtrckr-done-Second.activeSec.active-sec-in-resp {
     color: black;
    border-right: 4px solid #124678!important;
}
li.progtrckr-todo.progtrckr-done-Fourth.inActiveSec2.border-in-resp {
    border-right: 4px solid silver;
}
li.progtrckr-done.progtrckr-done-Second.activeSec.active-sec-in-resp {
    border-bottom: unset;
}
li.progtrckr-todo.progtrckr-done-Third.inActiveSec.border-in-resp {
    border-bottom: unset;
}
li.progtrckr-todo.progtrckr-done-Fourth.inActiveSec2.border-in-resp {
    border-bottom: unset;
}

span.stepName {
    font-size: 10px;
    /* font-weight: bold; */
}
span.stepName2{
    font-size: 10px;
}
span.stepName.step-name-in-resp {
    top: 27px!important;
    left: -13px;
}
span.stepName2 {
    font-size: 10px;
    top: 24px!important;
    left: -10%;
}
ol.progtrckr li:before {
    position: relative;
    bottom: -2.5em;
    float: left;
    left: 87%;
    line-height: 1em;
}

/*Order Sec In En*/
.order-sec {
    padding-left: 23px;
}
span.order-padding-in-en {
    padding-right: 14px;
}
.padding-in-media-query-track-page-en {
    padding-left: 0px!important;
}
span.order-padding-in-en-disc {
    padding-right: 26px;
}
span.delivery-padding-en {
    padding-right: 30px;
}



/*price sec*/
.price-div{
    padding-left: 10px;
}
/*Btn Width In En*/
.width-in-resp-en{
    width:66px!important;
}

/*Border Sec*/
.border-sec{
 border-right: unset!important;
    border-left:unset!important;
}

.delivery-padding-en-sec2{
    padding-right: 29px!important;
}

.contain-ol-sec.contain-ol-sec-in-resp {
    margin-left: unset!important;
}

span.stepName {
    left: -10%!important;
}
.carasouel-in-resp {
    bottom: 500px!important;
}
.cnhgFontInResp{
    font-size:16px!important;
}
.parag-in-resp-order-page{
    margin-top: unset!important;
}

.hr-in-media-query-in-track-page{
    margin-left: 28%!important;
}
li.progtrckr-done.progtrckr-done-Second.activeSec.active-sec-in-resp{
    border-bottom:unset!important;
}
.medicineBox {
    overflow-x: hidden!important;
}
.getWellSoon{
    margin-top:unset!important;
}

  }