* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

html {
    scroll-behavior: smooth
}

body,
html {
    font-family: "DM Sans", sans-serif;
    font-weight: 400;
    color: #221629;
    font-size: 12px;
    line-height: 1.4
}

body,
figure,
h1,
h2,
h3,
h4,
html,
li,
p,
ul {
    margin: 0;
    padding: 0
}

li {
    list-style: none
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
nav,
section,
summary {
    display: block
}

audio,
canvas,
progress,
video {
    display: inline-block;
    vertical-align: baseline
}

audio:not([controls]) {
    display: none;
    height: 0
}

a {
    background-color: transparent;
    outline: 0;
    color: #000;
    text-decoration: none
}

.t-bold,
b,
strong {
    font-weight: 600
}

h1,
h2,
h3,
h4,
h5 {
    color: #221629;
    margin: 0;
    font-weight: 700
}

.secTitle,
h1,
h2 {
    font-size: 24px;
    line-height: 1.1;
    margin-bottom: 8px;
    text-transform: capitalize
}

.secTitle+p,
h2+p {
    font-size: 14px;
    font-weight: 300
}

.h3,
h3 {
    font-size: 18px
}

i {
    font-style: normal
}

small {
    font-size: 80%
}

sub,
sup {
    font-size: 70%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sup {
    top: -.5em
}

sub {
    bottom: -.2em
}

img {
    border: 0;
    aspect-ratio: auto
}

svg:not(:root) {
    overflow: hidden
}

hr {
    box-sizing: content-box;
    height: 0
}

button,
input,
optgroup,
select,
textarea {
    color: inherit;
    font: inherit;
    margin: 0;
    font-family: "DM Sans", sans-serif;
    font-weight: 400
}

button {
    overflow: visible
}

button,
select {
    text-transform: none
}

button,
html input[type=button],
input[type=reset],
input[type=submit] {
    -webkit-appearance: button;
    cursor: pointer
}

button[disabled],
html input[disabled] {
    cursor: default
}

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0
}

input {
    line-height: normal
}

input[type=checkbox],
input[type=radio] {
    box-sizing: border-box;
    padding: 0
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    height: auto
}

input[type=search] {
    -webkit-appearance: textfield;
    box-sizing: content-box
}

input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

fieldset {
    border: 1px solid #221629;
    margin: 0 2px;
    padding: .35em .625em .75em
}

textarea {
    overflow: auto
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

td,
th {
    padding: 0
}

p {
    font-size: 12px;
    line-height: 1.5;
    color: #221629
}

main {
    position: relative;
    overflow: hidden
}

.section {
    padding: 30px 0
}

.heading h1,
.heading h2 {
    padding: 0 16px
}

.titleSpc h1,
.titleSpc h2,
.titleSpc h3 {
    margin-bottom: 16px
}

.innerPage {
    padding-top: 54px
}

.showWeb {
    display: none
}

main .iconKTM {
    color: #ef5713
}

main .iconKTM.iconHolder {
    color: #ef5713
}

main .iconKTMwrap .iconHolder {
    color: #ef5713
}

.slick-slide img {
    width: auto;
    height: auto
}

.fDC {
    flex-direction: column
}

.fDR {
    flex-direction: row
}

.jC {
    justify-content: center
}

.aIC {
    align-items: center
}

.cG-1 {
    column-gap: 4px
}

.cG-2 {
    column-gap: 8px
}

.cG-3 {
    column-gap: 12px
}

.cG-4 {
    column-gap: 16px
}

.cG-5 {
    column-gap: 20px
}

.cG-6 {
    column-gap: 24px
}

.cG-6 {
    column-gap: 28px
}

.cG-6 {
    column-gap: 32px
}

.gy1,
.rG-1 {
    row-gap: 4px
}

.gy2,
.rG-2 {
    row-gap: 8px
}

.rG-3 {
    row-gap: 12px
}

.gy3,
.rG-4 {
    row-gap: 16px
}

.rG-5 {
    row-gap: 20px
}

.gy4,
.rG-6 {
    row-gap: 24px
}

.rG-7 {
    row-gap: 28px
}

.gy5,
.rG-8 {
    row-gap: 32px
}

.gy6,
.rG-9 {
    row-gap: 40px
}

.clearfix:after,
.clearfix:before {
    display: table;
    content: " "
}

.clearfix:after {
    clear: both
}

.center-block {
    display: block;
    margin-right: auto;
    margin-left: auto
}

.pull-right {
    float: right !important
}

.pull-left {
    float: left !important
}

.child-f-left>*,
.f-left {
    float: left
}

.f-right {
    float: right
}

.pos-r {
    position: relative
}

.pos-a {
    position: absolute
}

.pos-f {
    position: fixed
}

.top-0 {
    top: 0
}

.right-0 {
    right: 0
}

.left-0 {
    left: 0
}

.bottom-0 {
    bottom: 0
}

.hidden,
.hide {
    display: none !important
}

.show {
    display: block !important
}

.overflow-h {
    overflow: hidden
}

.overflow-hidden {
    overflow: hidden !important
}

.overflow-v {
    overflow: visible
}

.t-left {
    text-align: left
}

.t-right {
    text-align: right
}

.t-center {
    text-align: center
}

.t-justify {
    text-align: justify
}

.v-top {
    vertical-align: top
}

.v-middle {
    vertical-align: middle
}

.v-bottom {
    vertical-align: bottom
}

.v-baseline {
    vertical-align: baseline
}

.align-start {
    align-items: start !important
}

.t-upper {
    text-transform: uppercase
}

.t-cap {
    text-transform: capitalize
}

.t-low {
    text-transform: lowercase
}

.t-white {
    color: #fff
}

.t-primary {
    color: #221629
}

.t-accent {
    color: #28ad00
}

.t-promotion {
    color: #ffdc00
}

.t-red {
    color: red
}

.t-link {
    color: #007185;
    cursor: pointer
}

.bg-gray,
.bgGray {
    background: #f9f9f9
}

.bg-white,
.bgWhite {
    background: #fff
}

.bg-primary {
    background: #221629
}

.bg-accent {
    background: #28ad00
}

.bg-promotion {
    background: #ffdc00
}

.d-block {
    display: block
}

.cardTestimonial .specInlineList li,
.d-inline-block,
.tab-head>li {
    display: inline-block;
    vertical-align: middles
}

.child-d-inline-block>* {
    display: inline-block;
    vertical-align: middle
}

.d-table,
.d-table-main,
.d-table-main2 {
    display: table
}

.d-table-cell,
.d-table-main2>*,
.d-table-main>* {
    display: table-cell;
    vertical-align: middle
}

.d-table-main {
    width: 100%
}

.d-flex {
    display: -moz-box;
    display: -webkit-flex;
    display: flex;
    align-items: center
}

.d-inline-flex {
    display: inline-flex;
    align-items: center
}

.f-column {
    flex-direction: column
}

.f-row {
    flex-direction: row
}

.a-item-center {
    align-items: center
}

.j-content-center {
    justify-content: center
}

.justify-content-around {
    justify-content: space-around
}

.justify-content-between {
    justify-content: space-between
}

.gap-50 {
    gap: 50px
}

.b-top {
    border-top: 1px solid #ddd
}

.b-right {
    border-right: 1px solid #ddd
}

.b-bottom {
    border-bottom: 1px solid #ddd
}

.b-left {
    border-left: 1px solid #ddd
}

.b {
    border: 1px solid #ddd
}

.borderGreen {
    border-color: #28ad00 !important
}

.listBullet .bult {
    padding-left: 20px;
    position: relative;
    margin-bottom: 12px;
    font-size: 13px;
    line-height: 1.4
}

.listBullet .bult:before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    width: 5px;
    height: 5px;
    background: #959595;
    border-radius: 50%;
    -webkit-border-radius: 50%
}

.p-0 {
    padding: 0
}

.p-xs {
    padding: 4px
}

.p-sm {
    padding: 8px
}

.p-md {
    padding: 16px
}

.p-lg {
    padding: 24px
}

.p-xlg {
    padding: 32px
}

.p-top-0 {
    padding-top: 0
}

.p-top-xs {
    padding-top: 4px
}

.p-top-sm {
    padding-top: 8px
}

.p-top-md {
    padding-top: 16px
}

.p-top-lg {
    padding-top: 24px
}

.p-top-xlg {
    padding-top: 32px
}

.p-right-0 {
    padding-right: 0
}

.p-right-xs {
    padding-right: 4px
}

.p-right-sm {
    padding-right: 8px
}

.p-right-md {
    padding-right: 16px
}

.p-right-lg {
    padding-right: 24px
}

.p-right-xlg {
    padding-right: 32px
}

.p-bottom-0 {
    padding-bottom: 0
}

.p-bottom-xs {
    padding-bottom: 4px
}

.p-bottom-sm {
    padding-bottom: 8px
}

.p-bottom-md {
    padding-bottom: 16px
}

.p-bottom-lg {
    padding-bottom: 24px
}

.p-bottom-xlg {
    padding-bottom: 32px
}

.p-left-0 {
    padding-left: 0
}

.p-left-xs {
    padding-left: 4px
}

.p-left-sm {
    padding-left: 8px
}

.p-left-md {
    padding-left: 16px
}

.p-left-lg {
    padding-left: 24px
}

.p-left-xlg {
    padding-left: 32px
}

.p-xy-0 {
    padding-left: 0;
    padding-right: 0
}

.p-xy-xs {
    padding-left: 4px;
    padding-right: 4px
}

.p-xy-sm {
    padding-left: 8px;
    padding-right: 8px
}

.p-xy-md {
    padding-left: 16px;
    padding-right: 16px
}

.p-xy-lg {
    padding-left: 24px;
    padding-right: 24px
}

.p-xy-xlg {
    padding-left: 32px;
    padding-right: 32px
}

.m-xs {
    margin: 4px
}

.m-sm {
    margin: 8px
}

.m-md {
    margin: 16px
}

.m-lg {
    margin: 24px
}

.m-xlg {
    margin: 32px
}

.m-top-xs {
    margin-top: 4px
}

.m-top-sm {
    margin-top: 8px
}

.m-top-md {
    margin-top: 16px
}

.m-top-lg {
    margin-top: 24px
}

.m-top-xlg {
    margin-top: 32px
}

.m-right-xs {
    margin-right: 4px
}

.m-right-sm {
    margin-right: 8px
}

.m-right-md {
    margin-right: 16px
}

.m-right-lg {
    margin-right: 24px
}

.m-right-xlg {
    margin-right: 32px
}

.m-bottom-xs {
    margin-bottom: 4px
}

.m-bottom-sm {
    margin-bottom: 8px
}

.m-bottom-md {
    margin-bottom: 16px
}

.m-bottom-lg {
    margin-bottom: 24px
}

.m-bottom-xlg {
    margin-bottom: 32px
}

.m-left-xs {
    margin-left: 4px
}

.m-left-sm {
    margin-left: 8px
}

.m-left-md {
    margin-left: 16px
}

.m-left-lg {
    margin-left: 24px
}

.m-left-xlg {
    margin-left: 32px
}

.m-xy-0 {
    margin-left: 0;
    margin-right: 0
}

.m-xy-xs {
    margin-left: 4px;
    margin-right: 4px
}

.m-xy-sm {
    margin-left: 8px;
    margin-right: 8px
}

.m-xy-md {
    margin-left: 16px;
    margin-right: 16px
}

.m-xy-lg {
    margin-left: 24px;
    margin-right: 24px
}

.m-xy-xlg {
    margin-left: 32px;
    margin-right: 32px
}

.w-full {
    width: 100%
}

.w-half {
    width: 50%
}

.h-full {
    height: 100%
}

.img-responsive {
    max-width: 100%;
    display: block
}

.img {
    width: 100%;
    display: block
}

.imgAuto {
    max-width: 100%;
    height: auto;
    display: inline-block;
    vertical-align: middle
}

.imgB {
    width: 100%;
    height: auto;
    display: block
}

.lazy {
    height: auto;
    width: 100%;
    max-width: 100%
}

.t-normal {
    font-weight: 400
}

.f-light {
    font-weight: 300
}

.f-bold {
    font-weight: 600
}

.f-medium {
    font-weight: 600
}

.truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 95%
}

.text-xs {
    font-size: 12px
}

.text-sm {
    font-size: 12px
}

.text-md {
    font-size: 14px
}

.text-lg {
    font-size: 16px
}

.text-xlg {
    font-size: 18px
}

.text {
    color: #959595
}

.text-promotion {
    color: #ffdc00
}

.text-accent {
    color: #28ad00
}

.text-underline {
    text-decoration: underline
}

.text-red {
    color: red
}

.cursor-pointer {
    cursor: pointer
}

.outline-0 {
    outline: 0
}

.nowrap {
    white-space: nowrap
}

.shadow {
    -webkit-box-shadow: 4px 4px 14px 0 rgba(96, 96, 96, .2) !important;
    box-shadow: 4px 4px 14px 0 rgba(96, 96, 96, .2) !important
}

.shadowDefault {
    -webkit-box-shadow: 0 0 14px 0 rgba(0, 0, 0, .2) !important;
    box-shadow: 0 0 14px 0 rgba(0, 0, 0, .2) !important
}

.noShadow {
    -webkit-box-shadow: none !important;
    box-shadow: none !important
}

.circle {
    border-radius: 50%;
    -webkit-border-radius: 50%
}

.radius {
    border-radius: 8px !important;
    -webkit-border-radius: 8px !important
}

.noRadius {
    border-radius: 0 !important;
    -webkit-border-radius: 0 !important
}

.radiusUp {
    border-radius: 8px 8px 0 0 !important;
    -webkit-border-radius: 8px 8px 0 0 !important
}

.radiusDown {
    border-radius: 0 0 8px 8px !important;
    -webkit-border-radius: 0 0 8px 8px !important
}

.radiusUp2 {
    border-radius: 2px 2px 0 0 !important;
    -webkit-border-radius: 2px 2px 0 0 !important
}

.radiusDown2 {
    border-radius: 0 0 2px 2px !important;
    -webkit-border-radius: 0 0 2px 2px !important
}

.radiusUp6 {
    border-radius: 6px 6px 0 0 !important;
    -webkit-border-radius: 6px 6px 0 0 !important
}

.radiusDown6 {
    border-radius: 0 0 6px 6px !important;
    -webkit-border-radius: 0 0 6px 6px !important
}

.radius5 {
    border-radius: 6px !important;
    -webkit-border-radius: 6px !important
}

.radius4 {
    border-radius: 4px !important;
    -webkit-border-radius: 4px !important
}

.radius3 {
    border-radius: 3px !important;
    -webkit-border-radius: 3px !important
}

.rupeeCustom {
    font-size: 70%
}

.noSpace {
    margin-left: -16px;
    margin-right: -16px
}

.inputDisable .fieldInput,
.inputDisable .fieldLabel {
    opacity: .5;
    cursor: not-allowed;
    pointer-events: none
}

.btn-disabled {
    pointer-events: none;
    cursor: not-allowed;
    opacity: .65
}

.middleBlock {
    left: 50%;
    top: 50%;
    width: 100%;
    max-width: 90%;
    position: absolute;
    transform: translate(-50%, -50%)
}

.surpriseOfferCycle {
    opacity: 0;
    visibility: hidden;
    color: #fff;
    height: 0
}

.obj-cover {
    object-fit: cover
}

.opacity-0 {
    opacity: 0
}

.m-0 {
    margin: 0 !important
}

.mt-0,
.my-0 {
    margin-top: 0 !important
}

.mr-0,
.mx-0 {
    margin-right: 0 !important
}

.mb-0,
.my-0 {
    margin-bottom: 0 !important
}

.ml-0,
.mx-0 {
    margin-left: 0 !important
}

.m-1 {
    margin: .25rem !important
}

.mt-1,
.my-1 {
    margin-top: .25rem !important
}

.mr-1,
.mx-1 {
    margin-right: .25rem !important
}

.mb-1,
.my-1 {
    margin-bottom: .25rem !important
}

.ml-1,
.mx-1 {
    margin-left: .25rem !important
}

.m-2 {
    margin: .5rem !important
}

.mt-2,
.my-2 {
    margin-top: .5rem !important
}

.mr-2,
.mx-2 {
    margin-right: .5rem !important
}

.mb-2,
.my-2 {
    margin-bottom: .5rem !important
}

.ml-2,
.mx-2 {
    margin-left: .5rem !important
}

.m-3 {
    margin: 1rem !important
}

.mt-3,
.my-3 {
    margin-top: 1rem !important
}

.mr-3,
.mx-3 {
    margin-right: 1rem !important
}

.mb-3,
.my-3 {
    margin-bottom: 1rem !important
}

.ml-3,
.mx-3 {
    margin-left: 1rem !important
}

.m-4 {
    margin: 1.5rem !important
}

.mt-4,
.my-4 {
    margin-top: 1.5rem !important
}

.mr-4,
.mx-4 {
    margin-right: 1.5rem !important
}

.mb-4,
.my-4 {
    margin-bottom: 1.5rem !important
}

.ml-4,
.mx-4 {
    margin-left: 1.5rem !important
}

.m-5 {
    margin: 3rem !important
}

.mt-5,
.my-5 {
    margin-top: 3rem !important
}

.mr-5,
.mx-5 {
    margin-right: 3rem !important
}

.mb-5,
.my-5 {
    margin-bottom: 3rem !important
}

.ml-5,
.mx-5 {
    margin-left: 3rem !important
}

.p-0 {
    padding: 0 !important
}

.pt-0,
.py-0 {
    padding-top: 0 !important
}

.pr-0,
.px-0 {
    padding-right: 0 !important
}

.pb-0,
.py-0 {
    padding-bottom: 0 !important
}

.pl-0,
.px-0 {
    padding-left: 0 !important
}

.p-1 {
    padding: .25rem !important
}

.pt-1,
.py-1 {
    padding-top: .25rem !important
}

.pr-1,
.px-1 {
    padding-right: .25rem !important
}

.pb-1,
.py-1 {
    padding-bottom: .25rem !important
}

.pl-1,
.px-1 {
    padding-left: .25rem !important
}

.p-2 {
    padding: .5rem !important
}

.pt-2,
.py-2 {
    padding-top: .5rem !important
}

.pr-2,
.px-2 {
    padding-right: .5rem !important
}

.pb-2,
.py-2 {
    padding-bottom: .5rem !important
}

.pl-2,
.px-2 {
    padding-left: .5rem !important
}

.p-3 {
    padding: 1rem !important
}

.pt-3,
.py-3 {
    padding-top: 1rem !important
}

.pr-3,
.px-3 {
    padding-right: 1rem !important
}

.pb-3,
.py-3 {
    padding-bottom: 1rem !important
}

.pl-3,
.px-3 {
    padding-left: 1rem !important
}

.p-4 {
    padding: 1.5rem !important
}

.pt-4,
.py-4 {
    padding-top: 1.5rem !important
}

.pr-4,
.px-4 {
    padding-right: 1.5rem !important
}

.pb-4,
.py-4 {
    padding-bottom: 1.5rem !important
}

.pl-4,
.px-4 {
    padding-left: 1.5rem !important
}

.p-5 {
    padding: 3rem !important
}

.pt-5,
.py-5 {
    padding-top: 3rem !important
}

.pr-5,
.px-5 {
    padding-right: 3rem !important
}

.pb-5,
.py-5 {
    padding-bottom: 3rem !important
}

.pl-5,
.px-5 {
    padding-left: 3rem !important
}

.m-auto {
    margin: auto !important
}

.mt-auto,
.my-auto {
    margin-top: auto !important
}

.mr-auto,
.mx-auto {
    margin-right: auto !important
}

.mb-auto,
.my-auto {
    margin-bottom: auto !important
}

.ml-auto,
.mx-auto {
    margin-left: auto !important
}

@font-face {
    font-family: 'DM Sans';
    src: url(https://d60i6mpkbdpwe.cloudfront.net/assets/outdoors/fonts/DMSans-Light.woff2) format("woff2"), url(https://d60i6mpkbdpwe.cloudfront.net/assets/outdoors/fonts/DMSans-Light.woff) format("woff");
    font-weight: 300;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: 'DM Sans';
    src: url(https://d60i6mpkbdpwe.cloudfront.net/assets/outdoors/fonts/DMSans-Bold.woff2) format("woff2"), url(https://d60i6mpkbdpwe.cloudfront.net/assets/outdoors/fonts/DMSans-Bold.woff) format("woff");
    font-weight: 700;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: 'DM Sans';
    src: url(https://d60i6mpkbdpwe.cloudfront.net/assets/outdoors/fonts/DMSans-Regular.woff2) format("woff2"), url(https://d60i6mpkbdpwe.cloudfront.net/assets/outdoors/fonts/DMSans-Regular.woff) format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: 'DM Sans';
    src: url(https://d60i6mpkbdpwe.cloudfront.net/assets/outdoors/fonts/DMSans-SemiBold.woff2) format("woff2"), url(https://d60i6mpkbdpwe.cloudfront.net/assets/outdoors/fonts/DMSans-SemiBold.woff) format("woff");
    font-weight: 600;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: icomoon;
    src: url(https://d60i6mpkbdpwe.cloudfront.net/public/ninetybuild/fonts/v21/icomoon.eot?hvjq5v);
    src: url(https://d60i6mpkbdpwe.cloudfront.net/public/ninetybuild/fonts/v21/icomoon.eot?hvjq5v#iefix) format("embedded-opentype"), url(https://d60i6mpkbdpwe.cloudfront.net/public/ninetybuild/fonts/v21/icomoon.ttf?hvjq5v) format("truetype"), url(https://d60i6mpkbdpwe.cloudfront.net/public/ninetybuild/fonts/v21/icomoon.woff?hvjq5v) format("woff"), url(https://d60i6mpkbdpwe.cloudfront.net/public/ninetybuild/fonts/v21/icomoon.svg?hvjq5v#icomoon) format("svg");
    font-weight: 400;
    font-style: normal;
    font-display: block
}

[class*=" icon-"],
[class^=icon-] {
    font-family: icomoon !important;
    speak: never;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-age-rideons:before {
    content: "\e9cd"
}

.icon-basket-trikes:before {
    content: "\e9ce"
}

.icon-brake-rideons:before {
    content: "\e9d1"
}

.icon-frame-rideons:before {
    content: "\e9d2"
}

.icon-frame-trikes:before {
    content: "\e9d3"
}

.icon-grips-rideons:before {
    content: "\e9d4"
}

.icon-handlebar-rideons:before {
    content: "\e9d5"
}

.icon-handlebar-trikes:before {
    content: "\e9d6"
}

.icon-music-rideons:before {
    content: "\e9d7"
}

.icon-pedals-rideons:before {
    content: "\e9d8"
}

.icon-rod-trikes:before {
    content: "\e9d9"
}

.icon-seat-trikes:before {
    content: "\e9da"
}

.icon-speed-rideons:before {
    content: "\e9db"
}

.icon-suspension-rideons:before {
    content: "\e9dc"
}

.icon-wheels-rideons:before {
    content: "\e9dd"
}

.icon-horsepower:before {
    content: "\e9de"
}

.icon-incline-treadmill:before {
    content: "\e9df"
}

.icon-features-rideons:before {
    content: "\e9e0"
}

.icon-multi-function-treadmill:before {
    content: "\e9e2"
}

.icon-single-function-treadmill:before {
    content: "\e9e3"
}

.icon-portable-wheels:before {
    content: "\e9c3"
}

.icon-heart-rate-sensor:before {
    content: "\e9c4"
}

.icon-incline:before {
    content: "\e9c5"
}

.icon-max-weight-treadmill:before {
    content: "\e9c6"
}

.icon-motor-treadmill:before,
.icon-motor_treadmill:before {
    content: "\e9c7"
}

.icon-music:before {
    content: "\e9c8"
}

.icon-preset-programs:before {
    content: "\e9c9"
}

.icon-running-area:before {
    content: "\e9ca"
}

.icon-speed-treadmill:before {
    content: "\e9cb"
}

.icon-display-treadmill:before {
    content: "\e9cc"
}

.icon-weight-new:before {
    content: "\e9ba"
}

.icon-additional-light:before {
    content: "\e9bb"
}

.icon-max-speed:before {
    content: "\e9bc"
}

.icon-max-weight:before {
    content: "\e9bd"
}

.icon-rideons-motor:before {
    content: "\e9be"
}

.icon-special-2:before {
    content: "\e9bf"
}

.icon-discount:before {
    content: "\e9c2"
}

.icon-building:before {
    content: "\e9c0"
}

.icon-mountain-road:before {
    content: "\e9c1"
}

.icon-zoom:before {
    content: "\e9b9"
}

.icon-like:before {
    content: "\e9b8"
}

.icon-ar-scan:before {
    content: "\e9b7"
}

.icon-alternatecall:before {
    content: "\e9b6"
}

.icon-linkedin:before {
    content: "\e9b5"
}

.icon-filter2:before {
    content: "\e9b3"
}

.icon-sorting:before {
    content: "\e9b4"
}

.icon-tree:before {
    content: "\e9b2"
}

.icon-scooter:before {
    content: "\e9b0"
}

.icon-car:before {
    content: "\e9b1"
}

.icon-sleeve:before {
    content: "\e9ab"
}

.icon-fabric:before {
    content: "\e9ac"
}

.icon-apparel-color:before {
    content: "\e9ad"
}

.icon-fit:before {
    content: "\e9ae"
}

.icon-apparel-size:before {
    content: "\e9af"
}

.icon-adventure2:before {
    content: "\e9aa"
}

.icon-quote:before {
    content: "\e9a9"
}

.icon-split-payment:before {
    content: "\e9a8"
}

.icon-adventures:before {
    content: "\e9a7"
}

.icon-editfill:before {
    content: "\e9a4"
}

.icon-delivery:before {
    content: "\e9a5"
}

.icon-dash:before {
    content: "\e9a6"
}

.icon-pinterest:before {
    content: "\e900"
}

.icon-fast-delivery:before {
    content: "\e9a2"
}

.icon-mountains:before {
    content: "\e9a1"
}

.icon-rotate-phone:before {
    content: "\e9a0"
}

.icon-motor:before {
    content: "\e99c"
}

.icon-battery-pack:before {
    content: "\e901"
}

.icon-range:before {
    content: "\e902"
}

.icon-plus:before {
    content: "\e99f"
}

.icon-battery-case:before {
    content: "\e93c"
}

.icon-brake-cut-off:before {
    content: "\e994"
}

.icon-charger-pin:before {
    content: "\e995"
}

.icon-controller:before {
    content: "\e996"
}

.icon-control-lock:before {
    content: "\e997"
}

.icon-display:before {
    content: "\e998"
}

.icon-downtube:before {
    content: "\e999"
}

.icon-driving-mode:before {
    content: "\e99a"
}

.icon-minus:before {
    content: "\e99b"
}

.icon-tube:before {
    content: "\e99e"
}

.icon-translation:before {
    content: "\e992"
}

.icon-ktm:before {
    content: "\e98e"
}

.icon-gear:before {
    content: "\e98f"
}

.icon-frame-type:before {
    content: "\e990"
}

.icon-brand-filter:before {
    content: "\e991"
}

.icon-compare-arrow:before {
    content: "\e98d"
}

.icon-information:before {
    content: "\e988"
}

.icon-dedicated:before {
    content: "\e989"
}

.icon-interested:before {
    content: "\e98a"
}

.icon-area:before {
    content: "\e98b"
}

.icon-brand:before {
    content: "\e98c"
}

.icon-notification:before {
    content: "\e987"
}

.icon-sound:before {
    content: "\e986"
}

.icon-view-360:before {
    content: "\e985"
}

.icon-pause:before {
    content: "\e984"
}

.icon-info:before {
    content: "\e983"
}

.icon-helmet:before {
    content: "\e97c"
}

.icon-material:before {
    content: "\e97d"
}

.icon-packaging-access:before {
    content: "\e97e"
}

.icon-straps:before {
    content: "\e97f"
}

.icon-adjustments:before {
    content: "\e980"
}

.icon-bell:before {
    content: "\e981"
}

.icon-betteries:before {
    content: "\e982"
}

.icon-assemble:before {
    content: "\e97b"
}

.icon-view:before {
    content: "\e979"
}

.icon-trash:before {
    content: "\e97a"
}

.icon-gallery:before {
    content: "\e977"
}

.icon-Size_Guide_2:before {
    content: "\e978"
}

.icon-dealer:before {
    content: "\e975"
}

.icon-business:before {
    content: "\e976"
}

.icon-star-empty:before {
    content: "\e970"
}

.icon-star-fill:before {
    content: "\e972"
}

.icon-star-half:before {
    content: "\e974"
}

.icon-bike-size:before {
    content: "\e96c"
}

.icon-compare:before {
    content: "\e96d"
}

.icon-video:before {
    content: "\e96f"
}

.icon-call_new:before {
    content: "\e96e"
}

.icon-email_new:before {
    content: "\e971"
}

.icon-Tiktok:before {
    content: "\e973"
}

.icon-What_Not_Covered-2:before {
    content: "\e95f"
}

.icon-What_Not_Covered-3:before {
    content: "\e960"
}

.icon-What_Not_Covered-4:before {
    content: "\e961"
}

.icon-What_Not_Covered-5:before {
    content: "\e962"
}

.icon-Complete_Payment:before {
    content: "\e963"
}

.icon-Fill_Details:before {
    content: "\e964"
}

.icon-Recieve_Policy:before {
    content: "\e965"
}

.icon-What_Covered-1:before {
    content: "\e967"
}

.icon-What_Covered-2:before {
    content: "\e968"
}

.icon-What_Covered-3:before {
    content: "\e969"
}

.icon-What_Covered-4:before {
    content: "\e96a"
}

.icon-What_Not_Covered-1:before {
    content: "\e96b"
}

.icon-series:before {
    content: "\e95e"
}

.icon-right:before {
    content: "\e966"
}

.icon-filter:before {
    content: "\e95b"
}

.icon-category:before {
    content: "\e95c"
}

.icon-type:before {
    content: "\e95d"
}

.icon-little-champ-bikes:before {
    content: "\e95a"
}

.icon-arrow:before {
    content: "\e958"
}

.icon-back-arrow:before {
    content: "\e959"
}

.icon-tracking:before {
    content: "\e928"
}

.icon-shifter:before {
    content: "\e955"
}

.icon-frame-height:before {
    content: "\e956"
}

.icon-bike-weight:before {
    content: "\e957"
}

.icon-quick:before {
    content: "\e950"
}

.icon-hybrid-bikes:before {
    content: "\e951"
}

.icon-fat-tire-bikes:before {
    content: "\e952"
}

.icon-all-terrain-bikes:before {
    content: "\e953"
}

.icon-mountain-bikes:before {
    content: "\e954"
}

.icon-listing:before {
    content: "\e94e"
}

.icon-grid:before {
    content: "\e94f"
}

.icon-wire:before {
    content: "\e90a"
}

.icon-weight:before {
    content: "\e90b"
}

.icon-v-brake:before {
    content: "\e926"
}

.icon-tire:before {
    content: "\e927"
}

.icon-tyre:before {
    content: "\e927"
}

.icon-sticker:before {
    content: "\e937"
}

.icon-stem:before {
    content: "\e938"
}

.icon-shifter1:before {
    content: "\e939"
}

.icon-seating:before {
    content: "\e93a"
}

.icon-rim:before {
    content: "\e93b"
}

.icon-packaging:before {
    content: "\e93e"
}

.icon-hub:before {
    content: "\e940"
}

.icon-height:before {
    content: "\e941"
}

.icon-headset:before {
    content: "\e942"
}

.icon-handlebar:before {
    content: "\e943"
}

.icon-free-wheel:before {
    content: "\e944"
}

.icon-gears:before {
    content: "\e944"
}

.icon-wheel-size:before {
    content: "\e944"
}

.icon-frame:before {
    content: "\e945"
}

.icon-fork-suspension:before {
    content: "\e946"
}

.icon-suspesnion-fork:before {
    content: "\e946"
}

.icon-fork-rigid:before {
    content: "\e947"
}

.icon-extras:before {
    content: "\e948"
}

.icon-derailleur:before {
    content: "\e949"
}

.icon-crank:before {
    content: "\e94a"
}

.icon-color:before {
    content: "\e94b"
}

.icon-bb:before {
    content: "\e94c"
}

.icon-accessory:before {
    content: "\e94d"
}

.icon-map:before {
    content: "\e93f"
}

.icon-heart-fill:before {
    content: "\e93d"
}

.icon-heart:before {
    content: "\e933"
}

.icon-edit:before {
    content: "\e936"
}

.icon-play:before {
    content: "\e935"
}

.icon-share:before {
    content: "\e934"
}

.icon-bike-category:before {
    content: "\e932"
}

.icon-explore-bikes:before {
    content: "\e92c"
}

.icon-compare-bikes:before {
    content: "\e92d"
}

.icon-accessories:before {
    content: "\e92e"
}

.icon-register-bike:before {
    content: "\e92f"
}

.icon-blog:before {
    content: "\e930"
}

.icon-store-locator:before {
    content: "\e931"
}

.icon-company:before {
    content: "\e929"
}

.icon-comment:before {
    content: "\e92a"
}

.icon-name:before {
    content: "\e92b"
}

.icon-cod:before {
    content: "\e920"
}

.icon-emi:before {
    content: "\e921"
}

.icon-engineered-safety:before {
    content: "\e922"
}

.icon-in-store-pickup:before {
    content: "\e923"
}

.icon-top-emerging-brand:before {
    content: "\e924"
}

.icon-login:before {
    content: "\e925"
}

.icon-world-class-components:before {
    content: "\e90c"
}

.icon-service-network:before {
    content: "\e915"
}

.icon-secure-payment:before {
    content: "\e914"
}

.icon-safety:before {
    content: "\e91c"
}

.icon-made-by-cyclists:before {
    content: "\e91d"
}

.icon-lifetime-frame-warranty:before {
    content: "\e91e"
}

.icon-steel-frame:before {
    content: "\e91e"
}

.icon-india:before {
    content: "\e91f"
}

.icon-rupee:before {
    content: "\e903"
}

.icon-wheel:before {
    content: "\e905"
}

.icon-disc-brake:before {
    content: "\e909"
}

.icon-brakes:before {
    content: "\e909"
}

.icon-brake:before {
    content: "\e909"
}

.icon-suspension:before {
    content: "\e90d"
}

.icon-age:before {
    content: "\e90e"
}

.icon-dispatch:before {
    content: "\e910"
}

.icon-network:before {
    content: "\e912"
}

.icon-shipping:before {
    content: "\e916"
}

.icon-gender:before {
    content: "\e907"
}

.icon-male:before {
    content: "\e908"
}

.icon-female:before {
    content: "\e906"
}

.icon-warranty:before {
    content: "\e917"
}

.icon-user:before {
    content: "\e91b"
}

.icon-add-to-cart:before {
    content: "\e90f"
}

.icon-search:before {
    content: "\e913"
}

.icon-location:before {
    content: "\e911"
}

.icon-mail:before {
    content: "\e904"
}

.icon-email:before {
    content: "\e904"
}

.icon-whatsapp:before {
    content: "\e918"
}

.icon-call:before {
    content: "\e919"
}

.icon-facebook:before {
    content: "\e91a"
}

.icon-twitter:before {
    content: "\e993"
}

.icon-instagram:before {
    content: "\e99d"
}

.icon-youtube:before {
    content: "\e9a3"
}

.container-full {
    width: 100%;
    max-width: 100%;
    padding: 0 16px;
    max-width: 1600px;
    margin: 0 auto
}

.container {
    padding-right: 16px;
    padding-left: 16px;
    margin-right: auto;
    margin-left: auto;
    max-width: 1100px
}

.container:after,
.container:before {
    display: table;
    content: " "
}

.container:after {
    clear: both
}

@media only screen and (min-width:768px) {
    .container {
        width: 752px
    }
}

@media only screen and (min-width:992px) {
    .container {
        width: 972px
    }
}

@media only screen and (min-width:1200px) {
    .container {
        width: 1172px
    }
}

@media only screen and (min-width:1600px) {
    .container {
        width: 1572px
    }
}

.container-fluid {
    padding-right: 16px;
    padding-left: 16px;
    margin-right: auto;
    margin-left: auto;
    max-width: 1100px
}

.container-fluid:after,
.container-fluid:before {
    display: table;
    content: " "
}

.container-fluid:after {
    clear: both
}

.row {
    margin-right: -16px;
    margin-left: -16px
}

.row:after,
.row:before {
    display: table;
    content: " "
}

.row:after {
    clear: both
}

.row-no-gutters {
    margin-right: 0;
    margin-left: 0
}

.row-no-gutters [class*=col-] {
    padding-right: 0;
    padding-left: 0
}

.col-lg-1,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-md-1,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-sm-1,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-xlg-1,
.col-xlg-10,
.col-xlg-11,
.col-xlg-12,
.col-xlg-2,
.col-xlg-3,
.col-xlg-4,
.col-xlg-5,
.col-xlg-6,
.col-xlg-7,
.col-xlg-8,
.col-xlg-9,
.col-xs-1,
.col-xs-10,
.col-xs-11,
.col-xs-12,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9 {
    position: relative;
    min-height: 1px;
    padding-right: 16px;
    padding-left: 16px
}

.col-xs-1,
.col-xs-10,
.col-xs-11,
.col-xs-12,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9 {
    float: left
}

.col-xs-1 {
    width: 8.33333%
}

.col-xs-2 {
    width: 16.66667%
}

.col-xs-3 {
    width: 25%
}

.col-xs-4 {
    width: 33.33333%
}

.col-xs-5 {
    width: 41.66667%
}

.col-xs-6 {
    width: 50%
}

.col-xs-7 {
    width: 58.33333%
}

.col-xs-8 {
    width: 66.66667%
}

.col-xs-9 {
    width: 75%
}

.col-xs-10 {
    width: 83.33333%
}

.col-xs-11 {
    width: 91.66667%
}

.col-xs-12 {
    width: 100%
}

.col-xs-pull-0 {
    right: auto
}

.col-xs-pull-1 {
    right: 8.33333%
}

.col-xs-pull-2 {
    right: 16.66667%
}

.col-xs-pull-3 {
    right: 25%
}

.col-xs-pull-4 {
    right: 33.33333%
}

.col-xs-pull-5 {
    right: 41.66667%
}

.col-xs-pull-6 {
    right: 50%
}

.col-xs-pull-7 {
    right: 58.33333%
}

.col-xs-pull-8 {
    right: 66.66667%
}

.col-xs-pull-9 {
    right: 75%
}

.col-xs-pull-10 {
    right: 83.33333%
}

.col-xs-pull-11 {
    right: 91.66667%
}

.col-xs-pull-12 {
    right: 100%
}

.col-xs-push-0 {
    left: auto
}

.col-xs-push-1 {
    left: 8.33333%
}

.col-xs-push-2 {
    left: 16.66667%
}

.col-xs-push-3 {
    left: 25%
}

.col-xs-push-4 {
    left: 33.33333%
}

.col-xs-push-5 {
    left: 41.66667%
}

.col-xs-push-6 {
    left: 50%
}

.col-xs-push-7 {
    left: 58.33333%
}

.col-xs-push-8 {
    left: 66.66667%
}

.col-xs-push-9 {
    left: 75%
}

.col-xs-push-10 {
    left: 83.33333%
}

.col-xs-push-11 {
    left: 91.66667%
}

.col-xs-push-12 {
    left: 100%
}

.col-xs-offset-0 {
    margin-left: 0
}

.col-xs-offset-1 {
    margin-left: 8.33333%
}

.col-xs-offset-2 {
    margin-left: 16.66667%
}

.col-xs-offset-3 {
    margin-left: 25%
}

.col-xs-offset-4 {
    margin-left: 33.33333%
}

.col-xs-offset-5 {
    margin-left: 41.66667%
}

.col-xs-offset-6 {
    margin-left: 50%
}

.col-xs-offset-7 {
    margin-left: 58.33333%
}

.col-xs-offset-8 {
    margin-left: 66.66667%
}

.col-xs-offset-9 {
    margin-left: 75%
}

.col-xs-offset-10 {
    margin-left: 83.33333%
}

.col-xs-offset-11 {
    margin-left: 91.66667%
}

.col-xs-offset-12 {
    margin-left: 100%
}

@media only screen and (min-width:768px) {

    .col-sm-1,
    .col-sm-10,
    .col-sm-11,
    .col-sm-12,
    .col-sm-2,
    .col-sm-3,
    .col-sm-4,
    .col-sm-5,
    .col-sm-6,
    .col-sm-7,
    .col-sm-8,
    .col-sm-9 {
        float: left
    }

    .col-sm-1 {
        width: 8.33333%
    }

    .col-sm-2 {
        width: 16.66667%
    }

    .col-sm-3 {
        width: 25%
    }

    .col-sm-4 {
        width: 33.33333%
    }

    .col-sm-5 {
        width: 41.66667%
    }

    .col-sm-6 {
        width: 50%
    }

    .col-sm-7 {
        width: 58.33333%
    }

    .col-sm-8 {
        width: 66.66667%
    }

    .col-sm-9 {
        width: 75%
    }

    .col-sm-10 {
        width: 83.33333%
    }

    .col-sm-11 {
        width: 91.66667%
    }

    .col-sm-12 {
        width: 100%
    }

    .col-sm-pull-0 {
        right: auto
    }

    .col-sm-pull-1 {
        right: 8.33333%
    }

    .col-sm-pull-2 {
        right: 16.66667%
    }

    .col-sm-pull-3 {
        right: 25%
    }

    .col-sm-pull-4 {
        right: 33.33333%
    }

    .col-sm-pull-5 {
        right: 41.66667%
    }

    .col-sm-pull-6 {
        right: 50%
    }

    .col-sm-pull-7 {
        right: 58.33333%
    }

    .col-sm-pull-8 {
        right: 66.66667%
    }

    .col-sm-pull-9 {
        right: 75%
    }

    .col-sm-pull-10 {
        right: 83.33333%
    }

    .col-sm-pull-11 {
        right: 91.66667%
    }

    .col-sm-pull-12 {
        right: 100%
    }

    .col-sm-push-0 {
        left: auto
    }

    .col-sm-push-1 {
        left: 8.33333%
    }

    .col-sm-push-2 {
        left: 16.66667%
    }

    .col-sm-push-3 {
        left: 25%
    }

    .col-sm-push-4 {
        left: 33.33333%
    }

    .col-sm-push-5 {
        left: 41.66667%
    }

    .col-sm-push-6 {
        left: 50%
    }

    .col-sm-push-7 {
        left: 58.33333%
    }

    .col-sm-push-8 {
        left: 66.66667%
    }

    .col-sm-push-9 {
        left: 75%
    }

    .col-sm-push-10 {
        left: 83.33333%
    }

    .col-sm-push-11 {
        left: 91.66667%
    }

    .col-sm-push-12 {
        left: 100%
    }

    .col-sm-offset-0 {
        margin-left: 0
    }

    .col-sm-offset-1 {
        margin-left: 8.33333%
    }

    .col-sm-offset-2 {
        margin-left: 16.66667%
    }

    .col-sm-offset-3 {
        margin-left: 25%
    }

    .col-sm-offset-4 {
        margin-left: 33.33333%
    }

    .col-sm-offset-5 {
        margin-left: 41.66667%
    }

    .col-sm-offset-6 {
        margin-left: 50%
    }

    .col-sm-offset-7 {
        margin-left: 58.33333%
    }

    .col-sm-offset-8 {
        margin-left: 66.66667%
    }

    .col-sm-offset-9 {
        margin-left: 75%
    }

    .col-sm-offset-10 {
        margin-left: 83.33333%
    }

    .col-sm-offset-11 {
        margin-left: 91.66667%
    }

    .col-sm-offset-12 {
        margin-left: 100%
    }
}

@media only screen and (min-width:992px) {

    .col-md-1,
    .col-md-10,
    .col-md-11,
    .col-md-12,
    .col-md-2,
    .col-md-3,
    .col-md-4,
    .col-md-5,
    .col-md-6,
    .col-md-7,
    .col-md-8,
    .col-md-9 {
        float: left
    }

    .col-md-1 {
        width: 8.33333%
    }

    .col-md-2 {
        width: 16.66667%
    }

    .col-md-3 {
        width: 25%
    }

    .col-md-4 {
        width: 33.33333%
    }

    .col-md-5 {
        width: 41.66667%
    }

    .col-md-6 {
        width: 50%
    }

    .col-md-7 {
        width: 58.33333%
    }

    .col-md-8 {
        width: 66.66667%
    }

    .col-md-9 {
        width: 75%
    }

    .col-md-10 {
        width: 83.33333%
    }

    .col-md-11 {
        width: 91.66667%
    }

    .col-md-12 {
        width: 100%
    }

    .col-md-pull-0 {
        right: auto
    }

    .col-md-pull-1 {
        right: 8.33333%
    }

    .col-md-pull-2 {
        right: 16.66667%
    }

    .col-md-pull-3 {
        right: 25%
    }

    .col-md-pull-4 {
        right: 33.33333%
    }

    .col-md-pull-5 {
        right: 41.66667%
    }

    .col-md-pull-6 {
        right: 50%
    }

    .col-md-pull-7 {
        right: 58.33333%
    }

    .col-md-pull-8 {
        right: 66.66667%
    }

    .col-md-pull-9 {
        right: 75%
    }

    .col-md-pull-10 {
        right: 83.33333%
    }

    .col-md-pull-11 {
        right: 91.66667%
    }

    .col-md-pull-12 {
        right: 100%
    }

    .col-md-push-0 {
        left: auto
    }

    .col-md-push-1 {
        left: 8.33333%
    }

    .col-md-push-2 {
        left: 16.66667%
    }

    .col-md-push-3 {
        left: 25%
    }

    .col-md-push-4 {
        left: 33.33333%
    }

    .col-md-push-5 {
        left: 41.66667%
    }

    .col-md-push-6 {
        left: 50%
    }

    .col-md-push-7 {
        left: 58.33333%
    }

    .col-md-push-8 {
        left: 66.66667%
    }

    .col-md-push-9 {
        left: 75%
    }

    .col-md-push-10 {
        left: 83.33333%
    }

    .col-md-push-11 {
        left: 91.66667%
    }

    .col-md-push-12 {
        left: 100%
    }

    .col-md-offset-0 {
        margin-left: 0
    }

    .col-md-offset-1 {
        margin-left: 8.33333%
    }

    .col-md-offset-2 {
        margin-left: 16.66667%
    }

    .col-md-offset-3 {
        margin-left: 25%
    }

    .col-md-offset-4 {
        margin-left: 33.33333%
    }

    .col-md-offset-5 {
        margin-left: 41.66667%
    }

    .col-md-offset-6 {
        margin-left: 50%
    }

    .col-md-offset-7 {
        margin-left: 58.33333%
    }

    .col-md-offset-8 {
        margin-left: 66.66667%
    }

    .col-md-offset-9 {
        margin-left: 75%
    }

    .col-md-offset-10 {
        margin-left: 83.33333%
    }

    .col-md-offset-11 {
        margin-left: 91.66667%
    }

    .col-md-offset-12 {
        margin-left: 100%
    }
}

@media only screen and (min-width:1200px) {

    .col-lg-1,
    .col-lg-10,
    .col-lg-11,
    .col-lg-12,
    .col-lg-2,
    .col-lg-3,
    .col-lg-4,
    .col-lg-5,
    .col-lg-6,
    .col-lg-7,
    .col-lg-8,
    .col-lg-9 {
        float: left
    }

    .col-lg-1 {
        width: 8.33333%
    }

    .col-lg-2 {
        width: 16.66667%
    }

    .col-lg-3 {
        width: 25%
    }

    .col-lg-4 {
        width: 33.33333%
    }

    .col-lg-5 {
        width: 41.66667%
    }

    .col-lg-6 {
        width: 50%
    }

    .col-lg-7 {
        width: 58.33333%
    }

    .col-lg-8 {
        width: 66.66667%
    }

    .col-lg-9 {
        width: 75%
    }

    .col-lg-10 {
        width: 83.33333%
    }

    .col-lg-11 {
        width: 91.66667%
    }

    .col-lg-12 {
        width: 100%
    }

    .col-lg-pull-0 {
        right: auto
    }

    .col-lg-pull-1 {
        right: 8.33333%
    }

    .col-lg-pull-2 {
        right: 16.66667%
    }

    .col-lg-pull-3 {
        right: 25%
    }

    .col-lg-pull-4 {
        right: 33.33333%
    }

    .col-lg-pull-5 {
        right: 41.66667%
    }

    .col-lg-pull-6 {
        right: 50%
    }

    .col-lg-pull-7 {
        right: 58.33333%
    }

    .col-lg-pull-8 {
        right: 66.66667%
    }

    .col-lg-pull-9 {
        right: 75%
    }

    .col-lg-pull-10 {
        right: 83.33333%
    }

    .col-lg-pull-11 {
        right: 91.66667%
    }

    .col-lg-pull-12 {
        right: 100%
    }

    .col-lg-push-0 {
        left: auto
    }

    .col-lg-push-1 {
        left: 8.33333%
    }

    .col-lg-push-2 {
        left: 16.66667%
    }

    .col-lg-push-3 {
        left: 25%
    }

    .col-lg-push-4 {
        left: 33.33333%
    }

    .col-lg-push-5 {
        left: 41.66667%
    }

    .col-lg-push-6 {
        left: 50%
    }

    .col-lg-push-7 {
        left: 58.33333%
    }

    .col-lg-push-8 {
        left: 66.66667%
    }

    .col-lg-push-9 {
        left: 75%
    }

    .col-lg-push-10 {
        left: 83.33333%
    }

    .col-lg-push-11 {
        left: 91.66667%
    }

    .col-lg-push-12 {
        left: 100%
    }

    .col-lg-offset-0 {
        margin-left: 0
    }

    .col-lg-offset-1 {
        margin-left: 8.33333%
    }

    .col-lg-offset-2 {
        margin-left: 16.66667%
    }

    .col-lg-offset-3 {
        margin-left: 25%
    }

    .col-lg-offset-4 {
        margin-left: 33.33333%
    }

    .col-lg-offset-5 {
        margin-left: 41.66667%
    }

    .col-lg-offset-6 {
        margin-left: 50%
    }

    .col-lg-offset-7 {
        margin-left: 58.33333%
    }

    .col-lg-offset-8 {
        margin-left: 66.66667%
    }

    .col-lg-offset-9 {
        margin-left: 75%
    }

    .col-lg-offset-10 {
        margin-left: 83.33333%
    }

    .col-lg-offset-11 {
        margin-left: 91.66667%
    }

    .col-lg-offset-12 {
        margin-left: 100%
    }
}

@media only screen and (min-width:1600px) {

    .col-xlg-1,
    .col-xlg-10,
    .col-xlg-11,
    .col-xlg-12,
    .col-xlg-2,
    .col-xlg-3,
    .col-xlg-4,
    .col-xlg-5,
    .col-xlg-6,
    .col-xlg-7,
    .col-xlg-8,
    .col-xlg-9 {
        float: left
    }

    .col-xlg-1 {
        width: 8.33333%
    }

    .col-xlg-2 {
        width: 16.66667%
    }

    .col-xlg-3 {
        width: 25%
    }

    .col-xlg-4 {
        width: 33.33333%
    }

    .col-xlg-5 {
        width: 41.66667%
    }

    .col-xlg-6 {
        width: 50%
    }

    .col-xlg-7 {
        width: 58.33333%
    }

    .col-xlg-8 {
        width: 66.66667%
    }

    .col-xlg-9 {
        width: 75%
    }

    .col-xlg-10 {
        width: 83.33333%
    }

    .col-xlg-11 {
        width: 91.66667%
    }

    .col-xlg-12 {
        width: 100%
    }

    .col-xlg-pull-0 {
        right: auto
    }

    .col-xlg-pull-1 {
        right: 8.33333%
    }

    .col-xlg-pull-2 {
        right: 16.66667%
    }

    .col-xlg-pull-3 {
        right: 25%
    }

    .col-xlg-pull-4 {
        right: 33.33333%
    }

    .col-xlg-pull-5 {
        right: 41.66667%
    }

    .col-xlg-pull-6 {
        right: 50%
    }

    .col-xlg-pull-7 {
        right: 58.33333%
    }

    .col-xlg-pull-8 {
        right: 66.66667%
    }

    .col-xlg-pull-9 {
        right: 75%
    }

    .col-xlg-pull-10 {
        right: 83.33333%
    }

    .col-xlg-pull-11 {
        right: 91.66667%
    }

    .col-xlg-pull-12 {
        right: 100%
    }

    .col-xlg-push-0 {
        left: auto
    }

    .col-xlg-push-1 {
        left: 8.33333%
    }

    .col-xlg-push-2 {
        left: 16.66667%
    }

    .col-xlg-push-3 {
        left: 25%
    }

    .col-xlg-push-4 {
        left: 33.33333%
    }

    .col-xlg-push-5 {
        left: 41.66667%
    }

    .col-xlg-push-6 {
        left: 50%
    }

    .col-xlg-push-7 {
        left: 58.33333%
    }

    .col-xlg-push-8 {
        left: 66.66667%
    }

    .col-xlg-push-9 {
        left: 75%
    }

    .col-xlg-push-10 {
        left: 83.33333%
    }

    .col-xlg-push-11 {
        left: 91.66667%
    }

    .col-xlg-push-12 {
        left: 100%
    }

    .col-xlg-offset-0 {
        margin-left: 0
    }

    .col-xlg-offset-1 {
        margin-left: 8.33333%
    }

    .col-xlg-offset-2 {
        margin-left: 16.66667%
    }

    .col-xlg-offset-3 {
        margin-left: 25%
    }

    .col-xlg-offset-4 {
        margin-left: 33.33333%
    }

    .col-xlg-offset-5 {
        margin-left: 41.66667%
    }

    .col-xlg-offset-6 {
        margin-left: 50%
    }

    .col-xlg-offset-7 {
        margin-left: 58.33333%
    }

    .col-xlg-offset-8 {
        margin-left: 66.66667%
    }

    .col-xlg-offset-9 {
        margin-left: 75%
    }

    .col-xlg-offset-10 {
        margin-left: 83.33333%
    }

    .col-xlg-offset-11 {
        margin-left: 91.66667%
    }

    .col-xlg-offset-12 {
        margin-left: 100%
    }
}

.footer .row {
    display: flex;
    flex-wrap: wrap;
    margin-right: -16px;
    margin-left: -16px
}

.footer .row:before {
    display: none
}

.footer .col,
.footer .col-1,
.footer .col-10,
.footer .col-11,
.footer .col-12,
.footer .col-2,
.footer .col-3,
.footer .col-4,
.footer .col-5,
.footer .col-6,
.footer .col-7,
.footer .col-8,
.footer .col-9,
.footer .col-auto {
    position: relative;
    width: 100%;
    padding-right: 16px;
    padding-left: 16px
}

.footer .no-gutters {
    margin-right: 0;
    margin-left: 0
}

.footer .no-gutters>.col,
.footer .no-gutters>[class*=col-] {
    padding-right: 0;
    padding-left: 0
}

.footer .no-gutters>.ftrCrd {
    padding: 16px
}

.footer .col-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%
}

.footer .col-1 {
    flex: 0 0 8.33333%;
    max-width: 8.33333%
}

.footer .col-2 {
    flex: 0 0 16.66667%;
    max-width: 16.66667%
}

.footer .col-3 {
    flex: 0 0 25%;
    max-width: 25%
}

.footer .col-4 {
    flex: 0 0 33.33333%;
    max-width: 33.33333%
}

.footer .col-5 {
    flex: 0 0 41.66667%;
    max-width: 41.66667%
}

.footer .col-6 {
    flex: 0 0 50%;
    max-width: 50%
}

.footer .col-7 {
    flex: 0 0 58.33333%;
    max-width: 58.33333%
}

.footer .col-8 {
    flex: 0 0 66.66667%;
    max-width: 66.66667%
}

.footer .col-9 {
    flex: 0 0 75%;
    max-width: 75%
}

.footer .col-10 {
    flex: 0 0 83.33333%;
    max-width: 83.33333%
}

.footer .col-11 {
    flex: 0 0 91.66667%;
    max-width: 91.66667%
}

.footer .col-12 {
    flex: 0 0 100%;
    max-width: 100%
}

.offerHead {
    font-size: 12px;
    line-height: 22px;
    text-align: center;
    padding: 0 16px;
    z-index: 99;
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    font-weight: 300;
    opacity: 0;
    overflow: hidden;
    height: 0;
    -webkit-transition: top .3s ease-in-out;
    transition: top .3s ease-in-out;
    visibility: hidden
}

.offerHead.active {
    overflow: visible;
    visibility: visible;
    opacity: 1;
    padding: 5px 18px 5px 10px
}

.offerHead .offerHeadCont {
    align-items: center;
    justify-content: center;
    zoom: .8
}

.offerHead .codeTag {
    border: 1px dashed #fff;
    text-transform: uppercase;
    padding: 2px 5px;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    display: inline-block;
    vertical-align: middle;
    line-height: 1.2;
    font-weight: 400;
    cursor: pointer;
    background: 0 0;
    position: relative
}

.offerHead .codeTag:after {
    content: "Copy to Clipboard";
    display: none;
    position: absolute;
    z-index: 9999;
    top: 40px;
    left: -17px;
    width: 120px;
    height: 26px;
    color: #fff;
    font-size: 12px;
    line-height: 28px;
    text-align: center;
    background: rgba(0, 0, 0, .72);
    border-radius: 3px
}

.offerHead .codeTag:before {
    content: "";
    display: none;
    position: absolute;
    z-index: 9998;
    top: 35px;
    left: 40px;
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 5px solid rgba(0, 0, 0, .72)
}

.offerHead .codeTag:hover:after,
.offerHead .codeTag:hover:before {
    display: block
}

.offerHead .codeTag:active,
.offerHead .codeTag:focus {
    outline: 0
}

.offerHead .codeTag:active:after,
.offerHead .codeTag:focus:after {
    content: "Copied!"
}

.offerHead .closeIcon {
    top: 6px;
    right: 4px;
    width: 16px;
    height: 16px
}

.offerHead .closeIcon:after,
.offerHead .closeIcon:before {
    background: #fff
}

.offerHead .offerCountdown {
    display: inline-block;
    vertical-align: top;
    margin: -1px 0 0 5px
}

.offerHead .offerCountdown .timeBox {
    display: inline-block;
    background: #ffffff9c;
    padding: 3px 6px 1px;
    border-radius: 2px;
    font-size: 12px;
    line-height: 11px;
    font-weight: 600;
    color: #221629
}

.offerHead .offerCountdown .timeBox span:nth-child(2) {
    display: block;
    font-size: 12px
}

.offerHead.marquee {
    overflow: hidden !important
}

.offerHead.marquee ul {
    display: flex;
    width: 300%;
    animation: marquee 25s linear infinite
}

.offerHead.marquee li {
    flex: 0 0 20%
}

@media only screen and (max-width:320px) {
    .offerHead .offerCountdown .timeBox {
        padding: 3px 3px 1px
    }
}

@media only screen and (min-width:340px) {
    .offerHead {
        font-size: 12px
    }

    .offerHead .closeIcon {
        top: 7px;
        right: 6px;
        width: 15px;
        height: 15px
    }
}

@media only screen and (min-width:1024px) {
    .offerHead {
        zoom: 1
    }

    .offerHead .offerCountdown {
        margin: -2px 0 0 15px
    }

    .offerHead .offerCountdown .timeBox {
        padding: 3px 8px 1px
    }

    .offerHead.marquee ul {
        width: 150%;
        animation: marquee 40s linear infinite
    }
}

@keyframes marquee {
    0% {
        transform: translate3d(0, 0, 0)
    }

    100% {
        transform: translate3d(-100%, 0, 0)
    }
}

.pageScrollIndicator {
    width: auto;
    height: 2px;
    background: 0 0;
    position: absolute;
    display: block;
    left: 0;
    right: 0;
    bottom: -2px
}

.pageScrollIndicator .progressBar {
    height: 2px;
    background: #28ad00;
    box-shadow: 0 2px 2px 0 rgba(34, 22, 41, .2);
    width: 0%
}

.searchBtn {
    position: relative
}

.searchBtn.active .searchHeader {
    opacity: 1;
    width: 200px;
    pointer-events: none
}

.searchHeader {
    width: 0;
    height: 40px;
    position: absolute;
    top: 0;
    right: 0;
    background: #fff;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, .2);
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, .2);
    border: 0;
    font-size: 14px;
    opacity: 0;
    overflow: hidden;
    pointer-events: none
}

.backBtn {
    width: 20px;
    height: 20px;
    display: inline-flex;
    align-items: center
}

.backBtn i {
    border-style: solid;
    display: inline-block;
    padding: 3px;
    margin-left: 3px;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
    border-color: rgba(0, 0, 0, .5);
    border-width: 0 1px 1px 0;
    vertical-align: -1px;
    margin-bottom: 2px
}

#breadcrumb {
    font-size: 12px;
    height: 40px;
    line-height: 31px;
    padding: 4px 0;
    border-bottom: 1px solid #f1f1f1;
    background: #fff;
    position: relative;
    z-index: 1;
    white-space: nowrap;
    margin-bottom: 20px;
    zoom: .75
}

#breadcrumb li,
#breadcrumb ul {
    display: flex;
    align-items: center
}

#breadcrumb li {
    color: #959595;
    padding-top: 1px
}

#breadcrumb li:first-child::before {
    display: none
}

#breadcrumb li:last-child {
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 210px;
    display: inline-block;
    vertical-align: middle
}

#breadcrumb li:before {
    content: "/";
    padding: 0 6px
}

#breadcrumb a {
    color: #28ad00
}

#breadcrumb a:hover {
    color: #959595
}

#breadcrumb .homeIcon img {
    width: 15px;
    height: 12px;
    display: inline-block;
    vertical-align: -1px
}

#comparePage #breadcrumb,
#listingPage #breadcrumb {
    margin-bottom: 0
}

@media only screen and (min-width:767px) {
    #breadcrumb {
        font-size: 12px;
        height: 40px;
        line-height: 23px;
        padding: 8px 0
    }

    #breadcrumb li:before {
        padding: 0 12px
    }
}

.slick-next,
.slick-prev {
    position: absolute;
    display: block;
    height: 40px;
    width: 40px;
    line-height: 0;
    font-size: 0;
    cursor: pointer;
    background: #fff;
    -webkit-box-shadow: 0 0 14px 0 rgba(0, 0, 0, .2);
    box-shadow: 0 0 14px 0 rgba(0, 0, 0, .2);
    color: transparent;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    padding: 0;
    border: none;
    outline: 0;
    z-index: 5
}

.slick-next:hover,
.slick-prev:hover {
    background: #28ad00
}

.slick-next:hover:before,
.slick-prev:hover:before {
    opacity: 1;
    border-color: #fff
}

.slick-next:before,
.slick-prev:before {
    font-size: 0;
    line-height: 1;
    color: #221629;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    width: 4px;
    height: 4px
}

.slick-next.slick-disabled,
.slick-prev.slick-disabled {
    opacity: 0
}

.slick-next.slick-disabled:before,
.slick-prev.slick-disabled:before {
    opacity: .25
}

.slick-prev {
    left: -16px
}

[dir=rtl] .slick-prev {
    left: auto;
    right: -16px
}

.slick-prev:before {
    margin-left: 0;
    content: "";
    border-style: solid;
    display: inline-block;
    padding: 3px;
    margin-left: 3px;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
    border-color: #28ad00;
    border-width: 0 2px 2px 0;
    vertical-align: -1px
}

[dir=rtl] .slick-prev:before {
    content: ""
}

.slick-next {
    right: -16px
}

[dir=rtl] .slick-next {
    left: -16px;
    right: auto
}

.slick-next:before {
    content: "";
    border-style: solid;
    display: inline-block;
    padding: 3px;
    margin-left: 3px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    border-color: #28ad00;
    border-width: 0 2px 2px 0;
    vertical-align: -1px;
    margin-right: 5px;
    margin-left: 0
}

[dir=rtl] .slick-next:before {
    content: ""
}

.slick-dotted.slick-slider {
    margin-bottom: 30px
}

.slick-dots {
    position: absolute;
    bottom: -30px;
    width: 100%
}

.slick-dots li {
    position: relative;
    height: 12px;
    width: 12px;
    margin: 0 3px;
    padding: 0;
    cursor: pointer
}

.slick-dots li button {
    border: 0;
    display: block;
    height: 12px;
    width: 12px;
    outline: 0;
    line-height: 0;
    font-size: 0;
    color: transparent;
    cursor: pointer;
    background: 0 0
}

.slick-dots li button:focus,
.slick-dots li button:hover {
    outline: 0
}

.slick-dots li button:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 5px;
    height: 5px;
    text-align: center;
    border: 1px solid #28ad00;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    border-radius: 50%;
    -webkit-border-radius: 50%
}

.slick-dots li .dotBtn {
    height: 8px;
    width: 8px;
    border: 1px solid #28ad00;
    border-radius: 50%;
    -webkit-border-radius: 50%
}

.slick-dots li .dotBtn.icon-play {
    height: 12px;
    width: 12px;
    font-size: 12px;
    border: transparent;
    position: relative;
    zoom: .8
}

.slick-dots li.icon-play:before {
    position: absolute;
    transform: translate(left(50%), top(50%))
}

.slick-dots li.slick-active button:before {
    width: 8px;
    height: 8px;
    background: 0 0
}

.slick-dots li.slick-active .dotBtn {
    height: 12px;
    width: 12px;
    background: #28ad00
}

.slick-dots li.slick-active .dotBtn.icon-play {
    background: 0 0;
    zoom: 1
}

.slick-dots,
.slick-dots .dotBtn,
.slick-dots li {
    display: flex;
    justify-content: center;
    align-items: center
}

.sliderAccentDot .slick-dots li.slick-active button:before {
    background: #28ad00
}

.sliderWhiteDot .slick-dots li button:before {
    background: #fff
}

.sliderWhiteDot .slick-dots li.slick-active button:before {
    border-color: #fff;
    background: 0 0
}

.slider.arrowSmall .slick-next,
.slider.arrowSmall .slick-prev {
    width: 20px;
    height: 32px;
    -webkit-box-shadow: 4px 4px 14px 0 rgba(96, 96, 96, .2);
    box-shadow: 4px 4px 14px 0 rgba(96, 96, 96, .2)
}

.slider.arrowSmall .slick-next:focus,
.slider.arrowSmall .slick-next:hover,
.slider.arrowSmall .slick-prev:focus,
.slider.arrowSmall .slick-prev:hover {
    background: #28ad00
}

.slider.arrowSmall .slick-next:focus:before,
.slider.arrowSmall .slick-next:hover:before,
.slider.arrowSmall .slick-prev:focus:before,
.slider.arrowSmall .slick-prev:hover:before {
    opacity: 1
}

.slider.arrowSmall .slick-next {
    border-radius: 4px 0 0 4px;
    -webkit-border-radius: 4px 0 0 4px
}

.slider.arrowSmall .slick-prev {
    border-radius: 0 4px 4px 0;
    -webkit-border-radius: 0 4px 4px 0
}

.slider {
    width: 100%;
    margin: 0 auto
}

.slick-slide {
    transition: all ease-in-out .3s;
    opacity: .2
}

.slick-current {
    opacity: 1
}

.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: transparent
}

.slick-list {
    position: relative;
    overflow: hidden;
    display: block;
    margin: 0;
    padding: 0
}

.slick-list:focus {
    outline: 0
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand
}

.slick-slider .slick-list,
.slick-slider .slick-track {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.slick-track {
    position: relative;
    left: 0;
    top: 0;
    display: block;
    margin-left: auto;
    margin-right: auto
}

.slick-track:after,
.slick-track:before {
    content: "";
    display: table
}

.slick-track:after {
    clear: both
}

.slick-loading .slick-track {
    visibility: hidden
}

.slick-slide {
    float: left;
    height: 100%;
    min-height: 1px;
    display: none
}

[dir=rtl] .slick-slide {
    float: right
}

.slick-slide:focus {
    outline: 0
}

.slick-slide img {
    display: block;
    margin: 0 auto;
    max-width: 100%
}

.slick-slide.slick-loading img {
    display: none
}

.slick-slide.dragging img {
    pointer-events: none
}

.slick-initialized .slick-slide {
    display: block
}

.slick-loading .slick-slide {
    visibility: hidden
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent
}

.slick-arrow.slick-hidden {
    display: none
}

.whiteArrowHolder .slick-arrow {
    background: #fff !important;
    -webkit-box-shadow: 2px 2px 5px rgba(0, 0, 0, .16);
    box-shadow: 2px 2px 5px rgba(0, 0, 0, .16)
}

.whiteArrowHolder .slick-arrow:before {
    border-color: #221629
}

.whiteArrowHolder .slick-arrow:hover {
    background: #fff !important
}

.whiteArrowHolder .slick-arrow:hover:before {
    border-color: #28ad00
}

.arrowHalfCircle .slick-next,
.arrowHalfCircle .slick-prev {
    width: 20px;
    height: 42px
}

.arrowHalfCircle .slick-next::before,
.arrowHalfCircle .slick-prev::before {
    padding: 1px
}

.arrowHalfCircle .slick-next {
    border-radius: 21px 0 0 21px;
    -webkit-border-radius: 21px 0 0 21px
}

.arrowHalfCircle .slick-next::before {
    margin-right: 2px
}

.arrowHalfCircle .slick-prev {
    border-radius: 0 21px 21px 0;
    -webkit-border-radius: 0 21px 21px 0
}

.arrowHalfCircle .slick-prev::before {
    margin-left: 0
}

.btn {
    display: inline-block;
    margin-bottom: 0;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    touch-action: manipulation;
    padding: 8px 16px;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    cursor: pointer;
    font-size: 12px;
    background-image: none;
    border: 1px solid transparent;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    border-radius: 20px;
    -webkit-border-radius: 20px
}

.btn.active.focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn:active:focus,
.btn:focus {
    outline: 0
}

.btn.focus,
.btn:focus,
.btn:hover {
    color: #000;
    text-decoration: none
}

.btn.active,
.btn:active {
    background-image: none;
    outline: 0;
    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125)
}

.btn.disabled,
.btn.disabledBtn,
.btn[disabled],
fieldset[disabled] .btn {
    cursor: not-allowed;
    opacity: .65;
    -webkit-box-shadow: none;
    box-shadow: none;
    pointer-events: none
}

.btn.noRadius {
    border-radius: 0;
    -webkit-border-radius: 0
}

.btn.radius2 {
    border-radius: 2px;
    -webkit-border-radius: 2px
}

.btn.btnLarge {
    height: 60px;
    font-size: 16px;
    font-weight: 600;
    border-radius: 6px;
    -webkit-border-radius: 6px
}

.btn.btnMd {
    height: 50px;
    font-size: 14px;
    font-weight: 600;
    border-radius: 3px;
    -webkit-border-radius: 3px
}

.btn.t-bold {
    font-weight: 600
}

a.btn.disabled,
a.btn.disabledBtn,
fieldset[disabled] a.btn {
    pointer-events: none
}

.btn-default {
    background: #fff;
    border-color: #221629;
    color: #221629
}

.btn-default:focus,
.btn-default:hover {
    background: #221629;
    color: #fff
}

.btn-accent {
    background: #28ad00;
    color: #fff
}

.btn-accent:focus,
.btn-accent:hover {
    background: #1c7a00;
    color: #fff
}

.btn-primary {
    background: #221629;
    color: #ffdc00;
    font-weight: 600
}

.btn-primary:focus,
.btn-primary:hover {
    background: #140d18;
    color: #fff
}

.btn-action {
    background: #ffdc00;
    color: #221629;
    font-weight: 600
}

.btn-action:focus,
.btn-action:hover {
    background: #e6c600;
    color: #fff
}

.btn-promotion {
    background: #ffdc00;
    color: #000
}

.btn-promotion:focus,
.btn-promotion:hover {
    background: #e6c600;
    color: #fff
}

.btn-notify {
    background: #0e9fff;
    color: #fff;
    font-weight: 600
}

.btn-notify:focus,
.btn-notify:hover {
    background: #049bff;
    color: #221629
}

.btn-preorder {
    background: #221629;
    color: #ffdc00;
    font-weight: 600
}

.btn-preorder:focus,
.btn-preorder:hover {
    background: #140d18;
    color: #fff
}

.btn-preview {
    background: #ff0a0a;
    color: #fff;
    font-weight: 600
}

.btn-preview:focus,
.btn-preview:hover {
    background: red;
    color: #221629
}

.btn.btn-rocket {
    background: #00e572;
    background-image: -webkit-linear-gradient(to left, #00e572 -10%, #feec00);
    background-image: linear-gradient(to left, #00e572 -10%, #feec00);
    color: #221629;
    font-weight: 600;
    position: relative;
    border: 0
}

.btn.btn-rocket:before {
    content: "\e9a2";
    font-family: icomoon;
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px
}

.btn.btn-rocket:focus,
.btn.btn-rocket:hover {
    background: #00e572;
    background-image: -webkit-linear-gradient(to left, #feec00 -10%, #00e572);
    background-image: linear-gradient(to left, #feec00 -10%, #00e572);
    color: #221629
}

.btn.btn-rocket.disabled:before {
    display: none
}

.btn-preorder.iconPreDash:before {
    content: "";
    width: 25px;
    height: 18px;
    background: url(https://d60i6mpkbdpwe.cloudfront.net/assets/ninetyone/images/dash/iconPreOrder.svg) no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px
}

.btn-preorder.iconPreDash.disabled:before {
    display: none
}

.btn-edit {
    background: #efefef;
    color: #6f6f6f
}

.btn-edit:focus,
.btn-edit:hover {
    background: #221629;
    color: #fff
}

.btn-link {
    color: #28ad00;
    border-radius: 0
}

.btn-link,
.btn-link.active,
.btn-link:active,
.btn-link[disabled],
fieldset[disabled] .btn-link {
    background-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none
}

.btn-link,
.btn-link:active,
.btn-link:focus,
.btn-link:hover {
    border-color: transparent
}

.btn-link:focus,
.btn-link:hover {
    color: #6ca420;
    background-color: transparent
}

.btn-link[disabled]:focus,
.btn-link[disabled]:hover,
fieldset[disabled] .btn-link:focus,
fieldset[disabled] .btn-link:hover {
    color: rgba(0, 0, 0, .5);
    text-decoration: none
}

.btn-link-primary {
    color: #221629
}

.btnAccentBorder {
    border-color: #28ad00;
    color: #28ad00;
    background: #fff;
    border-radius: 4px;
    -webkit-border-radius: 4px
}

.btnAccentBorder:focus,
.btnAccentBorder:hover {
    background: #28ad00;
    color: #fff
}

.colorWidget {
    font-size: 12px;
    padding: 0 19px 23px;
    color: #959595
}

.colorWidget>:first-child {
    margin-right: 10px
}

.colorWidget>* img {
    width: 100%
}

.colorWidget.colorFloat>*,
.colorWidget.colorFloat>.colorBtn {
    float: left
}

.colorWidget .colorBtn {
    width: 16px;
    height: 16px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    position: relative;
    margin-right: 8px;
    display: inline-block;
    vertical-align: middle;
    z-index: 1;
    border: 1px solid #777
}

.colorWidget .colorBtn img {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    -webkit-border-radius: 50%
}

.colorWidget .colorBtn.active:after,
.colorWidget .colorBtn.active:before {
    content: "";
    position: absolute;
    display: block;
    z-index: -1
}

.colorWidget .colorBtn.active:before {
    background: #fff;
    top: -3px;
    right: -3px;
    bottom: -3px;
    left: -3px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -webkit-box-shadow: 0 0 3px 3px #000, .5;
    box-shadow: 0 0 3px 3px #000, .5;
    border: 2px solid #28ad00
}

.colorWidget .colorBtn.active:after {
    left: 2px;
    bottom: -6px;
    width: 0;
    height: 0;
    content: '';
    display: block;
    position: absolute;
    height: 0;
    width: 0;
    border-top: 5px solid #28ad00;
    border-left: 4.16667px solid transparent;
    border-right: 4.16667px solid transparent
}

.colorWidget .attrBtn {
    min-width: 35px;
    background: #fff;
    border: 1px solid #28ad00;
    text-align: center;
    line-height: 1;
    margin-left: 5px;
    position: relative;
    display: inline-block;
    border-radius: 20px;
    font-size: 12px;
    padding: 2px 5px;
    cursor: pointer;
    color: #959595
}

.colorWidget .attrBtn:first-child {
    margin-right: 0
}

.colorWidget .attrBtn.active {
    background: #28ad00;
    color: #fff
}

.colorWidget .attrBtn.active:after {
    left: 50%;
    transform: translate(-50%, 0);
    bottom: -6px;
    width: 0;
    height: 0;
    content: '';
    display: block;
    position: absolute;
    height: 0;
    width: 0;
    border-top: 5px solid #28ad00;
    border-left: 4.16667px solid transparent;
    border-right: 4.16667px solid transparent
}

.colorWidget .beforeslectError {
    position: absolute;
    font-size: 12px;
    color: red;
    bottom: 3px;
    left: 85px;
    font-weight: 400
}

.colorWidget.lg .colorBtn {
    width: 36px;
    height: 36px
}

.colorWidget.lg .colorBtn img {
    width: 100%;
    height: 100%
}

.colorWidget .sizeGuide {
    top: -1px;
    right: 6px;
    position: absolute
}

.colorWidget .sizeGuide i {
    font-size: 14px;
    vertical-align: -2px
}

.colorWidget.apparels .attrBtn {
    width: 30px
}

.apparelsCard .colorWidget .attrBtn {
    width: 22px;
    height: 14px;
    line-height: 14px;
    margin-left: 3px
}

.shakeAnimtion {
    animation: shake .9s cubic-bezier(.36, .07, .19, .97) infinite;
    transform: translate3d(0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    perspective: 1000px;
    font-weight: 700
}

.shakeAnimtion2 {
    animation: shake2 1.2s cubic-bezier(.36, .07, .19, .97) infinite;
    transform: translate3d(0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    perspective: 1000px;
    border-color: #e71f26 !important;
    color: #e71f26 !important;
    font-weight: 700
}

@keyframes shake {

    10%,
    90% {
        transform: translate3d(-1px, 0, 0)
    }

    20%,
    80% {
        transform: translate3d(2px, 0, 0)
    }

    30%,
    50%,
    70% {
        transform: translate3d(-4px, 0, 0)
    }

    40%,
    60% {
        transform: translate3d(4px, 0, 0)
    }
}

@keyframes shake2 {

    0%,
    100%,
    20%,
    50%,
    80% {
        transform: rotate(3deg)
    }

    40% {
        transform: rotate(-3deg)
    }

    60% {
        transform: rotate(-6deg)
    }
}

@media only screen and (min-width:1023px) {
    .colorBtn {
        cursor: pointer
    }

    .colorWidget .attrBtn:first-child {
        margin-left: 0
    }
}

@media only screen and (max-width:340px) {
    .productOverveiw .colorWidget {
        padding: 0 5px 23px
    }

    .productOverveiw .colorWidget .sizeGuide i {
        font-size: 15px
    }
}

.priceOff {
    color: #5ad235;
    position: relative;
    z-index: 0;
    overflow: hidden;
    display: inline-block !important;
    vertical-align: middle;
    font-size: 12px !important;
    text-transform: uppercase !important;
    margin-left: 2px
}

.priceOffHold .cutPrice,
.priceOffHold .priceOff {
    display: inline-block !important;
    vertical-align: middle
}

#buyNowBottom .priceOffHold {
    line-height: 1
}

#buyNowBottom .price {
    padding-top: 4px;
    padding-bottom: 4px
}

@media only screen and (min-width:1024px) {
    .priceOffHold {
        display: inline-block;
        vertical-align: middle
    }

    .priceOff {
        font-size: 16px !important
    }

    .priceListOff {
        line-height: 1;
        margin-bottom: 2px
    }

    .priceListOff .priceOff {
        font-size: 14px !important
    }

    .listingCommon .cardListing .priceOffHold {
        display: block
    }

    .listingCommon .cardListing .card .cardPrice {
        padding-right: 10px
    }
}

.card {
    width: 100%;
    min-width: 260px;
    background: #fff;
    -webkit-box-shadow: 4px 4px 14px rgba(34, 22, 41, .1);
    box-shadow: 4px 4px 14px rgba(34, 22, 41, .1);
    padding: 16px 8px;
    border-radius: 12px;
    -webkit-border-radius: 12px;
    position: relative;
    min-height: 100px;
    font-size: 12px;
    line-height: 1.4;
    display: inline-block;
    vertical-align: middle
}

.card.shadowNone {
    -webkit-box-shadow: none;
    box-shadow: none;
    padding: 16px
}

.card .newTag {
    position: absolute;
    left: -17px;
    top: -15px
}

.card .newTag.star-flag {
    background-position: -100px -252px;
    width: 42px;
    height: 42px
}

.card .newTag.rakhiTag {
    position: absolute;
    left: -17px;
    top: -15px;
    background: url(https://d60i6mpkbdpwe.cloudfront.net/assets/ninetyone/images/rakhi-event/rakhi.svg) no-repeat;
    background-size: cover;
    width: 57px;
    height: 57px
}

.card .cdOffer {
    position: absolute;
    left: 15px;
    top: 16px;
    border-radius: 0 8px;
    padding: 0 10px;
    line-height: 24px;
    font-size: 12px;
    background: #ffdc00
}

.card .hightLight {
    background: url(https://d60i6mpkbdpwe.cloudfront.net/assets/ninetyone/images/star.svg) no-repeat;
    background-size: cover;
    width: 57px;
    height: 57px;
    color: #fff;
    text-align: center;
    font-size: 12px;
    line-height: 12px;
    text-transform: uppercase;
    padding: 24px 15px;
    display: inline-block;
    vertical-align: middle
}

.card .cardImg {
    overflow: hidden;
    margin: 25px 0 20px;
    min-height: 180px
}

.card .cardImg img {
    max-height: 100%;
    width: auto;
    max-width: 100%
}

.card .cardName {
    letter-spacing: 1.5px;
    margin: 5px 0 3px;
    font-size: 14px;
    color: #000;
    font-weight: 600;
    text-transform: uppercase
}

.card .seriesText {
    letter-spacing: .5px;
    font-size: 12px;
    text-transform: uppercase
}

.card .cardPrice {
    color: #000;
    font-size: 15px;
    text-transform: uppercase;
    font-weight: 700;
    display: inline-block
}

.card .cardPrice .icon-rupee {
    font-weight: 700;
    zoom: .75
}

.card .cardPrice .text {
    margin-top: 4px
}

.card .cutPrice {
    text-decoration: line-through;
    color: #616161;
    font-weight: 400;
    display: inline-block !important;
    vertical-align: middle;
    font-size: 12px;
    text-transform: uppercase;
    line-height: 1
}

.card .cutPrice .icon-rupee {
    font-weight: 600
}

.card .cutPrice .mrpTxt {
    font-size: 12px;
    padding-left: 1px
}

.card .priceHolder {
    padding: 0 10px 16px
}

.card .priceHolder p {
    font-size: 12px;
    line-height: 12px;
    font-style: italic;
    font-weight: 400;
    padding-top: 2px;
    letter-spacing: normal;
    zoom: .8
}

.card .priceHolder .cardColor,
.card .priceHolder .cardPrice {
    flex-grow: 1
}

.card .priceHolder .cardPrice {
    flex-shrink: 0;
    padding-right: 5px
}

.card .priceHolder .cardColor {
    white-space: normal;
    overflow: hidden;
    flex-shrink: 1;
    padding-bottom: 2px
}

.card .cardColor {
    text-align: right;
    white-space: nowrap
}

.card .cardColor .colorWidget {
    padding: 3px 0 0 0
}

.card .cardColor .colorWidget.swipeSlider {
    padding: 3px 2px 5px
}

.card .cardColor .colorWidget.swipeSlider::-webkit-scrollbar-thumb {
    background: #a1a1a1 !important
}

.card .cardColor .colorWidget.swipeSlider>.colorBtn {
    max-width: 16px
}

.card .cardColor .text {
    font-size: 12px;
    display: block
}

.card .cardColor .colorBtn {
    margin: 0 0 0 5px;
    max-width: 16px
}

.card .cardSpecTitle {
    font-size: 12px;
    line-height: 21px;
    text-transform: initial
}

.card .cardSpec {
    padding: 15px 0 5px;
    max-width: 300px;
    margin: 0 auto
}

.card .cardSpec .specList {
    width: 50%;
    text-align: left;
    font-size: 12px;
    line-height: 1.1;
    float: left;
    padding: 0 0 4px 13px;
    min-height: 54px
}

.card .cardSpec .specName {
    padding-top: 2px;
    font-size: 12px
}

.card .cardSpec .specName strong {
    font-size: 12px;
    display: block;
    padding-top: 3px
}

.card .cardSpec .iconHolder {
    width: 30px;
    color: #28ad00;
    font-size: 22px;
    text-align: center;
    padding-right: 5px
}

.card .modelTag {
    top: 30%;
    right: 0
}

.card .tagHotdeal {
    position: absolute;
    top: 12px;
    left: 12px
}

.card.cardWidthDefault {
    max-width: 320px
}

.card .heartHolder {
    position: absolute;
    top: 25px;
    right: 16px;
    font-size: 15px;
    color: #959595
}

.card .heartHolder.active:before {
    content: "\e93d";
    color: red
}

.card .cardFooterGroup {
    border-top: 1px solid #dfdfdf;
    height: 51px;
    overflow: hidden;
    border-radius: 0 0 5px 5px;
    -webkit-border-radius: 0 0 5px 5px;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 5;
    background: #fff
}

.card .cardFooterGroup li {
    width: 31%;
    height: 51px;
    line-height: 50px;
    float: left
}

.card .cardFooterGroup li:nth-child(2) {
    border-left: 1px solid #dfdfdf
}

.card .cardFooterGroup li:last-child {
    width: 38%
}

.card .cardFooterGroup li>* {
    display: block;
    width: 100%;
    padding: 0 8px
}

.card .cardFooterGroup.twoColumn li {
    width: 45%
}

.card .cardFooterGroup.twoColumn li:last-child {
    width: 55%
}

.card .cardFooterGroup .btn {
    border-radius: 0;
    -webkit-border-radius: 0;
    position: relative;
    right: -1px;
    font-weight: 600
}

.card .reviewHeader li {
    padding: 1px 6px 0 8px
}

.gearedOpt {
    position: absolute;
    top: 100px;
    left: 0;
    padding: 3px 6px 3px 8px;
    line-height: 1;
    border-radius: 0 10px 0 0;
    font-weight: 300;
    letter-spacing: .5px;
    background: #fff;
    color: #28ad00
}

.gearedOpt::before,
.gearedOpt:after {
    content: "";
    position: absolute;
    background: #eee
}

.gearedOpt::before {
    top: 14px;
    width: 1px;
    height: 105px;
    left: 9px
}

.gearedOpt::after {
    top: 118px;
    left: 10px;
    height: 1px;
    width: 14px
}

.gearedOpt i {
    display: inline-block;
    vertical-align: -1px;
    width: 3px;
    height: 10px;
    background: #e1e1e1;
    margin-right: 4px;
    line-height: 1
}

.gearedOpt i:before {
    content: "";
    width: 5px;
    height: 5px;
    background: #28ad00;
    position: absolute;
    top: 116px;
    left: 24px;
    border-radius: 50%
}

.cardBottomPanel .card {
    padding-bottom: 51px
}

.recentlyViewCard.swipeSlider {
    margin: 25px -16px 0;
    padding: 0 16px 16px 16px
}

.recentlyViewCard .card {
    max-width: 300px;
    height: 405px
}

.recentlyViewCard .card.apparelsCard {
    height: 385px
}

.recentlyViewCard .card .cardSpecTitle {
    line-height: 1.3;
    min-height: 30px;
    margin-top: 6px
}

.recentlyViewCard .card .cardFooterGroup .btn {
    right: 0
}

.recentlyViewCard .card .cardImg {
    max-height: 170px;
    display: block
}

.recentlyViewCard .card .cardImg img {
    max-width: 100%;
    max-height: 170px;
    width: auto;
    height: auto
}

.shoesListing .card .cardName {
    margin-bottom: 15px !important;
    letter-spacing: 1.5px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

.qtyBuyNow {
    line-height: 1 !important;
    column-gap: 7px
}

.qtyBuyNow .qtyBtn {
    width: 20px;
    height: 20px;
    border: 1px solid #000;
    display: flex !important;
    justify-content: center;
    align-items: center;
    font-size: 20px !important;
    font-weight: 400;
    border-radius: 4px;
    -webkit-border-radius: 4px
}

.qtyBuyNow .qtyTitle {
    text-transform: uppercase !important
}

.qtyBuyNow:hover {
    color: #fff
}

.qtyBuyNow:hover .qtyBtn {
    border-color: #fff;
    padding-bottom: 2px
}

@media only screen and (max-width:330px) {
    .card {
        max-width: 270px;
        width: 95%
    }

    .card .cardPrice {
        font-size: 12px
    }

    .cardBottomPanel .card {
        padding-bottom: 51px;
        max-width: 100%;
        width: 100%
    }
}

@media only screen and (max-width:1023px) {
    .card .name {
        font-size: 13px
    }
}

.headingTag {
    position: absolute;
    left: 50%;
    bottom: 5px;
    width: 20px;
    margin-left: -10px
}

.headingTag:after,
.headingTag:before {
    content: "";
    position: absolute;
    top: 0;
    height: 5px
}

.headingTag:before {
    left: 0;
    width: 40%;
    background: #28ad00
}

.headingTag:after {
    right: 0;
    width: 60%;
    background: #ffdc00
}

.seriesTag {
    line-height: 23px;
    font-size: 12px;
    border: 1px solid #000;
    display: inline-block;
    vertical-align: middle;
    margin: 0 auto;
    min-width: 100px;
    padding: 0 16px;
    border-radius: 15px;
    -webkit-border-radius: 15px;
    text-transform: uppercase
}

.swipeSlider {
    white-space: nowrap;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    -moz-overflow-scrolling: touch
}

.swipeSlider.m-xy-sm {
    margin-left: -8px;
    margin-right: -8px;
    padding: 0 8px
}

.swipeSlider.m-xy-md {
    margin-left: -16px;
    margin-right: -16px;
    padding: 0 16px
}

.swipeSlider.m-xy-lg {
    margin-left: -24px;
    margin-right: -24px;
    padding: 0 24px
}

.swipeSlider.m-xy-xlg {
    margin-left: -32px;
    margin-right: -32px;
    padding: 0 32px
}

.swipeSlider>* {
    width: 265px;
    display: inline-block;
    vertical-align: top;
    white-space: normal;
    margin-left: 16px
}

.swipeSlider>:first-child {
    margin-left: 0
}

.swipeSlider.wAuto>* {
    width: auto;
    margin-left: 8px
}

.swipeSlider.wAuto>:first-child {
    margin-left: 0
}

.swipeSlider.noMargin>* {
    margin-left: 0
}

.thinScrollBar::-webkit-scrollbar {
    width: 3px;
    height: 3px
}

.thinScrollBar::-webkit-scrollbar-track {
    background: rgba(34, 22, 41, .15);
    margin-top: 8px;
    margin-bottom: 8px
}

.thinScrollBar::-webkit-scrollbar-thumb {
    background: #28ad00 !important
}

.thinScrollBar::-webkit-scrollbar-thumb:hover {
    background: #28ad00
}

.scrollX::-webkit-scrollbar-track {
    margin-left: 32px;
    margin-right: 32px
}

.scrollY {
    overflow-y: auto
}

.accordion {
    background: 0 0;
    cursor: pointer;
    padding: 18px
}

.accordion::after {
    content: "";
    float: right;
    border-style: solid;
    display: inline-block;
    padding: 3px;
    margin-left: 3px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    border-color: #fff;
    border-width: 0 1px 1px 0;
    vertical-align: -1px;
    padding: 4px;
    margin: 3px 2px 0 0;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out
}

.accordion.active {
    background-color: #007eff;
    color: #fff
}

.accordion.active::after {
    -webkit-transform: rotate(-135deg);
    transform: rotate(-135deg);
    margin-top: 8px;
    border-color: #28ad00
}

.accordionPanel {
    padding: 0 32px;
    overflow: hidden;
    max-height: 0;
    -webkit-transition: max-height .3s ease-out;
    transition: max-height .3s ease-out
}

body.loginActive {
    overflow: hidden !important
}

.LoginPopup {
    position: fixed;
    bottom: 0;
    left: 50%;
    transform: translate(-50%, 0);
    width: 100%;
    background: #fff;
    animation: zoomMobile .6s;
    z-index: 99999;
    display: none;
    background-image: radial-gradient(#e0e0e0 8%, transparent 0);
    background-size: 15px 15px;
    background-position: 0 0, 8px 8px
}

.LoginPopup~.blackOverlay {
    z-index: 9999
}

.LoginPopup .closeIcon {
    top: -14px;
    right: 1px;
    background: #fff;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    border: 5px solid #fff;
    width: 30px;
    height: 30px
}

.LoginPopup .disHide {
    display: none
}

.LoginPopup .errorShow,
.LoginPopup .invalidError,
.LoginPopup .otpTimer {
    position: absolute;
    left: 0;
    z-index: 9;
    font-size: 12px
}

.LoginPopup .invalidError {
    bottom: -15px
}

.LoginPopup .errorShow,
.LoginPopup .star {
    color: #ee444c
}

.LoginPopup .fieldLabel .star {
    font-size: 12px
}

.LoginPopup .btnLoginOuter .invalidError {
    bottom: auto;
    top: -8px
}

.LoginPopup .btnLoginOuter .invalidError+.loginBtn {
    margin-top: 16px
}

.LoginPopup .timer {
    float: right;
    color: #28ad00
}

.LoginPopup .otpTimer {
    right: 1px !important;
    bottom: -15px;
    left: auto;
    pointer-events: none
}

.LoginPopup .modalTopLine {
    background: #dfdfdf;
    height: 4px;
    width: 83px;
    position: absolute;
    top: 6px;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    left: 0;
    right: 0;
    z-index: 6;
    margin: 0 auto
}

.LoginPopup .innerSec {
    width: 100%;
    padding: 10px 16px 15px;
    text-align: center;
    max-height: calc(90vh - 15px);
    margin-top: 15px
}

.LoginPopup .resendotppop {
    color: #221629;
    cursor: pointer;
    position: absolute;
    right: 12px;
    bottom: 10px
}

.LoginPopup .inputField {
    margin: 20px 0 0
}

.LoginPopup .title {
    font-size: 20px;
    color: #221629;
    text-transform: uppercase;
    line-height: 30px;
    font-weight: 700;
    letter-spacing: 2px
}

.LoginPopup .title.titleSpace {
    line-height: 31px
}

.LoginPopup .forgotPassowrd {
    position: absolute;
    right: 15px;
    color: #221629;
    top: 14px;
    cursor: pointer;
    background: #fff
}

.LoginPopup p {
    margin-top: 10px
}

.LoginPopup .loginBtn {
    width: 100%;
    height: 50px;
    font-size: 16px;
    border-radius: 3px;
    -webkit-border-radius: 3px
}

.LoginPopup .resendotp {
    position: absolute;
    right: 10px;
    margin: 15px 0 0;
    color: #323232;
    font-weight: 600;
    cursor: pointer
}

.LoginPopup .newMember {
    margin-top: 8px;
    font-size: 12px
}

.LoginPopup .newMember p {
    text-align: center;
    font-size: 16px;
    color: #000
}

.LoginPopup .newMember span {
    color: #000;
    cursor: pointer;
    font-weight: 600
}

.LoginPopup .loginMotp {
    margin-top: 20px
}

.LoginPopup .loginMotp a {
    color: #000
}

.LoginPopup .socialMediaBtn {
    min-width: 100%;
    text-align: center;
    margin: 20px -6px 30px
}

.LoginPopup .socialMediaBtn li {
    display: inline-block;
    vertical-align: middle;
    padding-top: 1px;
    background: #3b5998;
    width: calc(33.333% - 13px);
    height: 40px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    font-size: 12px;
    line-height: 40px;
    vertical-align: middle;
    margin: 0 5px;
    color: #ffff;
    cursor: pointer;
    -webkit-box-shadow: 0 0 8px 0 rgba(0, 0, 0, .2);
    box-shadow: 0 0 8px 0 rgba(0, 0, 0, .2)
}

.LoginPopup .socialMediaBtn li .icon-fb {
    width: 14px;
    display: inline-block;
    vertical-align: middle
}

.LoginPopup .socialMediaBtn li .icon-fb:before {
    font-size: 16px;
    vertical-align: 6px;
    line-height: 1
}

.LoginPopup .socialMediaBtn li.googleLogin svg {
    margin-bottom: 4px
}

.LoginPopup .socialMediaBtn li.phoneLogin svg {
    margin-bottom: 6px
}

.LoginPopup .socialMediaBtn li i {
    vertical-align: middle
}

.LoginPopup .socialMediaBtn li:nth-child(2) {
    background: #fff;
    color: #323232
}

.LoginPopup .socialMediaBtn li:nth-child(3) {
    background: #b9b9b9
}

.LoginPopup .socialMediaBtn li svg {
    vertical-align: middle;
    display: inline-block
}

.LoginPopup .resendcode {
    position: absolute;
    top: 14px;
    right: 15px;
    color: #323232;
    cursor: pointer
}

.blackOverlay {
    background: rgba(0, 0, 0, .8);
    height: 100%;
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    -webkit-transition: all .8s eas-in-out;
    transition: all .8s eas-in-out;
    z-index: 999
}

.abcRioButton {
    height: auto !important;
    width: auto !important
}

.abcRioButtonContentWrapper {
    text-align: center;
    padding: 5px 0;
    box-shadow: none
}

.abcRioButtonContentWrapper:hover {
    box-shadow: none
}

.abcRioButtonIcon {
    float: inherit;
    margin: 10px 7px 0 0;
    display: inline-block;
    padding: 0 !important
}

.abcRioButtonContents {
    vertical-align: top;
    margin-top: 3px;
    display: inline-block
}

@keyframes animatezoom {
    from {
        transform: scale(0) translate(-50%, -50%)
    }

    to {
        transform: scale(1) translate(-50%, -50%)
    }
}

@-webkit-keyframes animatezoom {
    from {
        -webkit-transform: scale(0) translate(-50%, -50%)
    }

    to {
        -webkit-transform: scale(1) translate(-50%, -50%)
    }
}

@keyframes zoomMobile {
    from {
        bottom: -100%
    }

    to {
        bottom: 0
    }
}

.rating {
    padding: 10px 0
}

.rating i {
    width: 16px;
    height: 16px;
    margin-right: 4px;
    color: #ffa236
}

.rating .star-fill {
    background: url(https://d60i6mpkbdpwe.cloudfront.net/assets/ninetyone/images/star-filled.svg) no-repeat;
    -webkit-background-size: contain;
    background-size: contain
}

.rating .star-half {
    background: url(https://d60i6mpkbdpwe.cloudfront.net/assets/ninetyone/images/star-half.svg) no-repeat;
    -webkit-background-size: contain;
    background-size: contain
}

.rating .star-empty {
    background: url(https://d60i6mpkbdpwe.cloudfront.net/assets/ninetyone/images/star-empty.svg) no-repeat;
    -webkit-background-size: contain;
    background-size: contain
}

.rating .ratingText {
    line-height: 1.3;
    vertical-align: -5px;
    font-size: 14px;
    padding-left: 4px
}

.rating.star-green i {
    color: #28ad00
}

.rating.star-yellow i {
    color: #ffa236
}

.rating.star-red i {
    color: #ff3636
}

.rating.star-sm i {
    font-size: 12px;
    width: 12px;
    height: 12px
}

.rating.star-md i {
    font-size: 16px;
    width: 16px;
    height: 16px
}

.rating.star-lg i {
    font-size: 20px;
    width: 20px;
    height: 20px
}

.cardRatingWrap {
    position: relative;
    min-height: 45px
}

.cardRatingWrap .reviewHeader {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%
}

.reviewHeader li {
    font-size: 12px;
    line-height: 12px;
    border-left: 1px solid rgba(112, 112, 112, .2);
    padding: 2px 6px 0 8px;
    position: relative
}

.reviewHeader li:first-child {
    border-left: 0
}

.reviewHeader .rating {
    padding: 0
}

.reviewHeader .rating i {
    width: 12px;
    height: 12px;
    margin-top: -4px
}

.reviewHeader .rating .ratingText {
    vertical-align: baseline;
    font-size: 12px;
    padding-left: 4px
}

.reviewHeader .icon-edit {
    font-size: 12px;
    margin-right: 8px;
    color: #28ad00
}

.reviewHeader.customReview {
    padding: 6px 0
}

.star-Rating i {
    width: 30px;
    height: 26px;
    cursor: pointer;
    display: inline-block;
    vertical-align: middle;
    margin-right: 6px;
    background-size: contain !important
}

.star-Rating .star-1 {
    background: url(https://d60i6mpkbdpwe.cloudfront.net/assets/ninetyone/images/star-1.svg) no-repeat
}

.star-Rating .star-2 {
    background: url(https://d60i6mpkbdpwe.cloudfront.net/assets/ninetyone/images/star-2.svg) no-repeat
}

.star-Rating .star-3 {
    background: url(https://d60i6mpkbdpwe.cloudfront.net/assets/ninetyone/images/star-3.svg) no-repeat
}

.star-Rating .star-4 {
    background: url(https://d60i6mpkbdpwe.cloudfront.net/assets/ninetyone/images/star-4.svg) no-repeat
}

.star-Rating .star-5 {
    background: url(https://d60i6mpkbdpwe.cloudfront.net/assets/ninetyone/images/star-5.svg) no-repeat
}

.star-Rating .star-empty {
    background: url(https://d60i6mpkbdpwe.cloudfront.net/assets/ninetyone/blog/images/star-empty.svg) no-repeat
}

@media only screen and (max-width:340px) {
    .reviewHeader li {
        padding: 2px 4px 0 6px
    }
}

@keyframes dot-keyframes {
    0% {
        opacity: .4;
        transform: scale(1, 1)
    }

    50% {
        opacity: 1;
        transform: scale(1.2, 1.2)
    }

    100% {
        opacity: .4;
        transform: scale(1, 1)
    }
}

.loading-dots {
    text-align: center;
    width: 100%
}

.loading-dots--dot {
    animation: dot-keyframes 1.5s infinite ease-in-out;
    background-color: #28ad00;
    border-radius: 10px;
    display: inline-block;
    height: 10px;
    width: 10px;
    margin: 0 4px;
    vertical-align: middle
}

.loading-dots--dot:nth-child(2) {
    animation-delay: .5s
}

.loading-dots--dot:nth-child(3) {
    animation-delay: 1s
}

.whiteLoader .loading-dots--dot {
    background-color: #fff
}

@keyframes dot-keyframes {
    0% {
        opacity: .4;
        transform: scale(1, 1)
    }

    50% {
        opacity: 1;
        transform: scale(1.2, 1.2)
    }

    100% {
        opacity: .4;
        transform: scale(1, 1)
    }
}

.loading-dots {
    text-align: center;
    width: 100%
}

.loading-dots--dot {
    animation: dot-keyframes 1.5s infinite ease-in-out;
    background-color: #28ad00;
    border-radius: 10px;
    display: inline-block;
    height: 16px;
    width: 16px
}

.loading-dots--dot:nth-child(2) {
    animation-delay: .5s
}

.loading-dots--dot:nth-child(3) {
    animation-delay: 1s
}

.loaderOverlay {
    position: fixed;
    background: rgba(0, 0, 0, .5);
    width: 100%;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    z-index: 99999;
    transition: .5s background-color ease
}

.loaderOverlay .loading-dots {
    width: 100%;
    position: absolute;
    top: 50%;
    transform: translate(0, -50%)
}

.loaderOverlay .loading-dots--dot {
    background: #fff
}

#contactUsPage .quickContact .gitBtn {
    display: none
}

.contactWidget {
    max-width: 420px;
    margin: 0 auto 24px;
    font-size: 14px;
    line-height: 1;
    flex-direction: column;
    row-gap: 28px
}

.contactWidget .item {
    background: #fff;
    padding: 12px 88px 12px 8px;
    text-align: left;
    flex: 1 1 auto;
    position: relative;
    min-width: 100%;
    max-width: 100%
}

.contactWidget .itemTitle {
    font-size: 16px;
    font-weight: 600
}

.contactWidget .text {
    font-size: 12px;
    margin: 4px 0 18px
}

.contactWidget .itemLink {
    display: flex;
    justify-content: baseline;
    column-gap: 4px;
    color: #28ad00
}

.contactWidget .itemLink i {
    min-width: 18px
}

.contactWidget .itemSpc {
    margin-bottom: 10px
}

.contactWidget img {
    position: absolute;
    right: 0;
    bottom: 0;
    max-height: 132px;
    height: auto;
    width: auto
}

.contactWidget a {
    display: flex;
    align-items: center;
    column-gap: 4px
}

.contactWidget .careContactItem {
    width: 300px;
    min-height: 100px
}

.contactWidget .fieldInput {
    background: #f6f6f6;
    border-color: #c8ffb8;
    height: 30px;
    max-width: 170px
}

.contactWidget ::placeholder {
    opacity: 1;
    color: #000
}

.contactWidget ::-webkit-input-placeholder {
    opacity: 1;
    color: #000
}

.contactWidget .callRest {
    margin: -10px 0 14px
}

.contactWidget .fieldIcon {
    top: 7px;
    font-size: 16px;
    color: #000
}

.contactWidget .errorText {
    zoom: .8;
    bottom: -14px
}

.contactWidget .btn {
    line-height: 26px;
    min-width: 90px;
    padding: 0 8px
}

@media only screen and (min-width:360px) {
    .contactWidget .item {
        padding: 15px 100px 15px 15px
    }

    .contactWidget img {
        max-height: 145px
    }
}

@media only screen and (min-width:391px) {
    .contactWidget .item {
        padding-right: 110px
    }
}

@media only screen and (min-width:1024px) {
    .contactWidget.lg {
        max-width: 100%;
        flex-direction: row;
        row-gap: 32px;
        column-gap: 32px;
        align-items: stretch;
        justify-content: center;
        flex-wrap: wrap;
        margin-bottom: 32px
    }

    .contactWidget.lg .item {
        min-width: auto;
        width: calc(33.33% - 22px);
        max-width: calc(33.33% - 22px)
    }

    .contactWidget.lg .itemLink {
        column-gap: 7px
    }

    .contactWidget img {
        max-height: 160px
    }
}

.modalBody {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 600;
    visibility: visible;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    opacity: 1
}

.modalBody:after {
    content: "";
    position: fixed;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, .7);
    width: 100%;
    height: 100%;
    z-index: 601
}

.modalBody.modalFadeUp {
    bottom: 0;
    top: inherit;
    animation: zoomMobile .6s
}

.modalBody.modalFadeRight {
    right: 0;
    left: inherit;
    animation: fade-right .6s
}

.modalBody.modalHide {
    visibility: hidden;
    opacity: 0
}

.modalBody.modalHide .modalMainBottom {
    bottom: -300px
}

.modalBody .closeIconBtn {
    top: -10px;
    right: -10px;
    background: #fff;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    border: 5px solid #fff;
    width: 30px;
    height: 30px
}

.modalBody .modalTopLine {
    background: #dfdfdf;
    height: 4px;
    width: 83px;
    position: absolute;
    top: 6px;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    left: 0;
    right: 0;
    z-index: 6;
    margin: 0 auto
}

.modalBody .productListSlider .slick-next,
.modalBody .productListSlider .slick-prev {
    background: 0 0;
    box-shadow: none
}

.modalBody .productListSlider .slick-next:hover,
.modalBody .productListSlider .slick-prev:hover {
    background: rgba(40, 173, 0, 0)
}

.modalBody .productListSlider .slick-next:hover:before,
.modalBody .productListSlider .slick-prev:hover:before {
    border-color: #28ad00
}

.modalBody .productListSlider .slick-arrow {
    opacity: 1
}

.modalBody .productListSlider .slick-arrow.slick-disabled {
    opacity: 0;
    pointer-events: none
}

.modalBody .productListSlider .slick-prev {
    left: -12px
}

.modalBody .productListSlider .slick-next {
    right: -12px
}

.modalMain {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 90%;
    max-height: calc(100% - 32px);
    max-width: 400px;
    min-width: 260px;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background: #fff;
    z-index: 602;
    border-radius: 3px;
    -webkit-border-radius: 3px
}

.modalFooter {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 605
}

.modalMainBottom {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    max-height: calc(100% - 32px);
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    background: #fff;
    z-index: 602;
    border-radius: 3px 3px 0 0;
    -webkit-border-radius: 3px 3px 0 0
}

.modalMainBottom .closeIconBtn {
    top: -14px;
    right: 0
}

.modalMainBottom .cardFooter .btn {
    text-transform: uppercase;
    font-weight: 400
}

.modalMainBottom .cardFooter .viewBtn {
    color: #28ad00 !important;
    font-weight: 400
}

.modalMainBottom .priceWidget .cutPrice {
    font-size: 12px;
    color: #616161;
    text-decoration: line-through;
    font-weight: 400;
    display: inline-block;
    vertical-align: middle
}

.modalOverlay {
    position: fixed;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, .7);
    width: 100%;
    height: 100%;
    z-index: 601
}

.videoFullScr .modalMain {
    background: 0
}

.videoFullScr .closeIconBtn {
    background: 0;
    border: 0;
    top: -30px
}

.videoFullScr .closeIconBtn:after,
.videoFullScr .closeIconBtn:before {
    background: #fff;
    width: 70%
}

#ModalThankyou {
    font-size: 16px
}

#ModalThankyou .title {
    font-size: 28px;
    font-weight: 700;
    color: #28ad00
}

#modalBuyNow .tagHotdeal {
    top: -20px;
    left: 10px;
    position: absolute
}

#modalBuyNow .tagHotdeal img {
    width: 30px
}

#modalBuyNow .customSelectMain .selectTrigger {
    color: #28ad00;
    font-size: 12px;
    min-width: 50px;
    height: 25px;
    line-height: 25px
}

#modalBuyNow .customSelectMain .selectTrigger:before {
    padding: 2px;
    top: 56%
}

#modalBuyNow .customSelectMain .optionList {
    left: -60px;
    bottom: 0;
    top: auto
}

#modalBuyNow .customSelectMain .option {
    line-height: 25px
}

#brand-video video {
    display: block
}

@media only screen and (min-width:991px) {
    .modalBody .modalMainBottom {
        max-width: 500px;
        top: 50%;
        left: 50%;
        bottom: auto;
        border-radius: 3px;
        -webkit-border-radius: 3px;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%)
    }

    .modalBody .modalMainBottom .priceHolder .cutPrice,
    .modalBody .modalMainBottom .priceWidget .cutPrice {
        font-size: 16px;
        display: inline-block;
        vertical-align: middle
    }

    .modalBody .closeIconBtn {
        top: -25px;
        right: -35px
    }

    .modalBody .productListSlider .slick-next,
    .modalBody .productListSlider .slick-prev {
        background: #fff;
        box-shadow: 0 0 14px 0 rgba(0, 0, 0, .2)
    }

    .modalBody .productListSlider .slick-next:hover,
    .modalBody .productListSlider .slick-prev:hover {
        background: #28ad00
    }

    .modalBody .productListSlider .slick-next:hover:before,
    .modalBody .productListSlider .slick-prev:hover:before {
        border-color: #fff
    }

    .modalBody .productListSlider .slick-prev {
        left: -55px
    }

    .modalBody .productListSlider .slick-next {
        right: -55px
    }
}

@keyframes fade-right {
    0% {
        right: -100%
    }

    100% {
        right: 0
    }
}

.backArrowBtn {
    position: relative;
    top: 12px;
    width: 100%;
    height: 2px;
    background: #221629;
    display: block;
    pointer-events: none
}

.backArrowBtn:after,
.backArrowBtn:before {
    content: '';
    position: absolute;
    width: 10px;
    height: 2px;
    left: 0;
    background: #221629
}

.backArrowBtn:before {
    top: 4px;
    transform: rotate(45deg)
}

.backArrowBtn:after {
    top: -4px;
    transform: rotate(-45deg)
}

#filterPanel {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 111;
    width: 0;
    height: 100%;
    color: #000;
    overflow: hidden;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    font-size: 12px
}

#filterPanel:before {
    content: "";
    position: fixed;
    left: 0;
    top: 0;
    bottom: 0;
    background: rgba(34, 22, 41, .5);
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 100;
    opacity: 0;
    visibility: hidden;
    transition: all .3s ease-in-out
}

#filterPanel.active {
    width: 100%;
    opacity: 1;
    left: 0
}

#filterPanel.active:before {
    opacity: 1;
    visibility: visible
}

#filterPanel.active #closeFilter {
    opacity: 1
}

#filterPanel #closeFilter {
    position: absolute;
    height: 16px;
    width: 16px;
    top: 3px;
    right: 3px;
    z-index: 105;
    opacity: 0;
    -webkit-transition-delay: .3s;
    transition-delay: .3s;
    cursor: pointer
}

#filterPanel #closeFilter:after,
#filterPanel #closeFilter:before {
    content: "";
    background: #221629;
    position: absolute;
    left: 0;
    top: 7px;
    height: 2px;
    width: 100%
}

#filterPanel #closeFilter:before {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

#filterPanel #closeFilter:after {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

#filterPanel #closeFilter:hover:after,
#filterPanel #closeFilter:hover:before {
    background: #28ad00
}

#filterPanel .filterCont {
    width: 80%;
    max-width: 500px;
    height: 100%;
    background: #fff;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 101;
    overflow: hidden;
    -webkit-box-shadow: 0 0 15px 0 rgba(0, 0, 0, .2);
    box-shadow: 0 0 15px 0 rgba(0, 0, 0, .2);
    border-radius: 0 15px 5px 0;
    -webkit-border-radius: 0 15px 5px 0
}

.filterPanel .filterMain {
    padding: 0 20px 60px;
    max-height: calc(100% - 40px);
    overflow-y: auto
}

.filterPanel .filterHead {
    position: relative;
    z-index: 1;
    margin-bottom: 8px
}

.filterPanel .filterHead>* {
    display: inline-block;
    vertical-align: middle
}

.filterPanel .filterHead h2 {
    font-size: 12px;
    line-height: 16px;
    text-transform: uppercase;
    color: #959595;
    vertical-align: -2px
}

.filterPanel .filterHead [class*=" icon-"],
.filterPanel .filterHead [class^=icon-] {
    color: #28ad00;
    margin-right: 4px;
    width: 20px;
    font-size: 13px
}

.filterPanel .filterHead [class=icon-rupee] {
    font-size: 12px
}

.filterPanel .filterHead [class=icon-wheel] {
    font-size: 15px
}

.filterPanel .customControl {
    width: 100%;
    padding: 4px 0;
    font-size: 12px;
    line-height: 16px;
    margin-bottom: 8px;
    font-weight: 600
}

.filterPanel .customControl .itemName {
    display: block
}

.filterPanel .customControl input:disabled~.itemName,
.filterPanel .customControl.disabled input:disabled~.itemName {
    color: #959595;
    pointer-events: none
}

.filterPanel .customControl input:checked~.itemName,
.filterPanel .customControl.active input:checked~.itemName {
    color: #28ad00
}

.filterPanel .customIndicator {
    left: auto;
    right: 0;
    border: 0;
    top: 0;
    width: 16px;
    height: 16px
}

.filterPanel .customControl input:checked~.customIndicator,
.filterPanel .customControl input:disabled~.customIndicator {
    background: 0 0
}

.filterPanel .customCheckbox .customIndicator:after,
.filterPanel .customRadio .customIndicator:after {
    content: "\e966";
    font-family: icomoon !important;
    left: 3px;
    top: 3px;
    width: 100%;
    height: 100%;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    font-size: 12px;
    color: #28ad00;
    border: 0;
    background: 0 0
}

.filterPanel .filterGroup {
    border-bottom: 1px solid #dfdfdf;
    margin-bottom: 16px;
    padding-bottom: 4px
}

.filterPanel .filterGroup:last-child {
    border-bottom: 0
}

.filterPanel .icon-rupee {
    font-weight: 600;
    margin-right: 2px;
    zoom: .75
}

.filterPanel .chipControlMain {
    padding: 4px 0
}

.filterPanel .chipControlMain .customControl {
    width: 85px;
    min-width: 85px;
    padding: 9px 0 7px;
    margin-right: 5px;
    margin-bottom: 14px
}

.filterPanel .chipControlMain .customControl .customIndicator:after {
    display: none
}

.filterPanel .chipControlMain .customControl input:checked~.customIndicator {
    border-color: #28ad00
}

.filterPanel .chipControlMain .customIndicator {
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
    top: 0;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    border: 1px solid #dfdfdf
}

.filterPanel .chipControlMain .customIndicator:after {
    display: none
}

.filterPanel .filterFooter {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 111
}

.filterPanel .filterFooter .card {
    margin-bottom: -10px;
    z-index: 110;
    padding: 16px
}

.filterPanel .filterFooter .btnApply {
    z-index: 111;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    height: 60px;
    padding: 0;
    line-height: 60px;
    font-size: 16px
}

.filterPanel .filterFooter .title {
    padding-left: 4px;
    color: #28ad00;
    font-weight: 600;
    padding: 16px 4px 5px
}

.filterPanel .filterFooter .btnToolTag {
    padding: 0 16px 16px;
    display: none
}

.filterPanel .filterFooter .btnToolTag.active {
    display: block
}

.filterPanel .moreBtn {
    font-size: 12px;
    font-weight: 600
}

.filterPanel .dots,
.filterPanel .more {
    display: none
}

.filterHeader {
    position: relative;
    padding: 17px 20px 12px
}

.filterHeader .fitlterTitle {
    font-size: 14px;
    line-height: 26px;
    margin-bottom: 0
}

.filterHeader .icon-back-arrow {
    left: 16px;
    width: 26px;
    height: 26px;
    top: 16px;
    line-height: 26px
}

.filterHeader .clearBtn {
    width: 50px;
    color: #959595
}

.fypbShdow {
    padding-bottom: 20px
}

.findPerfectBike {
    position: relative;
    z-index: 9;
    max-width: 560px;
    margin: 0 auto;
    padding-top: 16px
}

.findPerfectBike .title {
    font-size: 16px;
    line-height: 1.2;
    padding-bottom: 10px
}

.findPerfectBike .pefectBikeBody li {
    width: calc(28% - 6px);
    margin-left: 6px
}

.findPerfectBike .pefectBikeBody li:first-child {
    margin-left: 0
}

.findPerfectBike .pefectBikeBody li:last-child {
    width: 16%;
    float: right
}

.findPerfectBike .tablinks {
    background: #fff;
    height: 36px;
    text-transform: uppercase;
    padding: 8px 18px 8px 6px;
    font-size: 12px;
    line-height: 20px;
    position: relative;
    text-align: center;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .15);
    box-shadow: 0 0 10px rgba(0, 0, 0, .15)
}

.findPerfectBike .tablinks:before {
    content: "";
    position: absolute;
    top: 14px;
    right: 8px;
    border-style: solid;
    display: inline-block;
    padding: 3px;
    margin-left: 3px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    border-color: #221629;
    border-width: 0 1px 1px 0;
    vertical-align: -1px;
    padding: 2px;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.findPerfectBike .tablinks:after {
    content: "";
    position: absolute;
    top: calc(100% + 2px);
    left: calc(50% - 8px);
    content: '';
    display: block;
    position: absolute;
    height: 0;
    width: 0;
    border-bottom: 8px solid #ebebeb;
    border-left: 6.66667px solid transparent;
    border-right: 6.66667px solid transparent;
    opacity: 0;
    visibility: hidden
}

.findPerfectBike .tablinks.active {
    background: #ebebeb;
    -webkit-box-shadow: none;
    box-shadow: none
}

.findPerfectBike .tablinks.active:before {
    top: 16px;
    border-style: solid;
    display: inline-block;
    padding: 3px;
    margin-left: 3px;
    -webkit-transform: rotate(-135deg);
    transform: rotate(-135deg);
    border-color: #221629;
    border-width: 0 1px 1px 0;
    vertical-align: -1px;
    padding: 2px
}

.findPerfectBike .tablinks.active:after {
    opacity: 1;
    visibility: visible
}

.findPerfectBike .chipControl {
    font-weight: 400;
    padding: 7px 10px;
    height: 30px;
    margin-right: 8px
}

.findPerfectBike .chipControl:last-child {
    margin-right: 0
}

.findPerfectBike .chipControl .control__indicator {
    background: #ebebeb;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    opacity: 1;
    visibility: visible
}

.findPerfectBike .chipControl i {
    display: inline-block;
    vertical-align: middle
}

.findPerfectBike .chipControl input:checked:focus~.control__indicator,
.findPerfectBike .chipControl input:checked~.control__indicator,
.findPerfectBike .chipControl:hover input:not([disabled]):checked~.control__indicator {
    background: #28ad00;
    color: #fff
}

.findPerfectBike .controlSwitch {
    height: 30px;
    width: 150px;
    border-color: #28ad00;
    font-weight: 400;
    overflow: visible;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .15);
    box-shadow: 0 0 10px rgba(0, 0, 0, .15);
    margin: 0 auto
}

.findPerfectBike .controlSwitch .switchBtn {
    line-height: 20px;
    height: auto;
    border-radius: 5px;
    -webkit-border-radius: 5px
}

.findPerfectBike .controlSwitch .switchBtn:after {
    content: "";
    position: absolute;
    top: calc(100% - 1px);
    left: calc(50% - 8px);
    content: '';
    display: block;
    position: absolute;
    height: 0;
    width: 0;
    border-top: 8px solid #28ad00;
    border-left: 6.66667px solid transparent;
    border-right: 6.66667px solid transparent;
    opacity: 0;
    visibility: hidden
}

.findPerfectBike .controlSwitch .switchBtn.ftInch {
    width: auto;
    min-width: 60%;
    left: -2px
}

.findPerfectBike .controlSwitch .switchBtn.active {
    background: #28ad00
}

.findPerfectBike .controlSwitch .switchBtn.active:after {
    visibility: visible;
    opacity: 1
}

.findPerfectBike .tabcontent {
    text-align: center;
    color: #000;
    display: none;
    padding: 16px;
    border: 1px solid #f3f3f3;
    border-radius: 5px;
    margin: 10px 0 0;
    background: #fff
}

.findPerfectBike .btn {
    height: 36px;
    line-height: 36px;
    width: 100%;
    text-transform: uppercase;
    padding: 0;
    position: relative;
    font-size: 12px;
    border: 0;
    border-radius: 5px;
    -webkit-border-radius: 5px
}

.findPerfectBike #Age .customControl {
    min-width: 50px
}

.findPerfectBike #Age .d-table-main li:last-child .customControl {
    margin-right: 0;
    min-width: 50px
}

.findPerfectBike #purpose_sel {
    line-height: 12px;
    align-items: center;
    display: flex;
    justify-content: center
}

.findPerfectBike #Purpose ul {
    flex-wrap: wrap;
    row-gap: 10px
}

.findPerfectBike #Purpose li {
    flex: 0 0 50%
}

.findPerfectBike #Purpose .chipControl {
    width: 90%
}

.findPerfectBike .rangf-tooltip {
    width: 50px;
    left: -20px;
    border-radius: 5px;
    -webkit-border-radius: 5px
}

.findPerfectBike .rangeSliderPanel .heightRangeBody {
    width: calc(100% - 30px);
    margin: 20px 15px 30px
}

.findPerfectBike .rangeSliderPanel .rangf-target {
    margin: 0;
    height: 8px
}

.findPerfectBike .rangeSliderPanel .rangf-tooltip {
    top: 23px;
    background: #28ad00;
    -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, .16);
    box-shadow: 0 0 8px rgba(0, 0, 0, .16);
    border: 1px solid #28ad00;
    color: #fff;
    font-size: 12px;
    line-height: 28px
}

.findPerfectBike .rangeSliderPanel .rangf-tooltip::after {
    top: -16px;
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    border-top-color: #28ad00
}

.findPerfectBike .rangeSliderPanel .rangf-connect {
    border-radius: 3px;
    -webkit-border-radius: 3px;
    background: #28ad00
}

.findPerfectBike .rangeSliderPanel .rangf-background {
    background: #ebebeb;
    right: -1px;
    border-radius: 3px;
    -webkit-border-radius: 3px
}

.findPerfectBike .rangeSliderPanel .rangf-horizontal .rangf-handle {
    width: 18px;
    height: 18px;
    border: 3px solid #28ad00;
    top: -5px;
    left: -8px
}

.findPerfectBike .rangeSliderPanel .rangf-target.rangf-connect {
    -webkit-box-shadow: none;
    box-shadow: none
}

.findPerfectBike .rangeSliderPanel .rangf-scale-horizontal {
    padding: 2px 0 0;
    height: 19px;
    top: 100%;
    left: 1px
}

.findPerfectBike .rangeSliderPanel .rangf-scale {
    color: #221629
}

.findPerfectBike .rangeSliderPanel .rangf-marker-large {
    background: #221629
}

.findPerfectBike .rangeSliderPanel .rangf-marker-horizontal.rangf-marker-large {
    height: 10px;
    width: 1px
}

.findPerfectBike .rangeSliderPanel .rangf-marker-normal {
    display: none
}

.findPerfectBike .rangeSliderPanel .rangf-value {
    bottom: 0
}

.findPefectPanel {
    padding-bottom: 30px
}

.findPefectPanel .findPerfectBike {
    padding-top: 0
}

@media screen and (min-width:360px) {
    .findPerfectBike .tablinks {
        padding: 8px 20px 8px 10px
    }

    .findPerfectBike #Age .customControl {
        min-width: 80px
    }

    .findPerfectBike .pefectBikeBody li {
        width: calc(28% - 10px);
        margin-left: 10px
    }
}

.heroBanner {
    z-index: 0;
    height: 412px;
    margin-top: 54px;
    position: relative
}

.heroBanner .slick-dots {
    bottom: 16px
}

.heroBanner .slick-next {
    right: 0
}

.heroBanner .slick-prev {
    left: 0
}

.heroBanner .slick-list {
    overflow: visible
}

.heroBanner .slick-list .slick-slide {
    opacity: 1;
    width: 100vw
}

.heroBanner .slick-list .slick-slide img {
    width: 100%
}

.heroBanner .slick-slider {
    -webkit-user-select: text;
    -moz-user-select: text;
    user-select: text
}

.heroBanner .bannerVideo {
    position: relative;
    height: 100%;
    overflow: hidden;
    width: 100vw;
    text-align: center;
    background: #000
}

.heroBanner .bannerVideo:after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100vw;
    height: 54px;
    content: "";
    background: #fff
}

.heroBanner .bannerVideo .controlBtn {
    width: 50px;
    position: absolute;
    background: #ffffffad;
    box-shadow: 4px 4px 14px rgba(34, 22, 41, .1)
}

.heroBanner .bannerVideo .pauseBtn {
    top: 50%;
    left: 50%;
    height: 50px;
    font-size: 20px;
    border-radius: 50%;
    padding: 16px 14px 15px 17px;
    transform: translate(-50%, -50%)
}

.heroBanner .bannerVideo .muteBtn {
    top: 70px;
    right: 15px;
    height: 30px;
    line-height: 30px;
    border-radius: 20px;
    font-size: 16px
}

.heroBanner .bannerVideo .muteBtn.mute:after {
    content: "";
    display: block;
    width: 20px;
    height: 2px;
    background: red;
    position: absolute;
    top: 14px;
    left: 15px;
    transform: rotate(50deg)
}

.heroBanner #myVideo {
    position: absolute;
    top: 1px;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100vw;
    object-fit: cover;
    background: #000;
    border: 0;
    overflow: hidden;
    padding: 0;
    margin: 0;
    display: block;
    outline: 0
}

.heroBanner #myVideo:focus {
    border: 0;
    outline: 0
}

.heroBanner video[poster] {
    -webkit-background-size: cover;
    background-size: cover;
    width: 100vw
}

.heroBanner .bannerLink {
    display: block;
    position: relative;
    height: 100%;
    width: 100%
}

#heroSlider {
    position: relative;
    z-index: 0;
    margin-bottom: 0
}

#heroSlider>* {
    white-space: nowrap
}

#heroSlider .slick-slide {
    height: 412px;
    position: relative;
    transition: initial
}

#heroSlider .slick-slide .lazy {
    height: 100%;
    width: 100%;
    display: block;
    background-size: cover !important;
    -webkit-background-size: cover !important;
    background-position: center 50% !important
}

#heroSlider .slick-arrow.slick-disabled {
    opacity: 0
}

#heroSlider .imgBanner {
    position: relative
}

#heroSlider .imgBanner:before {
    top: 0;
    left: 0;
    content: "";
    width: 100%;
    height: 90px;
    position: absolute;
    background: linear-gradient(180deg, rgba(0, 0, 0, .5) 10%, rgba(255, 255, 255, 0) 90%)
}

#heroSlider .heroContent {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding-bottom: 35px;
    white-space: normal;
    text-align: center;
    z-index: 2;
    background: -moz-linear-gradient(0deg, rgba(0, 0, 0, .72) 0, rgba(255, 255, 255, 0) 100%);
    background: -webkit-linear-gradient(0deg, rgba(0, 0, 0, .72) 0, rgba(255, 255, 255, 0) 100%);
    background: linear-gradient(0deg, rgba(0, 0, 0, .72) 0, rgba(255, 255, 255, 0) 100%);
    text-shadow: 0 0 10px rgba(0, 0, 0, .3)
}

#heroSlider h1 {
    text-transform: uppercase
}

#heroSlider h1,
#heroSlider p {
    color: #fff
}

#heroSlider p {
    line-height: 1.3;
    font-weight: 300
}

@media only screen and (min-width:375px) {

    #heroSlider .slick-slide,
    .heroBanner {
        height: 467px
    }
}

@media only screen and (min-width:414px) {

    #heroSlider .slick-slide,
    .heroBanner {
        height: 506px
    }
}

@media only screen and (min-width:540px) {

    #heroSlider .slick-slide,
    .heroBanner {
        height: 632px
    }
}

@media only screen and (min-width:768px) {

    #heroSlider .slick-slide,
    .heroBanner {
        height: 860px
    }
}

.heroSlideBody {
    width: 100%;
    height: 412px;
    position: relative;
    overflow: hidden
}

.heroSlideBody .fade {
    -webkit-animation-name: fade;
    -webkit-animation-duration: 1.5s;
    animation-name: fade;
    animation-duration: 1.5s
}

.heroSlideBody .heroImg {
    -webkit-background-size: cover;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center !important;
    display: block;
    height: 100%
}

.heroSlideBody .next,
.heroSlideBody .prev {
    cursor: pointer;
    position: absolute;
    top: 50%;
    width: 40px;
    height: 40px;
    margin-top: -20px;
    transition: .6s ease;
    user-select: none;
    background: rgba(40, 173, 0, .6);
    z-index: 85;
    box-shadow: 0 0 14px 0 rgba(0, 0, 0, .2)
}

.heroSlideBody .next:before,
.heroSlideBody .prev:before {
    position: absolute;
    top: 14px;
    display: block;
    content: '';
    width: 4px;
    height: 4px;
    margin: 0;
    border-color: #fff;
    border-style: solid;
    padding: 3px;
    border-width: 0 2px 2px 0
}

.heroSlideBody .next:hover,
.heroSlideBody .prev:hover {
    background-color: #28ad00
}

.heroSlideBody .prev {
    left: 0
}

.heroSlideBody .prev:before {
    -webkit-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    transform: rotate(135deg);
    left: 16px
}

.heroSlideBody .next {
    right: 0
}

.heroSlideBody .next:before {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    right: 17px
}

.heroSlideBody .sliderDot {
    position: absolute;
    bottom: 12px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    width: auto;
    text-align: center;
    z-index: 91
}

.heroSlideBody .dot {
    cursor: pointer;
    height: 10px;
    width: 10px;
    margin: 0 4px;
    border: 1px solid #28ad00;
    border-radius: 50%;
    transition: background-color .6s ease
}

.heroSlideBody .dot.active {
    height: 14px;
    width: 14px
}

.heroSlideBody .dot.active,
.heroSlideBody .dot:hover {
    background-color: #28ad00
}

.heroSlideBody .bannerVideo {
    position: relative;
    height: 100%;
    overflow: hidden;
    width: 100vw;
    text-align: center;
    background: #000
}

.heroSlideBody .controlBtn {
    width: 50px;
    position: absolute;
    background: #ffffffad;
    box-shadow: 4px 4px 14px rgba(34, 22, 41, .1)
}

.heroSlideBody .pauseBtn {
    top: 50%;
    left: 50%;
    height: 50px;
    font-size: 20px;
    border-radius: 50%;
    padding: 16px 14px 15px 17px;
    transform: translate(-50%, -50%)
}

.heroSlideBody .muteBtn {
    bottom: 30px;
    right: 15px;
    height: 30px;
    line-height: 30px;
    border-radius: 20px;
    font-size: 16px
}

.heroSlideBody .muteBtn.mute:after {
    content: "";
    display: block;
    width: 20px;
    height: 2px;
    background: red;
    position: absolute;
    top: 14px;
    left: 15px;
    transform: rotate(50deg)
}

.heroSlideBody #myVideo {
    position: absolute;
    top: 1px;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100vw;
    object-fit: cover;
    background: #000;
    border: 0;
    overflow: hidden;
    padding: 0;
    margin: 0;
    display: block;
    outline: 0
}

.heroSlideBody #myVideo:focus {
    border: 0;
    outline: 0
}

.heroSlideBody video[poster] {
    -webkit-background-size: cover;
    background-size: cover;
    width: 100vw
}

.heroSlideBody .content {
    text-align: left;
    position: absolute;
    z-index: 99;
    bottom: 0;
    padding: 0 16px 16px
}

.heroSlideBody .content h1 {
    color: #fff;
    width: 80%
}

.heroSlideBody .content p {
    color: #fff;
    font-size: 14px
}

@-webkit-keyframes fade {
    from {
        opacity: .4
    }

    to {
        opacity: 1
    }
}

@keyframes fade {
    from {
        opacity: .4
    }

    to {
        opacity: 1
    }
}

.heroSlides {
    display: none;
    height: 100%;
    position: relative
}

.heroSlides .heroCaption {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding-bottom: 35px;
    white-space: normal;
    text-align: center;
    z-index: 2;
    background: -moz-linear-gradient(0deg, rgba(0, 0, 0, .72) 0, rgba(255, 255, 255, 0) 100%);
    background: -webkit-linear-gradient(0deg, rgba(0, 0, 0, .72) 0, rgba(255, 255, 255, 0) 100%);
    background: linear-gradient(0deg, rgba(0, 0, 0, .72) 0, rgba(255, 255, 255, 0) 100%);
    text-shadow: 0 0 10px rgba(0, 0, 0, .3);
    z-index: 90
}

.heroSlides h1,
.heroSlides h2 {
    text-transform: uppercase
}

.heroSlides p {
    line-height: 1.3;
    font-weight: 300
}

.heroSlides h1,
.heroSlides h2,
.heroSlides p {
    color: #fff
}

.bnrVideo {
    position: relative;
    padding-bottom: 412px;
    height: 0;
    background: #000
}

.bnrVideo video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover
}

#heroBox {
    display: none
}

#heroBox.active {
    display: block
}

.heroBnrPanel {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 100%
}

.qrBanner {
    padding: 16px 0
}

@media only screen and (min-width:375px) {
    .heroSlideBody {
        height: 380px
    }

    .bnrVideo {
        padding-bottom: 380px
    }
}

@media only screen and (min-width:768px) {
    .heroSlideBody {
        height: 520px
    }

    .bnrVideo {
        padding-bottom: 520px
    }

    .qrBanner {
        padding: 30px 0
    }
}

.tab-head {
    border-bottom: 1px solid rgba(34, 22, 41, .1)
}

.tab-head>li {
    font-size: 14px;
    line-height: 16px;
    margin: 0 6px -1px;
    padding: 5px 7px;
    cursor: pointer;
    border-bottom: 1px solid transparent;
    font-weight: 400;
    margin-bottom: -1px
}

.tab-head>li.active {
    color: #28ad00;
    border-color: #28ad00;
    font-weight: 600;
    font-size: 16px
}

.tab-main .tab-content {
    animation: show-smooth .5s ease-in-out;
    position: relative
}

@-webkit-keyframes show-smooth {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@-moz-keyframes show-smooth {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@keyframes show-smooth {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

.newArrivalsTitle .tab-head {
    margin-bottom: 20px
}

.newArrivalSlider {
    width: calc(100% - 40px);
    min-width: 200px
}

.newArrivalSlider .slick-list {
    overflow: visible
}

.newArrivalSlider .slick-dots {
    bottom: -25px
}

.newArrivalSlider .slick-slide {
    opacity: .9
}

.newArrivalSlider .slick-slide .card {
    -webkit-transform: scale(.9);
    transform: scale(.9);
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    padding: 22px 8px 10px
}

.newArrivalSlider .arrivalView h3 {
    display: inline-block;
    font-size: inherit
}

.newArrivalSlider .slick-current {
    opacity: 1
}

.newArrivalSlider .slick-current .card {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.newArrivalSlider .card {
    min-height: 525px;
    max-width: 420px;
    width: 100%
}

.newArrivalSlider .card .cardImg {
    margin: 0;
    height: 180px;
    line-height: 180px;
    text-align: center
}

.newArrivalSlider .card .cardImg img {
    width: auto;
    height: auto;
    max-height: 100%;
    max-width: 100%;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    display: inline-block;
    vertical-align: middle
}

.newArrivalSlider .card .cardPrice {
    font-size: 15px;
    margin-bottom: 0;
    display: table-cell
}

.newArrivalSlider .card .priceHolder {
    min-height: 52px;
    padding: 0 5px 16px
}

.newArrivalSlider .card .priceHolder span {
    display: block;
    text-transform: none
}

.newArrivalSlider .card .priceHolder .text {
    font-size: 12px;
    font-weight: 400;
    letter-spacing: normal;
    line-height: 1.1;
    margin-top: 2px;
    zoom: .8
}

.newArrivalSlider .card .priceHolder p {
    font-size: 12px;
    zoom: .8
}

.newArrivalSlider .card .cardSpec {
    padding: 8px 0 5px
}

.newArrivalSlider .card .cardSpec .specList {
    padding: 0 0 4px 10px
}

.newArrivalSlider .card .cardName {
    font-size: 16px
}

.newArrivalSlider .card .cadTopSpec i {
    font-size: 16px
}

.newArrivalSlider .card .seriesText {
    font-size: 12px
}

.newArrivalSlider .card .btn {
    text-transform: uppercase
}

.newArrivalSlider .card.productSoldText {
    min-height: 480px
}

.newArrivalSlider .card .modelTag {
    top: 0;
    right: 0;
    left: auto;
    padding: 0 14px;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: none;
    -moz-transform-origin: none;
    transform-origin: none
}

.newArrivalSlider .card .modelTag span {
    left: 0;
    right: 0;
    transform: initial;
    border-radius: 0 8px
}

.newArrivalSlider .btn-lern-more {
    font-size: 12px;
    width: 100%;
    margin-top: 8px;
    padding: 8px;
    zoom: .85
}

.newArrivalSlider .dashBtnTag {
    top: -10px;
    right: -10px;
    width: 24px;
    height: 24px;
    line-height: 24px;
    left: auto
}

.newArrivalSlider .dashBtnTag:before {
    font-size: 12px
}

#modalSimilar .modalContent {
    max-height: 80vh;
    padding-bottom: 10px
}

#modalSimilar .modalMainBottom {
    max-height: 100%;
    border-radius: 0
}

#modalSimilar .cardTitle {
    font-size: 20px;
    margin-top: 8px;
    font-weight: 600
}

#modalSimilar .cadTopSpec {
    margin-top: 5px
}

#modalSimilar .titleDesc {
    font-size: 12px;
    color: #777;
    margin: 8px auto 4px;
    padding: 0 16px
}

#modalSimilar .newArrivalSlider .card {
    box-shadow: none;
    padding-top: 8px;
    padding-bottom: 45px;
    border: 1px solid #eee;
    min-height: 100%
}

#modalSimilar .newArrivalSlider .card .cardImg {
    text-align: center
}

#modalSimilar .newArrivalSlider .card .cardImg {
    margin-top: 10px;
    height: 175px
}

#modalSimilar .newArrivalSlider .card .cardImg img {
    width: 260px
}

#modalSimilar .newArrivalSlider .card .cardSpec {
    max-width: 100%;
    margin-bottom: 20px
}

#modalSimilar .newArrivalSlider .card .modelTag {
    top: 0;
    right: 0;
    left: auto;
    padding: 0 14px;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: none;
    -moz-transform-origin: none;
    transform-origin: none
}

#modalSimilar .newArrivalSlider .card .modelTag span {
    left: 0;
    right: 0;
    transform: initial;
    border-radius: 0 8px
}

#modalSimilar .newArrivalSlider .card .specList {
    float: none;
    min-height: auto;
    width: auto
}

#modalSimilar .newArrivalSlider .slick-next {
    right: 0
}

#modalSimilar .newArrivalSlider .slick-prev {
    left: 0
}

#modalSimilar .headingTag {
    display: none
}

#modalSimilar .thumbTabs {
    overflow: auto;
    white-space: nowrap;
    padding: 8px 8px 12px
}

#modalSimilar .thumbTabs li {
    width: 100px;
    display: inline-block;
    vertical-align: top
}

#modalSimilar .thumbTabs li.current .imgHolder {
    border: 2px solid #28ad00
}

#modalSimilar .thumbTabs .imgHolder {
    width: 55px;
    height: 55px;
    border-radius: 50%;
    border: 1px solid #ddd;
    display: inline-block;
    position: relative
}

#modalSimilar .thumbTabs .imgHolder img {
    top: 50%;
    left: 50%;
    max-width: 40px;
    max-height: 40px;
    height: auto;
    position: absolute;
    transform: translate(-50%, -50%)
}

#modalSimilar .thumbTabs span {
    font-size: 12px;
    display: block;
    white-space: break-spaces
}

#modalSimilar .tabContent {
    opacity: 0;
    display: none
}

#modalSimilar .tabContent.current {
    opacity: 1;
    display: block
}

#modalSimilar .cardFooterGroup .btn {
    width: 100%;
    height: 100%;
    font-size: 16px;
    line-height: 32px
}

@media screen and (min-width:360px) {
    .newArrivalSlider .card .cardPrice {
        font-size: 15px
    }
}

.testimonialBg {
    background: url(https://d60i6mpkbdpwe.cloudfront.net/assets/ninetyone/images/testimonial-bg.png) no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
    overflow: hidden;
    padding-bottom: 30px
}

.testimonialBg h2 {
    color: #fff
}

.testimonialBg .slick-dots {
    bottom: -28px
}

.testimonialBg .slider {
    width: calc(100% - 24px)
}

.testimonialBg .slick-next {
    right: -28px
}

.testimonialBg .slick-prev {
    left: -28px
}

.cardTestimonial {
    padding: 8px 16px 0;
    max-width: 500px;
    margin: 0 auto
}

.cardTestimonial .imgHolder {
    width: 134px;
    margin: 0 auto;
    height: 134px;
    overflow: hidden;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    position: relative
}

.cardTestimonial .imgHolder img {
    max-height: 140px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    min-width: 100%;
    max-width: none
}

.cardTestimonial .userRating {
    background: url(https://d60i6mpkbdpwe.cloudfront.net/assets/ninetyone/images/star-filled.svg) no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
    width: 40px;
    height: 40px;
    color: #fff;
    text-align: center;
    font-size: 14px;
    line-height: 29px;
    display: inline-block;
    vertical-align: middle;
    margin: 8px 0 10px 0;
    padding: 8px;
    font-weight: 600
}

.cardTestimonial .seriesText {
    font-size: 12px;
    border-color: #fff;
    letter-spacing: .5px;
    color: #fff
}

.cardTestimonial .userName {
    letter-spacing: 2.5px;
    font-size: 14px;
    font-weight: 600
}

.cardTestimonial p {
    font-size: 12px;
    line-height: 1.3
}

.cardTestimonial .rating i {
    font-size: 16px
}

.cardTestimonial .modelSummary {
    display: table;
    max-width: 100%;
    margin: 24px auto 0
}

.cardTestimonial .modelSummary>* {
    display: table-cell;
    vertical-align: middle
}

.cardTestimonial .modelSummary h4 {
    letter-spacing: 1px;
    font-size: 12px;
    color: #fff;
    font-weight: 400
}

.cardTestimonial .modelSummary .imgThumb {
    width: 50px;
    height: 50px;
    overflow: hidden;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    background: #fff;
    border: 3px solid #fff
}

.cardTestimonial .modelSummary .modelDesc {
    width: calc(100% - 85px)
}

.cardTestimonial .specInlineList {
    text-transform: uppercase
}

.cardTestimonial .specInlineList li {
    position: relative;
    margin: 0 4px;
    padding-left: 10px
}

.cardTestimonial .specInlineList li:before {
    content: "";
    position: absolute;
    left: 0;
    top: 48%;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    width: 4px;
    height: 4px;
    background: #fff;
    border-radius: 50%;
    -webkit-border-radius: 50%
}

.cardTestimonial .specInlineList li:first-child {
    padding-left: 0
}

.cardTestimonial .specInlineList li:first-child:before {
    display: none
}

.instaWrap .secTitle {
    text-transform: inherit
}

.instaWrap.skeleton .instaImgHolder img {
    filter: brightness(.9)
}

.instagramPanel {
    width: 100%;
    margin-top: 18px
}

.instagramPanel .instaImgHolder {
    width: 50%;
    height: 158px;
    float: left;
    position: relative;
    overflow: hidden;
    border: 1px solid #fff
}

.instagramPanel .instaImgHolder img {
    position: absolute;
    top: 0;
    left: 0;
    min-width: 100%;
    min-height: 100%;
    width: 100%
}

.instagramPanel .slick-next {
    right: 0
}

.instagramPanel .slick-prev {
    left: 0
}

.instagramPanel .slick-active {
    opacity: 1
}

@media only screen and (min-width:360px) {
    .instagramPanel .instaImgHolder {
        height: 178px
    }
}

@media only screen and (min-width:411px) {
    .instagramPanel .instaImgHolder {
        height: 205px
    }
}

@media only screen and (min-width:768px) {
    .instagramPanel .instaImgHolder {
        height: 380px
    }
}

#press-coverage.skeleton .pressItem {
    background: #eee
}

.pressCoverageCard .pressList:nth-child(n+4) {
    padding-bottom: 0
}

.pressCoverageCard .newsThumb {
    margin: 0 auto
}

.pressCoverageCard span {
    top: 50%;
    left: 50%;
    max-width: 110px;
    max-height: 51px;
    position: absolute;
    transform: translate(-50%, -50%)
}

.pressCoverageCard a {
    float: left;
    padding: 10px;
    overflow: hidden;
    min-height: 80px;
    margin: 0 5px 10px;
    background: #fafafaa6;
    position: relative;
    width: calc(50% - 10px);
    border-radius: 3px;
    -webkit-border-radius: 3px;
    box-shadow: 0 0 5px rgba(0, 0, 0, .07);
    background-color: #fff
}

.pressCoverageCard a img {
    max-width: 110px;
    max-height: 45px
}

.pressCoverageCard .slick-next,
.pressCoverageCard .slick-prev {
    height: 48px;
    width: 48px
}

.pressCoverageCard .slick-next {
    right: -25px
}

.pressCoverageCard .slick-prev {
    left: -25px
}

.pressCoverageCard .slick-dots>li {
    display: inline-block
}

.pressCoverageCard .slick-dots>li:only-child {
    display: none
}

.featureListBody .featureList {
    padding: 0 8px;
    overflow: hidden;
    min-height: 145px;
    vertical-align: top;
    margin-top: 15px
}

.featureListBody .featureList:nth-child(-n+2) {
    margin-top: 0
}

.featureListBody .featureList.autoHeight {
    min-height: auto
}

.featureListBody .featureList p {
    max-width: 125px;
    margin: 5px auto 0;
    line-height: 1.2;
    color: rgba(34, 22, 41, .6)
}

.featureListBody ul {
    margin-top: 28px
}

.featureListBody .iconHolder {
    font-size: 60px;
    color: #28ad00;
    line-height: 1;
    position: relative
}

.featureListBody .title,
.featureListBody h4 {
    margin-top: 8px;
    font-size: 12px;
    line-height: 1.2;
    font-weight: 600
}

.featureListBody .listMd .featureList {
    min-height: 78px;
    margin-top: 30px
}

.featureListBody .listMd .featureList:nth-child(-n+3) {
    margin-top: 0
}

.featureListBody .listMd .iconHolder {
    font-size: 40px
}

.frogCare {
    padding: 40px 0 0;
    max-width: 500px;
    margin: 0 auto;
    position: relative
}

.frogCare>* {
    vertical-align: top
}

.frogCare .frogCareSmall {
    width: 51px;
    vertical-align: middle;
    padding-bottom: 30px
}

.frogCare .frogCareSmall img {
    width: 100%;
    height: auto
}

.frogCare .discr {
    padding: 3px 0 0 16px;
    font-size: 12px;
    line-height: 1.2;
    color: #959595;
    position: relative
}

.frogCare .discr:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 2px;
    border-left: 1px solid rgba(0, 0, 0, .2)
}

.frogCare .icon-call,
.frogCare .iconCare {
    font-size: 12px
}

.frogCare .lernMore {
    margin-right: 5px
}

.frogCare .lernMore .arrowRight {
    border-style: solid;
    display: inline-block;
    padding: 3px;
    margin-left: 3px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    border-color: #28ad00;
    border-width: 0 1px 1px 0;
    vertical-align: -1px;
    padding: 3px;
    vertical-align: 1px
}

.brand-feature {
    margin-top: 12px;
    padding: 16px;
    flex-wrap: wrap;
    column-gap: 20px;
    row-gap: 20px
}

.brand-feature .card {
    width: calc(50% - 10px);
    min-width: calc(50% - 10px)
}

.brand-feature .card img {
    width: 120px
}

.brand-feature h4 {
    font-size: 14px;
    line-height: 1.2;
    margin: 15px 0 10px
}

.brand-feature p {
    max-width: 150px;
    margin: 0 auto;
    line-height: 1.2;
    color: #959595
}

.growth-story ul {
    flex-wrap: wrap;
    column-gap: 16px;
    row-gap: 16px;
    margin-top: 28px
}

.growth-story li {
    width: calc(50% - 8px);
    min-width: calc(50% - 8px)
}

.growth-story li p {
    color: #696969;
    min-height: 36px
}

.growth-story .content-wrap {
    column-gap: 26px;
    flex-flow: column;
    justify-content: center
}

.growth-story .disc-wrap {
    margin-top: 12px
}

.growth-story .icon-wrap img {
    width: 60px;
    height: 60px
}

.growth-story h4 {
    font-size: 18px;
    font-weight: 600
}

@media only screen and (min-width:360px) {
    .frogCare .frogCareSmall {
        width: 80px
    }
}

.whyFrogImg {
    position: relative;
    height: 100%;
    overflow: hidden;
    width: 100%;
    background: #000
}

.whyFrogImg video {
    height: 100%;
    width: 100%;
    margin: 0 auto;
    display: block;
    outline: 0
}

.whyFrogImg video[poster] {
    background-size: cover
}

.whyFrogImg img {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 100%;
    height: auto
}

.YTvideo .videoPoster {
    background-repeat: no-repeat;
    background-size: cover
}

.YTvideo .youtube-video-place {
    background: #f5f5f5
}

.paginate {
    text-align: center;
    margin: 40px 0
}

.paginate .btn-next.active:before,
.paginate .btn-next:hover:before,
.paginate .btn-prev.active:before,
.paginate .btn-prev:hover:before,
.paginate .first.active:before,
.paginate .first:hover:before,
.paginate .last.active:before,
.paginate .last:hover:before {
    border-color: #fff
}

.paginate .btn-next.active:after,
.paginate .btn-next:hover:after,
.paginate .btn-prev.active:after,
.paginate .btn-prev:hover:after,
.paginate .first.active:after,
.paginate .first:hover:after,
.paginate .last.active:after,
.paginate .last:hover:after {
    background: #fff
}

.paginate .first,
.paginate .last {
    position: relative
}

.paginate .first:after,
.paginate .last:after {
    content: "";
    width: 2px;
    height: 12px;
    background: #28ad00;
    position: absolute;
    left: 6px;
    top: 6px;
    display: block
}

.paginate .first.arrowL:before {
    right: 4px
}

.paginate .last.arrowR:before {
    right: 13px
}

.paginate .last:after {
    left: auto;
    right: 7px
}

.paginate .arrowL,
.paginate .arrowR {
    position: relative
}

.paginate .arrowL:before,
.paginate .arrowR:before {
    content: "";
    position: relative;
    z-index: 1;
    position: absolute;
    top: 50%;
    translate: 0 -50%;
    -webkit-translate: 0 -50%;
    padding: 4px;
    pointer-events: none
}

.paginate .arrowL:before {
    border-style: solid;
    display: inline-block;
    padding: 3px;
    margin-left: 3px;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
    border-color: #28ad00;
    border-width: 0 2px 2px 0;
    vertical-align: -1px;
    right: 7px
}

.paginate .arrowR:before {
    border-style: solid;
    display: inline-block;
    padding: 3px;
    margin-left: 3px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    border-color: #28ad00;
    border-width: 0 2px 2px 0;
    vertical-align: -1px;
    right: 10px
}

.paginate li {
    min-width: 26px;
    height: 26px;
    line-height: 26px;
    outline: 0;
    text-align: center;
    font-size: 14px;
    border: 1px solid #f7f7f7;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    cursor: pointer;
    background: #fff;
    color: #28ad00;
    margin: 0 2px;
    background: #fff
}

.paginate li a {
    color: #28ad00;
    display: block;
    height: 100%;
    padding: 0 3px
}

.paginate li.active,
.paginate li:hover {
    color: #fff;
    border-color: #28ad00;
    background: #28ad00;
    -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, .1);
    box-shadow: 0 0 4px rgba(0, 0, 0, .1)
}

.paginate li.active a,
.paginate li:hover a {
    color: #fff
}

@media only screen and (min-width:667px) {
    .paginate li {
        min-width: 30px;
        height: 30px;
        line-height: 28px;
        margin: 0 5px
    }

    .paginate .arrowL:before {
        right: 8px
    }

    .paginate .arrowR:before {
        right: 13px
    }

    .paginate .first:after,
    .paginate .last:after {
        top: 8px
    }

    .paginate .first.arrowL:before {
        right: 6px
    }

    .paginate .first.arrowL:after {
        left: 7px
    }

    .paginate .last.arrowR:before {
        right: 14px
    }
}

.productHeader {
    padding: 0 0 10px 0
}

.productHeader h1 {
    font-size: 13px;
    letter-spacing: 2.5px;
    margin-bottom: 6px;
    padding-right: 57px
}

.productHeader .seriesText {
    font-size: 12px;
    line-height: 1;
    color: #959595
}

.productHeader .cadTopSpec {
    margin-bottom: 8px;
    min-height: 15px
}

.productHeader .cadTopSpec li {
    color: #959595;
    font-size: 12px
}

.productHeader .icon-heart {
    vertical-align: -2px;
    color: #bdb9bf
}

.productHeader .icon-heart.active:before {
    content: "\e93d";
    color: red
}

.productSliderBody {
    padding-bottom: 10px;
    margin-left: -16px;
    margin-right: -16px
}

.productSliderBody .slider p {
    font-size: 12px;
    padding: 8px 16px 0;
    font-weight: 400
}

.productSliderBody .slider .slick-dots {
    bottom: -20px
}

.productSliderBody .imgHolder {
    height: 220px
}

.productSliderBody .imgHolder img {
    max-width: 360px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    margin: 0;
    max-height: 220px
}

.productSliderBody .imgHolder a {
    display: inline-block;
    vertical-align: middle;
    height: 100%
}

.productSliderBody .videoHolder video {
    height: 100%;
    width: 100%;
    margin: 0 auto;
    display: block
}

.productSliderBody .videoHolder video[poster] {
    -webkit-background-size: cover;
    background-size: cover
}

.productSliderBody .videoHolder img {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 100%;
    height: auto
}

.productOverveiw {
    padding-bottom: 16px
}

.productOverveiw .emiOption .viewPlans {
    text-decoration: underline
}

.productOverveiw .merakiImages .imgHolder img {
    border-radius: 12px
}

.productOverveiw .view-360 .icon-view-360 {
    top: 50%;
    left: 50%;
    font-size: 28px;
    padding: 10px;
    color: #28ad00;
    background: #fff;
    border-radius: 50%;
    position: absolute;
    transform: translate(-50%, -50%)
}

.productOverveiw .view-360 .img360 {
    filter: blur(2px)
}

.productOverveiw .view-360 .loaderWidget {
    position: absolute
}

.productOverveiw .view-360 .loaderWidget:before {
    width: 200px;
    height: 47px
}

.productOverveiw .priceWidget .btn-rocket {
    border: 0
}

.productOverveiw .priceWidget .btn-rocket:before {
    vertical-align: -1px
}

.productOverveiw .productBtns>* {
    padding: 0 5px;
    min-width: 40px;
    height: 24px;
    line-height: 22px;
    font-size: 12px;
    margin-right: 1px;
    cursor: pointer;
    border: 1px solid transparent;
    background: #fff;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    text-transform: uppercase
}

.productOverveiw .productBtns .icon360,
.productOverveiw .productBtns .qrCode,
.productOverveiw .productBtns .testRide {
    border-color: #28ad00;
    color: #28ad00
}

.productOverveiw .productBtns .qrCode {
    line-height: 25px
}

.productOverveiw .productBtns .qrCode i {
    font-weight: 600
}

.productOverveiw .productBtns .icon360 {
    font-size: 16px;
    line-height: 24px
}

.productOverveiw .productBtns .videoBtn,
.productOverveiw .productBtns .videoPlay {
    border-color: #e60049;
    color: #e60049
}

.productOverveiw .productBtns .videoBtn .icon-play,
.productOverveiw .productBtns .videoPlay .icon-play {
    margin-right: 1px;
    vertical-align: -1px
}

.productOverveiw .hdfcCoupon {
    width: 90px;
    position: absolute;
    top: -30px;
    right: 16px
}

.productOverveiw .cutPrice {
    font-size: 12px;
    text-decoration: line-through;
    color: #616161;
    font-weight: 400;
    display: block
}

.productOverveiw .ratingStrip.norev {
    padding: 0
}

.productOverveiw .ratingStrip span {
    height: 24px;
    line-height: 24px;
    font-size: 12px;
    padding: 0 8px;
    background: #f5f5f5;
    color: #221629;
    position: relative;
    border: 1px solid #28ad00
}

.productOverveiw .ratingStrip span i {
    color: #ffa236
}

.productOverveiw .ratingStrip span:before {
    content: '';
    position: absolute;
    background: #777;
    height: 1px;
    bottom: 5px;
    right: 7px;
    left: 21px
}

#productPage .stickyBottom {
    background: #fff
}

#productPage .stickyBottom.priceWidget {
    height: 52px
}

#productPage video {
    width: 100%
}

#productPage .modalView360 {
    z-index: 500;
    touch-action: none
}

#productPage .modalView360 .modalMainBottom {
    max-width: 630px;
    height: auto
}

#productPage .modalView360 .cloudimage-360 {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center
}

#productPage .modalView360 .icon-rotate-phone,
#productPage .modalView360 .icon-search {
    top: 8px;
    left: 8px;
    padding: 10px;
    font-size: 16px;
    position: absolute
}

#productPage .modalView360 .icon-rotate-phone {
    left: 40px;
    font-size: 17px
}

#productPage .modalView360.zoomIn .cloudimage-inner-box {
    zoom: 1.8
}

#productPage .modalView360.zoomIn canvas {
    position: relative;
    right: 90px
}

#productPage .modalView360.rotate .modalContent {
    -ms-transform: rotate(270deg);
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg);
    width: 90vh;
    height: 90vh
}

#productPage .modalView360.rotate .icon-search {
    display: none
}

#productPage .modalView360.rotate .icon-rotate-phone {
    left: 8px
}

#productPage .modalView360.rotate canvas {
    position: relative;
    bottom: 40px
}

.cloudimage-360 {
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center
}

@media only screen and (max-width:340px) {
    .productOverveiw .productHeader {
        padding: 0 0 30px 10px
    }

    .productSliderBody .imgHolder {
        height: 200px
    }

    .productSliderBody .imgHolder img {
        max-width: 322px;
        max-height: 190px
    }

    .productSliderBody .videoHolder {
        height: 200px
    }
}

@media only screen and (min-width:360px) {
    .productOverveiw .productBtns>* {
        padding: 0 6px;
        font-size: 12px;
        margin-right: 3px
    }
}

@media only screen and (min-width:400px) {
    .productOverveiw .productBtns>* {
        padding: 0 8px;
        font-size: 12px;
        margin-right: 5px
    }
}

.faqCard .cardProduct {
    margin: 0 0 15px;
    padding: 10px 18px 5px
}

.faqCard .faqPanel {
    padding: 14px 0;
    border-top: 1px dashed rgba(189, 185, 191, .5)
}

.faqCard .faqPanel:first-child {
    padding-top: 8px;
    border-top: 0
}

.faqCard .faqTitle {
    margin: 0
}

.faqTitle {
    background: 0 0;
    cursor: pointer;
    padding: 7px 18px 7px 0;
    font-size: 12px;
    font-weight: 600;
    line-height: 21px;
    position: relative
}

.faqTitle::after,
.faqTitle::before {
    content: "";
    position: absolute;
    top: 50%;
    right: 5px;
    margin-top: -2px;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out;
    width: 10px;
    height: 2px;
    background: #28ad00
}

.faqTitle::after {
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

.faqTitle.active::after {
    opacity: 0
}

.faqContent {
    padding: 0 0;
    overflow: hidden;
    max-height: 0;
    -webkit-transition: max-height .3s ease-out;
    transition: max-height .3s ease-out;
    line-height: 1.2
}

.faqContent p {
    font-size: 12px;
    color: #959595;
    padding-bottom: 7px
}

.faqContent a {
    color: #28ad00
}

@media only screen and (min-width:991px) {
    body #modalfaq .modalMain {
        max-width: 900px;
        min-height: 350px
    }

    #modalfaq .modalContent {
        padding-bottom: 24px
    }

    #modalfaq .userReviewPanel {
        max-height: 78vh !important
    }

    #modalfaq .faqPanel {
        padding: 14px 0
    }

    #modalfaq .faqPanel .faqTitle {
        font-size: 20px;
        padding-right: 24px
    }

    #modalfaq .faqPanel .faqTitle:after,
    #modalfaq .faqPanel .faqTitle:before {
        width: 16px
    }

    #modalfaq .faqPanel .faqContent,
    #modalfaq .faqPanel p {
        font-size: 16px;
        text-align: left !important
    }
}

.customerQue {
    text-align: left;
    padding: 40px 60px 20px;
    margin: 25px 11px 15px;
    border-radius: 12px;
    -webkit-border-radius: 12px;
    -webkit-box-shadow: 4px 4px 14px 0 rgba(96, 96, 96, .2);
    box-shadow: 4px 4px 14px 0 rgba(96, 96, 96, .2)
}

.customerQue h3 {
    font-size: 22px
}

.customerQue .innerSec p {
    padding: 10px 0
}

.customerQue .innerSec .icon-search {
    font-size: 16px;
    top: 12px
}

.customerQue .QuiAnswer li {
    margin-bottom: 20px
}

.customerQue .QuiAnswer li .leftSide {
    width: 15%;
    font-size: 14px
}

.customerQue .QuiAnswer li .rightSide {
    border-left: 1px solid #dfdfdf;
    padding-left: 20px
}

.customerQue .QuiAnswer li .rightSide .question {
    color: #0066c0
}

#ModalEMI {
    z-index: 9999
}

.emiPopup .couponWraper {
    line-height: 1.1
}

.emiPopup .couponWraper .couponList {
    padding: 0 8px;
    font-size: 12px
}

.emiPopup .couponWraper .StockMsg {
    font-size: 12px;
    font-weight: 400;
    margin-left: 15px
}

.emiPopup .couponWraper.thinScrollBar {
    max-height: 145px
}

.emiPopup .offerWrap {
    padding: 15px;
    border-bottom: 1px dashed #dedddd
}

.emiPopup .offerWrap h4 {
    margin-bottom: 12px;
    color: #616161;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 600
}

.emiPopup .offerWrap .subTitle {
    margin-top: 15px
}

.emiPopup .couponWraper {
    max-width: 100%
}

.emiPopup .bankOffer .iconWrap {
    width: 70px;
    display: inline-block;
    border: 1px dashed #ddd;
    text-align: center;
    padding: 3px 0
}

.emiPopup .bankOffer .walnut-full {
    zoom: .6
}

.emiPopup .bankOffer li {
    margin-bottom: 10px
}

.emiPopup .bankOffer li:last-child {
    margin-bottom: 0
}

.emiPopup .bankOffer li .text {
    display: inline-block;
    width: 75%;
    font-size: 12px;
    vertical-align: middle;
    padding-left: 14px
}

.emiPopup .modalContent {
    height: 22vh;
    overflow-x: hidden;
    overflow-y: auto
}

.emiPopup .title {
    font-size: 20px;
    padding: 15px 20px 15px;
    border-bottom: 1px dashed #dedddd;
    text-transform: uppercase;
    font-size: 14px
}

.emiPopup .tcContent {
    position: absolute;
    background: #fff;
    z-index: 110;
    right: 8px;
    left: 8px;
    bottom: 50px;
    -webkit-box-shadow: 0 0 14px 0 rgba(96, 96, 96, .2);
    box-shadow: 0 0 14px 0 rgba(96, 96, 96, .2)
}

.emiPopup .tcContent:before {
    content: "";
    position: absolute;
    bottom: -8px;
    right: 8px;
    content: '';
    display: block;
    position: absolute;
    height: 0;
    width: 0;
    border-top: 8px solid #28ad00;
    border-left: 6.66667px solid transparent;
    border-right: 6.66667px solid transparent
}

.emiPopup .tcContent .scrollY {
    max-height: 171px
}

.emiPopup .tcContent .tcTitle {
    font-size: 14px;
    font-weight: 600;
    padding: 10px 10px 0
}

.emiPopup .tcContent li {
    list-style: disc;
    margin: 10px 0 0 15px
}

.emiPopup .iconWrap {
    width: 35px
}

.emiPopup .title .termsAndCon {
    float: right;
    color: #28ad00;
    font-size: 14px;
    cursor: pointer;
    text-transform: capitalize
}

.emiPopup .rightPanel {
    width: 100%;
    display: block
}

.emiPopup .rightPanel .emidetailWraper.active {
    background: #f9f9f9
}

.emiPopup .rightPanel .emidetailWraper.active ul {
    display: block
}

.emiPopup .rightPanel .emidetailWraper.active .iconHolder:after {
    display: none
}

.emiPopup .rightPanel .emidetailWraper ul {
    display: none
}

.emiPopup .rightPanel .emidetailWraper .mobileTitle {
    padding: 10px 12px;
    border-bottom: 1px dashed #c5c5c5;
    position: relative;
    line-height: 30px
}

.emiPopup .rightPanel .emidetailWraper .mobileTitle .exclusiveTag {
    float: right;
    color: #28ad00;
    font-size: 12px;
    padding: 0 10px;
    line-height: 21px;
    border-radius: 4px;
    margin: 3px 40px 0 0;
    background: #00b96536;
    border: 1px solid #28ad00
}

.emiPopup .rightPanel .emidetailWraper .mobileTitle>* {
    display: inline-block;
    vertical-align: middle
}

.emiPopup .rightPanel .emidetailWraper .mobileTitle .text {
    font-size: 12px;
    margin-top: 6px;
    display: block
}

.emiPopup .rightPanel .emidetailWraper .mobileTitle .starExcl {
    color: orange;
    font-size: 12px;
    line-height: 17px;
    float: right;
    margin: 5px 30px 0 0
}

.emiPopup .rightPanel .emidetailWraper .mobileTitle .starExcl i {
    display: block;
    font-size: 20px
}

.emiPopup .rightPanel .custom_Scrollbar {
    margin: 3px -2px
}

.emiPopup .rightPanel ul {
    padding: 0 16px 10px;
    font-size: 14px;
    max-height: 420px;
    overflow: auto;
    width: 100%
}

.emiPopup .rightPanel li {
    border-bottom: dashed 1px #bfbfbf
}

.emiPopup .rightPanel li .plusIcon {
    width: 12px;
    height: 12px;
    margin-right: 7px;
    vertical-align: middle;
    display: inline-block
}

.emiPopup .rightPanel li:last-child {
    border-bottom: 0
}

.emiPopup .rightPanel li .outerWraper {
    padding: 18px 0;
    cursor: pointer
}

.emiPopup .rightPanel li.active .descriptionBox {
    visibility: visible;
    opacity: 1;
    height: auto
}

.emiPopup .rightPanel li.active .iconSubHolder:after {
    display: none
}

.emiPopup .rightPanel li .iconSubHolder:after,
.emiPopup .rightPanel li .iconSubHolder:before {
    top: 1px
}

.emiPopup .rightPanel .emiMonth {
    display: inline-block;
    vertical-align: middle
}

.emiPopup .rightPanel .emiAmmount {
    float: right
}

.emiPopup .rightPanel .descriptionBox {
    display: block;
    width: 100%;
    background: #f9f9f9;
    padding: 0 16px;
    transition: .5s all;
    opacity: 0;
    height: 0;
    visibility: hidden;
    overflow: hidden
}

.emiPopup .rightPanel .detailList {
    padding: 10px 0;
    font-weight: 600;
    font-size: 12px
}

.emiPopup .rightPanel .detailList:last-child {
    border-top: 1px dashed #9a9a9a;
    margin-top: 10px
}

.emiPopup .rightPanel .detailList .first {
    display: inline-block
}

.emiPopup .rightPanel .detailList .last {
    float: right
}

.emiPopup .closeIcon {
    font-size: 40px;
    position: absolute;
    right: -45px;
    top: 5px;
    padding: 5px;
    cursor: pointer;
    color: #fff
}

.emiPopup .emiWraper {
    width: 100%;
    display: table
}

.emiPopup .iconHolder {
    width: 10px;
    height: 10px;
    position: absolute;
    right: 12px;
    top: 23px
}

.emiPopup .bajaj {
    zoom: 1.2
}

.emiPopup .hdfc,
.emiPopup .hdfc-dc,
.emiPopup .icic,
.emiPopup .ratn,
.emiPopup .yesb,
.emiPopup .zest {
    zoom: 1.3
}

.emiPopup .indb {
    zoom: 1.25
}

.emiPopup .barb {
    zoom: 1.2
}

.emiPopup .amex {
    zoom: .8
}

.emiPopup .walnut {
    zoom: 1.4
}

.emiPopup .onecard {
    zoom: 1.65
}

.noCostEmiWrap .title {
    color: #777;
    margin-bottom: 5px;
    display: block;
    font-weight: 600;
    font-size: 12px
}

.noCostEmi {
    padding: 25px 16px 10px 16px
}

.noCostEmi li {
    width: auto;
    height: 45px;
    line-height: 43px;
    padding: 1px 12px;
    margin: 0 0 0 8px;
    border-radius: 3px;
    text-align: center;
    cursor: pointer;
    -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, .15);
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, .15);
    background: #fff;
    white-space: nowrap;
    display: inline-block
}

.noCostEmi li .hdfc-full {
    zoom: .6
}

.noCostEmi li .capital-flot-full {
    zoom: .9
}

.noCostEmi li.capital {
    margin-right: 0
}

.noCostEmi li .mobikwik {
    position: relative;
    bottom: 2px
}

.noCostEmi li:first-child {
    margin-left: 0
}

.noCostEmi li.last {
    padding: 1px 24px
}

.noCostEmi li.last span {
    margin-left: 0
}

.noCostEmi li.last span:before {
    display: none
}

.noCostEmi li span {
    line-height: normal;
    display: inline-block;
    margin-left: 15px;
    vertical-align: middle;
    font-size: 12px;
    color: #616161;
    position: relative
}

.noCostEmi li span:before {
    content: "";
    left: -7px;
    top: 0;
    width: 1px;
    height: 90%;
    display: block;
    position: absolute;
    background: #bdb9bf
}

.noCostEmi li b {
    font-size: 18px
}

.noCostEmi li .loaderOverlay {
    position: absolute
}

.noCostEmi .bajaj-full {
    zoom: 1.2
}

.noCostEmi .snapmint {
    zoom: 1.4
}

.noCostEmi::-webkit-scrollbar {
    display: none
}

.noCostEmi .snap-emi-inst {
    padding: 0 !important
}

.noCostEmi .snap-emi-inst span {
    margin: 0;
    text-transform: capitalize
}

.noCostEmi .snap-emi-inst b {
    font-size: 12px;
    margin-left: 6px
}

.noCostEmi .snap-emi-inst b:nth-child(2) {
    display: block
}

.bankOfferSec {
    padding-top: 20px;
    padding-bottom: 8px
}

.bankOfferSec .secTitle {
    margin-bottom: 0
}

.bankOfferSec.skeleton li {
    background: #eee
}

.bankOfferSec.skeleton li:nth-child(1) {
    width: 20%
}

.bankOfferSec.skeleton li:nth-child(2) {
    width: 30%
}

.bankOfferSec.skeleton li:nth-child(3) {
    width: 23%
}

.bankOfferSec.skeleton li:nth-child(4) {
    width: 12%
}

#w369-widget-control .div-header {
    margin: 7px 0
}

#w369-widget-control .w369-tag-line {
    order: 1;
    font-size: 12px;
    width: 110px;
    white-space: normal;
    text-transform: capitalize
}

#w369-widget-control .w369-tag-logo-span {
    margin: 0
}

#w369-widget-control .w369-tag-logo-span .w369-tag-line-img {
    margin: 2px 0 0;
    width: 80px
}

#w369-widget-control .w369-tag-logo-span:before {
    display: none
}

#w369-widget-control .w369-tag-info-icon {
    display: none
}

#productPage .noCostEmi {
    padding: 8px 16px 5px;
    margin: 0 -16px
}

.modalBankOffers .modalContent {
    padding: 30px 25px 20px
}

.modalBankOffers li {
    position: relative;
    padding-left: 25px;
    margin-bottom: 8px;
    color: #424242
}

.modalBankOffers li:before {
    font-family: icomoon !important;
    content: "\e966";
    position: absolute;
    top: 1px;
    left: 3px;
    color: #efc02f;
    font-size: 12px
}

.modalBankOffers li:last-child {
    color: #959595
}

.modalBankOffers .bajaj-full {
    zoom: 2.5
}

.modalBankOffers .walnut-full {
    zoom: 1.2
}

.modalBankOffers .zest-full {
    zoom: 2.5
}

.modalBankOffers .trust {
    margin: 0 15px 0 40px
}

.modalBankOffers .btn {
    border: 1px solid #28ad00;
    border-radius: 20px;
    -webkit-border-radius: 20px
}

.filterHeaderWidget .noCostEmi {
    padding: 0 16px;
    margin: 55px -16px 0
}

.listingCommon .cardListing .card {
    margin-bottom: 24px;
    overflow: hidden
}

.listingCommon .cardListing .card.accessoriesCard .cardRatingWrap {
    height: 0
}

.listingCommon .cardListing .card.accessoriesCard .cardName {
    min-height: 58px;
    margin: 5px 30px 3px
}

.listingCommon .cardListing .card.accessoriesCard .cardImg {
    height: 190px;
    margin: 10px 0 0;
    min-height: 160px;
    position: relative
}

.listingCommon .cardListing .card.accessoriesCard .cardImg img {
    top: 50%;
    left: 50%;
    max-width: 220px;
    max-height: 170px;
    height: auto;
    position: absolute;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%)
}

.listingCommon .cardListing .card.accessoriesCard .dashOnCard {
    top: 20px;
    right: auto;
    left: 12px
}

.listingCommon .cardListing .card.rideonsCard {
    min-height: 410px
}

.listingCommon .cardListing .card.rideonsCard .cardRatingWrap {
    height: 0
}

.listingCommon .cardListing .card.rideonsCard .cardName {
    min-height: 58px;
    margin: 5px 30px 3px
}

.listingCommon .cardListing .card.rideonsCard .cardImg {
    height: 200px;
    margin: 10px 0 0;
    min-height: 160px;
    position: relative
}

.listingCommon .cardListing .card.rideonsCard .cardImg img {
    top: 50%;
    left: 50%;
    max-width: 290px;
    max-height: 200px;
    height: auto;
    position: absolute;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%)
}

.listingCommon .cardListing .card.rideonsCard .dashOnCard {
    top: 20px;
    right: auto;
    left: 12px
}

.listingCommon .cardListing .card.bagCard {
    min-height: 385px
}

.listingCommon .cardListing .card.bagCard .cardName {
    min-height: 22px
}

.listingCommon .cardListing .card.bagCard .cardImg {
    height: 220px
}

.listingCommon .cardListing .card.bagCard .cardImg img {
    max-height: 220px;
    max-width: 240px
}

.listingCommon .cardListing .card .priceHolder {
    min-height: 60px;
    padding: 0 1px 16px
}

.listingCommon .cardListing .card .cardColor,
.listingCommon .cardListing .card .cardPrice {
    flex-grow: 1
}

.listingCommon .cardListing .card .cardPrice {
    flex-shrink: 0;
    padding-right: 5px
}

.listingCommon .cardListing .card .cardColor {
    white-space: normal;
    overflow: hidden;
    flex-shrink: 1
}

.listingCommon .cardListing .card .colorWidget.swipeSlider {
    padding-bottom: 3px
}

.listingCommon .cardListing .card .colorWidget.swipeSlider::-webkit-scrollbar-track {
    margin-left: 4px;
    margin-right: 4px
}

.listingCommon .cardListing .card .loaderOverlay {
    position: absolute
}

.listingCommon .cardListing .card .pd-name {
    margin-right: 27px;
    display: inline-block;
    vertical-align: top;
    margin-left: 27px
}

.listingCommon .cardListing .card.finger-click .handPointer {
    top: 50%;
    left: 50%;
    animation: handClick 1s linear
}

.listingCommon .cardListing .card.finger-click .handPointer:before {
    filter: brightness(10)
}

.listingCommon .cardListing .card.finger-click .handPointer i {
    background-color: #fff
}

.listingCommon .cardListing .card.finger-click .handPointer.zoomIn:before {
    animation: zoomIn 1.5s linear reverse infinite
}

.listingCommon .cardListing .cardFooterGroup {
    font-size: 12px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    align-items: center
}

.listingCommon .cardListing .cardFooterGroup li {
    width: 45%;
    line-height: 1.2
}

.listingCommon .cardListing .cardFooterGroup li:last-child {
    width: 55%;
    border-left: 0
}

.listingCommon .cardListing .cardFooterGroup li>* {
    padding: 0 2px;
    white-space: normal;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    font-size: 12px
}

.listingCommon .cardListing .cardFooterGroup .icon-compare {
    display: none
}

.listingCommon .cardListing .cardFooterGroup.threeColumn li {
    width: 33%;
    font-size: 12px
}

.listingCommon .cardListing .cardFooterGroup.threeColumn li:last-child {
    width: 34%
}

.listingCommon .cardListing .cardFooterGroup .activeCompare .icon-compare {
    width: 16px;
    height: 16px;
    background: #28ad00;
    display: inline-block;
    vertical-align: 2px;
    border-radius: 50%;
    line-height: 16px;
    font-size: 12px;
    padding: 0 4px
}

.listingCommon .cardListing .cardFooterGroup .activeCompare .icon-compare:before {
    content: "\e966" !important;
    color: #fff
}

.listingCommon .cardListing .imgSlider {
    max-width: 100vh;
    width: 100%;
    overflow: hidden
}

.listingCommon .cardListing .imgSlider.slick-dotted.slick-slider {
    margin-bottom: 0
}

.listingCommon .cardListing .imgSlider .slick-dots {
    background: #fff;
    bottom: -20px
}

.listingCommon .cardListing .imgSlider .slick-dots li button:before {
    width: 5px;
    height: 5px;
    background: #28ad00
}

.listingCommon .cardListing .imgSlider .slick-dots li.slick-active button:before {
    width: 8px;
    height: 8px;
    background: 0;
    border-color: #28ad00
}

.listingCommon .cardListing .imgSlider .cardImg img {
    max-height: 175px
}

.listingCommon .cardListing .apparelsCard .imgSlider .cardImg img {
    max-height: 190px
}

.listingCommon .cardBottomPanel .card .cardSpecTitle {
    padding-bottom: 4px
}

.listingCommon .modalListingPopup .cardquickproduct {
    padding: 20px 12px 75px 12px
}

.listingCommon .modalListingPopup .card .productListSlider {
    margin-top: 10px
}

.listingCommon .modalListingPopup .card .imgHolder img {
    max-width: 250px;
    max-height: 160px;
    margin: 0 auto
}

.listingCommon .modalListingPopup .card .videoHolder video {
    max-width: 260px;
    max-height: 160px;
    margin: 0 auto;
    object-fit: cover
}

.listingCommon .modalListingPopup .card .reviewHeader {
    position: relative
}

.listingCommon .modalListingPopup .card .reviewHeader li {
    position: static
}

.listingCommon .modalListingPopup .userReviewPanel {
    width: auto;
    padding: 16px;
    border-top: 1px solid #dfdfdf;
    margin: 0 -16px
}

.listingCommon .modalListingPopup .userReviewPanel h3 {
    font-size: 14px;
    font-weight: 600
}

#modalQuickView.modalListingPopup .cardquickproduct {
    padding: 20px 12px 0 12px
}

#modalQuickView.modalListingPopup .cardquickproduct .card {
    max-width: 100%;
    width: 100%;
    padding: 0;
    border-radius: 0;
    -webkit-border-radius: 0
}

#modalQuickView.modalListingPopup .card .cardName {
    padding: 0 20px
}

#modalQuickView.modalListingPopup .card .imgHolder img {
    max-width: 250px;
    max-height: 160px;
    margin: 0 auto
}

#modalQuickView.modalListingPopup .card .productListSlider {
    margin-top: 10px
}

#modalQuickView.modalListingPopup .card .overviewWrap .heartHolder {
    top: 6px;
    right: 0
}

#modalQuickView.modalListingPopup .card .cardSpec {
    padding: 15px 0 0;
    max-width: 100%;
    margin-bottom: 10px
}

#modalQuickView.modalListingPopup .card .cardSpec .specList {
    float: none;
    width: 43%;
    padding: 0 0 4px 10px;
    min-height: 50px;
    display: inline-block
}

#modalQuickView.modalListingPopup .card .priceHolder {
    padding-right: 0;
    padding-left: 0
}

#modalQuickView.modalListingPopup .priceWidget {
    margin: 0 -12px
}

#modalQuickView .dashBtnTag.dashOnCard {
    top: 5px;
    left: 0;
    right: auto
}

#modalQuickView .tagHotdeal {
    top: -15px;
    left: -5px;
    position: absolute
}

#modalQuickView .tagHotdeal img {
    width: 30px
}

#listingPage .card .cardImg {
    margin: 12px 0 10px
}

#listingPage .cardListing .card .cardImg {
    display: flex;
    justify-content: center;
    align-items: center
}

#listingPage .cardListing .card .cardImg img {
    height: auto
}

#listingPage .listingWrapper {
    background: #f3f3f3
}

#listingPage .card.bagCard {
    min-height: 385px
}

@media only screen and (min-width:360px) {
    .listingCommon .cardListing .card .priceHolder {
        padding: 0 10px 16px
    }
}

@media only screen and (min-width:375px) {
    .listingCommon .cardListing .card.bagCard {
        min-height: 385px
    }

    .listingCommon .cardListing .card.bagCard .cardImg {
        height: 250px
    }

    .listingCommon .cardListing .card.bagCard .cardImg img {
        max-height: 250px;
        max-width: 250px
    }
}

@keyframes zoomIn {
    0% {
        transform: scale(1)
    }

    100% {
        transform: scale(1.5)
    }
}

#userReviewCard .userReviewPanel {
    padding: 15px 16px 3px
}

#userReviewCard .reviewHeader {
    margin-top: 20px;
    white-space: nowrap;
    zoom: .9;
    justify-content: space-between
}

#userReviewCard .reviewHeader li {
    border: 0
}

.aiReview {
    display: inline-flex;
    align-items: center;
    justify-content: center
}

.aiReview svg {
    width: 14px;
    height: 14px;
    margin-right: 2px
}

.userReviewPanel {
    margin: 0 11px
}

.userReviewPanel article {
    color: #221629;
    padding: 0 26px 14px 0;
    margin-top: 12px;
    border-bottom: 1px dashed rgba(189, 185, 191, .5)
}

.userReviewPanel article:first-child {
    margin-top: 0
}

.userReviewPanel article.noReviews {
    border: 0
}

.userReviewPanel .title,
.userReviewPanel h3 {
    font-weight: 600
}

.userReviewPanel h5 {
    font-size: 14px;
    line-height: 1.1;
    margin-bottom: 8px
}

.userReviewPanel .title {
    font-size: 12px;
    line-height: 1.1;
    margin-bottom: 8px
}

.userReviewPanel p {
    font-size: 12px
}

.userReviewPanel .userInfo {
    font-size: 12px
}

.userReviewPanel .userInfo .verified-text {
    color: #28ad00;
    font-size: 12px
}

.userReviewPanel .userContent h5 {
    font-size: 12px
}

.userReviewPanel .userName {
    color: #959595;
    padding-right: 7px;
    margin-right: 2px;
    font-size: 12px
}

.userReviewPanel .userName:before {
    content: "";
    position: absolute;
    right: 1px;
    top: 0;
    width: 1px;
    height: 14px;
    border-right: 1px solid rgba(149, 149, 149, .5)
}

.userReviewPanel .rate {
    width: 26px;
    height: 18px;
    line-height: 17px;
    border: 1px solid transparent;
    border-radius: 9px;
    -webkit-border-radius: 9px;
    background: #fff;
    position: absolute;
    top: 1px;
    right: 0
}

.userReviewPanel .rate.five {
    border-color: #00b965;
    color: #00b965
}

.userReviewPanel .rate.three {
    border-color: #ffa236;
    color: #ffa236
}

.userReviewPanel .rate.two {
    border-color: #ff3636;
    color: #ff3636
}

.userReviewPanel .btn-link {
    padding: 13px
}

.userReviewPanel .reviewImgs {
    top: 7px;
    right: 38px;
    position: absolute;
    font-size: 15px;
    color: #28ad00;
    cursor: pointer
}

#modalReviewAll .modalContent {
    max-height: 80vh
}

#modalReviewAll .modalMainBottom {
    padding: 16px 6px 2px 16px;
    top: 50%;
    bottom: auto;
    left: 50%;
    width: 90%;
    transform: translate(-50%, -50%)
}

#modalReviewAll .imgHolder {
    width: 92px;
    height: 92px;
    position: relative;
    display: inline-block;
    vertical-align: top;
    overflow: hidden;
    margin: 0 10px 15px 0;
    border-radius: 4px;
    cursor: pointer;
    box-shadow: 1px 1px 4px 1px rgba(0, 0, 0, .3)
}

#modalReviewAll .imgHolder img {
    max-height: 92px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    min-width: 100%;
    max-width: none;
    object-fit: cover;
    background-size: cover !important;
    background-position: center
}

#modalReviewImg .userCard2 {
    z-index: 9999;
    border: 0;
    padding-bottom: 0;
    margin: 0
}

#modalReviewImg .userCard2 .title {
    min-height: auto
}

#modalReviewImg .userCard2 .imgHolder {
    height: 250px
}

#modalReviewImg .userCard2 .userCard {
    padding: 16px
}

#modalReviewImg .userCard2 .allReviewImg {
    position: absolute;
    right: 0;
    bottom: -40px;
    cursor: pointer
}

#modalReviewImg .userCard2 .allReviewImg i {
    margin-right: 8px;
    vertical-align: middle
}

.alllReviewImg {
    margin: 0 -16px
}

.alllReviewImg h4 {
    margin: 20px 0 10px;
    color: #757575;
    font-size: 14px
}

.alllReviewImg .ViewAll img {
    filter: brightness(.3)
}

.alllReviewImg .ViewAll span {
    color: #fff;
    text-align: center
}

.alllReviewImg .swipeSlider::-webkit-scrollbar {
    display: none
}

.alllReviewImg .imgHolder {
    width: 70px;
    height: 70px;
    position: relative;
    display: inline-block;
    vertical-align: top;
    overflow: hidden;
    margin: 0 0 5px 10px;
    border-radius: 4px;
    cursor: pointer;
    box-shadow: 1px 1px 4px 1px rgba(0, 0, 0, .3)
}

.alllReviewImg .imgHolder:last-child {
    margin-right: 10px
}

.alllReviewImg .imgHolder img {
    max-height: 70px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    min-width: 100%;
    max-width: none;
    object-fit: cover;
    background-size: cover !important;
    background-position: center
}

#modalUserReview .loaderOverlay {
    top: auto;
    bottom: 0;
    height: 50px;
    background: 0 0
}

#modalUserReview .loaderOverlay .loading-dots--dot {
    background: #28ad00
}

#modalUserReview .reviewImgs {
    top: 5px;
    right: 38px;
    font-size: 16px
}

.writeReviewPanel {
    opacity: 0;
    visibility: hidden;
    height: 0;
    position: relative
}

.writeReviewPanel.active {
    opacity: 1;
    visibility: visible;
    height: auto
}

.writeReviewPanel.cardProduct {
    padding: 16px
}

.writeReviewPanel .writeReviewTitle {
    display: table-cell;
    width: 60%
}

.writeReviewPanel .rating {
    padding: 0 0 0 5px
}

.writeReviewPanel .rating i {
    width: 14px;
    height: 14px
}

.writeReviewPanel .fieldLabel {
    font-size: 12px;
    -o-transform: translateY(-14px);
    -webkit-transform: translateY(-14px);
    -moz-transform: translateY(-14px);
    transform: translateY(-14px);
    left: 20px;
    top: 8px;
    pointer-events: none
}

.writeReviewPanel .fieldInput {
    height: 30px;
    font-size: 12px;
    padding: 0 8px 0 23px
}

.writeReviewPanel .fieldInput:-ms-input-placeholder~.fieldLabel {
    font-size: 12px;
    -o-transform: translateY(0);
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    transform: translateY(0);
    top: 8px
}

.writeReviewPanel .fieldInput:placeholder-shown~.fieldLabel {
    font-size: 12px;
    -o-transform: translateY(0);
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    transform: translateY(0);
    top: 8px
}

.writeReviewPanel .fieldInput:focus~.fieldLabel {
    color: #28ad00;
    font-size: 12px;
    -o-transform: translateY(-14px);
    -webkit-transform: translateY(-14px);
    -moz-transform: translateY(-14px);
    transform: translateY(-14px);
    top: 8px
}

.writeReviewPanel .fieldTextarea {
    height: 100px;
    resize: none;
    line-height: 1.4;
    padding: 7px 30px 12px 23px;
    display: block
}

.writeReviewPanel .fieldIcon {
    left: 7px;
    top: 7px;
    font-size: 12px
}

.writeReviewPanel .fieldIcon.icon-comment {
    font-size: 12px;
    top: 9px
}

.writeReviewPanel #wordCounting {
    position: absolute;
    bottom: 1px;
    right: 1px;
    font-size: 12px;
    background: #fff;
    z-index: 1;
    padding: 2px 5px;
    color: #959595
}

.writeReviewPanel .btn {
    margin-top: 12px
}

.writeReviewPanel .captch img {
    max-width: 160px;
    width: 100%
}

.writeReviewPanel .invalidError {
    text-align: left;
    color: red;
    font-size: 12px;
    padding-bottom: 4px
}

.writeReviewPanel .captch {
    margin-top: 12px;
    position: relative
}

.noReviews h3 {
    font-size: 12px;
    margin-top: 8px;
    padding: 5px
}

.suggestionWidget {
    border: 1px solid #bdb9bf;
    margin-top: 8px;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    padding: 5px
}

.suggestionWidget:before {
    content: "";
    position: absolute;
    top: -7px;
    left: 9px;
    content: '';
    display: block;
    position: absolute;
    height: 0;
    width: 0;
    border-bottom: 6px solid #959595;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent
}

.suggestionWidget>span {
    display: inline-block;
    vertical-align: middle;
    padding: 0 5px;
    background: #fbfbfb;
    border: 1px solid #e4e4e4;
    font-size: 12px;
    line-height: 18px;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    margin: 3px
}

.suggestionWidget .closeIconBtn {
    top: -10px;
    right: -7px
}

.modalMain .userReviewPanel {
    margin: 0;
    padding: 0 7px
}

.modalMain .userReviewPanel .userInfo {
    white-space: nowrap
}

@media only screen and (min-width:375px) {
    #userReviewCard .reviewHeader {
        zoom: .94
    }
}

@media only screen and (min-width:400px) {
    #userReviewCard .reviewHeader {
        zoom: 1
    }

    #userReviewCard .reviewHeader li {
        padding: 0
    }

    .aiReview svg {
        width: 18px;
        height: 18px;
        margin-right: 2px
    }

    .userReviewPanel {
        padding: 0 15px
    }

    .userReviewPanel .userCard2 .imgHolder {
        height: 340px
    }
}

.cardProduct {
    -webkit-box-shadow: 4px 4px 14px 0 rgba(96, 96, 96, .2);
    box-shadow: 4px 4px 14px 0 rgba(96, 96, 96, .2);
    border-radius: 12px;
    -webkit-border-radius: 12px;
    margin-top: 20px;
    padding: 20px;
    background: #fff;
    margin-left: 11px;
    margin-right: 11px
}

.cardKnowBike .specWidget {
    margin: 0 auto;
    max-width: 500px;
    padding: 0
}

.cardKnowBike .specWidget .specListWrapper {
    padding-left: 20px;
    margin-top: 16px
}

.cardKnowBike .specWidget .specList {
    min-height: 75px;
    font-size: 12px
}

.cardKnowBike .specWidget .specName * {
    line-height: 1.2;
    color: #221629;
    display: block;
    padding-top: 0
}

.cardKnowBike .specWidget .specName strong {
    font-size: 12px
}

.cardKnowBike .specWidget .iconHolder {
    font-size: 30px;
    width: 40px;
    padding-right: 10px;
    vertical-align: middle
}

.cardKnowBike .specWidget .icon-Color {
    font-size: 24px
}

.noteText {
    font-size: 12px
}

.noteText>* {
    vertical-align: top !important
}

.btn.btnSpec {
    font-size: 12px
}

.kybSpecList .specWidget {
    padding: 0;
    flex-wrap: wrap;
    row-gap: 24px;
    column-gap: 16px
}

.kybSpecList .specWidget .specList {
    justify-content: left;
    width: 100%;
    flex: 0 0 100%
}

.kybSpecList .specWidget .iconHolder {
    flex-basis: 50px;
    min-width: 50px;
    height: 50px;
    line-height: 50px;
    background: #f0f4f7;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    font-size: 28px;
    padding-right: 0
}

.kybSpecList .specWidget .specName {
    padding-left: 16px;
    font-size: 12px;
    padding-top: 2px
}

.kybSpecList .specWidget .specTitle {
    font-size: 14px;
    color: #000;
    font-weight: 600;
    margin-bottom: 4px
}

.kybSpecList .pdCard {
    margin: 5px;
    padding: 24px;
    min-height: 540px
}

.kybSpecList .pdCard .specList:last-child {
    margin-bottom: 0
}

.kybSpecList .slick-list {
    overflow: visible
}

.kybSpecList .slick-slide {
    opacity: 1
}

.kybSpecList #kybSpecSlider {
    margin: 20px 0
}

@media only screen and (min-width:460px) {
    .kybSpecList .specWidget .specList {
        flex: 0 0 calc(50% - 8px);
        max-width: calc(50% - 8px)
    }
}

@media only screen and (min-width:667px) {
    .kybSpecList .specWidget {
        row-gap: 32px
    }

    .kybSpecList .specWidget .iconHolder {
        flex-basis: 68px;
        min-width: 68px;
        height: 68px;
        line-height: 68px;
        font-size: 36px
    }

    .kybSpecList .specWidget .specName {
        font-size: 14px
    }

    .kybSpecList .specWidget .specTitle {
        font-size: 18px
    }
}

.slick-lightbox {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999;
    width: 100%;
    height: 100%;
    transition: opacity .5s ease
}

.slick-lightbox .slick-next,
.slick-lightbox .slick-prev {
    left: 3px;
    background: #fff;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .55);
    z-index: 8;
    font-size: 0
}

.slick-lightbox .slick-next {
    right: 3px;
    left: auto
}

.slick-lightbox .slick-next:before,
.slick-lightbox .slick-prev:before {
    border: 1px solid #000;
    border-width: 0 0 2px 2px;
    width: 4px;
    height: 4px;
    font-size: 0;
    transform: rotate(-315deg);
    display: block;
    margin: 0 12px;
    cursor: pointer
}

.slick-lightbox .slick-next:before {
    transform: rotate(-135deg);
    margin: 0 8px
}

.slick-lightbox .slick-loading .slick-list {
    background-color: transparent
}

.slick-lightbox-hide {
    opacity: 0
}

.slick-lightbox-hide-init {
    position: absolute;
    top: -9999px;
    opacity: 0
}

.slick-lightbox-inner {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.slick-lightbox-slick-item {
    text-align: center;
    overflow: hidden;
    display: flex !important;
    justify-content: center;
    align-items: center
}

.slick-lightbox-slick-item-inner {
    display: inline-block;
    vertical-align: middle;
    max-width: 100%;
    max-height: 100%
}

.slick-lightbox-slick-img {
    margin: 0 auto;
    display: block;
    max-width: 100%;
    max-height: 100% !important
}

.slick-lightbox-close {
    position: absolute;
    top: 5px;
    right: 5px;
    display: block;
    color: #fff;
    font-size: 30px;
    padding: 8px;
    z-index: 9;
    cursor: pointer
}

.pinch-zoom-container {
    height: 80vh;
    width: 100vw
}

.pinch-zoom-container .zoom {
    top: 0;
    align-items: center;
    bottom: 0;
    justify-content: center;
    display: flex
}

.modalBody .titleImg {
    margin-top: 20px
}

.modalBody .titleImg img {
    width: 50%;
    margin-bottom: 20px
}

@media only screen and (min-width:1024px) {
    .modalBody .titleImg img {
        width: 50%;
        max-width: 200px
    }

    #modal91Cares .modalMainBottom {
        max-width: 600px !important
    }
}

.findretailers .headingPart .fieldControl select {
    -webkit-appearance: none
}

.findretailers .headingPart .fieldControl .fieldInput {
    border: 1px solid #eee;
    border-radius: 20px;
    padding: 0 16px;
    font-size: 12px
}

.findretailers .headingPart .fieldControl:after {
    content: "";
    position: absolute;
    top: 14px;
    right: 14px;
    border-style: solid;
    display: inline-block;
    padding: 3px;
    margin-left: 3px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    border-color: #d2d2d2;
    border-width: 0 1px 1px 0;
    vertical-align: -1px;
    padding: 3px;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.findretailers .tabs {
    display: none;
    background: #fff;
    position: fixed;
    bottom: 10%;
    left: 50%;
    transform: translate(-50%, 0);
    width: 70%;
    height: 44px;
    z-index: 99;
    border-radius: 30px;
    -webkit-border-radius: 30px;
    margin: auto;
    white-space: nowrap
}

.findretailers .tabs.showTab {
    display: block
}

.findretailers .tabs .icon-blog,
.findretailers .tabs .icon-map {
    vertical-align: -3px;
    font-size: 16px;
    margin-right: 5px
}

.findretailers .tabs .tab-link {
    display: inline-block;
    width: calc(50% - 2px);
    text-align: center;
    color: #221629;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    height: 44px;
    line-height: 44px;
    font-size: 12px;
    transition: .3s
}

.findretailers .tabs .tab-link.active {
    background: #221629;
    color: #fff
}

.findretailers .tabs .tab-link:nth-child(2) {
    margin-left: 1px
}

.findretailers .StoreWrapper .tab-content {
    display: none
}

.findretailers .StoreWrapper .tab-content.current {
    display: block;
    transition: .3s
}

.findretailers .StoreWrapper .rightPanel #map_wrapper {
    height: 100vh;
    display: none;
    z-index: 99;
    margin: 40px 0
}

.findretailers .StoreWrapper .rightPanel #map_wrapper #map_canvas {
    width: 100%;
    height: 100%
}

.findretailers .StoreWrapper .leftPanel .addresWrapper .card {
    margin-bottom: 20px;
    padding: 20px 20px 0
}

.findretailers .StoreWrapper .leftPanel .addresWrapper .card .storeImg {
    width: 50px
}

.findretailers .StoreWrapper .leftPanel .addresWrapper .card .store_section .card-name-wrap {
    margin-bottom: 20px
}

.findretailers .StoreWrapper .leftPanel .addresWrapper .card .store_section .cardName {
    letter-spacing: 0;
    margin: 0
}

.findretailers .StoreWrapper .leftPanel .addresWrapper .card .store_section .getInTouch {
    margin-bottom: 20px;
    position: relative
}

.findretailers .StoreWrapper .leftPanel .addresWrapper .card .store_section .getInTouch .web-icon,
.findretailers .StoreWrapper .leftPanel .addresWrapper .card .store_section .getInTouch i {
    width: 31px;
    height: 31px;
    padding: 8px;
    font-size: 14px;
    background: #221629;
    border-radius: 50%;
    color: #ffdc00;
    display: inline-block;
    margin-right: 20px;
    vertical-align: middle;
    text-align: center
}

.findretailers .StoreWrapper .leftPanel .addresWrapper .card .store_section .getInTouch p {
    display: inline-block;
    width: calc(100% - 51px);
    vertical-align: middle
}

.findretailers .StoreWrapper .leftPanel .addresWrapper .card .store_section .getInTouch p .text-underline {
    word-wrap: break-word
}

.findretailers .StoreWrapper .leftPanel .addresWrapper .card .store_section .mainstore {
    position: relative
}

.findretailers .StoreWrapper .leftPanel .addresWrapper .card .store_section .mainstore .cardFooterGroup {
    color: #28ad00;
    margin: 0 -20px;
    position: initial;
    border-bottom: 1px solid #dfdfdf
}

.findretailers .StoreWrapper .leftPanel .addresWrapper .card .store_section .mainstore .cardFooterGroup li {
    width: 100%
}

.findretailers .StoreWrapper .leftPanel .addresWrapper .card .store_section .mainstore .cardFooterGroup li span:after {
    content: "";
    position: relative;
    top: -4px;
    left: 10px;
    border-style: solid;
    display: inline-block;
    padding: 3px;
    margin-left: 3px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    border-color: #d2d2d2;
    border-width: 0 1px 1px 0;
    vertical-align: -1px;
    padding: 3px;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.findretailers .StoreWrapper .leftPanel .addresWrapper .card .store_section .mainstore.noSubstore .cardFooterGroup li {
    width: 50%
}

.findretailers .StoreWrapper .leftPanel .addresWrapper .card .store_section .substore {
    display: none;
    position: relative;
    margin: 0 -20px;
    padding: 20px 20px 0;
    background: #f0f7f452
}

.findretailers .StoreWrapper .leftPanel .addresWrapper .card .store_section .substore .substoreTitle {
    font-size: 12px;
    font-weight: 600;
    color: #28ad00;
    margin-bottom: 20px
}

.findretailers .StoreWrapper .leftPanel .addresWrapper .card .store_section .substore .getInTouch {
    margin-bottom: 10px
}

.findretailers .StoreWrapper .leftPanel .addresWrapper .card .store_section .substore .getInTouch p {
    color: #959595
}

.findretailers .StoreWrapper .leftPanel .addresWrapper .card .store_section .substore .getInTouch p a {
    color: #959595
}

.findretailers .StoreWrapper .leftPanel .addresWrapper .card .store_section .substore .cardFooterGroup {
    margin: 0 -20px;
    border-bottom: 1px solid #dfdfdf;
    position: initial
}

.findretailers .StoreWrapper .leftPanel .addresWrapper .card .store_section .callDealer {
    display: none;
    margin-top: 18px;
    position: relative
}

.findretailers .StoreWrapper .leftPanel .addresWrapper .card .store_section .callDealer .loaderOverlay {
    position: absolute
}

.findretailers .StoreWrapper .leftPanel .addresWrapper .card .store_section .callDealer .fieldControl {
    width: 80%;
    display: inline-block;
    margin-top: 10px
}

.findretailers .StoreWrapper .leftPanel .addresWrapper .card .store_section .callDealer .fieldControl .fieldInput {
    padding-left: 45px
}

.findretailers .StoreWrapper .leftPanel .addresWrapper .card .store_section .callDealer .fieldControl .fieldLabel {
    padding-left: 10px
}

.findretailers .StoreWrapper .leftPanel .addresWrapper .card .store_section .callDealer .fieldControl .fieldIcon {
    padding: 5px 7px 5px 0;
    font-size: 13px;
    border-right: 1px solid #dfdfdf
}

.findretailers .StoreWrapper .leftPanel .addresWrapper .card .store_section .callDealer span {
    font-size: 14px
}

.findretailers .StoreWrapper .leftPanel .addresWrapper .card .store_section .callDealer .dialBtn {
    width: 40px;
    height: 40px;
    display: inline-block;
    margin-left: 10px;
    background: #221629;
    color: #fff;
    border-radius: 50%;
    text-align: center;
    padding: 11px;
    font-size: 18px;
    vertical-align: -4px
}

.findretailers .StoreWrapper .leftPanel .addresWrapper .card .store_section.showSubstore .mainstore .cardFooterGroup {
    border-bottom: 1px solid #dfdfdf;
    border-radius: 0
}

.findretailers .StoreWrapper .leftPanel .addresWrapper .card .store_section.showSubstore .substore {
    display: block;
    transition: .3s
}

.findretailers .StoreWrapper .leftPanel .addresWrapper .card .store_section.showCalldealer .cardFooterGroup {
    border-bottom: 1px solid #dfdfdf;
    border-radius: 0;
    margin: 0 -20px;
    position: initial
}

.findretailers .StoreWrapper .leftPanel .addresWrapper .card .store_section.showCalldealer .callDealer {
    display: block;
    transition: .3s
}

.findretailers .StoreWrapper .leftPanel .addresWrapper .card .cardFooterGroup li {
    width: 50%;
    text-align: center
}

.findretailers .StoreWrapper .leftPanel .addresWrapper .card .cardFooterGroup li span i {
    font-size: 14px;
    margin-right: 10px;
    vertical-align: -2px;
    color: #ffdc00
}

.findretailers .dealerTooltip .tooltiptext {
    z-index: 9;
    font-style: normal;
    left: 26px
}

.findretailers .timeline-item {
    background-color: #fff;
    border-radius: 3px;
    padding: 12px
}

@keyframes placeHolderShimmer {
    0% {
        background-position: -468px 0
    }

    100% {
        background-position: 468px 0
    }
}

.findretailers .animated-background {
    animation-duration: 1.5s;
    animation-fill-mode: forwards;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    animation-name: placeHolderShimmer;
    background: #f6f7f8;
    background: linear-gradient(to right, #eee 8%, #ddd 18%, #eee 33%);
    background-size: 800px 104px;
    height: 40px;
    position: relative;
    margin: 0 0 15px
}

.findretailers .background-masker {
    background: #fff;
    position: absolute
}

.findretailers .background-masker.content-top {
    height: 20px
}

.findretailers .background-masker.content-first-end,
.findretailers .background-masker.content-second-end,
.findretailers .background-masker.content-third-end {
    width: auto;
    left: 380px;
    right: 0;
    top: 60px;
    height: 8px
}

.findretailers .store_locator_ad_banner img {
    height: auto
}

.findretailers .searchStore {
    padding: 30px 5px 5px
}

.findretailers .searchStore .fieldInput {
    border-radius: 4px
}

.findretailers .easy-autocomplete {
    width: 100% !important
}

.findretailers .easy-autocomplete-container {
    max-height: 200px;
    overflow-y: auto;
    z-index: 999
}

.myaccount .maincardWraper .orderBoxmain {
    padding: 16px 10px;
    background: #efefef
}

.myaccount .maincardWraper .orderBoxmain .leftSide .oderId {
    padding: 6px;
    background: rgba(5, 5, 5, .1);
    border-radius: 2px;
    -webkit-border-radius: 2px;
    display: block
}

.myaccount .maincardWraper .orderBoxmain .leftSide .oderId:first-child {
    margin-bottom: 5px
}

.myaccount .maincardWraper .orderBoxmain .rightSide {
    display: inline-block
}

.myaccount .maincardWraper .orderBoxmain .rightSide .chooseInvoice .viewInvoicebtn .number {
    background: #28ad00;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    color: #fff;
    vertical-align: 1px;
    font-size: 12px;
    margin-left: 3px;
    line-height: 18px;
    width: 14px;
    height: 15px;
    text-align: center;
    display: inline-block
}

.myaccount .maincardWraper .orderBoxmain .rightSide .chooseInvoice .viewInvoicebtn:hover .toolTip .tooltiptext {
    visibility: visible
}

.myaccount .maincardWraper .orderBoxmain .rightSide .loading-dots {
    text-align: right
}

.myaccount .maincardWraper .orderBoxmain .rightSide .loading-dots .loading-dots--dot {
    width: 12px;
    height: 12px
}

.myaccount .maincardWraper .orderBoxmain .toolTip .tooltiptext {
    right: 0;
    margin-top: 10px;
    font-size: 12px;
    padding: 6px 18px;
    background: #fff;
    border: 1px solid #dfdfdf
}

.myaccount .maincardWraper .orderBoxmain .toolTip .tooltiptext:before {
    top: -7px;
    border-bottom-color: #fff
}

.myaccount .maincardWraper .orderBoxmain .toolTip .tooltiptext:nth-child(2) {
    top: 24px;
    padding-left: 16px
}

.myaccount .maincardWraper .orderBoxmain .toolTip .tooltiptext:nth-child(2):before {
    display: none
}

.myaccount .myorderWrraper {
    padding: 30px 14px;
    border-bottom: 1px dashed #e0e0e0
}

.myaccount .myorderWrraper .imageHolder {
    float: left;
    width: 100px
}

.myaccount .myorderWrraper .imageHolder img {
    width: auto;
    max-width: 100px;
    max-height: 100px;
    margin: 0 auto
}

.myaccount .myorderWrraper .trackorderDetail {
    overflow: hidden;
    padding-left: 30px;
    font-size: 12px
}

.myaccount .myorderWrraper .trackorderDetail .icon-rupee {
    font-size: 12px
}

.myaccount .myorderWrraper .trackorderDetail .productName a {
    font-weight: 600;
    padding-bottom: 5px;
    display: inline-block;
    vertical-align: middle
}

.myaccount .myorderWrraper .trackorderDetail .productName .wishlistPrice {
    margin: 5px 0
}

.myaccount .myorderWrraper .trackorderDetail .productQuality {
    display: inline-block;
    padding-top: 5px
}

.myaccount .myorderWrraper .trackorderDetail .productPrice {
    border-left: 1px solid #9c9b9b;
    padding-left: 10px;
    margin-left: 8px;
    display: inline-block
}

.myaccount .myorderWrraper .trackorderDetail .registerBikebtn i {
    color: #28ad00;
    margin-right: 5px;
    font-size: 12px
}

.myaccount .myorderWrraper .trackorderDetail .rightReview {
    display: inline-block;
    float: right
}

.myaccount .myorderWrraper .trackorderDetail .rightReview i {
    vertical-align: -5px;
    margin-right: 5px;
    width: 14px
}

.myaccount .myorderWrraper .trackorderDetail .leftBox {
    display: inline-block
}

.myaccount .paymentMode {
    font-size: 12px;
    padding: 14px 10px
}

.myaccount .paymentMode .icon-rupee {
    font-size: 12px
}

.myaccount .ragisteredBikesD {
    margin: 20px 15px 0
}

.myaccount .ragisteredBikesD .imgWrraper {
    width: 100%;
    background: #ececec;
    display: inline-flex
}

.myaccount .ragisteredBikesD .imgWrraper img {
    width: 70%;
    margin: auto;
    height: 100px
}

.myaccount .ragisteredBikesD .RegisteredbikesInfo {
    margin: 10px 0 30px
}

.myaccount .ragisteredBikesD .RegisteredbikesInfo ul>li label {
    width: 150px;
    display: inline-block;
    margin-bottom: 5px;
    font-weight: 600
}

.myaccount .ragisteredBikesD .RegisteredbikesInfo ul>li:last-child label {
    border: 1px solid #f3f3f3;
    padding: 8px;
    text-align: center;
    background: #f9f9f9;
    color: #28ad00;
    margin-top: 10px;
    min-width: 200px
}

.myaccount .registerOnemore {
    border-radius: 3px;
    margin: 20px;
    color: #fff !important
}

.myaccount .myProfile .fieldControl.disabled {
    opacity: .5;
    pointer-events: none
}

.myaccount .myProfile>.title {
    color: #221629;
    padding: 5px 0 25px;
    font-size: 12px;
    text-transform: capitalize;
    display: inline-block
}

.myaccount .myProfile .editButton {
    float: right;
    font-weight: 600;
    padding: 6px 10px;
    border: 1px solid #f1f1f1;
    border-radius: 3px;
    background: #fbfbfb;
    margin-left: 20px
}

.myaccount .myProfile .editButton .icon-edit {
    margin-right: 5px
}

.myaccount .myProfile .profileSubmitbtn {
    border-radius: 3px;
    width: 100%
}

.myaccount .myProfile .dontChange .title {
    color: #221629;
    padding: 15px 0;
    font-size: 12px
}

.myaccount .tabWrapper#myinsurances .imageHolder .icon-blog {
    font-size: 65px;
    color: #28ad00;
    padding-left: 25px
}

.myAccountBody {
    color: #221629;
    background: #fff
}

.myAccountBody .navFooter a {
    color: #221629
}

.myAccountBody .navFooter>li {
    border-top: 1px solid #eee;
    font-size: inherit
}

.myAccountBody .navFooter>li .accordion {
    color: #28ad00
}

.myAccountBody .navFooter>li .accordion:after {
    border-color: #28ad00
}

.myAccountBody .navFooter>li .accordion.active {
    background: #28ad00;
    color: #fff
}

.myAccountBody .navFooter>li .accordion.active:after {
    border-color: #fff
}

.myAccountBody .navFooter>li:last-child {
    border-bottom: 1px solid #eee
}

.myAccountBody .navFooter>li .accordionPanel {
    padding: 0
}

.myaccount .orderTrackScreen {
    display: none
}

.myaccount .orderTrackScreen .myorderWrraper {
    border-bottom: 1px #e0e0e0 dashed
}

.myaccount .orderTrackScreen .backWrapper {
    background: rgba(5, 5, 5, .1);
    padding: 20px 15px;
    font-size: 18px;
    text-transform: uppercase
}

.myaccount .orderTrackScreen .backWrapper .backButton {
    display: inline-block;
    cursor: pointer
}

.myaccount .orderTrackScreen .backWrapper .backButton span {
    width: 40px;
    height: 40px;
    background: #fff;
    display: inline-block;
    text-align: center;
    line-height: 40px;
    border-radius: 50%;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .15);
    margin-right: 10px;
    position: relative;
    vertical-align: -13px
}

.myaccount .orderTrackScreen .backWrapper .backButton span:before {
    content: "";
    position: absolute;
    top: 15px;
    right: 13px;
    border-style: solid;
    display: inline-block;
    padding: 3px;
    margin-left: 3px;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
    border-color: #221629;
    border-width: 0 1px 1px 0;
    vertical-align: -1px;
    padding: 5px
}

.myaccount .orderTrackScreen .backWrapper .trackId {
    float: right;
    background: #ccc;
    margin: 7px 0 0 10px;
    padding: 5px 10px;
    border-radius: 3px;
    font-size: 14px
}

.myaccount .invoiceDetail {
    padding: 20px 15px 30px;
    position: relative
}

.myaccount .invoiceDetail .userInfoleft {
    float: left
}

.myaccount .invoiceDetail .buyerName {
    font-size: 18px
}

.myaccount .invoiceDetail .ShippingAddress {
    font-size: 14px;
    font-style: normal;
    padding: 15px 0;
    width: 230px
}

.myaccount .invoiceDetail .ShippingAddress span {
    display: block;
    padding: 5px 0
}

.myaccount .invoiceDetail .trackOrderemail {
    margin-bottom: 4px
}

.myaccount .invoiceDetail .trackOrderemail label {
    width: 60px
}

.myaccount .invoiceDetail .changeAddress {
    float: right;
    border: 0;
    padding: 13px 30px;
    font-weight: 600;
    font-size: 12px;
    letter-spacing: 1px;
    color: #424242;
    cursor: pointer;
    margin-top: 70px;
    transition: .5s background-color ease
}

.myaccount .invoiceDetail .changeAddress .iconshape {
    right: 5%
}

.myaccount .orderTrackBar {
    border-bottom: 1px solid #e0e0e0
}

.myaccount .orderTrackBar ul {
    margin: 31px 10px 10px
}

.myaccount .orderTrackBar ul.arrivedWhouse li {
    width: 29% !important
}

.myaccount .orderTrackBar ul.arrivedWhouse li.dashedBorder {
    border-top: 1px solid #f3f3f3
}

.myaccount .orderTrackBar ul.arrivedWhouse li.arriveWhouse {
    display: none
}

.myaccount .orderTrackBar ul.arrivedWhouse li:last-child {
    width: auto !important
}

.myaccount .orderTrackBar li {
    border-top: 1px solid #f3f3f3;
    float: left;
    position: relative
}

.myaccount .orderTrackBar li .inCompelete {
    width: 24px;
    height: 24px;
    display: inline-block;
    background: #f7f6f4;
    border-radius: 50%;
    border: 1px solid #dcd7d7;
    top: -12px;
    position: absolute
}

.myaccount .orderTrackBar li.DoneProgress {
    border-color: #28ad00;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: center left;
    transform-origin: center left;
    transition: -webkit-transform 1s ease-in;
    transition: transform 1s ease-in;
    transition: transform 1s ease-in, -webkit-transform 1s ease-in;
    transition-delay: 0s;
    transform: scaleX(1)
}

.myaccount .orderTrackBar li.DoneProgress .inCompelete {
    background: #bef1d5;
    border-color: #28ad00
}

.myaccount .orderTrackBar li.inProgress .inCompelete {
    background: #07ad40;
    border-color: #fff
}

.myaccount .orderTrackBar li span {
    margin-top: 20px;
    display: block;
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase
}

.myaccount .orderTrackBar li.dashedBorder {
    border-top: 2px dashed #e0e0e0
}

.myaccount .orderTrackBar li:last-child {
    border-top: 0;
    width: auto
}

.myaccount .orderTrackBar li.arriveWhouse .deliveryCar {
    position: absolute;
    top: -20px;
    background: #fff;
    width: auto;
    text-align: center;
    left: 0;
    line-height: 0
}

.myaccount .orderTrackBar .processInfotoltip {
    width: auto
}

@media only screen and (max-width:767px) {
    .myaccount .orderTrackScreen .backWrapper {
        padding: 10px 15px;
        display: table;
        width: 100%
    }

    .myaccount .orderTrackScreen .backWrapper .backButton {
        display: block;
        margin-bottom: 10px
    }

    .myaccount .orderTrackScreen .backWrapper .backButton:first-child+.trackId {
        margin-left: 0
    }

    .myaccount .orderTrackScreen .backWrapper .trackId {
        margin: 0 0 5px 0;
        padding: 5px 10px;
        border-radius: 3px;
        font-size: 13px;
        float: left;
        min-width: 190px
    }

    .myaccount .orderTrackScreen .processInfotoltip {
        background: 0 0;
        box-shadow: none;
        margin: 0 40px 0
    }

    .myaccount .orderTrackScreen .processInfotoltip:after,
    .myaccount .orderTrackScreen .processInfotoltip:before {
        display: none
    }

    .myaccount .orderTrackScreen .processInfotoltip .infoWrapper {
        margin: 0;
        text-align: left
    }

    .myaccount .orderTrackScreen .processInfotoltip .rightText {
        float: none;
        display: inline-block;
        margin-left: 15px
    }

    .myaccount .orderTrackScreen .myorderWrraper {
        padding: 20px 14px
    }

    .myaccount .invoiceDetail .changeAddress {
        float: none;
        text-align: center;
        clear: both;
        margin-top: 0
    }

    .myaccount .invoiceDetail .iconshape {
        bottom: 5%;
        top: initial;
        left: 0
    }

    .myaccount .orderTrackBar {
        padding-top: 25px
    }

    .myaccount .orderTrackBar ul {
        margin: 10px 10px 10px 25px
    }

    .myaccount .orderTrackBar ul.arrivedWhouse li {
        width: auto !important
    }

    .myaccount .orderTrackBar ul.arrivedWhouse li.dashedBorder {
        border-top: none;
        padding: 0 0 30px
    }

    .myaccount .orderTrackBar ul.arrivedWhouse li.dashedBorder:after {
        border: 1.5px solid #d2d2d2
    }

    .myaccount .orderTrackBar ul.arrivedWhouse li:first-child span {
        margin-left: 40px
    }

    .myaccount .orderTrackBar li {
        float: none;
        padding: 0 0 30px;
        border: 0;
        margin: 0
    }

    .myaccount .orderTrackBar li:after {
        content: "";
        position: absolute;
        width: 3px;
        top: 12px;
        left: 10px;
        z-index: -1;
        height: 100%;
        border: 1.5px solid #d2d2d2
    }

    .myaccount .orderTrackBar li span {
        display: block;
        margin: 0 0 0 40px
    }

    .myaccount .orderTrackBar li span:first-child {
        margin-left: 40px
    }

    .myaccount .orderTrackBar li .inCompelete {
        top: -8px
    }

    .myaccount .orderTrackBar li.dashedBorder {
        border-top: none;
        padding: 0 0 40px
    }

    .myaccount .orderTrackBar li.dashedBorder:after {
        border: 1.5px dashed #d2d2d2
    }

    .myaccount .orderTrackBar li.arriveWhouse .deliveryCar {
        top: -10px
    }

    .myaccount .orderTrackBar li.arriveWhouse .deliveryCar svg {
        width: 28px;
        height: 32px
    }

    .myaccount .orderTrackBar .slick-dots {
        bottom: -45px
    }

    .myaccount .orderTrackBar li {
        padding: 0 0 30px;
        border: 0;
        margin: 0
    }

    .myaccount .orderTrackBar li:last-child:after {
        display: none
    }

    .myaccount .orderTrackBar .slick-dots li {
        border: 0 !important
    }

    .myaccount .maincardWraper .orderBoxmain .rightSide .chooseInvoice .viewInvoicebtn .number {
        width: 10px;
        height: 10px;
        line-height: 12px;
        font-size: 12px
    }

    .myaccount .myorderWrraper .trackorderDetail .icon-rupee {
        font-size: 12px
    }

    .myaccount .myorderWrraper .trackorderDetail .rightReview {
        display: block;
        float: none
    }

    .myaccount .myorderWrraper .trackorderDetail .sideArrow {
        padding-left: 10px;
        font-size: 12px;
        vertical-align: 1px
    }

    .myaccount .myorderWrraper .trackorderDetail .productPrice {
        border: 0;
        margin-left: 0
    }
}

@media only screen and (min-width:768px) {
    .myaccount .invoiceDetail {
        padding: 35px 30px 30px
    }

    .myaccount .orderTrackBar ul {
        margin: 51px 30px 100px
    }

    .myaccount .orderTrackBar ul.arrivedWhouse li {
        width: 27% !important
    }

    .myaccount .orderTrackBar .processInfotoltip {
        position: absolute;
        width: 88%
    }

    .myaccount .orderTrackBar li {
        width: 20%
    }

    .myaccount .orderTrackBar li .inCompelete {
        width: 26px;
        height: 26px;
        top: -14px
    }

    .myaccount .orderTrackBar li span {
        width: 80px;
        font-size: 12px
    }

    .myaccount .orderTrackBar li:last-child .processInfotoltip {
        left: -30px;
        width: 190px
    }
}

.thankupage {
    padding: 30px 0
}

.thankupage .leftPanel img {
    width: 70%;
    margin: auto;
    display: block
}

.thankupage .rightPanel .btnLarge {
    color: #fff;
    line-height: 60px;
    padding: 0
}

.thankupage .rightPanel .iconHolder {
    margin-right: 10px;
    vertical-align: -3px;
    font-size: 16px
}

.thankupage .order-wrap {
    border-top: 1px dashed #ddd;
    margin-top: 20px;
    padding-top: 20px;
    display: block
}

.thankupage .order-details-wrap {
    margin-bottom: 20px
}

.thankupage .order-details {
    border-bottom: 1px dashed #e0e0e0;
    padding-top: 20px;
    padding-bottom: 15px
}

.thankupage .order-details:nth-child(1) {
    padding-top: 0
}

.thankupage .order-details:nth-last-child(1) {
    border-bottom: 0
}

.thankupage .order-details img {
    max-width: 100px
}

.thankupage .order-details .title {
    font-size: 12px
}

.thankupage .order-details .title span:nth-child(2n) {
    border-left: 1px solid #959595;
    padding-left: 4px
}

.thankupage .order-details .right-panel .icon-rupee {
    font-size: 12px;
    font-weight: 600
}

.thankupage .order-details .pro-title {
    font-size: 12px;
    font-weight: 600;
    color: #424242;
    text-transform: uppercase;
    letter-spacing: 2px
}

.thankupage .order-summary {
    color: #959595;
    font-size: 12px
}

.thankupage .order-summary li {
    margin-bottom: 5px
}

.thankupage .order-summary li div:last-child {
    text-align: right
}

.thankupage .order-summary .priceCut {
    color: #221629;
    margin-right: 8px;
    font-size: 12px;
    text-decoration: line-through
}

.thankupage .order-summary .gst {
    font-size: 12px
}

.thankupage h3.title {
    font-size: 16px
}

.thankupage .diwaliThanku {
    padding-top: 50px
}

.thankupage .diwaliThanku h3 {
    margin-bottom: 10px
}

.thankupage .diwaliThanku #sharePopup {
    position: static;
    visibility: visible
}

@media only screen and (min-width:1024px) {
    .thankupage .order-details-wrap {
        max-height: 190px;
        overflow-x: hidden;
        overflow-y: auto;
        margin-bottom: 0
    }

    .thankupage .order-wrap {
        margin-top: 30px;
        padding-top: 30px
    }

    .thankupage .order-details {
        padding-bottom: 10px
    }

    .thankupage .order-details img {
        max-width: 220px
    }

    .thankupage .order-details .title {
        font-size: 14px
    }

    .thankupage .order-details .pro-title {
        font-size: 18px
    }

    .thankupage .order-details .right-panel {
        padding-top: 20px
    }

    .thankupage .order-details .right-panel .icon-rupee {
        font-size: 12px
    }

    .thankupage .order-summary {
        font-size: 14px
    }

    .thankupage .order-summary li {
        padding-bottom: 8px
    }

    .thankupage .order-summary .priceCut {
        font-size: 13px
    }

    .thankupage h3.title {
        font-size: 20px
    }

    .thankupage .diwaliThanku {
        padding-top: 60px
    }

    .thankupage .diwaliThanku h3 {
        margin-bottom: 10px
    }
}

.notFound {
    background: url(https://d60i6mpkbdpwe.cloudfront.net/assets/ninetyone/images/not_found_wap.svg) no-repeat center;
    background-size: cover;
    width: 100%;
    height: 600px
}

.notFound .imgText {
    bottom: 20%;
    max-width: 220px;
    right: 0;
    left: 0;
    margin: auto;
    padding-right: 10px
}

.notFound .imgText h2 {
    font-size: 58px;
    margin-bottom: 0;
    color: #efc02f;
    line-height: normal;
    text-shadow: 4px 0 rgba(58, 58, 58, .9);
    -webkit-text-shadow: 4px 0 rgba(58, 58, 58, .9)
}

.notFound .imgText span {
    font-size: 16px;
    display: block
}

.notFound .imgText .backtoHome {
    border: 1px solid #28ad00;
    border-radius: 3px;
    background: #fff
}

@media only screen and (min-width:667px) {
    .notFound .imgText {
        bottom: 50px
    }
}

#comparePage .filterHeaderWidget {
    padding: 10px 0 1px 0
}

#comparePage .filterHeaderWidget .customSelectBody {
    position: absolute;
    top: -10px;
    right: 0
}

#comparePage .filterHeaderWidget .icon-filter {
    top: 18px;
    right: 20px
}

#comparePage .filterHeaderWidget .selectTrigger {
    border: 0;
    text-align: right;
    padding-right: 16px;
    font-size: 16px;
    color: #28ad00;
    font-weight: 600;
    height: 30px;
    line-height: 30px;
    top: -5px
}

#comparePage .filterHeaderWidget .selectTrigger.resetBtn {
    padding-right: 0
}

#comparePage .filterHeaderWidget .optionList {
    left: auto;
    right: 0;
    width: 100px;
    top: 37px
}

#comparePage .filterHeaderWidget .customSelectMain .arrow:before {
    right: 2px
}

#comparePage .compareFilterHeader {
    margin: 0 -20px;
    min-height: 54px
}

#comparePage .compareFilterHeader .customControl {
    margin-bottom: 0;
    padding-left: 30px
}

#comparePage .compareFilterHeader .customIndicator {
    border-radius: 3px;
    -webkit-border-radius: 3px;
    border-color: #28ad00
}

#comparePage .filterPanel .customControl {
    font-weight: 400;
    margin-bottom: 15px
}

#comparePage .filterPanel .filterMain {
    max-height: calc(100% - 60px)
}

#comparePage .compareDetail {
    margin-top: 38px;
    position: relative
}

#comparePage .suggest-bike {
    width: calc(100% - (300px + 25%));
    position: absolute;
    top: 20px;
    right: 0;
    padding: 0 !important
}

#comparePage .suggest-bike .suggest-title {
    justify-content: space-between;
    padding: 0 10px
}

#comparePage .suggest-bike .suggest-title .btn {
    padding: 10px 35px;
    font-size: 16px
}

#comparePage .suggest-bike ul {
    flex-wrap: wrap
}

#comparePage .suggest-bike li {
    flex: 50%;
    padding: 10px;
    max-width: 50%
}

#comparePage .suggest-bike li .cardName {
    min-height: 35px
}

#comparePage #compStickyOne {
    padding: 16px 20px
}

#comparePage #compStickyOne.active {
    border-bottom: 1px solid #dfdfdf
}

#comparePage .stickyCompTwo {
    display: none;
    top: 54px;
    width: 100%;
    animation: slideInDown 1s both;
    -webkit-animation: slideInDown 1s both
}

#comparePage .stickyCompTwo th {
    padding: 12px 24px 0
}

#comparePage .stickyCompTwo th .cardImg {
    margin-top: 2px
}

#comparePage .stickyCompTwo.active {
    display: table;
    -webkit-box-shadow: 0 6px 12px rgba(34, 22, 41, .1);
    box-shadow: 0 6px 12px rgba(34, 22, 41, .1)
}

#comparePage .copyCompBtn {
    display: inline-block;
    vertical-align: middle;
    margin-left: 20px;
    height: 21px;
    position: relative
}

#comparePage .copyCompBtn .tooltip {
    position: absolute;
    top: 36px;
    left: calc(50% - 36px);
    width: 160px;
    transform: translateX(-50%);
    z-index: 23
}

#comparePage .copyCompBtn .tooltip.active .tooltiptext {
    opacity: 1;
    visibility: visible
}

#comparePage .copyCompBtn .tooltiptext {
    left: 0;
    position: relative;
    width: auto;
    max-width: 100%;
    transform: none
}

#comparePage .copyCompBtn .tooltiptext::after {
    right: auto;
    left: calc(50% - 4px)
}

#comparePage .copyIcon {
    position: relative;
    width: 30px;
    height: 30px;
    border: 1px solid #28ad00;
    margin-top: -4px;
    margin-right: 6px;
    cursor: pointer;
    background: #fff
}

#comparePage .copyIcon:after,
#comparePage .copyIcon:before {
    content: "";
    position: absolute;
    transform: translate(-50%, -50%);
    width: 12px;
    height: 8px;
    border: 1px solid #28ad00;
    border-radius: 3px;
    background: #fff
}

#comparePage .copyIcon:before {
    top: calc(50% + 2px);
    left: calc(50% - 2px);
    z-index: 2
}

#comparePage .copyIcon:after {
    top: calc(50% - 2px);
    left: calc(50% + 2px);
    z-index: 1
}

#compareEmpty {
    padding-top: 25%;
    padding-bottom: 25%;
    font-size: 14px;
    line-height: 30px
}

#compareEmpty .compareEmptyBg {
    background: url(https://d60i6mpkbdpwe.cloudfront.net/assets/ninetyone/images/compare-bg.svg) no-repeat center;
    max-width: 300px;
    height: 138px;
    -webkit-background-size: contain;
    background-size: contain
}

#compareEmpty img {
    max-width: 300px
}

#compareEmpty .title {
    margin: 35px 0 10px
}

#compareEmpty .btn {
    width: 133px;
    height: 45px;
    font-size: 14px;
    font-weight: 600
}

.stickyCompTop.active {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 100;
    background: #fff;
    animation: slideInDown 1s both;
    -webkit-animation: slideInDown 1s both
}

@-webkit-keyframes slideInDown {
    0% {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
        visibility: visible
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes slideInDown {
    0% {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
        visibility: visible
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@media only screen and (min-width:360px) {
    #compareEmpty {
        font-size: 16px
    }
}

@media only screen and (min-width:500px) {
    #compareEmpty .compareEmptyBg {
        max-width: 325px;
        height: 149px
    }
}

@media only screen and (min-width:1440px) {
    #comparePage .suggest-bike li {
        flex: 33.33%;
        max-width: 33.33%
    }
}

#modalAddCompare h2 {
    font-size: 16px;
    margin-bottom: 10px
}

#modalAddCompare .btnFooter {
    width: 100%;
    border-radius: 8px 8px 0 0;
    -webkit-border-radius: 8px 8px 0 0;
    height: 50px;
    line-height: 38px;
    font-size: 16px;
    font-weight: 600;
    color: #ffdc00
}

#modalAddCompare .card {
    min-height: 285px
}

#modalAddCompare .card .cardPrice {
    font-size: 12px;
    letter-spacing: 0
}

#modalAddCompare .widgitfix {
    width: 148px;
    overflow: hidden;
    float: right;
    padding: 3px 5px 6px 0;
    margin-right: -5px
}

#modalAddCompare .widgitfix .attrBtn {
    min-width: 22px;
    padding: 0 2px
}

#modalAddCompare .widgitfix .colorBtn.active:after {
    left: 2px !important
}

.cardCompareModal {
    padding: 8px 16px 12px !important;
    margin-bottom: 40px
}

.cardCompareModal>li {
    width: 280px !important;
    max-width: 100% !important;
    margin-left: 16px !important
}

.cardCompareModal>li:first-child {
    margin-left: 0 !important
}

.cardCompareModal .card {
    width: 100%;
    max-width: 100%;
    border: 1px solid #dfdfdf;
    border-radius: 8px;
    -webkit-border-radius: 8px
}

.cardCompareModal .card .cardName {
    font-size: 13px;
    margin: 8px 0 3px
}

.cardCompareModal .card .seriesText {
    font-weight: 600
}

.cardCompareModal .card .cardImg {
    min-height: 140px;
    height: 140px;
    max-width: 220px;
    margin: 10px auto
}

.cardCompareModal .card .priceHolder {
    padding: 0
}

.cardCompareModal .card .modelTag {
    top: 40%;
    right: -1px
}

.cardCompareModal .card.selected {
    border-color: #28ad00
}

.cardCompareModal .card.selected .modalChoose {
    border: 1px solid #28ad00;
    background: #28ad00
}

.cardCompareModal .card.selected .modalChoose:before {
    opacity: 1;
    visibility: visible
}

.cardCompareModal .card .loaderOverlay {
    position: absolute
}

.cardCompareModal .modalChoose {
    position: absolute;
    top: 8px;
    right: 8px;
    width: 24px;
    height: 24px;
    line-height: 22px;
    cursor: pointer;
    border: 1px solid #dfdfdf;
    -webkit-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    font-size: 12px
}

.cardCompareModal .modalChoose:before {
    opacity: 0;
    visibility: hidden;
    color: #fff
}

.filterTabs {
    column-gap: 6px;
    margin: 5px -16px 10px;
    position: relative;
    z-index: 1;
    min-height: 57px;
    padding: 0 10px 10px;
    border-top: 1px solid #efefef;
    align-items: end
}

.filterTabs:after {
    content: "";
    position: absolute;
    top: 0;
    left: -40px;
    right: -40px;
    bottom: 9px;
    background: #fff;
    z-index: -1;
    box-shadow: 0 4px 10px rgba(154, 173, 0, .4);
    border-bottom: 1px solid #dadccf
}

.filterTabs::-webkit-scrollbar-thumb,
.filterTabs::-webkit-scrollbar-track {
    display: none
}

.filterTabs .tabsItem {
    font-size: 13px;
    text-transform: uppercase;
    padding: 8px 10px;
    border-radius: 5px 5px 0 0;
    border: 1px solid transparent;
    line-height: 1;
    cursor: pointer;
    background: #f1f1f1;
    color: #3d3d3d;
    font-weight: 400;
    transition: all .2s ease-in-out;
    position: relative
}

.filterTabs .tabsItem:after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: -9px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 8px solid #28ad00;
    opacity: 0;
    visibility: hidden;
    transition: all .2s ease-in-out
}

.filterTabs .tabsItem.active,
.filterTabs .tabsItem:hover {
    color: #28ad00
}

.filterTabs .tabsItem.active {
    border-bottom: 1px solid #28ad00;
    background: #fff;
    border-radius: 5px 5px 0 0;
    margin-bottom: -1px;
    border-color: #28ad00
}

.filterTabs .tabsItem.active:after {
    opacity: 1;
    visibility: visible
}

#comparePage #modalAddCompare .card {
    overflow: hidden
}

#comparePage #modalAddCompare #cardColor img {
    transition: transform .3s ease-in-out
}

#comparePage #modalAddCompare .cardColor.zoomed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    zoom: 1.5;
    z-index: 9;
    text-align: center
}

#comparePage #modalAddCompare .cardColor.zoomed:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(255, 255, 255, .9);
    z-index: -1;
    border: 1px solid red;
    border-radius: 4px
}

#comparePage #modalAddCompare .cardColor.zoomed .text {
    color: #000 !important
}

.tableCompare th {
    text-align: center;
    padding: 0 24px 8px;
    position: relative
}

.tableCompare td,
.tableCompare th {
    width: 50%;
    font-weight: 400;
    vertical-align: top
}

.tableCompare td {
    padding: 16px 24px;
    position: relative;
    border-bottom: 1px solid #dfdfdf
}

.tableCompare td.tableInner {
    padding: 16px 0
}

.tableCompare td.tableInner td {
    border-bottom: 0
}

.tableCompare td.tableInner tr:last-child .ratingOuter {
    border-bottom: 0
}

.tableCompare .addCompBtn2 {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    margin: -17px auto 0;
    max-width: 110px
}

.tableCompare .rating {
    font-size: 12px;
    padding: 0
}

.tableCompare .rating i {
    margin-right: 0;
    width: 12px;
    height: 12px
}

.tableCompare .reviewWrap {
    font-size: 14px;
    padding: 0 24px 8px
}

.tableCompare .reviewWrap .rating {
    width: 45px
}

.tableCompare .reviewWrap .title {
    margin-left: 10px
}

.tableCompare .tableInner tr:last-child .ratingOuter {
    padding-bottom: 12px
}

.tableCompare .tableInner td {
    padding-bottom: 0
}

.tableCompare .tableInner .rating i {
    color: #28ad00
}

.tableCompare .tableInner p {
    padding-top: 0;
    font-size: 12px;
    line-height: 1.5;
    zoom: .8
}

.tableCompare .tableInner .reviewAvg {
    padding-top: 8px
}

.tableCompare .tableInner .ratingOuter {
    border-bottom: 1px dashed #dfdfdf;
    padding-bottom: 16px
}

.tableCompare .tableInner .btn-link {
    padding: 4px 0;
    font-size: 12px;
    zoom: .8
}

.tableCompare h3 {
    color: #28ad00;
    font-size: 14px;
    position: absolute;
    top: 16px;
    left: 24px
}

.tableCompare p {
    font-size: 12px;
    line-height: 16px;
    padding-top: 37px
}

.tableCompare p.highlightSpec {
    margin: 21px -24px -16px -24px;
    padding: 20px 24px 18px;
    background: rgba(40, 173, 0, .1)
}

.tableCompare .cardCompareList.card {
    min-width: auto;
    padding: 0;
    max-width: 160px;
    display: block
}

.tableCompare .cardCompareList .cardImg {
    height: 75px;
    margin: 10px 0 15px;
    min-height: 100%
}

.tableCompare .cardCompareList .cardImg img {
    width: auto;
    margin: 0 auto
}

.tableCompare .cardCompareList .nameHolder {
    min-height: 30px
}

.tableCompare .cardCompareList .cardName {
    font-size: 12px;
    letter-spacing: 1px;
    margin-top: 0
}

.tableCompare .cardCompareList .cardPrice {
    font-size: 12px;
    margin-bottom: 8px;
    min-height: 32px
}

.tableCompare .cardCompareList .cardColor {
    text-align: center;
    margin-bottom: 12px;
    min-height: 31px
}

.tableCompare .cardCompareList .cardColor .colorBtn {
    margin: 0 2px
}

.tableCompare .cardCompareList .cardColor .text {
    font-size: 12px;
    zoom: .9
}

.tableCompare .cardCompareList .reviewAvg {
    font-size: 12px;
    padding-top: 4px
}

.tableCompare .cardCompareList .btn {
    margin-top: 14px;
    border-radius: 4px;
    -webkit-border-radius: 4px
}

.tableCompare .cardCompareList .closeIconBtn {
    right: -10px;
    height: 12px;
    width: 12px;
    top: 2px;
    z-index: 21
}

.tableCompare .cardCompareList .closeIconBtn:after,
.tableCompare .cardCompareList .closeIconBtn:before {
    top: 5px;
    background: #959595;
    border-radius: 10px;
    -webkit-border-radius: 10px
}

.tableCompare .cardCompareList .cutPrice {
    font-size: 12px;
    letter-spacing: .5px
}

.tableCompare .cardCompareList .cutPrice i {
    font-size: 12px
}

@media only screen and (min-width:360px) {
    .tableCompare .cardCompareList .cardImg {
        height: 85px
    }
}

@media only screen and (min-width:374px) {
    .tableCompare .cardCompareList .cardImg {
        height: 110px
    }

    .tableCompare .cardCompareList .cardPrice {
        font-size: 12px;
        min-height: 32px
    }
}

.compareBtn {
    min-width: 120px;
    height: 30px;
    left: 50%;
    bottom: -15px;
    line-height: 28px;
    font-size: 12px;
    background: #fff;
    padding: 0 15px 0 25px;
    position: absolute;
    font-weight: 600;
    transform: translate(-50%, 0);
    border-radius: 30px;
    -webkit-border-radius: 30px;
    -webkit-box-shadow: 4px 4px 14px 0 rgba(96, 96, 96, .2);
    box-shadow: 4px 4px 14px 0 rgba(96, 96, 96, .2);
    z-index: 1
}

.compareBtn:after {
    content: "";
    top: 10px;
    left: 12px;
    position: absolute;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    border-style: solid;
    display: inline-block;
    padding: 3px;
    margin-left: 3px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    border-color: #d2d2d2;
    border-width: 0 1px 1px 0;
    vertical-align: -1px;
    padding: 3px;
    border-color: #221629
}

.compareBtn span {
    width: 30px;
    height: 30px;
    line-height: 30px;
    color: #fff;
    font-size: 12px;
    float: right;
    background: #28ad00;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    margin-left: 4px;
    float: right;
    margin-right: -15px
}

.compareBtn .icon-compare-arrow {
    display: none
}

.compareBtn .compare-text {
    padding: 0 4px 0 8px
}

.compBtnSticky.active {
    position: fixed;
    min-width: 40px;
    width: 40px;
    height: 40px;
    bottom: 115px;
    right: -7px;
    left: auto;
    z-index: 9;
    background: #ffdc00;
    color: #221629;
    border-radius: 50%;
    padding: 0
}

.compBtnSticky.active .compare-text {
    display: none
}

.compBtnSticky.active .compare-count {
    top: -3px;
    left: 0;
    width: 15px;
    height: 15px;
    line-height: 15px;
    background: #28ad00;
    border-radius: 50%;
    display: block;
    position: absolute
}

.compBtnSticky.active .icon-compare-arrow {
    display: initial;
    font-size: 20px;
    line-height: 40px
}

.compBtnSticky.active.compareBtn:after {
    display: none
}

#modalCompare .card.cardComapreWap {
    width: 100% !important;
    max-width: 100%;
    margin: 0 auto;
    padding-top: 20px
}

#modalCompare .card.cardComapreWap .cardCompareModal {
    width: 100%
}

#modalCompare .card.cardComapreWap .cardCompareModal>li {
    width: calc(50% - 12px) !important
}

#modalCompare .card.cardComapreWap .cardImg {
    position: relative
}

#modalCompare .card.cardComapreWap .cardImg img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto
}

#modalCompare .card .cardImg {
    margin: 25px auto 10px;
    min-height: 106px;
    padding: 0 10px
}

#modalCompare .card .bikeName {
    font-weight: 600;
    letter-spacing: 1px;
    min-height: 32px;
    display: block
}

#modalCompare .card .closeIconBtn {
    top: 0;
    width: 22px
}

#modalCompare .card .closeIconBtn:after,
#modalCompare .card .closeIconBtn:before {
    background: #959595
}

#modalCompare .card .cardFooterGroup {
    border-radius: 6px;
    -webkit-border-radius: 6px
}

#modalCompare .card .cardFooterGroup li {
    width: 100%
}

#modalCompare .card .cardFooterGroup li .btn {
    font-size: 14px;
    right: 0
}

#modalPreOrder h2 {
    font-size: 30px;
    margin-bottom: 12px
}

#modalPreOrder .preOrderHeading p {
    font-style: italic;
    line-height: 1.2
}

#modalPreOrder .preOrderHeading .text-accent {
    font-style: normal
}

#modalPreOrder .modalContent {
    padding: 0 20px;
    overflow-x: hidden
}

#modalPreOrder .preOrderHeading {
    border-bottom: 1px dashed #dfdfdf;
    padding: 8px 0 16px;
    margin-bottom: 16px
}

#modalPreOrder .preOrderInfo li {
    padding: 8px 0 8px 26px;
    position: relative;
    font-size: 12px;
    line-height: 1.4;
    color: #959595
}

#modalPreOrder .preOrderInfo li:before {
    content: "";
    position: absolute;
    left: 0;
    top: 9px;
    width: 11px;
    height: 11px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    background: #ffdc00
}

#modalPreOrder .preOrderNowBtn {
    line-height: 44px;
    margin: 8px 0 20px;
    display: block;
    text-transform: uppercase
}

.preOrderIcon {
    background: url(https://d60i6mpkbdpwe.cloudfront.net/assets/ninetyone/images/pre-order.png) no-repeat;
    width: 140px;
    height: 140px;
    -webkit-background-size: contain;
    background-size: contain;
    margin: 30px auto 8px
}

@media only screen and (min-width:767px) {
    .preOrderIcon {
        width: 180px;
        height: 180px
    }
}

.cardVoiceRider .title,
.cardVoiceRider .voiceRiderCont h3,
.gallaryMain .title,
.gallaryMain .voiceRiderCont h3 {
    font-size: 16px;
    line-height: 1.3;
    font-style: italic
}

.cardVoiceRider .riderThumb,
.gallaryMain .riderThumb {
    width: 55px;
    height: 55px;
    border: 5px solid #fff;
    position: relative;
    overflow: hidden;
    background: #fff
}

.cardVoiceRider .riderThumb img,
.gallaryMain .riderThumb img {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    display: block;
    max-height: 50px;
    height: auto;
    width: auto;
    max-width: initial
}

.cardVoiceRider .rating,
.gallaryMain .rating {
    padding: 0
}

.cardVoiceRider .rating .star-sm i,
.gallaryMain .rating .star-sm i {
    font-size: 12px;
    width: 10px;
    height: 10px
}

.cardVoiceRider .rating .ratingText,
.gallaryMain .rating .ratingText {
    font-size: 12px;
    vertical-align: -2px
}

.cardVoiceRider .name,
.gallaryMain .name {
    font-weight: 600;
    color: #221629
}

#cardVoiceRiderSlider .voiceRiderCont {
    height: 505px;
    max-width: 280px;
    margin: 0 auto
}

#cardVoiceRiderSlider .voiceRiderCont .twoBike .listModalInfo {
    display: table-cell;
    vertical-align: middle
}

#cardVoiceRiderSlider .voiceRiderCont .twoBike .modelDesc h5 {
    font-size: 12px
}

#cardVoiceRiderSlider li {
    padding: 0 6px
}

#cardVoiceRiderSlider .listModalInfo {
    margin-top: 0
}

#cardVoiceRiderSlider .listModalInfo h5 {
    font-size: 12px
}

#cardVoiceRiderSlider .vorTitle2 {
    min-height: 45px
}

#cardVoiceRiderSlider p.thinScrollBar {
    max-height: 110px;
    margin: 10px 0 5px
}

.cardVoiceRider {
    background: #f8f8f8
}

.cardVoiceRider .title {
    height: 60px;
    vertical-align: middle;
    display: table
}

.cardVoiceRider .cardListWidget {
    padding: 0;
    background: 0 0;
    margin: 8px 0
}

.cardVoiceRider .cardListWidget>div:first-child {
    width: 65px
}

.cardVoiceRider .cardListWidget .rating {
    padding: 0
}

.cardVoiceRider .cardListWidget .rating .ratingText {
    line-height: 1;
    vertical-align: -2px;
    font-size: 12px
}

.cardVoiceRider .cardListWidget .name {
    font-weight: 600
}

.cardVoiceRider .galleryBtn {
    width: 30px
}

.cardVoiceRider h4 {
    font-size: 16px !important;
    margin-bottom: 12px
}

.cardVoiceRider ul p {
    font-size: 12px;
    margin: 14px 0 10px;
    height: 96px;
    padding-right: 6px
}

.cardVoiceRider .listModalInfo {
    margin-top: 18px;
    margin-left: 0;
    margin-right: 0
}

.cardVoiceRider .listModalInfo .imgThumb {
    border-color: #f1f1f1
}

.cardVoiceRider .slick-dots {
    bottom: -20px
}

.cardVoiceRider .slick-dotted.slick-slider {
    margin-bottom: 20px
}

.cardVoiceRider .videoHint {
    position: relative;
    height: 130px;
    overflow: hidden;
    width: 100%;
    border-radius: 6px;
    -webkit-border-radius: 6px
}

.cardVoiceRider .videoHint:after,
.cardVoiceRider .videoHint:before {
    position: absolute
}

.cardVoiceRider .videoHint:before {
    top: 50%;
    left: 50%;
    width: 46px;
    height: 46px;
    font-size: 46px;
    line-height: 1;
    z-index: 2;
    margin: -23px 0 0 -23px;
    color: #28ad00
}

.cardVoiceRider .videoHint:after {
    content: "";
    left: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    background: rgba(0, 0, 0, .3);
    z-index: 1;
    border-radius: 6px;
    -webkit-border-radius: 6px
}

.cardVoiceRider .riderGallery {
    display: flex;
    column-gap: 8px
}

.cardVoiceRider .riderGallery .imgOuter {
    min-height: 142px;
    width: 50%
}

.cardVoiceRider .riderGallery .imgOuter.bikeImg {
    background-color: #fff;
    position: relative;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    box-shadow: 4px 4px 14px 0 rgba(96, 96, 96, .1)
}

.cardVoiceRider .riderGallery img {
    border-radius: 6px;
    -webkit-border-radius: 6px;
    width: 100%;
    height: auto
}

.cardVoiceRider .allRiderRiviewBtn {
    font-size: 12px
}

.cardVoiceRider .icon-gallery {
    font-size: 24px;
    line-height: 1;
    color: #28ad00
}

.videoBtn {
    line-height: 22px;
    height: 24px;
    border: 1px solid #e60049;
    padding: 0 12px;
    border-radius: 28px;
    -webkit-border-radius: 28px;
    color: #e60049;
    font-size: 12px;
    width: 60px;
    text-align: center
}

.videoBtn i {
    margin-right: 2px;
    vertical-align: -1px
}

.tesVidBtn {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 2
}

.tesVidBtn:before {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 1;
    width: 50px;
    height: 50px;
    font-size: 50px;
    color: #28ad00;
    margin-left: -25px;
    margin-top: -25px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    cursor: pointer
}

.tesVidBtn.thmbVidIcon {
    background: rgba(0, 0, 0, .5)
}

.tesVidBtn.thmbVidIcon:before {
    z-index: 1;
    width: 20px;
    height: 20px;
    font-size: 20px;
    margin-left: -10px;
    margin-top: -10px;
    cursor: pointer
}

.gallaryMain .vorCdList {
    display: flex;
    flex-wrap: wrap
}

.gallaryMain .vorCdList .galleryShade {
    min-height: 660px
}

.gallaryMain .title {
    margin: 25px 0 10px
}

.gallaryMain .date {
    font-size: 12px
}

.gallaryMain .riderThumb {
    position: absolute;
    top: -60px;
    left: 8px
}

.gallaryMain .slick-dots {
    text-align: right;
    bottom: -25px
}

.gallaryMain .galleryCard {
    text-align: left
}

.gallaryMain .galleryCard .slick-slide img {
    border-radius: 6px;
    -webkit-border-radius: 6px
}

.gallaryMain h3 {
    padding: 2px 5px 0;
    font-size: 12px
}

.gallaryMain .listModalInfo {
    margin: 16px 0
}

.gallaryMain .videoBtn {
    position: absolute;
    top: 6px;
    right: 0
}

#voiceRiderPage .couldnt-find h2 {
    text-transform: inherit
}

#voiceRiderPage .couldnt-find .btn-view-all {
    display: inline-block;
    border: 1px solid #28ad00;
    border-radius: 30px;
    height: 32px;
    line-height: 32px;
    padding: 0 12px;
    background: #297711;
    color: #221629
}

#voiceRiderPage .couldnt-find .btn-view-all span {
    font-weight: 600
}

#voiceRiderPage .couldnt-find i {
    font-size: 24px
}

#voiceRiderPage .easy-autocomplete-container {
    max-height: 400px;
    overflow-y: auto
}

#voiceRiderPage .galleryCard .gallaryImg {
    width: 100%;
    height: 375px;
    background-size: cover !important;
    border-radius: 6px;
    -webkit-border-radius: 6px
}

#voiceRiderPage .galleryCard .gCovrImg {
    width: 100%;
    height: 100%;
    background-size: cover !important;
    background-position: center top !important
}

#voiceRiderPage .galleryCard .title {
    padding: 0 16px;
    overflow: hidden;
    font-size: 16px
}

#voiceRiderPage .galleryCard .name {
    font-size: 12px;
    font-weight: 600
}

#voiceRiderPage .galleryCard p {
    font-size: 12px
}

#voiceRiderPage .glVideo {
    height: 375px;
    width: 100%;
    position: relative;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    overflow: hidden;
    background: #000
}

#voiceRiderPage .glVideo video {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 108%;
    height: 100%;
    border: 0;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

#voiceRiderPage .gallaryMain h3 {
    padding: 4px 0 8px
}

#voiceRiderPage .gallaryMain .slick-dots {
    right: 16px
}

#testimonial {
    margin-top: 28px
}

#testimonial .card {
    height: 350px;
    overflow: hidden;
    opacity: 1;
    background-size: cover !important
}

#testimonial .card:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 60%;
    background: #221629;
    background: -moz-linear-gradient(0deg, rgba(0, 0, 0, .6) 60%, rgba(0, 0, 0, 0) 100%);
    background: -webkit-linear-gradient(0deg, rgba(0, 0, 0, .6) 60%, rgba(0, 0, 0, 0) 100%);
    background: linear-gradient(0deg, rgba(0, 0, 0, .6) 60%, rgba(0, 0, 0, 0) 100%);
    pointer-events: none;
    z-index: 4
}

#testimonial .content {
    bottom: 0;
    left: 0;
    z-index: 99;
    position: absolute;
    padding: 14px 16px;
    text-align: left
}

#testimonial .content * {
    color: #fff
}

#testimonial .content span {
    font-size: 12px
}

#testimonial h5 {
    font-size: 14px;
    display: inline-block
}

#testimonial p {
    max-height: 53px;
    line-height: 1.2;
    font-style: italic
}

#testimonial p i {
    color: #28ad00 !important;
    font-weight: 600;
    display: inline-block
}

#testimonial i {
    display: block;
    font-style: italic;
    margin-top: 2px
}

@media only screen and (min-width:340px) {
    .cardVoiceRider .videoHint {
        height: 150px
    }
}

@media only screen and (min-width:375px) {
    #voiceRiderPage .galleryCard .gallaryImg {
        height: 400px
    }

    #voiceRiderPage .glVideo {
        height: 400px
    }

    #voiceRiderPage .glVideo video {
        width: 105%;
        height: 109%
    }
}

@media only screen and (min-width:414px) {
    .cardVoiceRider .videoHint {
        height: 172px
    }
}

@media only screen and (min-width:768px) {
    .cardVoiceRider .videoHint {
        height: 342px
    }
}

.cares-head {
    position: relative;
    z-index: 2;
    background: #f5f5f5;
    border-radius: 20px 20px 0 0;
    justify-content: space-between;
    align-items: center
}

.cares-head .cares-btn {
    min-height: 36px;
    padding: 8px 10px;
    position: relative;
    border: 1px solid transparent;
    border-radius: 20px 20px 20px 0;
    cursor: pointer
}

.cares-head .cares-btn:last-child {
    border-radius: 20px 20px 0 20px
}

.cares-head .cares-btn .customControl {
    margin-bottom: 0
}

.cares-head .cares-btn .customIndicator {
    border-radius: 4px
}

.cares-head .cares-btn.active {
    background: #fff;
    border-color: #dfdfdf
}

.cares-head .cares-btn.active .icon-box {
    color: #28ad00;
    border-color: #28ad00
}

.cares-head .cares-btn.active .icon-box:before {
    opacity: 1
}

.cares-head .cares-btn.active span {
    background: rgba(40, 173, 0, .1);
    border-color: #28ad00
}

.cares-head .cares-btn.active img {
    filter: grayscale(0)
}

.cares-head .cares-btn span {
    border-radius: 10px 0;
    padding: 3px 5px;
    line-height: 1;
    font-size: 12px;
    margin-left: 8px;
    border: 1px solid #d4d4d4;
    color: #221629;
    zoom: .8
}

.cares-head .icon-box {
    width: 16px;
    height: 16px;
    background: #fff;
    border: 2px solid #dfdfdf;
    font-size: 12px;
    line-height: 12px;
    text-align: center;
    border-radius: 4px;
    margin-right: 6px
}

.cares-head .icon-box:before {
    opacity: 0
}

.cares-head img {
    width: 52px;
    height: auto;
    filter: grayscale(1)
}

.cares-head .wizLogo {
    width: 43px
}

.forgCaresWidget {
    margin: 0 0 18px
}

.forgCaresWidget .frogCaresHead {
    bottom: -4px;
    z-index: 0
}

.forgCaresWidget .carePrice,
.forgCaresWidget .title {
    border-radius: 6px 6px 0 0;
    -webkit-border-radius: 6px 6px 0 0;
    font-size: 12px;
    padding: 5px 0;
    height: 28px
}

.forgCaresWidget .title {
    background: #28ad00;
    color: #fff;
    width: 108px
}

.forgCaresWidget .carePrice {
    background: rgba(40, 173, 0, .1);
    border: 1px solid #28ad00;
    color: #28ad00;
    width: 70px;
    font-weight: 600
}

.forgCaresWidget .assemblyText,
.forgCaresWidget .frogCaresLogo {
    display: inline-block;
    vertical-align: middle
}

.forgCaresWidget .assemblyText {
    font-size: 12px;
    line-height: 1.3;
    color: #000
}

.forgCaresWidget .frogCaresLogo {
    width: 60px
}

.forgCaresWidget .rupeeCustom {
    font-size: 100%;
    font-weight: 600;
    zoom: .8
}

.forgCaresWidget .frogContent {
    border: 1px solid #dfdfdf !important;
    padding: 20px 14px 10px;
    background: #fff;
    border-radius: 0 0 6px 6px;
    -webkit-border-radius: 0 0 6px 6px;
    z-index: 2
}

.forgCaresWidget .frogContent .customControl {
    padding: 0 0 0 30px;
    width: 100%
}

.forgCaresWidget .frogCareText li {
    position: relative;
    padding-left: 25px;
    font-size: 12px;
    margin-bottom: 8px;
    color: #424242
}

.forgCaresWidget .frogCareText li:before {
    font-family: icomoon !important;
    content: "\e966";
    position: absolute;
    top: 2px;
    left: 3px;
    color: #efc02f;
    font-size: 12px
}

.forgCaresWidget .frogContent .customIndicator {
    top: 0
}

.ninetyone-care {
    margin-top: 28px
}

.ninetyone-care li {
    width: 100%;
    position: relative
}

.ninetyone-care li:after {
    content: "";
    position: absolute;
    right: 28px;
    top: 75px;
    background: url(https://d60i6mpkbdpwe.cloudfront.net/assets/ninetyone/images/brand-page/arrow-right.png) right no-repeat;
    background-size: contain;
    width: 30px;
    height: 20px;
    display: inline-block
}

.ninetyone-care li:last-child:after {
    display: none
}

.ninetyone-care .step-img {
    width: 180px
}

.ninetyone-care h4 {
    font-size: 18px;
    margin: 30px 0 10px
}

.ninetyone-care p {
    font-size: 14px;
    max-width: 180px;
    margin: 0 auto;
    line-height: 1.2
}

.ninetyone-care::-webkit-scrollbar {
    display: none
}

@media only screen and (min-width:375px) {
    .forgCaresWidget .frogContent {
        padding: 20px 16px 10px
    }
}

@media only screen and (min-width:414px) {
    .cares-head .cares-btn {
        padding: 8px 15px
    }

    .cares-head .cares-btn span {
        font-size: 12px
    }

    .cares-head .cares-btn .icon-box {
        width: 18px;
        height: 18px;
        font-size: 12px;
        line-height: 16px
    }

    .cares-head img {
        width: 76px
    }

    .cares-head .wizLogo {
        width: 55px
    }
}

#accessoriesOuter {
    padding: 0
}

#simlAccessSlider {
    margin-bottom: 40px
}

#simlAccessSlider .slick-slide {
    padding: 30px 16px 16px
}

#simlAccessSlider .slick-active {
    opacity: 1
}

#simlAccessSlider .slick-dots {
    bottom: -25px
}

.similarAccess.card {
    max-width: 320px;
    max-height: 400px;
    min-height: 400px;
    margin: 0 auto
}

.similarAccess.card .cardFooterGroup li {
    width: 45%
}

.similarAccess.card .cardFooterGroup li:last-child {
    width: 55%;
    border-left: 0
}

.similarAccess.card .cardImg {
    min-height: 220px;
    max-height: 220px;
    margin: 6px 0
}

.similarAccess.card .cardImg img {
    max-height: 220px;
    display: block;
    width: auto;
    margin: 0 auto;
    max-width: 100%
}

#productPage .modalListingPopup.modalFoundIt .modalMainBottom {
    max-width: 1000px
}

#productPage .modalListingPopup.modalFoundIt .cardquickproduct {
    text-align: center;
    padding: 20px 8px 90px 8px
}

#productPage .modalListingPopup.modalFoundIt .cardquickproduct .productListSlider {
    margin-bottom: 10px
}

#productPage .modalListingPopup.modalFoundIt .card {
    padding: 0
}

#productPage .modalListingPopup.modalFoundIt .card .cadTopSpec li {
    font-size: 12px;
    margin-left: 12px
}

#productPage .modalListingPopup.modalFoundIt .card .cadTopSpec i {
    font-size: 14px
}

#productPage .modalListingPopup.modalFoundIt .card .imgHolder img {
    max-width: 300px;
    max-height: 200px
}

#productPage .modalListingPopup.modalFoundIt .card .cardSpec {
    max-width: 100%
}

#productPage .modalListingPopup.modalFoundIt .card .cardSpec .specList {
    width: 50%
}

#productPage .modalListingPopup.modalFoundIt .card .priceHolder {
    padding: 0 20px 16px
}

#productPage .modalListingPopup.modalFoundIt .card .productListSlider {
    max-width: 300px;
    margin: 6px auto 40px
}

#productPage .modalListingPopup.modalFoundIt .modalFooter {
    left: auto;
    width: 100%
}

#productPage .modalListingPopup.modalFoundIt .modalFooter .btn {
    font-size: 12px
}

#productPage .modalListingPopup.modalFoundIt .modalFooter .viewBtn i {
    vertical-align: -2px;
    margin-right: 8px
}

#productPage .modalListingPopup.modalFoundIt .topPanel {
    padding: 15px 10px 10px 0
}

#productPage .modalListingPopup.modalFoundIt .topPanel img {
    width: 110px;
    margin-right: 10px
}

#productPage .modalListingPopup.modalFoundIt .topPanel h4 {
    font-size: 24px
}

#productPage .modalListingPopup.modalFoundIt .topPanel p {
    font-size: 14px;
    line-height: 16px;
    font-style: italic
}

#productPage .modalListingPopup.modalFoundIt .rightPanel {
    width: 55%;
    position: relative
}

#productPage .modalListingPopup.modalFoundIt .icon-heart {
    top: 25px;
    right: 15px;
    font-size: 18px;
    position: absolute;
    color: #959595
}

#productPage .modalListingPopup.modalFoundIt .modelTag {
    top: 30%
}

.frequentlyBought {
    position: relative
}

.frequentlyBought ul {
    padding: 0 0 40px
}

.frequentlyBought li {
    width: 100%;
    display: inline-block;
    vertical-align: top
}

.frequentlyBought li:last-child {
    margin-right: 0
}

.frequentlyBought li:last-child .card:after {
    display: none
}

.frequentlyBought li:first-child {
    border-bottom: 1px solid #dfdfdf
}

.frequentlyBought #access-bike {
    display: none
}

.frequentlyBought .fbtCard {
    border-radius: 4px;
    min-width: 220px
}

.frequentlyBought .fbtCard .cardName {
    font-size: 14px;
    letter-spacing: 0
}

.frequentlyBought .fbtCard .cardImg {
    margin: 10px auto;
    height: 70px;
    width: 100px;
    max-width: 100%;
    max-height: 100%;
    position: relative;
    overflow: hidden;
    opacity: .6
}

.frequentlyBought .fbtCard .cardImg img {
    top: 50%;
    left: 50%;
    width: auto;
    max-width: 100%;
    max-height: 100%;
    position: absolute;
    transform: translate(-50%, -50%);
    height: auto
}

.frequentlyBought .fbtCard p {
    font-size: 16px;
    padding-left: 20px;
    line-height: 25px
}

.frequentlyBought .fbtCard .modalChoose {
    position: absolute;
    top: 20px;
    right: 16px;
    width: 20px;
    height: 20px;
    line-height: 16px;
    cursor: pointer;
    border: 1px solid #dfdfdf;
    -webkit-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    font-size: 12px
}

.frequentlyBought .fbtCard .modalChoose:before {
    opacity: 0;
    visibility: hidden;
    color: #fff;
    zoom: .7
}

.frequentlyBought .fbtCard.accessCard {
    position: relative;
    padding: 16px 16px 25px
}

.frequentlyBought .fbtCard.accessCard .cardImg {
    width: 75px
}

.frequentlyBought .fbtCard.accessCard .cardName {
    padding-right: 20px
}

.frequentlyBought .fbtCard.accessCard .cardPrice {
    vertical-align: bottom
}

.frequentlyBought .fbtCard.accessCard .cardPrice .originalPrice {
    text-decoration: line-through
}

.frequentlyBought .fbtCard.accessCard .colorWidget .attrBtn {
    width: 45px;
    height: 15px;
    font-size: 12px;
    line-height: 15px
}

.frequentlyBought .fbtCard.accessCard .loaderOverlay {
    position: absolute
}

.frequentlyBought .fbtCard.selected {
    border-color: #28ad00
}

.frequentlyBought .fbtCard.selected .modalChoose {
    border: 1px solid #28ad00;
    background: #28ad00
}

.frequentlyBought .fbtCard.selected .modalChoose:before {
    opacity: 1;
    visibility: visible
}

.frequentlyBought .fbtCard.selected .cardImg {
    opacity: 1
}

.frequentlyBought .footerGroup {
    padding: 15px 0 0;
    position: relative
}

.frequentlyBought .footerGroup .priceHolder {
    bottom: 45px;
    width: 100%;
    color: #28ad00;
    font-size: 14px;
    text-align: center;
    position: absolute;
    font-weight: 700
}

.frequentlyBought .footerGroup .priceHolder span {
    margin-left: 5px
}

.frequentlyBought .footerGroup .priceHolder span i {
    font-size: 72%;
    font-weight: 700
}

.frequentlyBought .footerGroup .buyWithAcc {
    width: 100%;
    height: 40px;
    border-radius: 4px;
    font-size: 14px;
    line-height: 40px;
    padding: 0
}

.frequentlyBought .footerGroup .cutPrice {
    color: #616161;
    font-weight: 400;
    vertical-align: middle;
    font-size: 12px;
    text-transform: uppercase;
    line-height: 1;
    text-decoration: line-through
}

.frequentlyBought .btnViewMore {
    float: right
}

.frequentlyBought .proAccess {
    border-bottom: 1px solid #dfdfdf
}

.section .moreData {
    width: 50px;
    height: 25px;
    line-height: 25px;
    background: #fff;
    color: #221629;
    font-size: 12px;
    border-radius: 30px;
    border: 1px solid #28ad00;
    font-weight: 700;
    cursor: pointer;
    z-index: 99
}

.section .moreData.arrowUp {
    transform: rotate(-180deg)
}

@media only screen and (max-width:330px) {
    .frequentlyBought .fbtCard {
        width: 100%;
        max-width: 100%
    }
}

#frequentlyBought .modalMain {
    top: 20%;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    max-height: 100%;
    transform: translate(0)
}

#frequentlyBought .modalMain .closeIconBtn {
    top: 10px !important;
    left: 10px;
    width: 25px;
    height: 25px
}

#frequentlyBought .modalMain .closeIconBtn:after,
#frequentlyBought .modalMain .closeIconBtn:before {
    left: 2px;
    top: 7px;
    width: 12px;
    background: #221629
}

#frequentlyBought .proAccess .productWrap .imgHolder {
    padding-left: 20px
}

#frequentlyBought .proAccess .productWrap .imgHolder img {
    max-width: 110px
}

#frequentlyBought .productWrap {
    position: relative
}

#frequentlyBought .productWrap .imgHolder {
    width: 150px
}

#frequentlyBought .productWrap .imgHolder img {
    width: auto;
    max-width: 130px;
    max-height: 100px;
    margin: 0 auto
}

#frequentlyBought .productWrap .proDesc .proPrice i {
    font-size: 12px;
    zoom: .75
}

#frequentlyBought .productWrap .proDesc .buyWithAcc {
    border-radius: 4px;
    padding: 7px 25px 5px;
    font-size: 12px
}

#frequentlyBought .productWrap .proDesc .cutPrice {
    color: #616161;
    vertical-align: middle;
    text-decoration: line-through
}

#frequentlyBought .productWrap .proDesc .priceOff {
    font-size: 12px !important
}

#frequentlyBought .proAccess .title {
    font-size: 14px;
    text-align: left;
    text-transform: capitalize;
    font-weight: 600
}

#frequentlyBought #btnAccPopup {
    height: 40px;
    font-size: 16px;
    font-weight: 600;
    border-radius: 6px;
    -webkit-border-radius: 6px
}

#frequentlyBought .customControl {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%
}

#frequentlyBought .customControl .customIndicator {
    top: 50%;
    margin-top: -12px
}

#careerMain .cardWidget h1 {
    margin-bottom: 16px
}

#careerMain .cardWidget p {
    text-align: center;
    margin: 0 auto;
    padding: 0 16px;
    font-weight: 300;
    font-size: 14px
}

#careerMain .jobList li {
    margin-bottom: 30px
}

#careerMain .jobList .imgHolder {
    width: 120px
}

#careerMain .jobList .imgHolder img {
    width: auto;
    max-width: 120px;
    max-height: 100px;
    margin: 6px auto 0
}

#careerMain .jobList .jobDesc h3 {
    top: 12px;
    left: 10px;
    font-weight: 400;
    position: absolute
}

#careerMain .jobList .jobDesc span {
    font-size: 12px
}

#careerMain .accordion {
    padding: 40px 10px 10px;
    position: relative;
    background: #f9f9f9;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

#careerMain .accordion:after {
    top: 15px;
    right: 20px;
    padding: 4px;
    position: absolute;
    border-color: #221629
}

#careerMain .accordion.active {
    color: #221629
}

#careerMain .accordion i {
    font-size: 12px;
    color: #28ad00;
    margin-right: 7px;
    vertical-align: -1px
}

#careerMain .accordion .icon-dispatch {
    margin-right: 6px;
    font-size: 13px
}

#careerMain .accordion .icon-location {
    margin-right: 11px
}

#careerMain .accordionPanel {
    text-align: left;
    padding: 0 16px
}

#careerMain .accordionPanel h3 {
    padding: 20px 0 10px
}

#careerMain .accordionPanel p {
    padding-bottom: 15px
}

#careerMain .accordionPanel li {
    list-style: disc;
    margin-left: 15px;
    font-size: 12px;
    margin-bottom: 15px
}

#careerMain label.error {
    position: absolute;
    bottom: -20px;
    left: 5px;
    color: red;
    font-size: 12px
}

#careerMain .file-upload label.error {
    position: initial
}

#careerMain .career-form .btn {
    border-radius: 4px;
    -webkit-border-radius: 4px;
    padding: 12px 0;
    font-size: 14px
}

#careerMain .career-form .btn.disabled {
    pointer-events: none;
    cursor: not-allowed
}

#careerMain #captchaerror {
    font-size: 12px;
    margin-bottom: 5px
}

.sprite-one {
    background: url(https://d60i6mpkbdpwe.cloudfront.net/assets/ninetyone/images/sprite-one.svg) no-repeat;
    display: inline-block;
    vertical-align: middle
}

.newTag {
    background-position: -86px -41px;
    width: 42px;
    height: 42px
}

.caresDownArroOne {
    background-position: -440px -5px;
    width: 29px !important;
    height: 58px !important
}

.caresDownArroTwo {
    background-position: -407px -5px;
    width: 29px !important;
    height: 58px !important;
    margin-top: 4px
}

.ninetyOneBrand {
    background: url(https://d60i6mpkbdpwe.cloudfront.net/assets/ninetyone/images/header-mountain.svg) no-repeat left bottom;
    -webkit-background-size: contain;
    background-size: contain;
    color: #221629;
    position: relative;
    top: 15px;
    left: 0;
    height: 26px;
    text-align: left;
    border-bottom: 1px solid #ccc;
    padding-left: 105px;
    padding-right: 40px;
    width: 100%;
    max-width: 340px
}

.ninetyOneBrand .brandTagLine {
    font-size: 12px;
    font-style: italic;
    white-space: nowrap
}

.ninetyOneBrand .brandTagLine strong {
    font-weight: 600
}

.ninetyOneBrand .btnBrand {
    text-decoration: underline;
    font-weight: 600
}

.aboutBrandPage {
    background: #fff;
    color: #081916
}

.aboutBrandPage .welcomeBanner {
    background: #28ad00;
    min-height: 200px;
    position: relative
}

.aboutBrandPage .btnReturnHome {
    position: absolute;
    top: 14px;
    right: 14px;
    width: 24px;
    height: 24px
}

.aboutBrandPage h2 {
    font-size: 18px;
    font-weight: 700;
    color: #081916;
    margin-bottom: 16px
}

.aboutBrandPage h1,
.aboutBrandPage p {
    color: #081916
}

.aboutBrandPage p {
    font-size: 14px;
    line-height: 1.7;
    font-weight: 300;
    font-style: italic
}

.aboutBrandPage .newUsTitle {
    margin: 35px 0 20px
}

.aboutBrandPage .newUsTitle img {
    margin: 0 auto;
    width: 250px
}

.aboutBrandPage .welcomeConent {
    padding-top: 35px;
    max-width: 945px;
    padding-bottom: 50px
}

.aboutBrandPage .brandLogoList li {
    margin: 15px 25px;
    display: block
}

.aboutBrandPage .brandLogoList img {
    display: inline-block;
    vertical-align: middle
}

.aboutBrandPage .mainBrandName {
    margin-top: 60px
}

#navBody .nav-list li .navTitle.changelangml,
#navBody .nav-list li a.changelangml {
    font-size: 12px
}

.featureListBody .featureList .changelanghi p {
    font-size: 12px
}

.featureListBody .featureList .changelangml h3,
.featureListBody .featureList .changelangml p {
    font-size: 12px
}

.featureListBody .featureList .changelangml.title {
    font-size: 12px
}

.fieldInput:placeholder-shown~.fieldLabel.changelangml {
    font-size: 12px
}

.frogCare .discr.changelangml {
    font-size: 12px
}

.aPart .featureList span.changelanggu {
    min-height: 105px;
    display: inline-block;
    vertical-align: top
}

#testRide {
    font-family: "DM Sans", sans-serif;
    z-index: 9999
}

#testRide .modalMainBottom {
    top: 0;
    max-height: 100%;
    border-radius: 0;
    -webkit-border-radius: 0
}

#testRide .modalHeading {
    margin-top: 40px;
    padding-bottom: 30px
}

#testRide .modalHeading .modalTitle {
    font-size: 26px;
    font-weight: 600;
    padding-bottom: 5px;
    font-family: "DM Sans", sans-serif
}

#testRide .modalHeading span {
    margin-top: 5px;
    font-weight: 300
}

#testRide .modalContent {
    width: 100%;
    height: 100%;
    position: fixed;
    padding: 40px 28px
}

#testRide .fieldControl .fieldInput {
    border-radius: 30px;
    -webkit-border-radius: 30px
}

#testRide .btn {
    height: 40px;
    width: 100%;
    color: #fff;
    font-weight: 600;
    text-transform: uppercase;
    border-radius: 30px;
    -webkit-border-radius: 30px
}

#testRide .imgHolder .earth {
    top: 40px;
    width: 127px;
    right: -60px;
    z-index: -1;
    height: 127px;
    position: absolute;
    background: url(https://d60i6mpkbdpwe.cloudfront.net/assets/ninetyone/ebike/images/earth.png) no-repeat
}

#testRide .imgHolder .cycleView {
    width: 130px;
    left: -64px;
    height: 130px;
    bottom: 110px;
    z-index: -1;
    position: absolute;
    background: url(https://d60i6mpkbdpwe.cloudfront.net/assets/ninetyone/ebike/images/cycle-view.png) no-repeat
}

#testRide .imgHolder .testRideCycle {
    left: 5px;
    bottom: 0;
    width: 250px;
    z-index: -1;
    height: 150px;
    position: absolute;
    background: url(https://d60i6mpkbdpwe.cloudfront.net/assets/ninetyone/ebike/images/test-ride-cycle.png) no-repeat
}

#testRide .imgHolder .fuelMeter {
    right: 55px;
    bottom: 55px;
    width: 27px;
    height: 109px;
    z-index: -1;
    position: absolute;
    transform: rotate(180deg);
    background: url(https://d60i6mpkbdpwe.cloudfront.net/assets/ninetyone/ebike/images/battery-meter.png) no-repeat
}

#testRide .imgHolder .fuelMeter:after {
    content: "";
    top: 6px;
    left: 1px;
    width: calc(100% - 4px);
    position: absolute;
    border-radius: 30px 30px 0 0;
    -webkit-border-radius: 30px 30px 0 0;
    background: rgba(40, 173, 0, .8)
}

#testRide .imgHolder .fuelMeter.move1:after {
    height: 27%;
    animation: move1 4s
}

#testRide .imgHolder .fuelMeter.move2:after {
    height: 50%;
    animation: move2 4s
}

#testRide .imgHolder .fuelMeter.move3:after {
    height: 75%;
    animation: move3 4s
}

#testRide .imgHolder .fuelMeter.move4:after {
    height: 87%;
    animation: move4 4s
}

#testRide .imgHolder .fuelPlug {
    right: 0;
    bottom: 10px;
    width: 87px;
    z-index: -1;
    height: 77px;
    position: absolute;
    background: url(https://d60i6mpkbdpwe.cloudfront.net/assets/ninetyone/ebike/images/fuel-plug.png) no-repeat
}

#testRide .closeIconBtn {
    top: 10px;
    left: 50%;
    z-index: 999;
    width: 40px;
    height: 40px;
    color: #28ad00;
    font-size: 20px;
    line-height: 38px;
    text-align: center;
    border: 1px solid #28ad00;
    transform: translate(-50%, 0)
}

#testRide .closeIconBtn:before {
    top: 0;
    content: "\e99f";
    background: 0;
    height: initial
}

#testRide .closeIconBtn:after {
    display: none
}

#thankYou {
    top: 0;
    z-index: 999;
    height: 100%;
    width: 100%;
    opacity: 0;
    position: fixed;
    visibility: hidden;
    overflow-y: auto;
    background: #fff;
    padding: 60px 20px 20px
}

#thankYou.active {
    opacity: 1;
    visibility: visible
}

#thankYou .middleBlock {
    left: 50%;
    top: 50%;
    width: 100%;
    max-width: 90%;
    position: absolute;
    transform: translate(-50%, -50%)
}

#thankYou .ninetyOneHolder {
    padding-bottom: 60px
}

#thankYou .ninetyOneHolder img {
    max-width: 180px;
    margin: 0 auto
}

#thankYou .thankBody {
    border: 1px dashed #28ad00;
    padding: 35px 25px 50px;
    position: relative;
    border-radius: 30px;
    -webkit-border-radius: 30px;
    max-width: 500px;
    margin: 0 auto
}

#thankYou .thankBody:before {
    content: "";
    position: absolute;
    left: 50%;
    top: -30px;
    margin-left: -30px;
    border: 1px dashed #28ad00;
    background: url(https://d60i6mpkbdpwe.cloudfront.net/assets/ninetyone/ebike/images/electrical.png) no-repeat center center #fff;
    display: block;
    width: 60px;
    height: 60px;
    -webkit-background-size: 18px;
    background-size: 18px;
    text-align: center;
    border-radius: 50%;
    -webkit-border-radius: 50%
}

#thankYou .title {
    font-size: 14px;
    font-weight: 300;
    margin-top: 15px
}

#thankYou .tagHeading {
    font-weight: 600;
    font-size: 16px;
    margin: 8px 0
}

#thankYou p {
    font-size: 12px
}

#thankYou .imgBottom {
    width: 170px;
    height: auto;
    position: absolute;
    left: 50%;
    bottom: -24px;
    transform: translate(-50%, 0)
}

#thankYou .bottomText {
    margin-top: 35px;
    text-align: center;
    font-size: 12px;
    font-weight: 300
}

@media only screen and (max-width:340px) {
    #testRide .modalHeading {
        margin-top: 25px;
        padding-bottom: 25px
    }

    #testRide .fieldControl {
        margin-bottom: 15px
    }

    #testRide .imgHolder .earth {
        top: 20px;
        right: -85px
    }

    #testRide .imgHolder .cycleView {
        bottom: 90px;
        transform: scale(.8)
    }

    #testRide .imgHolder .testRideCycle {
        left: -25px;
        bottom: -15px;
        transform: scale(.8)
    }

    #testRide .imgHolder .fuelMeter {
        bottom: 40px;
        transform: scale(.8)
    }
}

@media only screen and (min-width:991px) {
    .modalBody .modalHeading {
        padding-bottom: 30px
    }
}

@keyframes move1 {
    0% {
        height: 0
    }

    100% {
        height: 27%
    }
}

@keyframes move2 {
    0% {
        height: 27%
    }

    100% {
        height: 50%
    }
}

@keyframes move3 {
    0% {
        height: 50%
    }

    100% {
        height: 75%
    }
}

@keyframes move4 {
    0% {
        height: 75%
    }

    100% {
        height: 87%
    }
}

#modalOccasion .valentineMain {
    line-height: 1.3
}

#modalOccasion .valentineMain .modalContent {
    padding: 70px 20px 0;
    background: url(https://d60i6mpkbdpwe.cloudfront.net/assets/ninetyone/images/offers/valentine-bg.png) no-repeat top center #fff;
    background-size: contain;
    -webkit-background-size: contain;
    overflow: hidden;
    position: relative
}

#modalOccasion .valTitle {
    font-size: 18px;
    font-weight: 600;
    color: #221629;
    margin: 22px 0 8px
}

#modalOccasion .valSubTitle {
    font-size: 22px;
    color: #fe909c
}

#modalOccasion .codeWrap {
    margin: 20px 0 35px;
    position: relative;
    z-index: 5
}

#modalOccasion .codeWrap:before {
    content: "";
    position: absolute;
    right: -15px;
    bottom: -35px;
    background: url(https://d60i6mpkbdpwe.cloudfront.net/assets/ninetyone/images/offers/valentine-cycle.svg) no-repeat bottom right;
    width: 110px;
    height: 106px;
    z-index: -1;
    background-size: contain;
    -webkit-background-size: contain
}

#modalOccasion .codeTitle {
    font-size: 14px;
    font-style: italic;
    font-weight: 600
}

#modalOccasion .codeBox {
    max-width: 260px;
    background: rgba(255, 255, 255, .7);
    height: 45px;
    margin: 13px auto 0;
    position: relative;
    border-radius: 30px;
    -webkit-border-radius: 30px;
    border: 1px dashed #707070;
    padding: 2px 2px 2px 20px;
    text-align: left;
    overflow: hidden
}

#modalOccasion .codeBox span {
    font-size: 16px;
    font-weight: 600;
    color: #fb8491;
    line-height: 38px
}

#modalOccasion .codeBox .copyBtn {
    border: 0;
    outline: 0;
    cursor: pointer;
    color: #fff;
    position: absolute;
    top: 2px;
    right: 2px;
    padding: 0 20px;
    font-size: 14px;
    height: 38px;
    background: #fb8491;
    font-weight: 400;
    border-radius: 30px;
    -webkit-border-radius: 30px
}

#modalOccasion .valFooter {
    font-size: 14px;
    line-height: 1.3;
    font-weight: 600;
    border-top: 1px dashed #bdb9bf;
    padding: 15px 20px;
    margin: 0 -20px
}

#modalOccasion .valFooter p {
    padding-bottom: 10px;
    line-height: 1.3
}

#modalOccasion .valFooter i {
    color: #fb8491;
    margin-right: 10px
}

#modalOccasion .hrtFalling {
    color: #fe909c;
    position: absolute;
    animation: falling 10s infinite linear
}

@keyframes falling {
    0% {
        transform: rotate(360deg)
    }

    50% {
        transform: rotate(0)
    }

    100% {
        transform: rotate(-360deg);
        bottom: -25px
    }
}

#modalOccasion .hrtFalling:nth-of-type(1) {
    bottom: 1500px;
    left: 2%
}

#modalOccasion .hrtFalling:nth-of-type(2) {
    bottom: 500px;
    left: 50%
}

#modalOccasion .hrtFalling:nth-of-type(3) {
    bottom: 900px;
    left: 10%
}

#modalOccasion .hrtFalling:nth-of-type(4) {
    bottom: 800px;
    left: 20%
}

#modalOccasion .hrtFalling:nth-of-type(5) {
    bottom: 700px;
    left: 60%
}

#modalOccasion .hrtFalling:nth-of-type(6) {
    bottom: 1500px;
    left: 80%
}

#modalOccasion .hrtFalling:nth-of-type(7) {
    bottom: 1200px;
    left: 90%
}

#modalOccasion .hrtFalling:nth-of-type(8) {
    bottom: 1000px;
    left: 30%
}

#modalOccasion .hrtFalling:nth-of-type(9) {
    bottom: 800px;
    left: 40%
}

#modalReason li {
    font-weight: 600;
    font-size: 14px;
    margin: 12px 0;
    padding-left: 30px;
    position: relative
}

#modalReason li:before {
    content: "";
    position: absolute;
    width: 10px;
    height: 10px;
    left: 0;
    top: 1px;
    border-radius: 50%;
    border: 3px solid #bdb9bf
}

#modalReason li.active:before {
    border-color: #28ad00
}

#modalCallBack .modalContent {
    padding: 30px 20px 70px
}

#modalCallBack h4 {
    color: #777;
    font-size: 18px;
    font-style: italic
}

#modalCallBack h4 span {
    color: #221229;
    display: block
}

#modalCallBack h5 {
    font-size: 12px;
    margin-top: 22px;
    padding-left: 22px;
    position: relative
}

#modalCallBack h5:before {
    content: "\e966";
    left: 0;
    top: 3px;
    position: absolute;
    font-family: icomoon;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #28ad00;
    font-size: 75%
}

#modalCallBack .dateWrap {
    margin-top: 22px;
    position: relative;
    display: inline-block
}

#modalCallBack .dateWrap .date {
    width: 100px;
    height: 25px;
    line-height: 25px;
    font-size: 12px;
    margin-bottom: 10px
}

#modalCallBack .dateWrap .date input:checked~.control__indicator {
    background: #221229;
    border-color: #221229
}

#modalCallBack .dateWrap .icon-arrow {
    top: 6px;
    right: -15px;
    color: #28ad00;
    font-size: 12px;
    position: absolute;
    transform: rotate(-90deg)
}

#modalCallBack .timeWrap .time {
    width: 130px;
    height: 35px;
    font-size: 12px;
    line-height: 35px;
    margin-bottom: 10px
}

#modalCallBack .timeWrap .time input:checked~.control__indicator {
    background: #28ad00;
    border-color: #28ad00
}

#modalCallBack label {
    display: block;
    text-align: center;
    display: inline-block;
    margin-right: 6px;
    position: relative
}

#modalCallBack label input {
    display: none
}

#modalCallBack label input:checked~.control__indicator {
    color: #fff
}

#modalCallBack label .control__indicator {
    top: 0;
    left: 0;
    z-index: -9;
    width: 100%;
    height: 100%;
    position: absolute;
    border-radius: 8px;
    border: 1px solid #eee;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

#modalCallBack .priceWidget .btn {
    color: #fff;
    border-radius: 0
}

#modalCallBack .modalFooter {
    position: absolute
}

.successCallBack {
    font-size: 12px;
    font-weight: 600;
    position: relative;
    padding: 20px 0 30px 40px;
    border-top: 1px solid #dfdfdf
}

.successCallBack span {
    color: #28ad00;
    display: block
}

.successCallBack:before {
    content: "\e966";
    left: 0;
    top: 24px;
    position: absolute;
    font-family: icomoon;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #fff;
    font-size: 75%;
    background: #28ad00;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    line-height: 25px;
    text-align: center
}

.reason-content {
    display: none
}

.reason-content.current {
    display: block
}

@media only screen and (min-width:360px) {
    #modalCallBack .dateWrap .date {
        font-size: 12px
    }

    #modalCallBack .timeWrap .time {
        width: 150px;
        height: 40px;
        font-size: 12px;
        line-height: 40px
    }
}

.sprCateg {
    background: url(https://d60i6mpkbdpwe.cloudfront.net/assets/ninetyone/images/sprite-categ-v2.png) no-repeat;
    width: 58px;
    height: 64px;
    display: block;
    margin: 0 auto
}

.sprCateg.men {
    background-position: 0 0
}

.sprCateg.women {
    background-position: -58px 0
}

.sprCateg.kid {
    background-position: -117px 0
}

.sprCateg.gear {
    background-position: -175px 0
}

.sprCateg.noGear {
    background-position: -233px 0
}

.sprCateg.cageV2 {
    background: url(https://d60i6mpkbdpwe.cloudfront.net/assets/ninetyone/images/sprite-categ.webp) no-repeat
}

.category-sprite {
    background: url(https://d60i6mpkbdpwe.cloudfront.net/assets/ninetyone/sprite/bike-cate.webp) no-repeat;
    display: inline-block;
    vertical-align: middle;
    width: 65px;
    height: 56px
}

.cat-men {
    background-position: 0 0
}

.cat-women {
    background-position: -65px 0
}

.cat-boys {
    background-position: -130px 0
}

.cat-girls {
    background-position: -195px 0
}

.cat-mtb {
    background-position: -260px 0
}

.cat-ebike {
    background-position: 0 -56px
}

.cat-hybrid {
    background-position: -65px -56px
}

.cat-ftb {
    background-position: -130px -56px
}

.cat-atb {
    background-position: -195px -56px
}

.offer {
    background-position: -260px -56px
}

.bikeCategoryTp {
    top: 54px;
    z-index: 99;
    width: 100%;
    position: absolute
}

.bikeCategory .category-sprite {
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -webkit-box-shadow: 0 0 8px 0 rgba(0, 0, 0, .2);
    box-shadow: 0 0 8px 0 rgba(0, 0, 0, .2);
    position: relative;
    overflow: hidden
}

.bikeCategory h2 {
    position: absolute;
    bottom: 0;
    background: 0 0 !important;
    color: #fff;
    z-index: 1;
    font-size: 13px;
    line-height: 1.4
}

.bikeCatList {
    padding: 8px 16px 10px;
    text-align: center;
    transition: all .4s ease-in-out
}

.bikeCatList h2 {
    width: 100%;
    padding: 3px 2px 2px;
    font-size: 12px;
    background: #fff;
    font-weight: 400;
    line-height: 1.4
}

.bikeCatList::-webkit-scrollbar {
    display: none
}

.bikeCatList.categHead {
    padding: 4px 6px
}

.bikeCatList.categHead a {
    box-shadow: none;
    -webkit-box-shadow: none;
    width: 68px;
    margin-left: 0
}

.bikeCatList.categHead h2 {
    padding: 0;
    font-weight: 700
}

.categHead a {
    width: 70px;
    margin-left: 0
}

.categHead h2 {
    padding: 0;
    font-weight: 700
}

#bikeCategory {
    display: none
}

#bikeCategory.scroll-down {
    position: fixed;
    bottom: 0;
    right: 0;
    left: 0;
    z-index: 99;
    width: 100%;
    padding: 14px 16px;
    background: #deefd9;
    -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .1);
    display: block
}

#bikeCategory.scroll-down a {
    overflow: initial
}

#bikeCategory.scroll-down a h2 {
    padding: 6px;
    bottom: -23px;
    border-radius: 4px;
    -webkit-border-radius: 4px
}

#bikeCategory.scroll-down.posTop {
    top: 0;
    bottom: auto
}

#bikeCategory.scroll-down.posTop a h2 {
    padding: 5px
}

#bikeCategory.scroll-down.scroll-up {
    position: fixed;
    right: 0;
    left: 0;
    display: none
}

.bike-category {
    padding: 0 16px;
    margin-top: 28px;
    flex-wrap: wrap;
    column-gap: 20px;
    row-gap: 20px
}

.bike-category .cat-card {
    position: relative;
    width: calc(50% - 10px)
}

.bike-category .cat-card img {
    border-radius: 10px;
    -webkit-border-radius: 10px
}

.bike-category .content {
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 10px;
    text-align: left
}

.bike-category .content h2 {
    color: #28ad00;
    font-size: 14px;
    font-weight: 700;
    font-style: italic
}

.bike-category .content span {
    color: #fff;
    font-size: 13px
}

.bike-category::-webkit-scrollbar {
    display: none
}

.hotDealSec .newArrivalSlider {
    width: calc(100% - 25px)
}

.hotDealSec .newArrivalSlider .cardDeals {
    padding: 0;
    min-height: 100%
}

.hotDealSec .newArrivalSlider .slick-dots {
    bottom: -35px
}

.hotDealSec .series-text .price {
    padding-right: 5px
}

.hotDealSec .cardDeals .tagHotdeal {
    top: -15px;
    left: -15px
}

.hotDealSec .cardDeals .tagHotdeal img {
    zoom: .8
}

.hotDealSec .imgWrap img {
    width: 100%;
    border-radius: 4px;
    -webkit-border-radius: 4px
}

.hotDealSec .contentWrap {
    padding: 10px 14px 10px;
    font-weight: 600;
    text-align: left
}

.hotDealSec .contentWrap ul {
    min-height: 108px
}

.hotDealSec .contentWrap li {
    margin-top: 8px
}

.hotDealSec .contentWrap .cardName {
    font-size: 13px;
    letter-spacing: 2px
}

.hotDealSec .contentWrap .tag {
    background: #28ad00;
    font-size: 12px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    padding: 2px 10px 1px
}

.hotDealSec .contentWrap .freePro {
    width: 20px;
    margin: 0 6px;
    display: inline-block
}

.hotDealSec .contentWrap .offerPro {
    font-size: 12px;
    text-transform: uppercase;
    width: calc(100% - 80px)
}

.hotDealSec .contentWrap .price {
    font-size: 12px;
    font-weight: 700;
    text-align: right;
    min-width: 50px
}

.hotDealSec .contentWrap .price .icon-rupee {
    font-weight: 700
}

.hotDealSec .contentWrap .price.cashOffer {
    color: #fff
}

.hotDealSec .contentWrap .price.cashOffer span {
    text-decoration: none;
    color: #221629
}

.hotDealSec .contentWrap .price span {
    margin-left: 5px;
    text-decoration: line-through
}

.hotDealSec .contentWrap .totalAmt {
    font-size: 12px
}

.hotDealSec .contentWrap .totalAmt span {
    text-decoration: none
}

.hotDealSec .contentWrap .totalAmt .text-bottom {
    font-size: 12px;
    margin: 2px 0 0
}

.hotDealSec .contentWrap .totalAmt .text-bottom i {
    font-size: 12px
}

.hotDealSec .contentWrap .clanMemberWrap {
    border-top: 1px dashed #ddd;
    padding-top: 10px
}

.hotDealSec .contentWrap .clanMember {
    background: -moz-linear-gradient(90deg, rgba(0, 229, 114, .2) 0, rgba(141, 198, 63, .2) 50%, rgba(254, 236, 0, .2) 100%);
    background: -webkit-linear-gradient(90deg, rgba(0, 229, 114, .2) 0, rgba(141, 198, 63, .2) 50%, rgba(254, 236, 0, .2) 100%);
    background: linear-gradient(90deg, rgba(0, 229, 114, .2) 0, rgba(141, 198, 63, .2) 50%, rgba(254, 236, 0, .2) 100%);
    font-size: 12px;
    font-style: italic;
    border-radius: 20px;
    padding: 6px 10px;
    width: 40%;
    text-align: center;
    font-weight: 600
}

.hotDealSec .cardFooter .viewBtn {
    font-size: 16px;
    font-weight: 600;
    padding: 10px 0 0;
    width: 60%;
    display: inline-block;
    vertical-align: top;
    height: 100%;
    text-align: center
}

.hotDealSec .cardFooter .viewBtn .offerPrice {
    color: #28ad00
}

.hotDealSec .cardFooter .viewBtn .offerPrice .priceMain {
    font-size: 12px;
    text-decoration: line-through;
    color: #221629;
    display: inline-block
}

.hotDealSec .cardFooter .viewBtn .offerPrice span {
    margin-left: 12px;
    color: #959595;
    font-size: 14px
}

.hotDealSec .cardFooter .viewBtn .textEmi {
    font-size: 12px;
    margin-top: 3px;
    font-style: italic
}

.hotDealSec .cardFooter .btn {
    width: calc(40% - 3px);
    display: inline-block;
    vertical-align: top;
    height: 100%;
    padding: 20px
}

#productPage .cardDeals {
    padding: 0
}

#productPage .hotDealSec .contentWrap ul {
    min-height: 100%;
    max-height: 100%
}

#productPage .hotDealSec .contentWrap .clanMember {
    width: 55%
}

#productPage .hotDealSec .clanMemberWrap {
    margin: -5px 0 0
}

@media only screen and (min-width:1024px) {
    .hotDealSec .newArrivalSlider {
        width: 100%
    }

    .hotDealSec .newArrivalSlider .contentWrap .cardName {
        font-size: 15px;
        margin: 0 0 6px
    }

    .hotDealSec .newArrivalSlider .series-text {
        margin: 0 0 6px
    }

    .hotDealSec .newArrivalSlider .series-text .price {
        padding-right: 15px
    }

    .hotDealSec .newArrivalSlider .seriesText {
        font-size: 12px
    }

    .hotDealSec .newArrivalSlider .slick-dots {
        bottom: -65px
    }

    .hotDealSec .cardDeals .tagHotdeal {
        top: -18px;
        left: -18px
    }

    .hotDealSec .cardDeals .tagHotdeal img {
        zoom: 1
    }

    .hotDealSec .imgWrap img {
        border-radius: 4px 0 0 4px;
        -webkit-border-radius: 4px 0 0 4px
    }

    .hotDealSec .contentWrap {
        padding: 12px 16px
    }

    .hotDealSec .contentWrap .tag {
        font-size: 12px
    }

    .hotDealSec .contentWrap .freePro {
        width: 23px;
        margin: 0 8px
    }

    .hotDealSec .contentWrap .offerPro {
        font-size: 12px;
        width: calc(100% - 100px)
    }

    .hotDealSec .contentWrap ul {
        min-height: 160px;
        max-height: 160px;
        padding-right: 8px
    }

    .hotDealSec .contentWrap li {
        margin-top: 6px;
        min-height: 28px
    }

    .hotDealSec .contentWrap .clanMemberWrap {
        margin-top: 11px;
        padding-top: 12px
    }

    .hotDealSec .contentWrap .clanMember {
        font-size: 12px;
        padding: 6px 18px 8px;
        width: 50%
    }

    .hotDealSec .contentWrap .price {
        font-size: 12px;
        min-width: 55px
    }

    .hotDealSec .contentWrap .price.totalAmt {
        font-size: 14px
    }

    .hotDealSec .cardFooter .viewBtn {
        font-size: 18px;
        padding: 10px 0 0
    }

    .hotDealSec .cardFooter .viewBtn .text {
        font-size: 12px
    }

    .hotDealSec .cardFooter .viewBtn .offerPrice span {
        font-size: 14px
    }

    #productPage .cardDeals {
        padding: 20px 25px
    }

    #productPage .cardDeals .rightSide {
        min-height: 185px
    }

    #productPage .hotDealSec .contentWrap {
        padding: 0
    }

    #productPage .hotDealSec .contentWrap li {
        margin-top: 10px
    }

    #productPage .hotDealSec .contentWrap li:first-child {
        margin-top: 0
    }

    #productPage .hotDealSec .contentWrap .tag {
        font-size: 12px
    }

    #productPage .hotDealSec .contentWrap .freePro {
        width: 28px;
        margin: 0 15px
    }

    #productPage .hotDealSec .contentWrap .offerPro {
        font-size: 14px;
        width: calc(100% - 120px)
    }

    #productPage .hotDealSec .contentWrap .price {
        font-size: 16px;
        min-width: 75px
    }

    #productPage .hotDealSec .contentWrap .price .icon-rupee {
        font-size: 12px;
        margin-right: 1px
    }

    #productPage .hotDealSec .contentWrap .price.totalAmt .text-sm {
        font-size: 18px
    }

    #productPage .hotDealSec .contentWrap .price.totalAmt .text-bottom {
        font-size: 12px
    }

    #productPage .hotDealSec .contentWrap .price.totalAmt .text-bottom i {
        font-size: 12px;
        zoom: .8
    }

    #productPage .hotDealSec .contentWrap .clanMember {
        font-size: 14px;
        padding: 14px 22px
    }

    #productPage .hotDealSec .contentWrap .clanMemberWrap {
        padding: 9px 6px 16px 35px;
        border: 0
    }

    #productPage .hotDealSec .cardFooter {
        width: 100%;
        bottom: 0;
        padding-left: 35px;
        position: absolute
    }

    #productPage .hotDealSec .cardFooter .viewBtn {
        font-size: 26px
    }

    #productPage .hotDealSec .cardFooter .viewBtn .priceMain {
        font-size: 12px
    }

    #productPage .hotDealSec .cardFooter .viewBtn .textEmi {
        font-size: 12px;
        margin-top: 5px
    }
}

.addToCartAlert {
    position: absolute;
    top: 50%;
    right: 50%;
    transform: translate(50%, -50%);
    -webkit-transform: translate(50%, -50%);
    line-height: 1.1;
    display: inline-block;
    vertical-align: middle;
    z-index: 101;
    max-width: 100%;
    -webkit-box-shadow: 0 0 6px 0 rgba(0, 0, 0, .3);
    box-shadow: 0 0 6px 0 rgba(0, 0, 0, .3);
    padding: 8px 30px 8px 33px;
    font-size: 12px;
    background: #28ad00;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    transform-origin: 50% -50%;
    -webkit-transform-origin: 50% -50%;
    animation-delay: .5s;
    animation-duration: 1.5s;
    animation-iteration-count: 1;
    animation-name: flash
}

.addToCartAlert.active {
    transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
    transform-origin: 0 0;
    -webkit-transform-origin: 0 0;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.addToCartAlert strong {
    display: inline-block;
    vertical-align: middle
}

.addToCartAlert .icon {
    width: 18px;
    height: 18px;
    line-height: 18px;
    font-size: 12px;
    border-radius: 50%;
    background: #fff;
    text-align: center;
    color: #221629;
    position: absolute;
    left: 7px;
    top: 50%;
    margin-top: -9px;
    display: block
}

.addToCartAlert .closeIcon {
    height: 12px;
    width: 12px;
    top: 50%;
    right: 5px;
    margin-top: -7px
}

.addToCartAlert .closeIcon:after,
.addToCartAlert .closeIcon:before {
    top: 6px;
    height: 1px
}

.addToCartAlert .text {
    color: #221629;
    font-weight: 300;
    font-size: 12px
}

@keyframes flash {

    50%,
    from,
    to {
        opacity: 1
    }

    25%,
    75% {
        opacity: 0
    }
}

@keyframes fadeInUp {
    from {
        position: absolute
    }

    to {
        position: fixed;
        right: 0;
        top: 0;
        -webkit-transform: translate(0, 0);
        border-radius: 0 0 0 5px;
        -webkit-border-radius: 0 0 0 5px
    }
}

@-webkit-keyframes fadeInUp {
    from {
        position: absolute
    }

    to {
        position: fixed;
        right: 0;
        top: 0;
        -webkit-transform: translate(0, 0);
        border-radius: 0 0 0 5px;
        -webkit-border-radius: 0 0 0 5px
    }
}

body.maintenance #ymDummyCircle {
    display: none !important
}

#maintenance .brandLogo {
    width: 220px;
    margin-bottom: 50px
}

#maintenance h3 {
    font-size: 28px
}

#maintenance h4 {
    font-size: 18px;
    margin: 8px 0
}

@media only screen and (min-width:1024px) {
    #maintenance .mainWrap {
        display: flex;
        align-items: center
    }

    #maintenance .panel {
        flex: 0 0 auto;
        width: 50%
    }

    #maintenance h3 {
        font-size: 42px
    }

    #maintenance h4 {
        font-size: 30px;
        margin: 20px 0
    }

    #maintenance .brandLogo {
        width: 350px
    }
}

.tooltip {
    position: relative;
    display: inline-block;
    font-family: "DM Sans", sans-serif !important
}

.tooltip .tooltiptext {
    visibility: hidden;
    background-color: rgba(29, 29, 29, .8);
    color: #fff;
    text-align: center;
    transform: translateX(-95%) translateY(110%);
    padding: 8px 12px;
    position: absolute;
    z-index: 1;
    bottom: 0;
    left: 8px;
    opacity: 0;
    transition: opacity .3s ease 0s;
    width: 60vw;
    max-width: 320px;
    font-size: 12px;
    font-weight: 300;
    font-style: italic;
    border-radius: 4px;
    -webkit-border-radius: 4px
}

.tooltip .tooltiptext:after {
    content: "";
    position: absolute;
    bottom: 98%;
    right: 2%;
    border-width: 8px;
    border-style: solid;
    border-color: transparent transparent #555
}

.tooltip:hover .tooltiptext {
    visibility: visible;
    opacity: 1
}

@media only screen and (min-width:1024px) {
    .tooltip .tooltiptext {
        font-size: 14px
    }
}

#thank-you .rightTick {
    width: 45px
}

#thank-you .rightTick:before {
    font-family: icomoon !important;
    content: "\e966";
    color: #fff;
    font-size: 12px;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    background: #28ad00;
    display: inline-block;
    border-radius: 50%;
    -webkit-border-radius: 50%
}

#thank-you .tooltip {
    position: absolute;
    right: 0;
    top: 10px;
    cursor: pointer
}

#thank-you .tooltip .tooltiptext {
    background: rgba(29, 29, 29, .95)
}

#thank-you .tooltip .tooltiptext:after {
    background: transparent transparent #292929
}

#thank-you .tooltip .icon-edit {
    background: #ddd;
    padding: 6px;
    border: 1px solid #ddd;
    border-radius: 32px
}

#thank-you .orderAmount .ShipTo h4 {
    width: 230px
}

#thank-you .ShipTo {
    color: #424242;
    position: relative
}

#thank-you .ShipTo h4 {
    width: 90px;
    vertical-align: text-bottom
}

#thank-you .ShipTo .icon-rupee {
    zoom: .75;
    font-weight: 600
}

#thank-you h3 {
    font-size: 14px
}

#thank-you .orderWrap {
    max-height: 100px;
    overflow: hidden
}

#thank-you .orderWrap.wizWrap {
    max-height: 200px
}

#thank-you .orderWrap.viewAllData {
    max-height: 100%;
    transition: 1s ease-in-out
}

#thank-you .orderWrap .orderDetails {
    margin-top: 0
}

#thank-you .orderList {
    border-top: 1px solid rgba(0, 0, 0, .1);
    padding-top: 15px;
    padding-bottom: 15px
}

#thank-you .orderList:first-child {
    border-top: 0
}

#thank-you .viewMore {
    margin-top: -2px;
    background: #fff;
    padding-top: 10px
}

#thank-you .viewMore:not(.viewLess) span:before {
    content: "View More"
}

#thank-you .viewMore span {
    padding: 4px 12px;
    font-size: 12px
}

#thank-you .viewMore.viewLess i {
    transform: rotate(180deg);
    display: inline-block;
    vertical-align: -1px
}

#thank-you .viewMore.viewLess span:before {
    content: "View Less"
}

#thank-you .orderDetails {
    margin-top: 20px
}

#thank-you .orderDetails .text {
    font-size: 12px
}

#thank-you .orderDetails .imgHolder {
    width: 80px;
    line-height: 0;
    padding-right: 10px
}

#thank-you .orderDetails img {
    max-width: 70px;
    max-height: 50px;
    display: block;
    margin: 0 auto
}

#thank-you .orderDetails .productName {
    font-size: 12px;
    line-height: 1.2
}

#thank-you .trackOrder {
    font-size: 12px;
    position: relative;
    top: 40px
}

#thank-you .trackOrder i {
    transform: rotate(-90deg);
    display: inline-block;
    font-size: 12px;
    color: #28ad00;
    margin-left: 5px;
    vertical-align: middle
}

#thank-you .socialLink a {
    width: calc(50% - 6px);
    display: inline-block;
    background-size: cover !important;
    height: 150px;
    position: relative;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    overflow: hidden;
    text-align: center
}

#thank-you .socialLink a:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9;
    background: #00000087
}

#thank-you .socialLink a * {
    color: #fff;
    position: relative;
    z-index: 10
}

#thank-you .socialLink .icon-adventure2 {
    font-size: 40px
}

#thank-you .socialLink h4 {
    font-size: 14px;
    margin-top: 12px
}

#thank-you .socialLink p {
    font-size: 12px;
    line-height: 1.2
}

#thank-you .socialLink .reclaimText {
    width: 130px;
    display: block;
    margin: 10px auto
}

#thank-you .joinClan {
    background: url(https://d60i6mpkbdpwe.cloudfront.net/assets/ninetyone/images/join-clan.jpg) center
}

#thank-you .adventure {
    background: url(https://d60i6mpkbdpwe.cloudfront.net/assets/ninetyone/images/adventures-bg.jpg) center
}

#thank-you .wynd-app .wyndLogo {
    width: 125px;
    padding: 10px 0 20px
}

#thank-you .wynd-app li {
    font-size: 12px;
    margin-bottom: 10px
}

#thank-you .wynd-app li i {
    font-size: 12px;
    color: #f7a556;
    vertical-align: middle;
    margin-right: 10px
}

#thank-you .wynd-app .appLink {
    border-radius: 40px
}

#thank-you .contactStrip .strip {
    border-radius: 6px;
    -webkit-border-radius: 6px;
    padding: 16px 12px;
    position: relative;
    display: block
}

#thank-you .contactStrip .contNo {
    font-size: 16px;
    margin-top: 8px
}

#thank-you .contactStrip div.strip {
    padding: 20px 12px 40px;
    margin-bottom: 30px
}

#thank-you .contactStrip i {
    margin-right: 5px;
    vertical-align: middle
}

#thank-you .contactStrip .imgHolder {
    width: 40px;
    line-height: 0
}

#thank-you .contactStrip .imgHolder img {
    width: 100%
}

#thank-you .contactStrip .couponText span {
    font-size: 26px
}

#thank-you .contactStrip .code {
    border: 1px dashed #28ad00;
    text-align: center;
    border-radius: 4px;
    background: #1d6606;
    font-weight: 600;
    position: relative;
    cursor: pointer;
    font-size: 14px;
    padding: 4px
}

#thank-you .contactStrip .code:after {
    content: "Copy to Clipboard";
    display: none;
    position: absolute;
    z-index: 9999;
    top: 40px;
    left: -17px;
    width: 120px;
    height: 26px;
    color: #fff;
    font-size: 12px;
    line-height: 28px;
    text-align: center;
    background: rgba(0, 0, 0, .72);
    border-radius: 3px
}

#thank-you .contactStrip .code:before {
    content: "";
    display: none;
    position: absolute;
    z-index: 9998;
    top: 35px;
    left: 40px;
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 5px solid rgba(0, 0, 0, .72)
}

#thank-you .contactStrip .code:hover:after,
#thank-you .contactStrip .code:hover:before {
    display: block
}

#thank-you .contactStrip .code:active,
#thank-you .contactStrip .code:focus {
    outline: 0
}

#thank-you .contactStrip .code:active:after,
#thank-you .contactStrip .code:focus:after {
    content: "Copied!"
}

#thank-you .contactStrip .codeTerms {
    position: absolute;
    right: 10px;
    bottom: 15px
}

#thank-you .assembly-timer {
    padding: 20px 0;
    margin-top: 10px;
    border-top: 1px solid #dfdfdf;
    border-bottom: 1px solid #dfdfdf
}

#thank-you .assembly-timer p {
    margin-bottom: 8px
}

#thank-you .assembly-timer h4 {
    font-size: 35px;
    font-weight: 400
}

#thank-you .assembly-steps {
    padding: 20px 0
}

#thank-you .assembly-steps p {
    font-size: 14px
}

#thank-you .assembly-steps .sub-para {
    font-size: 12px
}

#thank-you .assembly-steps sup {
    color: red
}

#thank-you .assembly-steps ul {
    display: flex;
    align-items: center;
    margin-top: 30px;
    justify-content: space-between
}

#thank-you .assembly-steps li {
    display: inline-block;
    vertical-align: top;
    text-align: center
}

#thank-you .assembly-steps li img {
    width: 50px
}

#thank-you .assembly-steps h5 {
    margin-top: 12px
}

#thank-you .assembly-steps .line {
    width: 50px;
    position: relative;
    bottom: 21px;
    border-top: 1px dashed #28ad00
}

#thank-you .assembly-steps .line:after {
    content: "";
    position: absolute;
    right: -1px;
    top: -4px;
    width: 0;
    height: 0;
    border-style: solid;
    border-top: 3px solid transparent;
    border-bottom: 3px solid transparent;
    border-left: 5px solid #28ad00;
    border-right: 0
}

#modalGetOTP p {
    font-size: 12px
}

#modalGetOTP h4 {
    font-size: 22px;
    margin: 20px 0;
    display: block
}

#modalGetOTP .sentMsg {
    font-size: 14px;
    margin-bottom: 20px
}

#modalGetOTP .btn {
    padding: 10px 20px
}

#modalGetOTP .fieldInput {
    padding: 0 16px
}

#modalGetOTP .resendOTP {
    position: absolute;
    right: 16px;
    z-index: 99;
    top: 11px;
    font-size: 14px;
    cursor: pointer
}

#modalGetOTP .timerOTP {
    position: absolute;
    right: 16px;
    bottom: -26px;
    z-index: 99;
    font-size: 14px;
    color: #28ad00
}

#corporate-purchase .heroImg {
    position: relative
}

#corporate-purchase .heroImg:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 45%;
    z-index: 4;
    background: linear-gradient(360deg, rgba(0, 0, 0, .6) 60%, rgba(0, 0, 0, 0) 100%)
}

#corporate-purchase .banner-content {
    position: absolute;
    bottom: 20px;
    left: 20px;
    left: 16px;
    z-index: 99
}

#corporate-purchase .banner-content p {
    font-size: 14px
}

#corporate-purchase .banner-content h1 {
    color: #fff
}

#corporate-purchase .banner-content p {
    color: #fff
}

#corporate-purchase .purchase-category ul {
    column-gap: 15px;
    row-gap: 15px;
    flex-wrap: wrap
}

#corporate-purchase .purchase-category .card {
    width: calc(50% - 8px);
    min-width: calc(50% - 8px);
    padding: 0;
    border-radius: 8px
}

#corporate-purchase .purchase-category .card-body {
    padding: 10px
}

#corporate-purchase .purchase-category .img-holder {
    position: relative
}

#corporate-purchase .purchase-category .img-holder img {
    border-radius: 8px
}

#corporate-purchase .purchase-category .img-holder:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 50%;
    background: linear-gradient(0deg, rgba(0, 0, 0, .6) 60%, rgba(0, 0, 0, 0) 100%);
    border-radius: 8px
}

#corporate-purchase .purchase-category h2 {
    position: absolute;
    z-index: 99;
    color: #fff;
    left: 15px;
    font-size: 16px;
    bottom: 15px;
    margin-bottom: 0
}

#corporate-purchase .purchase-category h4 {
    margin-bottom: 6px
}

#corporate-purchase .purchase-category p {
    font-size: 12px
}

#corporate-purchase .purchase-category .btn {
    padding: 8px 0 0
}

#corporate-purchase .brand-feature {
    padding: 8px
}

#corporate-purchase .brand-feature .card {
    min-width: auto;
    margin: 18px 8px;
    -webkit-text-size-adjust: 100%
}

#corporate-purchase .brand-feature .slick-slide {
    opacity: 1
}

#corporate-purchase .green-initiative {
    flex-direction: column;
    row-gap: 15px;
    margin-top: 30px
}

#corporate-purchase .green-initiative .img-holder {
    background-size: cover !important;
    height: 130px;
    width: 100%;
    border-radius: 8px;
    position: relative
}

#corporate-purchase .green-initiative .img-holder:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 60%;
    background: linear-gradient(0deg, rgba(0, 0, 0, .6) 60%, rgba(0, 0, 0, 0) 100%);
    border-radius: 8px
}

#corporate-purchase .green-initiative .img-holder h4 {
    position: absolute;
    bottom: 15px;
    font-size: 18px;
    color: #fff;
    z-index: 99;
    text-align: center;
    width: 100%;
    left: 0
}

#corporate-purchase .voc-slider {
    margin-top: 50px
}

#corporate-purchase .voc-slider p {
    font-size: 14px;
    margin: 20px 0 40px
}

#corporate-purchase .voc-slider .client-info {
    column-gap: 12px;
    justify-content: center
}

#corporate-purchase .voc-slider .client-info .img-holder {
    width: 45px;
    height: 45px
}

#corporate-purchase .voc-slider .client-info .img-holder img {
    min-width: 100%;
    min-height: 100%;
    border-radius: 50%
}

#corporate-purchase .voc-slider .client-info h5 {
    font-size: 18px
}

#corporate-purchase .voc-slider .client-info span {
    font-style: italic;
    font-size: 14px
}

#corporate-purchase .press-covrage .press-list {
    margin: 40px -16px 30px
}

#corporate-purchase .press-covrage .press-list p {
    text-align: justify
}

#corporate-purchase .press-covrage .card {
    width: 100px;
    min-width: 100px;
    min-height: 100px;
    box-shadow: none;
    border-radius: 8px;
    box-shadow: 0 0 5px rgba(0, 0, 0, .07)
}

#corporate-purchase .press-covrage img {
    width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    padding: 0 10px
}

#corporate-purchase .press-covrage .clientInfo {
    margin-top: 40px;
    column-gap: 20px
}

#corporate-purchase .press-covrage .clientInfo h4 {
    font-size: 14px
}

#corporate-purchase .press-covrage .clientInfo span {
    display: block;
    margin: 4px 0
}

#corporate-purchase .press-covrage .slick-slide {
    opacity: 1;
    padding: 0 16px
}

#corporate-purchase .get-in-touch form {
    margin-top: 30px
}

#corporate-purchase .get-in-touch .fieldInput {
    height: 55px
}

#corporate-purchase .get-in-touch .fieldInput:placeholder-shown~.fieldLabel {
    top: 16px
}

#corporate-purchase .get-in-touch .fieldTextarea {
    height: 120px
}

#corporate-purchase .get-in-touch .fieldLabel {
    line-height: 1.6
}

#corporate-purchase .get-in-touch .onlyLabel {
    font-size: 14px;
    color: #757575
}

#corporate-purchase .get-in-touch .fieldControl.border {
    border: 1px solid rgba(0, 0, 0, .24);
    border-radius: 3px;
    padding: 12px;
    text-align: left
}

#corporate-purchase .get-in-touch .customRadio {
    margin-bottom: 0
}

@media only screen and (max-width:992px) {
    #corporate-purchase .purchase-category h4 {
        min-height: 35px
    }

    #corporate-purchase .purchase-category p {
        min-height: 60px
    }
}

#ninetyone-wiz .banner-wrap {
    row-gap: 50px;
    padding-top: 50px;
    flex-direction: column;
    justify-content: space-between
}

#ninetyone-wiz .img {
    height: auto
}

#ninetyone-wiz .bnr-img {
    width: 100%;
    max-width: 854px;
    height: auto
}

#ninetyone-wiz .btn {
    border-radius: 4px;
    padding: 10px 20px
}

#ninetyone-wiz .contactWidget .btn {
    padding: 0 8px
}

#ninetyone-wiz .bnr-content h1 {
    font-size: 28px;
    margin-bottom: 15px
}

#ninetyone-wiz .bnr-content .img {
    width: 220px;
    margin-top: 10px;
    height: auto
}

#ninetyone-wiz .bnr-content p {
    font-size: 14px;
    margin-bottom: 25px
}

#ninetyone-wiz .bnr-content .btn {
    font-size: 14px
}

#ninetyone-wiz .brand-feature {
    flex-wrap: nowrap;
    column-gap: 0;
    padding: 16px
}

#ninetyone-wiz .brand-feature .card {
    min-height: 225px
}

#ninetyone-wiz .brand-feature .card .img {
    margin-left: auto;
    margin-right: auto
}

#ninetyone-wiz .feature-sec .btn {
    font-size: 16px;
    margin-top: 30px
}

#ninetyone-wiz .why-choose h2 {
    font-size: 18px
}

#ninetyone-wiz .why-choose h2 img {
    width: 180px;
    margin: 5px auto 0
}

#ninetyone-wiz .why-choose ul {
    margin-top: 40px;
    align-items: flex-start;
    flex-wrap: wrap;
    row-gap: 25px;
    column-gap: 25px
}

#ninetyone-wiz .why-choose li {
    width: calc(50% - 13px)
}

#ninetyone-wiz .why-choose li img {
    width: 100px;
    margin: 0 auto
}

#ninetyone-wiz .why-choose h4 {
    font-size: 18px;
    margin: 8px auto 10px;
    max-width: 140px
}

#ninetyone-wiz .why-choose p {
    color: #959595
}

#ninetyone-wiz .social-sec .icon-wrap {
    column-gap: 30px;
    justify-content: center;
    margin-top: 30px
}

#ninetyone-wiz .social-sec .card {
    width: 70px;
    height: 70px;
    min-width: 70px;
    min-height: 70px;
    border-radius: 4px;
    display: flex;
    justify-content: center;
    align-items: center
}

#ninetyone-wiz .social-sec .card i {
    color: #28ad00;
    font-size: 30px
}

#ninetyone-wiz .ninetyone-field .errorText {
    position: relative
}

#ninetyone-wiz .assemblyCharge {
    display: inline-flex;
    padding: 6px 20px;
    border-radius: 25px 0 25px;
    color: #000;
    border: 1px solid #27a800;
    background: #f6fff3;
    align-items: center;
    font-size: 14px;
    margin-bottom: 10px
}

#ninetyone-wiz .assemblyCharge img {
    margin-right: 4px
}

#ninetyone-wiz .assemblyCharge p {
    font-size: 14px;
    font-weight: 600
}

#ninetyone-wiz .assemblyCharge .icon-rupee {
    font-weight: 700;
    font-size: 70%;
    margin-left: 5px;
    padding-right: 2px
}

#schedule-call .chipControlMain .customControl {
    padding: 0;
    margin: 0 -2px 0;
    width: 33.33%
}

#schedule-call .chipControlMain .customControl:last-child .chipBox {
    border-right: 1px solid #dfdfdf
}

#schedule-call .chipControlMain .chipBox {
    border-radius: 0;
    border-right: 0;
    height: 70px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    line-height: 10px;
    color: #a9a9a9;
    padding: 0 10px
}

#schedule-call .chipControlMain strong {
    zoom: .7;
    font-weight: 400
}

#schedule-call .chipControlMain input:checked~.chipBox {
    border-color: #dfdfdf;
    color: #a9a9a9
}

#schedule-call .chipControlMain input:checked~.chipBox .brand-logo {
    filter: grayscale(0)
}

#schedule-call .chipControlMain input:checked~.chipBox:after {
    content: "";
    width: 100%;
    position: absolute;
    bottom: 0;
    height: 2px;
    background: #28ad00;
    left: 0
}

#schedule-call .fieldLabel.text-sm {
    font-size: 12px
}

#schedule-call .easy-autocomplete-container {
    max-height: 200px;
    overflow-y: auto
}

#schedule-call .easy-autocomplete {
    width: 100% !important
}

#schedule-call .easy-autocomplete .fieldInput {
    padding: 0 16px 0 36px
}

#schedule-call .submit-error {
    position: absolute;
    top: -5px;
    font-size: 12px;
    color: red
}

#schedule-call .resendOTP {
    position: absolute;
    right: 16px;
    top: 16px;
    z-index: 999999;
    color: #28ad00;
    cursor: pointer
}

#schedule-call .timerOTP {
    position: absolute;
    right: 16px;
    top: 16px;
    color: #28ad00
}

#schedule-call .file-upload {
    border-style: dashed;
    padding: 0 36px
}

#schedule-call .file-upload .file-select-name {
    line-height: 55px
}

#schedule-call .file-upload .fileFormat {
    position: absolute;
    bottom: 13px;
    right: 20px
}

#schedule-call .file-upload.active .fileFormat {
    display: none
}

#schedule-call .amazon input:checked~.chipBox:after {
    background: #f90
}

#schedule-call .flipkart input:checked~.chipBox:after {
    background: #107bd4
}

#schedule-call .amazon .brand-logo {
    width: 60px
}

#schedule-call .flipkart .brand-logo {
    width: 70px
}

#schedule-call .modalContent {
    padding: 25px 20px
}

#schedule-call .brand-logo {
    width: 40px;
    display: block;
    margin: 0 auto 10px;
    filter: grayscale(1)
}

#schedule-call h4 {
    font-size: 24px;
    font-weight: 400;
    margin-bottom: 20px
}

#schedule-call .bought-title {
    font-size: 16px;
    margin-bottom: 8px;
    font-weight: 600
}

#schedule-call .form-title {
    font-size: 14px;
    margin-top: 40px
}

#schedule-call .bike-info .select-brand {
    width: 70px;
    vertical-align: middle
}

#schedule-call .bike-info .btn-link {
    font-size: 12px;
    margin-left: 15px;
    cursor: pointer
}

#schedule-call .bike-info .bought-title {
    margin: 20px 0
}

#schedule-call .bike-info .bf-title {
    font-size: 18px;
    margin-bottom: 10px
}

#schedule-call .bike-content {
    column-gap: 20px;
    font-size: 12px;
    margin-bottom: 30px
}

#schedule-call .bike-content .bike-name {
    margin: 4px 0;
    font-size: 14px
}

#schedule-call .bike-content img {
    max-width: 70px
}

#schedule-call .bike-content .customCheckbox {
    width: 18px;
    height: 18px;
    padding: 0;
    margin: 0
}

#schedule-call .field-title {
    font-size: 14px;
    margin-bottom: 10px
}

#schedule-call .field-title img {
    width: 30px;
    vertical-align: middle;
    margin-right: 10px
}

#schedule-call .loading-dots--dot {
    background: #fff
}

.chat-boat-wrap {
    position: fixed;
    bottom: 115px;
    right: 10px;
    z-index: 999
}

.boat-modal {
    width: 85vw;
    height: 70vh;
    background: #fff;
    overflow: hidden;
    border-radius: 16px 16px 0 16px
}

.boat-modal .animated-icon {
    position: absolute;
    right: 10px;
    top: 10px
}

.boat-header {
    background: #28ad00;
    padding: 10px 20px 28px
}

.header-title {
    column-gap: 20px
}

.header-title img {
    background: #fff;
    padding: 8px;
    margin: 0
}

.header-title h4 {
    font-size: 22px
}

.header-title p {
    font-size: 12px
}

.boat-inner {
    border-radius: 20px;
    background: #fff;
    position: relative;
    top: -16px;
    padding: 16px 12px;
    max-height: calc(100% - 100px)
}

.boat-inner .send-msg {
    column-gap: 12px;
    align-items: flex-start
}

.boat-inner .send-msg .btn.active {
    border-color: #28ad00;
    color: #28ad00
}

.boat-inner .send-msg .options {
    flex-direction: column;
    align-items: flex-start
}

.boat-inner .receive-msg {
    justify-content: flex-end
}

.boat-inner .msg {
    position: relative;
    background: #f5f5f5;
    padding: 12px 10px;
    border-radius: 4px;
    width: 175px;
    font-size: 12px
}

.boat-inner .msg:after {
    right: 100%;
    top: 10px;
    border: solid transparent;
    content: "";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-right-color: #f5f5f5;
    border-width: 7px
}

.boat-inner .options {
    gap: 12px;
    flex-wrap: wrap
}

.boat-inner .options .btn {
    border: 1px solid #bdbdbd
}

.boat-inner .btn.fieldControl {
    padding: 0;
    border: 0;
    min-width: 220px
}

.boat-inner .btn.fieldControl .fieldInput {
    border-radius: 20px
}

.boat-inner .easy-autocomplete-container {
    text-align: left;
    max-height: 200px;
    overflow-y: auto;
    background: #fff
}

.boat-inner .easy-autocomplete-container li {
    border-right: 0
}

.boat-inner .easy-autocomplete-container ul li div {
    font-size: 12px
}

.boat-inner .profile-img {
    width: 40px;
    height: 40px;
    background: #28ad00;
    border-radius: 50%;
    padding: 7px;
    margin: 0
}

.boat-inner .loading-dots--dot {
    height: 10px;
    width: 10px
}

.boat-inner .noCostEmi {
    padding: 20px 0 0
}

.boat-inner .noCostEmi li {
    display: block;
    width: fit-content;
    margin: 0 0 15px
}

.boat-inner .noCostEmi li b {
    font-size: 12px
}

.boat-form {
    padding: 12px;
    width: 235px;
    border-radius: 8px;
    border-top: 3px solid #28ad00
}

.boat-form p {
    font-size: 12px;
    margin: 3px 0 10px
}

.boat-form .fieldIcon {
    font-size: 16px
}

.boat-form .fieldInput {
    height: 35px
}

.boat-form .fieldInput:placeholder-shown~.fieldLabel {
    font-size: 12px;
    top: 11px
}

.boat-form .fieldTextarea {
    height: 70px
}

.boat-form .btn {
    border-radius: 4px;
    padding: 4px 10px
}

@media only screen and (min-width:1024px) {
    .chat-boat-wrap {
        bottom: 155px;
        right: 40px
    }

    .boat-modal {
        width: 350px;
        height: 60vh
    }

    .boat-inner .btn.fieldControl {
        min-width: 240px
    }

    .boat-header {
        padding: 20px 20px 38px
    }
}

@keyframes typing {
    from {
        width: 0
    }

    to {
        width: 100%
    }
}

#productPage .rideSpeedSec {
    margin: 0 -16px
}

#productPage .everyRideMain .aboutCycle {
    padding-right: 15px
}

#productPage .everyRideMain .aboutCycle p {
    font-size: 12px;
    line-height: 1.3
}

.rideSpeedSec {
    overflow: hidden;
    padding-bottom: 20px
}

.rideSpeedSec .btnNavMode {
    left: 16px;
    overflow: visible
}

.rideSpeedSec .btnNavMode span {
    position: absolute;
    left: calc(100% + 10px);
    top: 3px;
    font-family: Archivo;
    font-size: 12px
}

.rideSpeedSec .navModeIcon {
    position: relative
}

.everyRideMain {
    padding: 50% 0 75px;
    position: relative;
    min-height: 180px;
    z-index: 1
}

.everyRideMain .everyRideBg {
    width: 100%;
    height: auto;
    width: 150%;
    position: absolute;
    bottom: 0;
    left: -5%
}

.everyRideMain .riderAniWrap {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    transition: all .5s ease-in-out;
    -webkit-animation: rotateOut .5s linear forwards;
    -moz-animation: rotateOut .5s linear forwards;
    animation: rotateOut .5s linear forwards;
    z-index: -1
}

.everyRideMain .riderAniWrap:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: -50px;
    right: -50px;
    border-bottom: 1px solid #d2d2d2
}

.everyRideMain .riderAniWrap:before {
    content: "";
    position: absolute;
    bottom: -150px;
    left: -50px;
    right: -50px;
    background: #fff;
    height: 150px
}

.everyRideMain .riderAniWrap.active {
    -webkit-animation: rotateIn .5s linear forwards;
    -moz-animation: rotateIn .5s linear forwards;
    animation: rotateIn .5s linear forwards
}

.everyRideMain .riderAniWrap img {
    max-width: 150px
}

.everyRideMain .rideBikeAni {
    margin-left: 16px
}

#ereryRide .aboutCycle {
    color: #fff;
    font-size: 12px;
    margin-top: 10px;
    text-align: left;
    font-weight: 200
}

#ereryRide .aboutCycle p {
    color: #fff
}

#ereryRide .aboutCycle .txt-sm {
    font-size: 12px;
    display: block;
    zoom: .75
}

@-moz-keyframes rotateIn {
    100% {
        -moz-transform: rotate(-7deg)
    }
}

@-webkit-keyframes rotateIn {
    100% {
        -webkit-transform: rotate(-7deg)
    }
}

@keyframes rotateIn {
    100% {
        transform: rotate(-7deg)
    }
}

@-moz-keyframes rotateOut {
    0% {
        -moz-transform: rotate(-7deg)
    }

    100% {
        -moz-transform: rotate(0)
    }
}

@-webkit-keyframes rotateOut {
    0% {
        -webkit-transform: rotate(-7deg)
    }

    100% {
        -webkit-transform: rotate(0)
    }
}

@keyframes rotateOut {
    0% {
        transform: rotate(-7deg)
    }

    100% {
        transform: rotate(0)
    }
}

@media only screen and (min-width:1024px) {
    #productPage .rideSpeedSec .btnNavMode {
        top: 135px
    }

    #productPage .rideSpeedSec .tab-body {
        margin-top: 50px
    }

    #productPage .everyRideMain .aboutCycle {
        max-width: 450px
    }

    #productPage .everyRideMain .aboutCycle p {
        font-size: 14px
    }

    #ereryRide .aboutCycle {
        font-size: 18px;
        margin-top: 20px
    }

    #ereryRide .aboutCycle .txt-sm {
        zoom: 1
    }

    .rideSpeedSec {
        min-height: 100vh;
        padding-bottom: 70px
    }

    .rideSpeedSec .btnNavMode {
        left: 0;
        top: 110px
    }

    .rideSpeedSec .btnNavMode span {
        left: calc(100% + 20px);
        font-size: 15px;
        top: 2px
    }

    .rideSpeedSec .tab-body {
        margin-top: -25px
    }

    .redeSpeedWrap {
        z-index: 2
    }

    .everyRideMain {
        min-height: 370px;
        padding: 25px 0 75px
    }

    .everyRideMain .rideBikeAni {
        margin-left: 16%
    }

    .everyRideMain .riderAniWrap img {
        max-width: 100%
    }
}

@media only screen and (min-width:1600px) {
    .rideSpeedSec .tab-body {
        margin-top: 0
    }

    .everyRideMain {
        min-height: 500px
    }
}

.animationBgMain {
    width: 100%;
    height: 32.6vw;
    background: url(https://d60i6mpkbdpwe.cloudfront.net/assets/ninetyone/ebikenew/meraki-2d-v1.png) repeat-x;
    background-size: 50%;
    animation: scroll-anim 5s linear infinite
}

@keyframes scroll-anim {
    100% {
        background-position: -100% 0
    }
}

.bycicleMain {
    position: absolute;
    right: 0;
    bottom: 50px;
    left: 0;
    max-width: 400px;
    height: 290px
}

.bycicleMain img {
    max-width: 100%;
    display: block
}

.bicycleMainBody {
    position: absolute;
    left: 29px;
    bottom: 2px;
    max-width: 130px;
    height: 122px;
    background-repeat: no-repeat;
    width: 100%;
    background-size: contain
}

.everyRideMain .speedModeBx {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: -1;
    width: 275%;
    background-size: 50%;
    background-repeat: repeat-x;
    animation: mv 1.5s linear infinite;
    padding-bottom: 65%
}

.bicycleCont {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    max-width: 187px;
    height: 123px;
    overflow: hidden
}

.bicycleCont .wheel {
    position: absolute;
    bottom: 2px;
    width: 70px;
    height: 70px;
    box-shadow: 0 10px 15px -12px rgba(0, 0, 0, .3);
    z-index: 0
}

.bicycleCont .wheel .tire {
    position: absolute;
    margin: auto;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    width: inherit;
    height: inherit;
    border-radius: 50%;
    z-index: 2;
    animation: rt .6s infinite linear
}

.bicycleCont .wheel .tire:before {
    content: "";
    position: absolute;
    margin: auto;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    width: inherit;
    height: inherit;
    border-radius: 50%;
    border: 6px solid #000;
    box-sizing: border-box;
    z-index: 2
}

.bicycleCont .wheel .hub {
    position: absolute;
    margin: auto;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background: #353a3b
}

.bicycleCont .backwWheel {
    left: 0
}

.bicycleCont .backwWheel .hub {
    border: 2px solid #000;
    width: 24px;
    height: 24px;
    box-shadow: 0 0 8px 0 rgba(255, 255, 255, .5)
}

.bicycleCont .backwWheel .hub:before {
    content: "";
    position: absolute;
    margin: auto;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 14px;
    height: 14px;
    border: 1px solid #000;
    border-radius: 50%
}

.bicycleCont .frontWheel {
    right: 0
}

.bicycleCont .rim {
    position: absolute;
    margin: auto;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    width: 94%;
    height: 94%;
    border-radius: 50%;
    border: 8px solid #333;
    z-index: 0
}

.bicycleCont .rim i {
    position: absolute;
    margin: auto;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    width: 100%;
    height: 0;
    border-top: 1px solid #9f9f9f;
    z-index: 1
}

.bicycleCont .rim i:nth-child(2) {
    transform: rotate(32deg)
}

.bicycleCont .rim i:nth-child(3) {
    transform: rotate(64deg)
}

.bicycleCont .rim i:nth-child(4) {
    transform: rotate(96deg)
}

.bicycleCont .rim i:nth-child(5) {
    transform: rotate(128deg)
}

.bicycleCont .rim i:nth-child(6) {
    transform: rotate(160deg)
}

.bicycleCont .rim i:nth-child(6):before {
    display: none
}

.bicycleCont .rim i:after,
.bicycleCont .rim i:before {
    content: "";
    position: absolute;
    margin: auto;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    width: 100%;
    height: 0;
    border-top: 1px solid #9f9f9f;
    z-index: 1
}

.bicycleCont .rim i:before {
    transform: rotate(10deg)
}

.bicycleCont .rim i:after {
    transform: rotate(-10deg)
}

.bicycleCont .spokes {
    position: absolute;
    margin: auto;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    border-left: 2px solid transparent;
    border-right: 2px solid transparent;
    border-top: 2px solid #333;
    z-index: 1
}

.bicycleCont .spokes:before {
    content: "";
    position: absolute;
    content: '';
    display: block;
    position: absolute;
    height: 0;
    width: 0;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-left: 6px solid #333;
    top: -1px;
    right: 4px;
    margin-right: 0;
    transform-origin: bottom;
    transform: rotate(36deg)
}

.bicycleCont .spokes.last {
    border-left: 2px solid transparent;
    border-right: 2px solid transparent;
    border-bottom: 2px solid #333
}

.bicycleCont .spokes.last:before {
    top: auto;
    bottom: 10px;
    left: 3px;
    right: auto;
    margin-right: 0;
    transform-origin: bottom;
    transform: rotate(-134deg)
}

.bicycleCont .gear {
    position: absolute;
    bottom: 20px;
    left: 70px;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    border: 4px solid #333;
    z-index: 4;
    animation: rt 1.2s infinite linear;
    box-sizing: content-box
}

.bicycleCont .gear:before {
    content: "";
    position: absolute;
    margin: auto;
    top: -1px;
    right: -1px;
    bottom: -1px;
    left: -1px;
    border: 1px solid #000;
    border-radius: 50%
}

.bicycleCont .gear .pedal {
    position: absolute;
    margin: auto;
    right: 0;
    left: 0;
    width: 12px;
    height: 5px;
    border-radius: 5px;
    z-index: 3;
    border: 3px solid #333
}

.bicycleCont .gear .pedalFront {
    top: -40px;
    bottom: 0
}

.bicycleCont .gear .pedalBack {
    top: 0;
    bottom: -40px
}

.bicycleCont .gear .pedalArrow {
    position: absolute;
    margin: auto;
    right: -4px;
    left: -4px;
    top: -4px;
    bottom: -4px;
    z-index: 5
}

.bicycleCont .gear .arrowBottom,
.bicycleCont .gear .arrowTop {
    position: absolute;
    margin: auto;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    width: 100%;
    height: 100%;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent
}

.bicycleCont .gear .arrowBottom:before,
.bicycleCont .gear .arrowTop:before {
    content: "";
    position: absolute;
    transform: rotate(45deg)
}

.bicycleCont .gear .arrowTop {
    left: 0;
    top: 0;
    border-top: 4px solid #28ad00
}

.bicycleCont .gear .arrowTop:before {
    content: '';
    display: block;
    position: absolute;
    height: 0;
    width: 0;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-left: 6px solid #28ad00;
    top: -3px;
    left: calc(100% - 2px)
}

.bicycleCont .gear .arrowBottom {
    right: 0;
    bottom: 0;
    border-bottom: 4px solid #28ad00
}

.bicycleCont .gear .arrowBottom:before {
    content: '';
    display: block;
    position: absolute;
    height: 0;
    width: 0;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-right: 6px solid #28ad00;
    bottom: -3px;
    left: -4px
}

.bicycleCont .gearBack {
    z-index: 0
}

.bicycleCont .gear-md {
    position: absolute;
    margin: auto;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #333
}

.bicycleCont .tube {
    position: absolute;
    margin: auto;
    top: 0;
    bottom: 0;
    height: 2px;
    border-radius: 5px;
    background: #151515;
    z-index: 3
}

.bicycleCont .tube.pedalTube {
    position: absolute;
    margin: auto;
    top: 20%;
    left: 50%;
    height: 2px;
    border-radius: 5px;
    background: #151515;
    width: 40px;
    z-index: 3;
    transform-origin: center;
    transform: translate(-50%, -50%) rotate(-90deg)
}

.bicycleCont .chain-tube {
    left: calc(120px / 2);
    width: 120px
}

.bicycleCont .seat-tube-back {
    left: calc(120px / 2);
    transform-origin: left;
    transform: rotate(-60deg);
    width: 120px
}

.bicycleCont .seat-tube-front {
    left: calc(120px / 2);
    transform-origin: right;
    transform: rotate(60deg);
    width: 120px
}

.bicycleCont .top-handlebar-tube2 {
    right: 90px;
    bottom: initial;
    top: 25px;
    width: 25px;
    background: #333;
    border-radius: 0
}

.bicycleCont .down-tube {
    left: calc(120px + 60px);
    width: 100px;
    transform-origin: left;
    transform: rotate(-50deg)
}

.bicycleCont .saddle {
    position: absolute;
    margin: auto;
    top: 20px;
    left: 85px;
    width: 50px;
    height: 10px;
    border-top-left-radius: 50%;
    border-top-right-radius: 100%;
    border-bottom-left-radius: 50%;
    background: #151515;
    z-index: 2
}

.pedalAssist.everyRideMain.active .tire {
    animation-duration: .8s !important
}

.pedalAssist.everyRideMain.active .gear {
    animation-duration: 1.5s !important
}

.pedalAssist.everyRideMain.active .speedModeBx {
    animation-duration: 1.8s !important
}

.throttleMode .tire {
    animation-duration: .6s !important
}

.throttleMode .gear {
    animation-play-state: paused !important;
    transform: rotate(91deg) !important
}

.throttleMode .speedModeBx {
    animation-duration: 1.5s !important
}

.throttleMode.everyRideMain.active .tire {
    animation-duration: .9s !important
}

.throttleMode.everyRideMain.active .speedModeBx {
    animation-duration: 2.5s !important
}

.pedalMode .tire {
    animation-duration: .9s !important
}

.pedalMode .gear {
    animation-duration: .9s !important
}

.pedalMode .speedModeBx {
    animation-duration: 2.5s !important
}

.pedalMode.everyRideMain.active .tire {
    animation-duration: 1.5s !important
}

.pedalMode.everyRideMain.active .gear {
    animation-duration: 1.5s !important
}

.pedalMode.everyRideMain.active .speedModeBx {
    animation-duration: 6s !important
}

.cruiseMode .tire {
    animation-duration: 1.6s !important
}

.cruiseMode .gear {
    animation-duration: 1.6s !important;
    animation-play-state: paused !important;
    transform: rotate(91deg) !important
}

.cruiseMode .speedModeBx {
    animation-duration: 6.2s !important
}

.cruiseMode.everyRideMain.active .tire {
    animation-duration: 1.8s !important
}

.cruiseMode.everyRideMain.active .speedModeBx {
    animation-duration: 8s !important
}

.gearGap {
    position: absolute;
    margin: auto;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 2px;
    height: 18px;
    background: #333;
    transform: rotate(45deg)
}

.gearGap::after {
    content: "";
    position: absolute;
    margin: auto;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 2px;
    background: #333;
    transform: rotate(90deg)
}

@keyframes rt {
    100% {
        transform: rotate(360deg)
    }
}

@keyframes mv {
    100% {
        background-position: -100% 0
    }
}

@media only screen and (min-width:768px) {
    .everyRideMain .speedModeBx {
        width: 150%;
        padding-bottom: 40%
    }
}

@media only screen and (min-width:1024px) {
    #productPage .everyRideMain .speedModeBx {
        padding-bottom: 35%
    }

    #productPage .everyRideMain .rideBikeAni {
        margin-left: 5%
    }

    .bicycleMainBody {
        left: 55px;
        bottom: 52px;
        max-width: 400px;
        height: 198px
    }

    .everyRideMain .speedModeBx {
        width: 100%;
        padding-bottom: 25%
    }

    .bicycleCont {
        max-width: 380px;
        height: 300px
    }

    .bicycleCont .wheel {
        width: 144px;
        height: 144px
    }

    .bicycleCont .wheel .tire:before {
        border: 10px solid #000
    }

    .bicycleCont .spokes {
        width: 92px;
        height: 92px;
        border-left: 3px solid transparent;
        border-right: 3px solid transparent;
        border-top: 3px solid #333
    }

    .bicycleCont .spokes:before {
        content: '';
        display: block;
        position: absolute;
        height: 0;
        width: 0;
        border-top: 6.66667px solid transparent;
        border-bottom: 6.66667px solid transparent;
        border-left: 8px solid #333;
        top: 4px;
        right: 11px;
        transform: rotate(45deg)
    }

    .bicycleCont .spokes.last {
        border-left: 3px solid transparent;
        border-right: 3px solid transparent;
        border-bottom: 3px solid #333
    }

    .bicycleCont .spokes.last:before {
        top: auto;
        bottom: 19px;
        left: 11px;
        right: auto
    }

    .bicycleCont .rim {
        width: 126px;
        height: 126px
    }

    .bicycleCont .backwWheel .hub {
        width: 38px;
        height: 38px
    }

    .bicycleCont .backwWheel .hub:before {
        width: 26px;
        height: 26px;
        border: 2px solid #000
    }

    .bicycleCont .gear {
        bottom: 40px;
        left: 148px;
        width: 34px;
        height: 34px;
        border: 8px solid #333
    }

    .bicycleCont .gear:before {
        top: -4px;
        right: -4px;
        bottom: -4px;
        left: -4px
    }

    .bicycleCont .gear .pedal {
        width: 20px;
        height: 7px;
        border: 3px solid #333
    }

    .bicycleCont .gear .pedalFront {
        top: -90px;
        bottom: 0
    }

    .bicycleCont .gear .pedalBack {
        top: 0;
        bottom: -90px
    }

    .bicycleCont .gear .pedalArrow {
        right: -8px;
        left: -8px;
        top: -8px;
        bottom: -8px
    }

    .bicycleCont .gear .arrowBottom,
    .bicycleCont .gear .arrowTop {
        border-left: 6px solid transparent;
        border-right: 6px solid transparent
    }

    .bicycleCont .gear .arrowTop {
        border-top: 6px solid #28ad00
    }

    .bicycleCont .gear .arrowTop:before {
        content: '';
        display: block;
        position: absolute;
        height: 0;
        width: 0;
        border-top: 8.33333px solid transparent;
        border-bottom: 8.33333px solid transparent;
        border-left: 10px solid #28ad00;
        top: -2px;
        left: calc(100% - 6px)
    }

    .bicycleCont .gear .arrowBottom {
        border-bottom: 6px solid #28ad00
    }

    .bicycleCont .gear .arrowBottom:before {
        content: '';
        display: block;
        position: absolute;
        height: 0;
        width: 0;
        border-top: 8.33333px solid transparent;
        border-bottom: 8.33333px solid transparent;
        border-right: 10px solid #28ad00;
        bottom: -3px;
        left: -4px
    }

    .bicycleCont .gear-md {
        width: 18px;
        height: 18px
    }

    .bicycleCont .tube {
        height: 5px
    }

    .bicycleCont .tube.pedalTube {
        width: 90px;
        height: 5px
    }

    .bicycleCont .frontWheel .hub {
        width: 30px;
        height: 30px
    }

    .gearGap {
        width: 6px;
        height: 36px
    }

    .gearGap::after {
        width: 6px
    }
}

#ereryRide .tab-head {
    column-gap: 14px
}

#ereryRide .tab-head>li {
    font-size: 12px;
    line-height: 1.2;
    padding: 10px 8px;
    cursor: pointer;
    border-radius: 12px;
    -webkit-border-radius: 12px;
    margin: 2px 1px
}

#ereryRide .tab-head>li span {
    zoom: .75
}

#ereryRide .tab-head>li.active {
    color: #000 !important;
    background-color: #fff
}

#ereryRide .tab-head>li.active::before,
#ereryRide .tab-head>li.active:after {
    display: none
}

#ereryRide .tab-head>li.active span {
    -webkit-animation-play-state: paused;
    animation-play-state: paused
}

#ereryRide .tab-main .tab-content {
    animation: show-smooth .5s ease-in-out;
    -webkit-animation: show-smooth .5s ease-in-out;
    position: relative
}

#ereryRide .tab-main.specTabMain {
    position: relative;
    margin-left: -15px;
    margin-right: -15px
}

#ereryRide .tabNavOuter {
    padding: 4px;
    border-radius: 12px;
    -webkit-border-radius: 12px;
    border: 1px solid #707070;
    display: inline-block;
    vertical-align: middle;
    margin: 0 auto;
    padding: 16px;
    width: 100%;
    position: relative;
    z-index: 1;
    background: #0c0c0c
}

#ereryRide .tabNavOuter.hills {
    transform: rotate(-7deg);
    transition: transform .8s ease-in-out
}

#ereryRide .tabNavOuter .tabNav {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%
}

#ereryRide .tabNavOuter .tabNav>li {
    column-gap: 14px;
    margin: 0;
    border: 1px solid rgba(255, 255, 255, .4) !important
}

#ereryRide .specNav {
    margin-left: 0;
    margin-right: 0;
    text-align: center
}

#ereryRide .specNav>* {
    font-size: 12px;
    line-height: 1.2;
    padding: 10px 15px;
    cursor: pointer;
    border-radius: 12px;
    -webkit-border-radius: 12px
}

#ereryRide .specNav>.active {
    color: #fff;
    background-color: #0c0c0c
}

#ereryRide .bikeOptGroup {
    display: inline-flex;
    background: rgba(0, 184, 82, .1);
    border-radius: 24px;
    -webkit-border-radius: 24px;
    font-size: 14px;
    line-height: 1;
    position: relative;
    z-index: 5;
    margin-bottom: 55px
}

#ereryRide .bikeOptGroup .bikeBtn {
    padding: 10px 15px;
    position: relative;
    line-height: 1.3
}

#ereryRide .bikeOptGroup .modelOption {
    background: #fff;
    color: #28ad00;
    -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, .1);
    box-shadow: 0 3px 6px rgba(0, 0, 0, .1);
    border-radius: 24px;
    -webkit-border-radius: 24px;
    cursor: pointer
}

#ereryRide .bikeOptGroup .arrow_down {
    border-style: solid;
    display: inline-block;
    padding: 3px;
    margin-left: 3px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    border-color: #28ad00;
    border-width: 0 1px 1px 0;
    vertical-align: -1px;
    padding: 4px;
    vertical-align: 3px;
    margin-left: 5px
}

#ereryRide .bikeOptGroup .bikeDropdown {
    position: absolute;
    right: -10px;
    top: 54px;
    min-width: 100px;
    padding: 15px 20px;
    opacity: 0;
    visibility: hidden;
    background: #fff;
    -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, .1);
    box-shadow: 0 3px 6px rgba(0, 0, 0, .1);
    text-align: left;
    color: #000;
    border-radius: 20px;
    -webkit-border-radius: 20px
}

#ereryRide .bikeOptGroup .bikeDropdown.active {
    opacity: 1;
    visibility: visible
}

#ereryRide .bikeOptGroup .bikeDropdown li {
    cursor: pointer;
    padding: 10px 0;
    white-space: nowrap
}

@-webkit-keyframes show-smooth {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@-moz-keyframes show-smooth {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@keyframes show-smooth {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@media only screen and (min-width:360px) {
    #ereryRide .tab-head>li span {
        zoom: .85
    }
}

@media only screen and (min-width:1024px) {
    #ereryRide .tabNavOuter {
        padding: 35px 45px
    }

    #ereryRide .tab-head>li {
        width: 23%;
        padding: 12px 18px;
        font-size: 20px;
        min-width: 80px;
        font-weight: 300
    }

    #ereryRide .tab-head>li span {
        zoom: 1
    }

    #ereryRide .specNav>* {
        font-size: 20px;
        line-height: 1.2;
        padding: 10px 15px
    }
}

@media only screen and (min-width:1600px) {
    #ereryRide .tab-head>li {
        padding: 23px 18px;
        font-size: 23px
    }
}

.dotBtnGroup {
    position: absolute;
    left: 0;
    top: 40%;
    transform: translateY(-50%);
    border-radius: 44px;
    -webkit-border-radius: 44px;
    width: 40px;
    border: 1px solid #aeaeae;
    padding: 3px 0;
    background: #fff;
    z-index: 5
}

.dotBtnGroup .dotBtn {
    border-radius: 50%;
    -webkit-border-radius: 50%;
    width: 40px;
    height: 40px;
    display: inline-block;
    vertical-align: middle;
    margin: 3px 4px;
    position: relative;
    cursor: pointer
}

.dotBtnGroup .dotBtn:before {
    content: "";
    width: 20px;
    height: 20px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    display: block;
    margin: 8px auto
}

.dotBtnGroup .dotStep1 {
    background: #e12c26
}

.dotBtnGroup .dotStep1:before {
    background: #0c0c0c
}

.dotBtnGroup .dotStep2 {
    background: #d8d9db
}

.dotBtnGroup .dotStep2:before {
    background: #92959a
}

.dotBtnGroup .dotStep3 {
    background: #ff8060
}

.dotBtnGroup .dotStep3:before {
    background: #474747
}

.btnNavMode {
    overflow: hidden;
    text-align: center;
    padding: 5px 3px
}

.btnNavMode .navModeIcon {
    line-height: 30px;
    width: 100%;
    height: 30px;
    display: inline-block;
    vertical-align: middle;
    margin: 5px 0;
    color: #959595;
    opacity: .6;
    cursor: pointer
}

.btnNavMode .navModeIcon:last-child {
    margin-bottom: 5px
}

.btnNavMode .navModeIcon.active {
    opacity: 1;
    color: #28ad00
}

.colorBtnMode span {
    position: absolute;
    left: 50%;
    top: -25px;
    font-family: Archivo;
    font-size: 12px;
    white-space: nowrap;
    transform: translateX(-50%);
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    color: #939393;
    font-weight: 300
}

.colorBtnMode .dotBtn.active span {
    opacity: 1;
    visibility: visible;
    color: #525252;
    font-weight: 600
}

@media only screen and (min-width:1024px) {
    .dotBtnGroup {
        width: 46px
    }

    .dotBtnGroup .dotBtn {
        width: 36px;
        height: 36px
    }

    .btnNavMode .navModeIcon {
        line-height: 20px;
        width: 26px;
        height: 26px;
        margin: 5px 3px 10px
    }

    .btnNavMode .navModeIcon:hover {
        opacity: 1;
        color: #28ad00
    }

    .colorBtnMode span {
        left: calc(100% + 50px);
        font-size: 15px;
        top: 9px;
        transform: translateX(0)
    }

    .colorBtnMode .dotBtn.active span,
    .colorBtnMode .dotBtn:hover span {
        left: calc(100% + 20px);
        opacity: 1;
        visibility: visible
    }
}

.btnCalypso {
    overflow: hidden;
    position: relative;
    border: 0 !important;
    color: rgba(255, 255, 255, .4)
}

.btnCalypso::after,
.btnCalypso::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.btnCalypso::before {
    background: #28ad00;
    width: 120%;
    height: 0;
    padding-bottom: 120%;
    top: -110%;
    left: -10%;
    border-radius: 50%;
    transform: translate3d(0, 68%, 0) scale3d(0, 0, 0);
    -webkit-transform: translate3d(0, 68%, 0) scale3d(0, 0, 0)
}

.btnCalypso::after {
    background: #28ad00;
    transform: translate3d(0, -104%, 0);
    -webkit-transform: translate3d(0, -104%, 0);
    transition: transform .4s cubic-bezier(.1, 0, .3, 1);
    -webkit-transition: transform .4s cubic-bezier(.1, 0, .3, 1)
}

.btnCalypso span {
    display: block;
    position: relative;
    z-index: 10
}

.btnCalypso:hover {
    color: #000
}

.btnCalypso:hover::before {
    transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
    -webkit-transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
    transition: transform .4s cubic-bezier(.1, 0, .3, 1);
    -webkit-transition: transform .4s cubic-bezier(.1, 0, .3, 1)
}

.btnCalypso:hover::after {
    transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    transition-duration: 50ms;
    -webkit-transition-duration: 50ms;
    transition-delay: .4s;
    -webkit-transition-delay: .4s;
    transition-timing-function: linear;
    -webkit-transition-timing-function: linear
}

.btnCalypso.dark::before {
    background: #fff
}

.btnCalypso.dark::after {
    background: #fff
}

@keyframes MoveScaleUpEnd {
    from {
        transform: translate3d(0, 100%, 0) scale3d(1, 2, 1);
        opacity: 0
    }

    to {
        transform: translate3d(0, 0, 0);
        opacity: 1
    }
}

@-webkit-keyframes MoveScaleUpEnd {
    from {
        -webkit-transform: translate3d(0, 100%, 0) scale3d(1, 2, 1);
        opacity: 0
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        opacity: 1
    }
}

.rideSpecInfo {
    line-height: 1
}

.rideSpecInfo .title {
    font-size: 14px;
    padding-bottom: 4px
}

.rideSpecInfo .title span {
    color: #959595;
    font-size: 9px;
    vertical-align: middle
}

.rideSpecInfo .info {
    font-size: 20px;
    font-weight: 600
}

#productPage .rideSpecInfo .info {
    font-weight: 400
}

.effortBtn {
    margin-top: 4px
}

.effortBtn span {
    float: left;
    width: 8px;
    height: 16px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    margin-right: 5px;
    position: relative;
    background: #707070;
    overflow: hidden
}

.effortBtn span:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #28ad00;
    opacity: 0;
    border-radius: 4px;
    -webkit-border-radius: 4px
}

.effortBtn.active .effortAn1:before {
    animation: effortAn1 2s forwards
}

.effortBtn.active .effortAn2:before {
    animation: effortAn2 2s forwards
}

.effortBtn.active .effortAn3:before {
    animation: effortAn3 2s forwards
}

.effortBtn.active .effortAn4:before {
    animation: effortAn4 2s forwards
}

.effortBtn.active .effortAn5:before {
    animation: effortAn5 2s forwards
}

@keyframes effortAn1 {

    100%,
    20% {
        opacity: 1
    }
}

@keyframes effortAn2 {

    0%,
    20% {
        opacity: 0
    }

    100%,
    40% {
        opacity: 1
    }
}

@keyframes effortAn3 {

    0%,
    40% {
        opacity: 0
    }

    100%,
    60% {
        opacity: 1
    }
}

@keyframes effortAn4 {

    0%,
    60% {
        opacity: 0
    }

    100%,
    80% {
        opacity: 1
    }
}

@keyframes effortAn5 {

    0%,
    80% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@media only screen and (min-width:1024px) {
    .rideSpecInfo {
        line-height: 1
    }

    .rideSpecInfo .title {
        font-size: 20px
    }

    .rideSpecInfo .title span {
        font-size: 14px
    }

    .rideSpecInfo .info {
        font-size: 34px
    }

    .effortBtn {
        margin-top: 6px
    }

    .effortBtn span {
        width: 13px;
        height: 26px;
        border-radius: 7px;
        -webkit-border-radius: 7px;
        margin-right: 7px
    }

    .effortBtn span:before {
        border-radius: 7px;
        -webkit-border-radius: 7px
    }
}

@media only screen and (min-width:1600px) {
    .rideSpecInfo .title {
        font-size: 30px
    }

    .rideSpecInfo .info {
        font-size: 45px
    }
}

.easy-autocomplete {
    position: relative
}

.easy-autocomplete input {
    border-color: #dfdfdf;
    border-radius: 3px;
    border-style: solid;
    border-width: 1px;
    color: #555;
    float: none;
    padding: 6px 12px
}

.easy-autocomplete input:focus,
.easy-autocomplete input:hover {
    box-shadow: none
}

.easy-autocomplete a {
    display: block
}

.easy-autocomplete.eac-green-light input:focus,
.easy-autocomplete.eac-green-light input:hover {
    border-color: #28ad00;
    box-shadow: 0 1px 1px rgba(0, 0, 0, .075) inset, 0 0 8px rgba(40, 173, 0, .2)
}

.easy-autocomplete.eac-green-light ul {
    border-color: #28ad00;
    box-shadow: 0 1px 1px rgba(0, 0, 0, .075) inset, 0 0 8px rgba(40, 173, 0, .2)
}

.easy-autocomplete.eac-green-light ul .eac-category,
.easy-autocomplete.eac-green-light ul li {
    border-color: #28ad00
}

.easy-autocomplete.eac-green-light ul .eac-category.selected,
.easy-autocomplete.eac-green-light ul li.selected {
    background-color: #28ad00;
    color: #fff
}

.easy-autocomplete.eac-green-light ul .eac-category.selected .categorieField,
.easy-autocomplete.eac-green-light ul li.selected .categorieField {
    background: #212121
}

.easy-autocomplete.eac-green-light ul .eac-category.selected .categorieField:after,
.easy-autocomplete.eac-green-light ul li.selected .categorieField:after {
    border-top-color: #212121
}

.easy-autocomplete.eac-bootstrap input {
    border-color: #ccc;
    border-radius: 4px;
    border-style: solid;
    border-width: 1px;
    color: #555;
    padding: 6px 12px
}

.easy-autocomplete-container {
    left: 0;
    position: absolute;
    width: 100%;
    z-index: 2
}

.easy-autocomplete-container .sub-pro {
    display: flex;
    flex-flow: column;
    gap: 10px;
    margin-top: 10px;
    padding: 0 0 8px;
    border-radius: 4px
}

.easy-autocomplete-container .sub-pro .bikeType {
    width: 45px;
    display: inline-block
}

.easy-autocomplete-container .sub-pro .attr {
    border: 1px solid #e0e0e0;
    padding: 3px 6px;
    border-radius: 4px;
    color: #757575;
    font-size: 12px;
    zoom: .85;
    line-height: 18px;
    margin-left: 12px;
    display: inline-block;
    background: #fafafa
}

.easy-autocomplete-container ul {
    background: none repeat scroll 0 0 #fff;
    display: none;
    margin-top: 0;
    padding-bottom: 0;
    padding-left: 0;
    position: relative;
    top: -1px
}

.easy-autocomplete-container ul .eac-category,
.easy-autocomplete-container ul li {
    background: inherit;
    border-color: #ccc;
    border-image: none;
    border-style: solid;
    border-width: 0 1px;
    display: block;
    font-size: 14px;
    font-weight: 400;
    padding: 4px 12px;
    border-bottom: 1px solid #f7f7f7 !important
}

.easy-autocomplete-container ul li:last-child {
    border-radius: 0 0 2px 2px;
    border-width: 0 1px 1px
}

.easy-autocomplete-container ul li.selected {
    background: none repeat scroll 0 0 #ebebeb;
    cursor: pointer
}

.easy-autocomplete-container ul li.selected .sub-pro .attr {
    background: #efefef
}

.easy-autocomplete-container ul li.selected div {
    font-weight: 400
}

.easy-autocomplete-container ul li div {
    display: block;
    font-weight: 400;
    word-break: break-all;
    padding: 0 8px 0
}

.easy-autocomplete-container .categorieField {
    background: #eee;
    padding: 6px 10px;
    border-radius: 4px;
    margin: 0 -12px;
    position: relative;
    margin-bottom: 5px
}

.easy-autocomplete-container .categorieField:after {
    top: 100%;
    left: 22px;
    border: solid transparent;
    content: "";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(255, 255, 255, 0);
    border-top-color: #efefef;
    border-width: 9px;
    margin-left: -10px
}

.easy-autocomplete-container .categorieField .icon-category {
    vertical-align: middle;
    margin-right: 10px
}

.easy-autocomplete-container ul li b {
    font-weight: 700
}

.easy-autocomplete-container ul .eac-category {
    color: #aaa;
    font-style: italic
}

.eac-description .eac-item span {
    color: #aaa;
    font-style: italic;
    font-size: .9em
}

.eac-icon-left .eac-item img {
    margin-right: 4px;
    max-height: 30px
}

.eac-icon-right .eac-item {
    margin-top: 8px;
    min-height: 24px;
    position: relative
}

.eac-icon-right .eac-item img {
    margin-left: 4px;
    max-height: 30px;
    position: absolute;
    right: -4px;
    top: -8px
}

.pl-2,
.px-2 {
    padding-left: .5rem !important
}

.pr-2,
.px-2 {
    padding-right: .5rem !important
}

.mb-3,
.my-3 {
    margin-bottom: 1rem !important
}

.autoSearchBox {
    display: flex;
    flex-direction: row-reverse
}

.autoSearchBox .allBrandCatg {
    position: relative;
    z-index: 1
}

.autoSearchBox .allBrand,
.autoSearchBox .srchWrap {
    height: 46px
}

.autoSearchBox .allBrndList {
    font-size: 16px
}

.autoSearchBox .allBrndList li {
    display: flex;
    margin-top: 20px;
    align-items: center;
    white-space: nowrap;
    cursor: pointer
}

.autoSearchBox .allBrndList li:first-child {
    margin-top: 8px
}

.autoSearchBox .allBrndList li:hover {
    color: #28ad00
}

.autoSearchBox .allBrndList li:hover .srchSpt {
    opacity: 1
}

.autoSearchBox .allBrndList .srchSpt {
    opacity: .7
}

.autoSearchBox .fieldInput {
    border: 0;
    background: 0 0
}

.autoSearchBox .searchResult {
    background: #f6f6f6;
    z-index: 0;
    top: 0;
    left: 0;
    right: 0;
    position: fixed;
    min-width: 100%;
    overflow: hidden;
    padding: 75px 16px 80px
}

.autoSearchBox .no-result {
    background-color: #fff8e1;
    border: 1px dashed #ff00006b;
    border-radius: 4px;
    padding: 6px;
    font-size: 14px;
    margin: 0 6px 15px
}

.autoSearchBox .title {
    font-size: 16px;
    margin: 0 0 20px 6px;
    font-weight: 600;
    text-transform: uppercase;
    color: #a5a5a5
}

.autoSearchBox .srcList {
    flex-wrap: wrap;
    row-gap: 16px;
    align-items: start
}

.autoSearchBox .priceListOff {
    column-gap: 4px
}

.autoSearchBox .srchCrd {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex: 100%;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    box-shadow: 0 0 2px rgba(0, 0, 0, .16);
    padding: 16px 8px;
    max-width: 100%;
    position: relative;
    min-height: 80px
}

.autoSearchBox .srchCrd:hover {
    -webkit-box-shadow: 0 0 5px rgba(40, 173, 0, .7);
    box-shadow: 0 0 5px rgba(40, 173, 0, .7)
}

.autoSearchBox .srchCrd img {
    flex: 0 0 55px;
    max-width: 55px;
    height: auto;
    max-height: 60px;
    width: auto;
    object-fit: contain
}

.autoSearchBox .badge {
    position: absolute;
    top: 0;
    left: 0;
    color: #fff;
    padding: 1px 8px;
    border-radius: 10px 0 0;
    font-size: 10px;
    text-transform: uppercase
}

.autoSearchBox .badge.right {
    left: auto;
    right: 0;
    -webkit-border-radius: 0 10px 0 0;
    border-radius: 0 10px 0 0
}

.autoSearchBox .srcPrdImg {
    width: 70px;
    height: auto;
    margin-right: 12px
}

.autoSearchBox .crdInfo {
    display: flex;
    flex-direction: column;
    padding-left: 8px;
    width: calc(100% - 55px)
}

.autoSearchBox .pdName {
    font-size: 12px;
    line-height: 1.1;
    font-weight: 600
}

.autoSearchBox .pdSpec {
    display: flex;
    flex-direction: column;
    margin-top: 10px
}

.autoSearchBox .specList {
    display: flex;
    align-items: center;
    margin-bottom: 5px
}

.autoSearchBox .specLabel {
    font-size: 14px;
    min-width: 30px;
    margin-right: 6px;
    flex: 0 0 auto
}

.autoSearchBox .pdSpecOptions {
    display: flex;
    flex-wrap: wrap;
    row-gap: 4px
}

.autoSearchBox .specBtn {
    background-color: #f5f5f5;
    border: 0;
    border-radius: 3px;
    padding: 2px 5px;
    font-size: 12px;
    margin-right: 5px;
    cursor: pointer;
    font-weight: 300;
    zoom: .85
}

.autoSearchBox .specBtn span {
    display: none
}

.autoSearchBox .specBtn:hover {
    background-color: #e9e9e9
}

.autoSearchBox .specBtn:last-child {
    margin-right: 0
}

.autoSearchBox .cutPrice {
    font-size: 12px;
    zoom: .85;
    color: #777575;
    text-decoration: line-through
}

.autoSearchBox .icon-rupee {
    font-size: 75%
}

.srchFtrBtn {
    width: 100%;
    height: 57px;
    background: #fff;
    padding: 0 20px;
    position: absolute;
    bottom: 0;
    left: 0;
    box-shadow: 0 -1px 8px rgba(0, 0, 0, .1);
    -webkit-box-shadow: 0 -1px 8px rgba(0, 0, 0, .1)
}

.srchFtrBtn .btn {
    display: flex;
    align-items: center;
    height: 57px;
    padding: 0;
    background: #fff;
    font-size: 16px;
    width: 100%
}

.srchFtrBtn .arrowLeftLine {
    top: 0;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    width: 18px;
    transition: all .3s ease-in-out;
    margin-left: auto
}

.allBrand {
    position: relative;
    z-index: 5
}

.allBrand .btnBrnd {
    height: 100%;
    position: relative;
    line-height: 1.1;
    background: #e9e9e9;
    padding: 0 30px 0 16px;
    display: flex;
    align-items: center;
    font-size: 12px;
    border-radius: 10px 0 0 10px;
    -webkit-border-radius: 10px 0 0 10px;
    cursor: pointer;
    white-space: nowrap
}

.allBrand .btnBrnd::after {
    content: "";
    position: absolute;
    right: 10px;
    top: 18px;
    content: '';
    display: block;
    position: absolute;
    height: 0;
    width: 0;
    border-top: 8px solid #000;
    border-left: 6.66667px solid transparent;
    border-right: 6.66667px solid transparent
}

.allBrand .brndDropdown {
    overflow: hidden;
    visibility: hidden;
    opacity: 0;
    height: 0;
    position: absolute;
    top: 46px;
    left: 0;
    width: 232px;
    background: #fff;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, .15);
    box-shadow: 0 0 20px rgba(0, 0, 0, .15);
    padding: 16px
}

.allBrand .brndDropdown.active {
    opacity: 1;
    visibility: visible;
    height: auto
}

.allBrand a {
    display: flex;
    align-items: center;
    width: 100%;
    margin-top: 20px;
    column-gap: 10px
}

.allBrand a:first-child {
    margin-top: 0
}

.allBrand a:hover {
    color: #28ad00
}

.srchSpt {
    background: url(https://d60i6mpkbdpwe.cloudfront.net/assets/ninetyone/images/search-catg-v2.svg) no-repeat;
    display: flex;
    zoom: 1.2
}

.srchSpt.es {
    background-position: 0 0;
    width: 24px;
    height: 20px;
    margin: 0 10px 0 6px
}

.srchSpt.rdons {
    background-position: -27px 0;
    width: 22px;
    height: 17px;
    margin: 0 11px 0 7px
}

.srchSpt.e91 {
    background-position: -53px 0;
    width: 23px;
    height: 15px;
    margin: 0 10px 0 7px
}

.srchSpt.ktm {
    background-position: -79px 0;
    width: 28px;
    height: 10px;
    margin: 0 8px 0 4px
}

.srchSpt.bnk {
    background-position: -126px 0;
    width: 20px;
    height: 19px;
    margin: 0 12px 0 8px
}

.srchSpt.wynd {
    background-position: -110px 0;
    width: 13px;
    height: 19px;
    margin: 0 11px 0 9px;
    zoom: 1.45
}

.srchSpt.combo {
    background-position: -151px 0;
    width: 21px;
    height: 16px;
    margin: 0 11px 0 8px
}

.srchSpt.acc {
    background-position: -192px 0;
    width: 17px;
    height: 18px;
    margin: 0 10px 0 8px;
    zoom: 1.4
}

.srchSpt.bckpack {
    background-position: -176px 0;
    width: 13px;
    height: 20px;
    margin: 0 12px 0 9px;
    zoom: 1.4
}

.srchSpt.treadmill {
    background-position: -83px -25px;
    width: 19px;
    height: 19px;
    margin: 0 15px 0 6px
}

#eac-container-provider-remote {
    max-height: 400px;
    overflow-y: auto;
    background: #fff;
    border-radius: 13px;
    -webkit-border-radius: 13px;
    -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, .15);
    box-shadow: 0 0 8px rgba(0, 0, 0, .15)
}

.srchCollection {
    position: relative;
    width: 100%;
    margin-bottom: 22px;
    background: #fff
}

.srchCollection .item {
    padding: 7px 10px;
    cursor: pointer;
    display: flex;
    align-items: center;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    background: #f6f6f6;
    margin: 0 0 15px;
    font-weight: 300;
    line-height: 1.1
}

.srchCollection .item.active,
.srchCollection .item:hover {
    background-color: #28ad00;
    color: #fff
}

.srchCollection .item.active .icon-search,
.srchCollection .item:hover .icon-search {
    color: #fff
}

.srchCollection .icon-search {
    position: relative !important;
    margin-right: 6px;
    top: 1px !important;
    left: 0 !important;
    font-size: 90% !important
}

.srchCollection .title {
    margin: 0 0 20px 0
}

.collectionsResult {
    display: flex;
    justify-content: start;
    column-gap: 10px;
    flex-wrap: wrap;
    font-size: 12px
}

.tredingSearch {
    position: relative;
    top: 30px;
    width: 100%;
    background: #fff;
    z-index: 1;
    font-size: 12px;
    font-weight: 400;
    opacity: 0;
    display: none;
    transition: all .3s ease-in-out;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, .15);
    box-shadow: 0 0 8px rgba(0, 0, 0, .15)
}

.tredingSearch::-webkit-scrollbar {
    width: 10px
}

.tredingSearch::-webkit-scrollbar-track {
    background: #e8e8e8;
    margin-top: 0;
    margin-bottom: 0
}

.tredingSearch::-webkit-scrollbar-thumb {
    background: #28ad00 !important;
    border-color: #e8e8e8;
    border-left-width: 2px;
    border-right-width: 2px;
    border-style: solid
}

.tredingSearch::-webkit-scrollbar-thumb:hover {
    background: #28ad00
}

.tredingSearch.active {
    top: 24px;
    display: block;
    opacity: 1
}

.tredingSearch .searchList {
    padding: 15px 15px 10px
}

.tredingSearch .item {
    padding: 6px 10px;
    cursor: pointer;
    display: inline-block;
    vertical-align: middle;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    background: #f6f6f6;
    margin: 0 5px 15px;
    font-weight: 300;
    color: #000
}

.tredingSearch .item.active,
.tredingSearch .item:hover {
    background-color: #28ad00;
    color: #fff
}

.tredingSearch .item.active .icon-search,
.tredingSearch .item:hover .icon-search {
    color: #fff
}

.tredingSearch .icon-search {
    position: relative !important;
    margin-right: 6px;
    top: 1px !important;
    left: 0 !important;
    font-size: 90% !important
}

.tredingSearch .title {
    font-size: 16px;
    margin: 0 0 12px 6px;
    font-weight: 600;
    text-transform: uppercase;
    color: #a5a5a5
}

.tredingSearch.loader {
    z-index: 999;
    min-height: 300px
}

.tredingSearch .loaderWidget {
    position: absolute
}

.arrowLeftLine {
    position: relative;
    top: 17px;
    width: 100%;
    height: 2px;
    background: #221629;
    display: block;
    pointer-events: none
}

.arrowLeftLine:after,
.arrowLeftLine:before {
    content: '';
    position: absolute;
    width: 10px;
    height: 2px;
    left: 0;
    background: #221629
}

.arrowLeftLine:before {
    top: 4px;
    transform: rotate(45deg)
}

.arrowLeftLine:after {
    top: -4px;
    transform: rotate(-45deg)
}

.crdSrcWrap {
    min-height: 100px
}

.crdSrcWrap.row {
    display: flex;
    flex-wrap: wrap;
    margin-right: -16px;
    margin-left: -16px
}

.crdSrcWrap.row::before {
    display: none
}

.crdSrcWrap.swipeSlider {
    margin-left: -16px;
    margin-right: -16px;
    padding: 6px 16px 20px;
    -webkit-overflow-scrolling: touch;
    -moz-overflow-scrolling: touch;
    display: flex !important;
    align-items: center;
    justify-content: flex-start
}

.crdSrcWrap.swipeSlider::-webkit-scrollbar-track {
    background: #eaeaea;
    margin-left: 16px;
    margin-right: 16px
}

.crdSrcWrap.swipeSlider::-webkit-scrollbar-thumb {
    background: #5ad235 !important;
    border-radius: 2px;
    -webkit-border-radius: 2px
}

.crdSrcWrap.swipeSlider.thinScrollBar::-webkit-scrollbar {
    width: 6px;
    height: 6px
}

.crdSrcWrap .col-4 {
    position: relative;
    width: 100%;
    padding-right: 16px;
    padding-left: 16px;
    flex: 0 0 33.33333%;
    max-width: 33.33333%
}

.crdSrcWrap .crd {
    border-radius: 8px;
    -webkit-border-radius: 8px;
    box-shadow: 0 0 2px rgba(0, 0, 0, .16);
    padding: 22px 10px 0 !important;
    min-height: 310px !important;
    overflow: hidden;
    min-width: auto
}

.crdSrcWrap .crd .crdPrice {
    padding-left: 0;
    padding-right: 0;
    font-weight: 600
}

.crdSrcWrap .crd .crdPrice .icon-rupee {
    zoom: 1
}

.crdSrcWrap .crd .cutPrice {
    color: #616161;
    font-weight: 400
}

.crdSrcWrap .crd .priceOff {
    color: #5ad235
}

.crdSrcWrap .btnHold {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 100% !important;
    margin: 0
}

.crdSrcWrap .btnHold .btn {
    font-size: 12px !important;
    width: 100%;
    border-radius: 0 0 5px 5px !important;
    padding: 8px 16px
}

.crdSrcWrap .btnHold .btn:hover {
    background: #e6c600;
    color: #fff
}

.crdSrcWrap .crdImg {
    margin: 8px -8px !important;
    min-height: 140px !important
}

.crdSrcWrap .crdName {
    zoom: .8;
    min-height: 40px;
    color: #000;
    font-weight: 600;
    text-transform: capitalize !important;
    display: flex;
    justify-content: start;
    text-align: left
}

.crdSrcWrap .emiText {
    font-size: 12px;
    font-weight: 300;
    font-style: italic;
    color: #959595;
    text-transform: none
}

.crdSrcWrap .crdTopSpec {
    column-gap: 12px;
    margin-top: 0
}

.crdSrcWrap .crdTopSpec li {
    display: flex;
    align-items: center;
    column-gap: 5px
}

.crdSrcWrap .crdTopSpec i {
    color: #5ad235;
    font-size: 14px
}

.crdSrcWrap .icon-rupee {
    font-size: 75%
}

.crdSrcWrap .crd .crdPrice,
.crdSrcWrap .crdModelTag,
.crdSrcWrap .crdTopSpec li {
    zoom: .75
}

.crdSrcWrap .crdImg img {
    width: 100%;
    aspect-ratio: 3/2;
    object-fit: contain;
    -webkit-object-fit: contain;
    object-position: center;
    height: 100%
}

.crdSrcWrap.swipeSlider .swipeItem {
    flex: 0 0 calc(200px - 8px);
    width: 200px
}

@media only screen and (min-width:1024px) {
    .crdSrcWrap {
        gap: 0 !important;
        row-gap: 16px !important
    }

    .crdSrcWrap .crdName {
        font-size: 18px !important;
        min-height: 50px
    }

    .crdSrcWrap .crdModelTag {
        zoom: .6
    }

    .crdSrcWrap .crd {
        max-width: 240px;
        min-height: 340px !important
    }

    .crdSrcWrap .crd .crdPrice {
        font-size: 16px !important
    }

    .crdSrcWrap .icon-rupee {
        zoom: 1 !important
    }
}

@media only screen and (min-width:1600px) {
    .allBrand .btnBrnd {
        font-size: 14px
    }
}

#searchMain {
    position: fixed;
    top: 50px;
    left: 0;
    width: 100%;
    height: 0;
    padding: 8px 16px;
    background: #f6f6f6;
    z-index: 999;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: top .2s ease-in-out;
    transition: top .2s ease-in-out;
    pointer-events: none
}

#searchMain.active {
    top: 0;
    opacity: 1;
    visibility: visible;
    box-shadow: 0 2px 5px rgba(0, 0, 0, .1);
    height: 100%;
    pointer-events: visible
}

#searchMain .autoSearchBox {
    padding-left: 30px;
    position: relative;
    min-height: 38px;
    background: #fff
}

#searchMain .autoSearchBox::before {
    content: "";
    position: absolute;
    top: -8px;
    left: -16px;
    min-width: 100%;
    display: block;
    background: #fff;
    z-index: 1;
    right: -16px;
    bottom: -8px;
    -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, .1);
    box-shadow: 0 0 8px rgba(0, 0, 0, .1)
}

#searchMain .autoSearchBox>.icon-search {
    width: 40px;
    height: 100%;
    line-height: 36px;
    cursor: pointer;
    text-align: center;
    position: absolute;
    top: 0;
    right: 0;
    font-size: 16px;
    z-index: 2
}

#searchMain .srchFtrBtn {
    position: fixed;
    bottom: 0;
    left: 0
}

#searchMain .searchResult {
    max-height: 100vh;
    overflow-y: auto
}

#searchMain .searchResult .no-result {
    font-size: 12px
}

#searchMain .srchCollection,
#searchMain .srchProd {
    padding: 14px;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, .1);
    box-shadow: 0 0 8px rgba(0, 0, 0, .1)
}

#searchMain .srchProd {
    background: #fff
}

#searchMain .inputSearch {
    height: 38px;
    line-height: 34px;
    width: 100%;
    background: #f5f5f5;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    border: 0;
    outline: 0;
    padding: 0 40px 0 16px;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    position: relative;
    font-size: 12px;
    z-index: 1
}

#searchMain .searchClose {
    position: absolute;
    left: 16px;
    top: 8px;
    width: 20px;
    height: 36px;
    z-index: 2
}

#searchMain .easy-autocomplete-container {
    position: absolute;
    left: -16px;
    background: #fff;
    right: -16px;
    top: 46px
}

#searchMain .easy-autocomplete-container>ul {
    max-height: 300px;
    overflow-y: auto;
    border: 1px solid #28ad00;
    border-top: 0;
    margin-bottom: -1px
}

#searchMain .easy-autocomplete-container>ul::-webkit-scrollbar {
    width: 10px
}

#searchMain .easy-autocomplete-container>ul::-webkit-scrollbar-track {
    background: rgba(34, 22, 41, .15);
    margin-top: 8px;
    margin-bottom: 8px;
    border-right: 4px solid #fff
}

#searchMain .easy-autocomplete-container>ul::-webkit-scrollbar-thumb {
    background: #28ad00 !important;
    border-right: 4px solid #fff
}

#searchMain .easy-autocomplete-container>ul::-webkit-scrollbar-thumb:hover {
    background: #28ad00;
    border-right: 4px solid #fff
}

#searchMain .easy-autocomplete-container li {
    border-bottom: 1px solid rgba(34, 22, 41, .04);
    font-size: 13px;
    line-height: 1.4;
    padding: 0
}

#searchMain .easy-autocomplete-container li:first-child {
    border-top: 1px solid rgba(34, 22, 41, .04)
}

#searchMain .easy-autocomplete-container li>div {
    padding: 8px 24px
}

#searchMain .easy-autocomplete.eac-green-light ul .eac-category,
#searchMain .easy-autocomplete.eac-green-light ul li {
    border-left: 0;
    border-right: 0
}

.customControl {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    cursor: pointer;
    font-weight: 400;
    margin-bottom: 12px;
    font-size: 13px;
    line-height: 18px;
    padding: 3px 0 0 40px
}

.customControl input {
    position: absolute;
    z-index: -1;
    opacity: 0
}

.customControl input:checked~.customIndicator {
    background: #28ad00;
    border-color: #28ad00
}

.customControl input:disabled~.customIndicator {
    background: #e6e6e6;
    opacity: .6;
    pointer-events: none
}

.customControl input:checked~.customIndicator:after {
    display: block
}

.customIndicator {
    position: absolute;
    top: 2px;
    left: 0;
    height: 18px;
    width: 18px;
    border: 1px solid #ccc
}

.customIndicator:after {
    content: '';
    position: absolute;
    display: none
}

.customCheckbox .customIndicator:after {
    left: 6px;
    top: 2px;
    width: 3px;
    height: 8px;
    border: solid #fff;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.customCheckbox input:disabled~.customIndicator:after {
    border-color: #7b7b7b
}

.customRadio .customIndicator {
    border-radius: 50%;
    -webkit-border-radius: 50%
}

.customRadio .customIndicator:after {
    left: 1px;
    top: 1px;
    height: 10px;
    width: 10px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    background: #28ad00;
    border: 2px solid #fff
}

.customRadio input:disabled~.customIndicator:after {
    color: #7b7b7b
}

.chipControlMain.noSpace .customControl {
    padding: 0
}

.chipControlMain .customControl {
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    padding: 8px 10px;
    line-height: 16px;
    min-width: 75px
}

.chipControlMain .customControl .customIndicator {
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
    top: 0;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    border: 1px solid #dfdfdf
}

.chipControlMain .customControl .customIndicator:after {
    display: none
}

.chipControlMain .customControl input:checked~.title {
    color: #28ad00
}

.chipControlMain .customControl input:disabled~.title {
    color: #959595
}

.chipControlMain .customControl .chipBox {
    border: 1px solid #dfdfdf;
    line-height: 31px;
    font-size: 12px;
    color: #221629;
    display: block;
    padding: 0 20px;
    border-radius: 26px;
    -webkit-border-radius: 26px
}

.chipControlMain .customControl input:checked~.chipBox {
    color: #28ad00;
    border-color: #28ad00
}

.chipControlMain .customControl input:disabled~.chipBox {
    color: #959595;
    border-color: #959595
}

.agreeCheckbox .customControl {
    padding: 3px 0 0 28px
}

.inputField {
    margin: 10px 0 0
}

.inputField input,
.inputField select {
    width: 100%;
    height: 55px;
    padding: 10px 23px;
    border: 1px solid #c5c5c5;
    font-size: 15px !important;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 3px;
    background: #fff !important;
    -webkit-appearance: none;
    appearance: none
}

.selectArrow:after {
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid rgba(36, 39, 44, .87);
    content: "";
    display: block;
    height: 0;
    margin: auto;
    pointer-events: none;
    position: absolute;
    right: 15px;
    top: 22px;
    width: 0
}

.inputField .placeholder label {
    color: #a9a9a9;
    font-size: 13px
}

.inputField .placeholder.active {
    top: -11px;
    background: #fff;
    padding: 0 2px
}

.inputField .placeholder.active label {
    margin-bottom: 0;
    font-size: 13px
}

.inputField textarea {
    width: 100%;
    height: 120px;
    padding: 10px 23px;
    border: 1px solid #c5c5c5;
    font-size: 15px;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 0;
    -webkit-border-radius: 0;
    background: #fff !important;
    resize: none
}

.inputField select .star {
    color: red
}

.inputField.half {
    width: 49.5%;
    float: left;
    margin: 10px 1% 10px 0
}

.inputField.half:nth-of-type(even) {
    margin-right: 0;
    float: left
}

.inputField {
    width: 100%;
    position: relative;
    height: auto;
    display: inline-block;
    padding: initial;
    border: 0;
    box-shadow: none
}

.placeholder {
    position: absolute;
    top: 17px;
    left: 23px;
    transition: all .3s ease;
    pointer-events: none
}

.inputField.form-control select {
    color: #777
}

.inputField select {
    color: #777
}

.selectFieldCustom {
    position: relative
}

.selectFieldCustom:after {
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    pointer-events: none;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    top: 50%;
    right: 16px;
    border-top: 8px solid rgba(0, 0, 0, .24);
    margin-top: -4px
}

.selectFieldCustom select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: #fff;
    color: #959595
}

.selectFieldCustom select::-ms-expand {
    display: none
}

.fieldLabel {
    font-size: 12px;
    -o-transform: translateY(-21px);
    -ms-transform: translateY(-21px);
    -webkit-transform: translateY(-21px);
    -moz-transform: translateY(-21px);
    transform: translateY(-21px);
    display: inline-block;
    position: absolute;
    vertical-align: middle;
    left: 36px;
    top: 16px;
    padding: 0 3px;
    transition: all .4s;
    -webkit-transition: all .4s;
    -moz-transition: all .4s;
    background: #fff;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    line-height: 1.1;
    pointer-events: none
}

.fieldControl {
    -webkit-border-radius: 8px 8px 0 0;
    -moz-border-radius: 8px 8px 0 0;
    border-radius: 8px 8px 0 0;
    position: relative;
    width: 100%;
    display: inline-block
}

.fieldControl * {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.fieldControl .errorText,
.fieldControl label.error {
    color: red;
    text-align: left;
    font-size: 12px;
    position: absolute;
    left: 0;
    bottom: -16px
}

.fieldControl sup {
    color: red;
    font-size: 12px
}

.fieldControl .rightTick {
    position: absolute;
    width: 16px;
    height: 16px;
    line-height: 17px;
    text-align: center;
    padding-right: 1px;
    right: 15px;
    top: 13px;
    background: #28ad00;
    color: #fff;
    font-size: 12px;
    border-radius: 50%;
    -webkit-border-radius: 50%
}

.fieldControl .rightTick.selectTick {
    right: 35px
}

.fieldControl select.fieldInput {
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none
}

.fieldControl.disabled {
    pointer-events: none;
    cursor: not-allowed
}

.fieldControl.disabled .fieldInput {
    opacity: .4;
    pointer-events: none;
    cursor: not-allowed
}

.fieldControl.disabled .countryCode,
.fieldControl.disabled .fieldInput,
.fieldControl.disabled .rightTick {
    opacity: .4
}

.fieldControl.disabled .fieldLabel {
    color: rgba(0, 0, 0, .15)
}

.fieldControl.disabled .rightTick {
    background: #adadad
}

.fieldControl.disabled .countryCode img,
.fieldControl.disabled .fieldLabel sup {
    filter: grayscale(100%)
}

.fieldSelectControl:after {
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid rgba(36, 39, 44, .87);
    content: "";
    display: block;
    height: 0;
    margin: auto;
    pointer-events: none;
    position: absolute;
    right: 15px;
    top: 18px;
    width: 0
}

.fieldSelectControl select {
    color: #959595;
    -webkit-appearance: none;
    -moz-appearance: none;
    text-indent: 1px;
    text-overflow: ""
}

.fieldSelectControl select::-ms-expand {
    display: none
}

.fieldInput {
    border: 1px solid rgba(0, 0, 0, .24);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    width: 100%;
    height: 40px;
    font-size: 14px;
    padding: 0 16px 0 36px;
    font-family: "DM Sans", sans-serif;
    font-weight: 400;
    color: rgba(0, 0, 0, .87);
    position: relative;
    background: #fff;
    outline: 0
}

.fieldInput:focus {
    border-color: #28ad00;
    -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, .15);
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .15)
}

.fieldInput:-ms-input-placeholder~.fieldLabel {
    font-size: 14px;
    -o-transform: translateY(0);
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    transform: translateY(0);
    top: 13px
}

.fieldInput:placeholder-shown~.fieldLabel {
    font-size: 14px;
    -o-transform: translateY(0);
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    transform: translateY(0);
    color: #959595;
    top: 13px
}

.fieldInput:focus~.fieldLabel {
    color: #28ad00;
    font-size: 12px;
    -o-transform: translateY(-21px);
    -ms-transform: translateY(-21px);
    -webkit-transform: translateY(-21px);
    -moz-transform: translateY(-21px);
    transform: translateY(-21px);
    top: 16px
}

.fieldInput:focus~.fieldIcon {
    color: #28ad00
}

.fieldTextarea {
    height: 100px;
    resize: none;
    line-height: 1.4;
    padding: 10px 16px 10px 36px;
    display: block
}

.numberText {
    position: absolute;
    left: 16px;
    top: 11px;
    color: #959595;
    font-size: 14px
}

.numberText:before {
    content: "";
    position: absolute;
    right: -24px;
    top: -4px;
    bottom: -3px;
    width: 1px;
    background: #dfdfdf
}

.fieldIcon {
    position: absolute;
    left: 10px;
    top: 9px;
    font-size: 20px;
    line-height: 1;
    color: #959595
}

.fieldIcon.icon-comment {
    top: 12px
}

.fileUploadControl {
    z-index: 0
}

.fileUploadControl .fileFormat {
    font-size: 12px;
    color: #9e9e9e;
    line-height: 25px
}

.fileUploadControl .file-select {
    cursor: pointer;
    height: 38px;
    line-height: 38px;
    text-align: left;
    background: #fff;
    overflow: hidden;
    position: relative
}

.fileUploadControl .file-select-button {
    background: #e8e7e9;
    padding: 0 10px;
    display: inline-block;
    height: 40px;
    line-height: 40px;
    vertical-align: top
}

.fileUploadControl .file-select-name {
    line-height: 40px;
    display: inline-block;
    padding: 0 10px;
    color: #959595;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%
}

.fileUploadControl input[type=file] {
    z-index: 100;
    cursor: pointer;
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    opacity: 0
}

.fileUploadControl .fieldInput {
    padding: 0 !important
}

.fileUploadControl .fieldInput.active {
    border-color: #28ad00
}

.fileUploadControl .fieldInput.active .file-select {
    border-color: #28ad00;
    transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out
}

.fileUploadControl .fieldInput.active .file-select .file-select-button {
    background: #28ad00;
    color: #fff;
    transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out
}

input::-webkit-inner-spin-button,
input::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

input[type=number] {
    -moz-appearance: textfield
}

.noIconField .fieldInput {
    padding: 0 16px
}

.noIconField .fieldTextarea {
    padding-top: 16px
}

.noIconField .fieldLabel {
    left: 13px
}

.noIconField .noFieldControl .fieldInput {
    padding-left: 87px
}

.noIconField .noFieldControl .fieldLabel {
    left: 85px
}

.smField .fieldInput {
    height: 30px
}

.smField .fieldInput {
    padding: 2px 8px 0;
    font-size: 12px
}

.smField .fieldLabel {
    left: 8px;
    top: 14px;
    -o-transform: translateY(-18px);
    -ms-transform: translateY(-18px);
    -webkit-transform: translateY(-18px);
    -moz-transform: translateY(-18px);
    transform: translateY(-18px)
}

.smField .fieldInput:-ms-input-placeholder~.fieldLabel {
    font-size: 12px;
    top: 10px
}

.smField .fieldInput:placeholder-shown~.fieldLabel {
    font-size: 12px;
    top: 10px
}

.smField .fieldInput:focus~.fieldLabel {
    color: #28ad00;
    font-size: 12px;
    -o-transform: translateY(-18px);
    -ms-transform: translateY(-18px);
    -webkit-transform: translateY(-18px);
    -moz-transform: translateY(-18px);
    transform: translateY(-18px);
    top: 14px
}

.contry-field .country-code {
    position: absolute;
    top: 0;
    width: 50px;
    height: 40px;
    border-right: 1px solid rgba(0, 0, 0, .24);
    padding: 0 7px
}

.contry-field .country-code img {
    height: 100%
}

.contry-field .fieldLabel {
    left: 60px
}

.contry-field .fieldInput {
    padding: 0 16px 0 60px
}

.lgField .fieldInput {
    height: 55px
}

.lgField .fieldInput:placeholder-shown~.fieldLabel {
    top: 16px
}

.lgField .file-select-name {
    line-height: 55px
}

.lgField .fieldTextarea {
    height: 100px
}

.lgField .fieldLabel {
    line-height: 1.7
}

.lgField .fieldIcon {
    top: 17px
}

.lgField .contry-field .country-code {
    width: 60px;
    height: 55px
}

.lgField .contry-field .country-code img {
    width: 45px
}

.lgField .contry-field .fieldLabel {
    left: 70px
}

.lgField .contry-field .fieldInput {
    padding: 0 16px 0 70px
}

.writeReviewPanel .fileUploadControl {
    vertical-align: top
}

.writeReviewPanel .fileUploadControl .file-upload {
    height: 32px;
    line-height: 32px
}

.writeReviewPanel .fileUploadControl .file-select {
    cursor: pointer;
    height: 30px;
    line-height: 30px
}

.writeReviewPanel .fileUploadControl .file-select .file-select-button {
    height: 30px;
    line-height: 30px
}

.writeReviewPanel .fileUploadControl .file-select .file-select-name {
    line-height: 30px
}

.writeReviewPanel .fileUploadControl .fileFormat {
    font-size: 12px;
    line-height: 1.2
}

@media only screen and (min-width:1023px) {
    .writeReviewPanel .fileUploadControl .file-upload {
        height: 40px;
        line-height: 40px
    }

    .writeReviewPanel .fileUploadControl .file-select {
        cursor: pointer;
        height: 38px;
        line-height: 38px
    }

    .writeReviewPanel .fileUploadControl .file-select .file-select-button {
        height: 38px;
        line-height: 38px
    }

    .writeReviewPanel .fileUploadControl .file-select .file-select-name {
        line-height: 38px
    }

    .writeReviewPanel .fileUploadControl .fileFormat {
        font-size: 12px
    }
}

.customSelect {
    position: relative;
    width: 100%
}

.customSelect select {
    width: 100%;
    cursor: pointer;
    padding: 0 24px 0 16px;
    outline: 0;
    border: 0;
    border-radius: 0;
    background: #e6e6e6;
    color: #221629;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    line-height: 30px;
    font-size: 12px
}

.customSelect select::-ms-expand {
    display: none
}

.customSelect select:focus,
.customSelect select:hover {
    background: #ccc
}

.customSelect select:focus~.selectArrow,
.customSelect select:hover~.selectArrow {
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg);
    top: 18px;
    right: 8px
}

.customSelect select:disabled {
    opacity: .5;
    pointer-events: none
}

.customSelect select:disabled~.selectArrow:before {
    border-color: rgba(34, 22, 41, .2)
}

.selectArrow {
    position: absolute;
    top: 19px;
    right: 6px;
    width: 12px;
    height: 8px;
    overflow: hidden;
    pointer-events: none;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.selectArrow:before {
    content: '';
    border-style: solid;
    display: inline-block;
    padding: 3px;
    margin-left: 3px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    border-color: #221629;
    border-width: 0 1px 1px 0;
    vertical-align: -1px;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out;
    padding: 2px
}

.controlSwitch {
    width: 80px;
    height: 24px;
    border-radius: 28px;
    -webkit-border-radius: 28px;
    border: 1px solid #221629;
    overflow: hidden;
    color: #221629;
    font-size: 12px;
    font-family: "DM Sans", sans-serif;
    font-weight: 600;
    letter-spacing: .5px;
    position: relative
}

.controlSwitch>* {
    float: left
}

.controlSwitch .switchBtn {
    padding: 5px 4px 3px;
    line-height: 15px;
    border-radius: 28px;
    -webkit-border-radius: 28px;
    position: absolute;
    top: 0;
    bottom: 0
}

.controlSwitch .switchBtn.cms {
    width: 40%;
    right: -1px
}

.controlSwitch .switchBtn.ftInch {
    width: 60%;
    left: -1px
}

.controlSwitch .switchBtn.active {
    background: #221629;
    color: #fff
}

.sizeType span {
    display: inline-block;
    cursor: pointer
}

.rangf-target,
.rangf-target * {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -ms-touch-action: none;
    touch-action: none;
    -moz-user-select: none;
    user-select: none;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.rangf-target {
    margin: 22px 25px 0 25px;
    position: relative;
    direction: ltr
}

.rangf-base {
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 1
}

.rangf-origin {
    position: absolute;
    right: 0;
    top: 0;
    left: 0;
    bottom: 0
}

.rangf-handle {
    position: relative;
    z-index: 1
}

.rangf-stacking .rangf-handle {
    z-index: 10
}

.rangf-state-tap .rangf-origin {
    -webkit-transition: left .3s, top .3s;
    transition: left .3s, top .3s
}

.rangf-state-drag * {
    cursor: inherit !important
}

.rangf-base,
.rangf-handle {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.rangf-horizontal {
    height: 6px
}

.rangf-background {
    background: #e2e2e2
}

.rangf-horizontal .rangf-handle {
    width: 22px;
    height: 22px;
    left: -8px;
    top: -8px
}

.rangf-vertical {
    width: 18px
}

.rangf-vertical .rangf-handle {
    width: 28px;
    height: 34px;
    left: -6px;
    top: -17px
}

.rangf-connect {
    background: #45af49;
    -webkit-transition: background-color 450ms;
    transition: background-color 450ms
}

.rangf-origin {
    border-radius: 4px
}

.rangf-target {
    border-radius: 4px
}

.rangf-target.rangf-connect {
    box-shadow: inset 0 0 3px rgba(51, 51, 51, .45), 0 3px 6px -5px #bbb
}

.rangf-draggable {
    cursor: w-resize
}

.rangf-vertical .rangf-draggable {
    cursor: n-resize
}

.rangf-handle {
    border: 1px solid #d9d9d9;
    border-radius: 50%;
    background: #fff;
    cursor: pointer;
    box-shadow: inset 0 0 1px #fff, inset 0 1px 7px #ebebeb, 0 3px 6px -3px #bbb
}

.rangf-active {
    box-shadow: inset 0 0 1px #fff, inset 0 1px 7px #ddd, 0 3px 6px -3px #bbb
}

.rangf-vertical .rangf-handle:after,
.rangf-vertical .rangf-handle:before {
    width: 14px;
    height: 1px;
    left: 6px;
    top: 14px
}

.rangf-vertical .rangf-handle:after {
    top: 17px
}

[disabled] .rangf-connect,
[disabled].rangf-connect {
    background: #b8b8b8
}

[disabled] .rangf-handle,
[disabled].rangf-origin {
    cursor: not-allowed
}

.rangf-scale,
.rangf-scale * {
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.rangf-scale {
    position: absolute;
    color: #999
}

.rangf-value {
    position: absolute;
    text-align: center
}

.rangf-value-sub {
    color: #ccc;
    font-size: 12px
}

.rangf-marker {
    position: absolute;
    background: #ccc
}

.rangf-marker-sub {
    background: #aaa
}

.rangf-marker-large {
    background: #aaa
}

.rangf-scale-horizontal {
    padding: 10px 0;
    height: 80px;
    top: 100%;
    left: 0;
    width: 100%
}

.rangf-value-horizontal {
    -webkit-transform: translate3d(-50%, 50%, 0);
    transform: translate3d(-50%, 50%, 0)
}

.rangf-marker-horizontal.rangf-marker {
    margin-left: -1px;
    width: 2px;
    height: 5px
}

.rangf-marker-horizontal.rangf-marker-sub {
    height: 10px
}

.rangf-marker-horizontal.rangf-marker-large {
    height: 15px
}

.rangf-scale-vertical {
    padding: 0 10px;
    height: 100%;
    top: 0;
    left: 100%
}

.rangf-value-vertical {
    -webkit-transform: translate3d(0, -50%, 0);
    transform: translate3d(0, -50%, 0);
    padding-left: 25px
}

.rangf-marker-vertical.rangf-marker {
    width: 5px;
    height: 2px;
    margin-top: -1px
}

.rangf-marker-vertical.rangf-marker-sub {
    width: 10px
}

.rangf-marker-vertical.rangf-marker-large {
    width: 15px
}

.rangf-marker {
    position: absolute;
    background: #ccc
}

.rangf-marker-sub {
    background: #aaa
}

.rangf-marker-large {
    background: #aaa
}

.rangf-scale-horizontal {
    padding: 10px 0;
    height: 80px;
    top: 100%;
    left: 0;
    width: 100%
}

.rangf-value-horizontal {
    -webkit-transform: translate3d(-50%, 50%, 0);
    transform: translate3d(-50%, 50%, 0)
}

.rangf-marker-horizontal.rangf-marker {
    margin-left: -1px;
    width: 2px;
    height: 5px
}

.rangf-marker-horizontal.rangf-marker-sub {
    height: 10px
}

.rangf-marker-horizontal.rangf-marker-large {
    height: 15px
}

.rangf-tooltip {
    width: 60px;
    height: 28px;
    border-radius: 19px;
    -webkit-border-radius: 19px;
    background-color: #424242;
    color: #fff;
    top: -38px;
    position: absolute;
    text-align: center;
    line-height: 30px;
    left: -24px
}

.rangf-tooltip:after {
    top: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(136, 183, 213, 0);
    border-top-color: #424242;
    border-width: 8px;
    margin-left: -8px
}

.listingPage .newArrivals .selectedFilter {
    padding: 0 10px 0 17px;
    display: inline-block;
    width: 100%
}

.listingPage .newArrivals .selectedFilter span {
    background: #fff;
    border: 1px solid rgba(36, 39, 44, .3);
    border-radius: 2px;
    float: left;
    font-size: 12px;
    font-weight: 600;
    line-height: 1;
    padding: 6px 12px;
    margin: 5px;
    text-transform: uppercase
}

.listingPage .newArrivals .selectedFilter .removeFilterS {
    font-size: 18px;
    margin-left: 3px;
    vertical-align: middle;
    cursor: pointer
}

.listingPage .newArrivals .selectedFilter .clearAll {
    padding: 9px 12px;
    background: #f1f1f1;
    font-weight: 700;
    cursor: pointer
}

.listingPage .newArrivals .FilterLeftside {
    border: 1px solid #e7e7e7;
    border-left: 0;
    width: 300px;
    float: left;
    margin-top: 20px
}

.listingPage .newArrivals .FilterLeftside .priceSlider {
    padding: 35px 0;
    text-align: center;
    border-bottom: 1px solid #e7e7e7
}

.listingPage .newArrivals .FilterLeftside .priceSlider span {
    width: 67px;
    display: inline-block;
    text-align: center;
    font-weight: 700;
    font-size: 16px
}

.listingPage .newArrivals .FilterLeftside .filterTitle {
    font-size: 18px;
    background: #f9f9f9;
    padding: 18px 25px;
    text-transform: uppercase
}

.listingPage .newArrivals .FilterLeftside .selectPrice {
    padding: 16px 25px;
    font-size: 14px;
    cursor: pointer;
    border-bottom: 1px solid #e7e7e7;
    text-transform: uppercase;
    font-weight: 700
}

.listingPage .newArrivals .FilterLeftside .accodionHeading {
    padding: 16px 25px;
    font-size: 14px;
    cursor: pointer;
    border-bottom: 1px solid #e7e7e7;
    text-transform: uppercase;
    font-weight: 700
}

.listingPage .newArrivals .FilterLeftside .accodionHeading i {
    float: right
}

.listingPage .newArrivals .FilterLeftside .accodionHeading:not(:first-child) {
    margin-top: -1px;
    border-top: 1px solid #e7e7e7
}

.listingPage .newArrivals .FilterLeftside .filterWraper ul {
    padding: 10px 0 10px 25px
}

.listingPage .newArrivals .FilterLeftside .filterWraper ul li {
    height: auto;
    padding: 5px 25px 0 0
}

.listingPage .newArrivals .FilterLeftside .filterWraper ul li:hover {
    background: 0 0;
    box-shadow: none
}

.listingPage .newArrivals .slick-trackWraper {
    position: relative;
    top: 0;
    left: 0;
    display: block;
    width: calc(100% - 300px);
    float: right;
    padding: 20px 0 0;
    padding-left: 20px
}

#howtobuyPage .rangf-target {
    margin: 5px
}

#howtobuyPage .rangf-horizontal {
    height: 5px
}

#howtobuyPage .rangf-background {
    background: #eee
}

#howtobuyPage .rangf-horizontal .rangf-handle {
    width: 20px;
    height: 20px
}

#howtobuyPage .rangf-connect {
    background: #eee
}

#howtobuyPage .rangf-handle {
    border: 3px solid #28ad00
}

#howtobuyPage .rangf-active {
    box-shadow: inset 0 0 1px #fff, inset 0 1px 7px #ddd, 0 3px 6px -3px #bbb
}

#howtobuyPage .rangf-scale {
    color: #221629
}

#howtobuyPage .rangf-marker {
    display: none
}

#howtobuyPage .rangf-scale-horizontal {
    padding: 4px 0
}

#howtobuyPage .rangf-scale-horizontal {
    padding: 4px 0
}

#howtobuyPage .rangf-tooltip {
    width: 54px;
    height: 22px;
    top: -30px;
    line-height: 22px;
    left: -20px
}

#howtobuyPage .rangf-tooltip:after {
    border-width: 6px;
    margin-left: -6px
}

#howtobuyPage #addToCartSticky.active {
    bottom: 45px;
    box-shadow: none;
    border-bottom: 1px solid #dfdfdf
}

@media screen and (min-width:768px) {
    .listingPage .newArrivals .selectedFilter {
        padding: 15px 10px 0 17px;
        width: calc(100% - 300px)
    }
}

@media screen and (max-width:767px) {
    .listingPage .newArrivals .FilterLeftside {
        position: fixed;
        top: 0;
        z-index: 99;
        background: #fff;
        width: 100%;
        margin: 0;
        overflow: scroll;
        height: 100%;
        -webkit-overflow-scrolling: touch;
        -moz-overflow-scrolling: touch
    }

    .listingPage .newArrivals .slick-track {
        width: 100%;
        padding: 0
    }
}

.daterangepicker {
    position: absolute;
    color: inherit;
    background-color: #fff;
    border-radius: 4px;
    border: 1px solid #ddd;
    width: 278px;
    max-width: none;
    padding: 0;
    margin-top: 7px;
    top: 100px;
    left: 20px;
    z-index: 3001;
    display: none;
    font-family: arial;
    font-size: 15px;
    line-height: 1em
}

.daterangepicker:after,
.daterangepicker:before {
    position: absolute;
    display: inline-block;
    border-bottom-color: rgba(0, 0, 0, .2);
    content: ''
}

.daterangepicker:before {
    top: -7px;
    border-right: 7px solid transparent;
    border-left: 7px solid transparent;
    border-bottom: 7px solid #ccc
}

.daterangepicker:after {
    top: -6px;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #fff;
    border-left: 6px solid transparent
}

.daterangepicker.opensleft:before {
    right: 9px
}

.daterangepicker.opensleft:after {
    right: 10px
}

.daterangepicker.openscenter:after,
.daterangepicker.openscenter:before {
    left: 0;
    right: 0;
    width: 0;
    margin-left: auto;
    margin-right: auto
}

.daterangepicker.opensright:before {
    left: 9px
}

.daterangepicker.opensright:after {
    left: 10px
}

.daterangepicker.drop-up {
    margin-top: -7px
}

.daterangepicker.drop-up:before {
    top: initial;
    bottom: -7px;
    border-bottom: initial;
    border-top: 7px solid #ccc
}

.daterangepicker.drop-up:after {
    top: initial;
    bottom: -6px;
    border-bottom: initial;
    border-top: 6px solid #fff
}

.daterangepicker.single .daterangepicker .ranges,
.daterangepicker.single .drp-calendar {
    float: none
}

.daterangepicker.auto-apply .drp-buttons,
.daterangepicker.single .drp-selected {
    display: none
}

.daterangepicker.show-calendar .drp-buttons,
.daterangepicker.show-calendar .drp-calendar {
    display: block
}

.daterangepicker .drp-calendar {
    display: none;
    max-width: 270px
}

.daterangepicker .drp-calendar.left {
    padding: 8px 0 8px 8px
}

.daterangepicker .drp-calendar.right {
    padding: 8px
}

.daterangepicker .drp-calendar.single .calendar-table {
    border: none
}

.daterangepicker .calendar-table .next span,
.daterangepicker .calendar-table .prev span {
    color: #fff;
    border: solid #000;
    border-width: 0 2px 2px 0;
    border-radius: 0;
    display: inline-block;
    padding: 3px
}

.daterangepicker .calendar-table .next span {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg)
}

.daterangepicker .calendar-table .prev span {
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg)
}

.daterangepicker .calendar-table td,
.daterangepicker .calendar-table th {
    white-space: nowrap;
    text-align: center;
    vertical-align: middle;
    min-width: 32px;
    width: 32px;
    height: 24px;
    line-height: 24px;
    font-size: 12px;
    border-radius: 4px;
    border: 1px solid transparent;
    white-space: nowrap;
    cursor: pointer
}

.daterangepicker .calendar-table {
    border: 1px solid #fff;
    border-radius: 4px;
    background-color: #fff
}

.daterangepicker .calendar-table table {
    width: 100%;
    margin: 0;
    border-spacing: 0;
    border-collapse: collapse
}

.daterangepicker td.available:hover,
.daterangepicker th.available:hover {
    background-color: #eee;
    border-color: transparent;
    color: inherit
}

.daterangepicker td.week,
.daterangepicker th.week {
    font-size: 80%;
    color: #ccc
}

.daterangepicker td.off,
.daterangepicker td.off.end-date,
.daterangepicker td.off.in-range,
.daterangepicker td.off.start-date {
    background-color: #fff;
    border-color: transparent;
    color: #999
}

.daterangepicker td.in-range {
    background-color: #ebf4f8;
    border-color: transparent;
    color: #000;
    border-radius: 0
}

.daterangepicker td.start-date {
    border-radius: 4px 0 0 4px
}

.daterangepicker td.end-date {
    border-radius: 0 4px 4px 0
}

.daterangepicker td.start-date.end-date {
    border-radius: 4px
}

.daterangepicker td.active,
.daterangepicker td.active:hover {
    background-color: #357ebd;
    border-color: transparent;
    color: #fff
}

.daterangepicker th.month {
    width: auto
}

.daterangepicker option.disabled,
.daterangepicker td.disabled {
    color: #999;
    cursor: not-allowed;
    text-decoration: line-through
}

.daterangepicker select.monthselect,
.daterangepicker select.yearselect {
    font-size: 12px;
    padding: 1px;
    height: auto;
    margin: 0;
    cursor: default
}

.daterangepicker select.monthselect {
    margin-right: 2%;
    width: 56%
}

.daterangepicker select.yearselect {
    width: 40%
}

.daterangepicker select.ampmselect,
.daterangepicker select.hourselect,
.daterangepicker select.minuteselect,
.daterangepicker select.secondselect {
    width: 50px;
    margin: 0 auto;
    background: #eee;
    border: 1px solid #eee;
    padding: 2px;
    outline: 0;
    font-size: 12px
}

.daterangepicker .calendar-time {
    text-align: center;
    margin: 4px auto 0 auto;
    line-height: 30px;
    position: relative
}

.daterangepicker .calendar-time select.disabled {
    color: #ccc;
    cursor: not-allowed
}

.daterangepicker .drp-buttons {
    clear: both;
    text-align: right;
    padding: 8px;
    border-top: 1px solid #ddd;
    display: none;
    line-height: 12px;
    vertical-align: middle
}

.daterangepicker .drp-selected {
    display: inline-block;
    font-size: 12px;
    padding-right: 8px
}

.daterangepicker .drp-buttons .btn {
    margin-left: 8px;
    font-size: 12px;
    font-weight: 700;
    padding: 4px 8px
}

.daterangepicker.show-ranges.rtl .drp-calendar.right,
.daterangepicker.show-ranges.single.rtl .drp-calendar.left {
    border-right: 1px solid #ddd
}

.daterangepicker.show-ranges.ltr .drp-calendar.left,
.daterangepicker.show-ranges.single.ltr .drp-calendar.left {
    border-left: 1px solid #ddd
}

.daterangepicker .ranges {
    float: none;
    text-align: left;
    margin: 0
}

.daterangepicker.show-calendar .ranges {
    margin-top: 8px
}

.daterangepicker .ranges ul {
    list-style: none;
    margin: 0 auto;
    padding: 0;
    width: 100%
}

.daterangepicker .ranges li {
    font-size: 12px;
    padding: 8px 12px;
    cursor: pointer
}

.daterangepicker .ranges li:hover {
    background-color: #eee
}

.daterangepicker .ranges li.active {
    background-color: #08c;
    color: #fff
}

@media (min-width:564px) {
    .daterangepicker {
        width: auto
    }

    .daterangepicker .ranges ul {
        width: 140px
    }

    .daterangepicker.single .ranges ul {
        width: 100%
    }

    .daterangepicker.single .drp-calendar.left {
        clear: none
    }

    .daterangepicker.single .drp-calendar,
    .daterangepicker.single .ranges {
        float: left
    }

    .daterangepicker {
        direction: ltr;
        text-align: left
    }

    .daterangepicker .drp-calendar.left {
        clear: left;
        margin-right: 0
    }

    .daterangepicker .drp-calendar.left .calendar-table {
        border-right: none;
        border-top-right-radius: 0;
        border-bottom-right-radius: 0
    }

    .daterangepicker .drp-calendar.right {
        margin-left: 0
    }

    .daterangepicker .drp-calendar.right .calendar-table {
        border-left: none;
        border-top-left-radius: 0;
        border-bottom-left-radius: 0
    }

    .daterangepicker .drp-calendar.left .calendar-table {
        padding-right: 8px
    }

    .daterangepicker .drp-calendar,
    .daterangepicker .ranges {
        float: left
    }
}

@media (min-width:730px) {
    .daterangepicker .ranges {
        width: auto
    }

    .daterangepicker .ranges {
        float: left
    }

    .daterangepicker.rtl .ranges {
        float: right
    }

    .daterangepicker .drp-calendar.left {
        clear: none !important
    }
}

.easy-autocomplete {
    position: relative
}

.easy-autocomplete input {
    border-color: #dfdfdf;
    border-radius: 3px;
    border-style: solid;
    border-width: 1px;
    color: #555;
    float: none;
    padding: 6px 12px
}

.easy-autocomplete input:focus,
.easy-autocomplete input:hover {
    box-shadow: none
}

.easy-autocomplete a {
    display: block
}

.easy-autocomplete.eac-green-light input:focus,
.easy-autocomplete.eac-green-light input:hover {
    border-color: #28ad00;
    box-shadow: 0 1px 1px rgba(0, 0, 0, .075) inset, 0 0 8px rgba(40, 173, 0, .2)
}

.easy-autocomplete.eac-green-light ul {
    border-color: #28ad00;
    box-shadow: 0 1px 1px rgba(0, 0, 0, .075) inset, 0 0 8px rgba(40, 173, 0, .2)
}

.easy-autocomplete.eac-green-light ul .eac-category,
.easy-autocomplete.eac-green-light ul li {
    border-color: #28ad00
}

.easy-autocomplete.eac-green-light ul .eac-category.selected,
.easy-autocomplete.eac-green-light ul li.selected {
    background-color: #28ad00;
    color: #fff
}

.easy-autocomplete.eac-green-light ul .eac-category.selected .categorieField,
.easy-autocomplete.eac-green-light ul li.selected .categorieField {
    background: #212121
}

.easy-autocomplete.eac-green-light ul .eac-category.selected .categorieField:after,
.easy-autocomplete.eac-green-light ul li.selected .categorieField:after {
    border-top-color: #212121
}

.easy-autocomplete.eac-bootstrap input {
    border-color: #ccc;
    border-radius: 4px;
    border-style: solid;
    border-width: 1px;
    color: #555;
    padding: 6px 12px
}

.easy-autocomplete-container {
    left: 0;
    position: absolute;
    width: 100%;
    z-index: 2
}

.easy-autocomplete-container .sub-pro {
    display: flex;
    flex-flow: column;
    gap: 10px;
    margin-top: 10px;
    padding: 0 0 8px;
    border-radius: 4px
}

.easy-autocomplete-container .sub-pro .bikeType {
    width: 45px;
    display: inline-block
}

.easy-autocomplete-container .sub-pro .attr {
    border: 1px solid #e0e0e0;
    padding: 3px 6px;
    border-radius: 4px;
    color: #757575;
    font-size: 12px;
    zoom: .85;
    line-height: 18px;
    margin-left: 12px;
    display: inline-block;
    background: #fafafa
}

.easy-autocomplete-container ul {
    background: none repeat scroll 0 0 #fff;
    display: none;
    margin-top: 0;
    padding-bottom: 0;
    padding-left: 0;
    position: relative;
    top: -1px
}

.easy-autocomplete-container ul .eac-category,
.easy-autocomplete-container ul li {
    background: inherit;
    border-color: #ccc;
    border-image: none;
    border-style: solid;
    border-width: 0 1px;
    display: block;
    font-size: 14px;
    font-weight: 400;
    padding: 4px 12px;
    border-bottom: 1px solid #f7f7f7 !important
}

.easy-autocomplete-container ul li:last-child {
    border-radius: 0 0 2px 2px;
    border-width: 0 1px 1px
}

.easy-autocomplete-container ul li.selected {
    background: none repeat scroll 0 0 #ebebeb;
    cursor: pointer
}

.easy-autocomplete-container ul li.selected .sub-pro .attr {
    background: #efefef
}

.easy-autocomplete-container ul li.selected div {
    font-weight: 400
}

.easy-autocomplete-container ul li div {
    display: block;
    font-weight: 400;
    word-break: break-all;
    padding: 0 8px 0
}

.easy-autocomplete-container .categorieField {
    background: #eee;
    padding: 6px 10px;
    border-radius: 4px;
    margin: 0 -12px;
    position: relative;
    margin-bottom: 5px
}

.easy-autocomplete-container .categorieField:after {
    top: 100%;
    left: 22px;
    border: solid transparent;
    content: "";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(255, 255, 255, 0);
    border-top-color: #efefef;
    border-width: 9px;
    margin-left: -10px
}

.easy-autocomplete-container .categorieField .icon-category {
    vertical-align: middle;
    margin-right: 10px
}

.easy-autocomplete-container ul li b {
    font-weight: 700
}

.easy-autocomplete-container ul .eac-category {
    color: #aaa;
    font-style: italic
}

.eac-description .eac-item span {
    color: #aaa;
    font-style: italic;
    font-size: .9em
}

.eac-icon-left .eac-item img {
    margin-right: 4px;
    max-height: 30px
}

.eac-icon-right .eac-item {
    margin-top: 8px;
    min-height: 24px;
    position: relative
}

.eac-icon-right .eac-item img {
    margin-left: 4px;
    max-height: 30px;
    position: absolute;
    right: -4px;
    top: -8px
}

.controlGroup .controlBox {
    position: relative;
    cursor: pointer;
    font-size: 12px;
    color: #221629;
    font-family: "DM Sans", sans-serif;
    font-weight: 600;
    display: inline-block;
    vertical-align: middle;
    margin-right: 26px
}

.controlGroup .controlBox:last-child {
    margin-right: 0
}

.controlGroup input {
    position: absolute;
    z-index: -1;
    opacity: 0;
    left: 0
}

.controlGroup .iconHolder {
    display: block;
    font-size: 20px;
    line-height: 25px;
    color: rgba(34, 22, 41, .3);
    position: relative;
    z-index: 1;
    width: 35px;
    height: 25px;
    margin: 0 auto 8px
}

.controlGroup .title {
    position: relative;
    z-index: 1
}

.controlGroup .controlRadio .indicator {
    border-radius: 50%
}

.controlGroup .controlBox input:checked~.indicator,
.controlGroup .controlBox input:checked~.indicator .iconHolder {
    color: #28ad00
}

.controlGroup .controlBox input:checked~.name,
.controlGroup .controlBox input:checked~.name span {
    color: #28ad00
}

.controlGroup .controlBox input:disabled~.indicator {
    background: #e6e6e6;
    opacity: .6;
    pointer-events: none
}

.customSelectMain {
    position: relative;
    background: #fff
}

.customSelectMain .selectTrigger {
    position: relative;
    display: block;
    padding: 0 30px 0 16px;
    font-size: 12px;
    color: #959595;
    height: 40px;
    line-height: 40px;
    cursor: pointer;
    border: 1px solid #dfdfdf;
    min-width: 70px
}

.customSelectMain .optionList {
    position: absolute;
    display: block;
    top: 100%;
    left: 0;
    right: 0;
    border: 1px solid #dfdfdf;
    background: #fff;
    transition: all .5s;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    z-index: 2;
    overflow: hidden;
    height: 0;
    display: none;
    width: 100%;
    -webkit-box-shadow: 4px 4px 14px 0 rgba(96, 96, 96, .2);
    box-shadow: 4px 4px 14px 0 rgba(96, 96, 96, .2)
}

.customSelectMain .option {
    position: relative;
    display: block;
    padding: 0 12px 0 12px;
    font-size: 14px;
    color: #221629;
    line-height: 40px;
    cursor: pointer;
    transition: all .5s
}

.customSelectMain .arrow:before {
    content: '';
    border-style: solid;
    display: inline-block;
    padding: 3px;
    margin-left: 3px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    border-color: #221629;
    border-width: 0 1px 1px 0;
    vertical-align: -1px;
    position: absolute;
    top: 50%;
    right: 16px;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out;
    margin-top: -5px
}

.customSelectMain.open .selectTrigger,
.customSelectMain.open:hover {
    border-color: #28ad00;
    cursor: pointer
}

.customSelectMain.open .optionList {
    opacity: 1;
    visibility: visible;
    pointer-events: all;
    height: auto;
    display: block
}

.customSelectMain.open .option.selected {
    color: #fff;
    background: #28ad00
}

.customSelectMain.open .arrow::before {
    transform: rotate(-135deg);
    margin-top: -2px
}

.fieldGroup .fieldControl {
    margin-top: 16px
}

.notifyBtnHold {
    margin-top: 16px
}

.modalBody .soldOutWidget .notifyPanel>* {
    display: inherit
}

.modalBody .cardFooter .soldOutWidget .first .viewBtn {
    width: 40%;
    white-space: nowrap
}

.priceWidget.soldOutWidget .thanksText {
    color: #28ad00;
    background: #f4fff1;
    padding: 3px 5px
}

@media only screen and (min-width:1024px) {
    .fieldGroup {
        width: 77%;
        display: flex;
        float: left
    }

    .fieldGroup .fieldControl {
        width: calc(50% - 10px);
        margin-right: 10px
    }

    .notifyBtnHold {
        float: left;
        width: 23%;
        margin-top: 16px
    }

    .notifyBtnHold .btn {
        width: 100% !important
    }

    .prodCardInfo .fieldGroup {
        width: 100%;
        margin-bottom: 6px;
        display: flex !important
    }

    .prodCardInfo .fieldGroup.hide {
        display: none !important
    }

    .prodCardInfo .fieldGroup .fieldControl {
        width: calc(50% - 8px) !important;
        margin-top: 16px;
        margin-right: 0
    }

    .prodCardInfo .fieldGroup .fieldControl:first-child {
        margin-right: 16px
    }

    .priceWidget.soldOutWidget .thanksText {
        background: #f4fff1 !important
    }

    .modalBody .priceWidget.soldOutWidget {
        align-items: center
    }

    .modalBody .priceWidget.soldOutWidget>* {
        width: 60%
    }

    .modalBody .priceWidget.soldOutWidget>.first {
        width: 40%
    }

    .modalBody .priceWidget.soldOutWidget>.thanksText {
        left: 40% !important;
        font-size: 16px !important;
        color: #28ad00;
        background: #f4fff1
    }

    .modalBody .priceWidget .soldOutText {
        width: calc(60% - 16px)
    }

    .modalBody .fieldGroup {
        margin-bottom: 5px
    }

    .modalBody .soldOutWidget .notifyPanel>* {
        display: flex
    }
}

.cadTopSpec {
    margin: 8px 0 13px
}

.cadTopSpec li {
    font-size: 12px;
    color: #221629;
    margin-left: 12px;
    line-height: 1;
    display: inline-block;
    vertical-align: middle
}

.cadTopSpec li:first-child {
    margin-left: 0
}

.cadTopSpec i,
.cadTopSpec span {
    display: inline-block;
    vertical-align: middle
}

.cadTopSpec span {
    letter-spacing: .5px;
    padding: 3px 0 0 4px
}

.cadTopSpec i {
    color: #28ad00;
    font-size: 14px
}

.modelTag {
    position: absolute;
    top: 25%;
    right: 0;
    color: #fff;
    font-size: 12px;
    line-height: 22px;
    text-transform: uppercase;
    padding: 2px 16px 0;
    font-weight: 600;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    -webkit-transform-origin: 100% 0;
    -moz-transform-origin: 100% 0;
    transform-origin: 100% 0;
    overflow: hidden
}

.modelTag span {
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 8px;
    right: 8px;
    -webkit-transform: skewX(-20deg) skewY(0);
    transform: skewX(-20deg) skewY(0);
    z-index: -1
}

.modelTag span.magenta {
    background: #b900a7
}

.modelTagBody {
    margin: auto;
    display: block;
    position: absolute;
    top: 60%;
    right: 0;
    width: 139px;
    height: 28px;
    line-height: 1;
    white-space: nowrap;
    transform: rotate(90deg) translate(-46%, -54%);
    transform-origin: 91% 0;
    text-align: center;
    overflow: hidden
}

.modelTagBody div {
    padding: 10px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    transform-origin: 100% 0;
    animation-duration: 7s;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;
    z-index: 1;
    color: #fff;
    font-size: 12px;
    line-height: 24px;
    text-transform: uppercase;
    padding: 2px 16px 0;
    font-weight: 600
}

.modelTagBody div span {
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 8px;
    right: 8px;
    -webkit-transform: skewX(-20deg) skewY(0);
    transform: skewX(-20deg) skewY(0);
    z-index: -1
}

.modelTagBody div span.magenta {
    background: #b900a7
}

.modelTagBody div.animation1 {
    animation-name: modelTagAaniOne
}

.modelTagBody div.animation2 {
    animation-name: modelTagAaniTwo
}

@keyframes modelTagAaniOne {

    0%,
    10% {
        opacity: 0;
        margin-top: -50px
    }

    10%,
    40% {
        opacity: 1;
        margin-top: 0
    }

    100%,
    50% {
        opacity: 0;
        margin-top: -50px
    }
}

@keyframes modelTagAaniTwo {

    0%,
    50% {
        opacity: 0;
        margin-top: -50px
    }

    60%,
    80% {
        opacity: 1;
        margin-top: 0
    }

    100% {
        opacity: 0;
        margin-top: -50px
    }
}

.cardWidget {
    width: 100%;
    background: #fff;
    position: relative;
    font-size: 12px;
    line-height: 1.4;
    -webkit-box-shadow: 0 0 14px 0 rgba(96, 96, 96, .2);
    box-shadow: 0 0 14px 0 rgba(96, 96, 96, .2)
}

.cardWidget.radiusDown {
    -webkit-box-shadow: 4px 4px 14px 0 rgba(96, 96, 96, .2);
    box-shadow: 4px 4px 14px 0 rgba(96, 96, 96, .2)
}

.cardWidget.w-full {
    width: auto;
    margin-left: -16px;
    margin-right: -16px
}

.panelBody {
    position: relative;
    z-index: 99;
    visibility: visible;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    display: block;
    opacity: 1
}

.panelBody.panelNone {
    display: none
}

.priceWidget {
    height: 60px;
    background: #fff;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    overflow: hidden;
    position: relative
}

.priceWidget .btn {
    width: 45%;
    display: table-cell;
    border-radius: 0;
    -webkit-border-radius: 0;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.priceWidget .price {
    padding: 0 8px 0 16px;
    font-weight: 300;
    font-size: 12px;
    font-style: italic;
    color: #959595
}

.priceWidget .price div {
    font-size: 16px;
    color: #000;
    font-weight: 600;
    letter-spacing: .5px;
    font-style: normal;
    padding-top: 1px
}

.priceWidget .price .gstText {
    font-size: 12px;
    zoom: .8;
    color: #959595;
    font-weight: 300;
    font-style: italic;
    line-height: 1
}

.priceWidget .icon-rupee {
    font-weight: 700;
    font-size: 70%
}

.priceWidget .viewBtn {
    font-size: 12px
}

.modalPriceFtr .price {
    width: calc(100% - 45%)
}

.modalPriceFtr .btn {
    min-height: 100%
}

.cardPrice .mrpOff,
.priceWidget .mrpOff {
    font-size: 10px
}

.soldOutWidget {
    height: auto !important;
    padding: 16px
}

.soldOutWidget:not(.d-table-main) .soldOutText {
    width: 100%
}

.soldOutWidget .price {
    padding: 0 10px 0 0
}

.soldOutWidget .soldOutText {
    font-size: 12px;
    width: 150px;
    color: #959595
}

.soldOutWidget .notifyPanel {
    margin-top: 12px
}

.soldOutWidget .notifyPanel .fieldControl {
    border-color: #eee
}

.soldOutWidget .notifyPanel .btn {
    width: 110px;
    font-size: 12px;
    height: 40px;
    padding-top: 10px;
    border-radius: 2px;
    -webkit-border-radius: 2px
}

.soldOutWidget .buyOption .notifyPanel {
    display: block
}

.soldOutWidget .buyOption .notifyPanel>* {
    display: block
}

.soldOutWidget .buyOption .notifyPanel .btn {
    width: 40%
}

.soldOutWidget .buyOption .notifyPanel .btn-preview.productNotify {
    background: #fff;
    color: #ff0a0a
}

.soldOutWidget .buyOption .notifyPanel .btn-notify.productNotify {
    background: #fff;
    color: #0e9fff
}

.soldOutWidget .buyOption .btnGroupNotify {
    width: 100%;
    margin-top: 15px
}

.soldOutWidget .buyOption .btnGroupNotify .btn {
    display: inline-block;
    vertical-align: middle
}

.soldOutWidget .buyOption .btnGroupNotify .btnSimilar {
    width: calc(60% - 16px);
    margin-left: 12px
}

.buyOption .thanksText {
    color: #28ad00;
    background: #f4fff1;
    padding: 3px 8px
}

.deliveryHere {
    max-width: 500px
}

#productPage .coupon-timer {
    margin-bottom: 0
}

@media only screen and (max-width:340px) {
    #productPage .priceWidget .price {
        padding: 0 8px 0 10px
    }

    #productPage .priceWidget .price div {
        font-size: 14px
    }

    .soldOutWidget .soldOutText {
        width: 110px
    }
}

@media only screen and (min-width:1023px) {
    .priceWidget.soldOutWidget>* {
        width: 50%;
        float: left
    }

    .priceWidget.soldOutWidget .thanksText {
        position: absolute;
        left: 50%;
        background: #fff;
        padding: 0;
        z-index: 5;
        top: 0;
        -webkit-box-shadow: 0 0 4px 0 rgba(0, 0, 0, .1);
        box-shadow: 0 0 4px 0 rgba(0, 0, 0, .1);
        padding: 7px 8px 3px;
        line-height: 1.1;
        color: #28ad00;
        font-size: 14px
    }

    .priceWidget .soldOutText {
        position: absolute;
        top: 12px;
        right: 16px;
        width: calc(50% - 16px);
        text-align: left;
        font-size: 16px
    }

    .priceWidget .notifyPanel {
        margin-top: 25px
    }

    .priceWidget .notifyPanel .btn {
        width: 110px;
        font-size: 12px;
        height: 40px;
        padding-top: 10px
    }

    .modalMainBottom .priceWidget {
        height: 71px
    }

    .modalMainBottom .productNotify {
        font-size: 12px
    }

    .modalMainBottom .soldOutText {
        top: 9px;
        font-size: 12px
    }

    .modalMainBottom .viewBtn {
        color: #959595;
        text-transform: capitalize
    }

    .modalMainBottom .notifyPanel {
        margin-top: 16px
    }

    .modalMainBottom .notifyPanel .btn {
        padding: 0 10px
    }

    .modalMainBottom .btn,
    .modalMainBottom .viewBtn {
        font-size: 22px;
        padding: 0 16px;
        text-align: center;
        font-weight: 400;
        height: 56px
    }

    .modalFooter .soldOutWidget {
        padding: 10px 16px
    }

    .modalFooter .soldOutWidget .viewBtn {
        padding-top: 16px
    }
}

.chipControl {
    position: relative;
    cursor: pointer;
    display: inline-block;
    vertical-align: middle;
    padding: 6px 8px;
    z-index: 1;
    font-size: 12px;
    height: 24px;
    text-align: center;
    margin-bottom: 0;
    margin-right: 4px;
    font-weight: 600;
    min-width: 80px
}

.chipControl input {
    position: absolute;
    z-index: -1;
    opacity: 0
}

.chipControl .control__indicator {
    position: absolute;
    left: 0;
    background: #221629;
    border-radius: 24px;
    -webkit-border-radius: 24px;
    width: 100%;
    height: 100%;
    top: 0;
    opacity: 0;
    visibility: hidden;
    z-index: -1;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.chipControl .control__indicator:after:after {
    content: "";
    position: absolute;
    display: none
}

.chipControl i {
    margin-right: 4px
}

.chipControl input~span {
    color: #221629;
    letter-spacing: .5px
}

.chipControl input:checked~.control__indicator {
    background: #221629;
    opacity: 1;
    visibility: visible;
    color: #fff
}

.chipControl input:checked~.control__indicator:after {
    display: none
}

.chipControl input:checked:focus~.span,
.chipControl input:checked~span,
.chipControl:hover input:not([disabled]):checked~span {
    color: #fff
}

.chipControl input:checked:focus~.control__indicator,
.chipControl:hover input:not([disabled]):checked~.control__indicator {
    background: #221629
}

.insGender .chipControl {
    height: 35px;
    border: 1px solid #c5c5c5;
    border-right: 0;
    padding: 0;
    line-height: 35px;
    font-size: 12px;
    margin-right: -4px;
    font-weight: 400
}

.insGender .chipControl:last-child {
    border-right: 1px solid #c5c5c5
}

.insGender .chipControl input:checked~.control__indicator {
    background: #28ad00;
    border-radius: 0;
    -webkit-border-radius: 0
}

.insGender.CheckoutAdd {
    display: flex
}

.insGender.CheckoutAdd .chipControl {
    flex-grow: 1;
    height: 45px;
    line-height: 45px;
    width: 33.33%;
    margin-right: 0
}

.insGender.CheckoutAdd .chipControl .control__indicator {
    background: #fff
}

.insGender.CheckoutAdd input:checked~.control__indicator {
    background: #fff;
    border-bottom: 3px solid #28ad00
}

.insGender.CheckoutAdd input:checked:focus~.span,
.insGender.CheckoutAdd input:checked~span,
.insGender.CheckoutAdd:hover input:not([disabled]):checked~span {
    color: #221629
}

.insGender.CheckoutAdd .chipControl input:checked:focus~.control__indicator,
.insGender.CheckoutAdd .chipControl:hover input:not([disabled]):checked~.control__indicator {
    background: #fff
}

.insGender .chipControl input:checked:focus~.control__indicator,
.insGender .chipControl:hover input:not([disabled]):checked~.control__indicator {
    background: #28ad00;
    border-radius: 0;
    -webkit-border-radius: 0
}

.stickyBottom,
.stickyTop {
    position: fixed;
    left: 0;
    width: 100%;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
    visibility: hidden;
    opacity: 0;
    z-index: 110;
    overflow: hidden
}

.stickyBottom.active,
.stickyTop.active {
    opacity: 1;
    visibility: visible
}

.stickyBottom {
    bottom: -100px;
    border-radius: 0;
    -webkit-border-radius: 0
}

.stickyBottom.active {
    bottom: 0
}

.stickyTop {
    top: -100px
}

.stickyTop.active {
    top: 0
}

.share {
    position: absolute;
    top: 0;
    right: 0;
    font-size: 14px
}

.share .icon-share {
    color: #bdb9bf
}

.sharePopup {
    visibility: hidden;
    width: 160px;
    background: #28ad00;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 8px 0;
    position: absolute;
    z-index: 1;
    top: 25px;
    right: -10px;
    font-size: 20px;
    line-height: 20px
}

.sharePopup::after {
    content: "";
    position: absolute;
    top: -10px;
    right: 10px;
    border-width: 5px;
    border-style: solid;
    border-color: transparent transparent #28ad00 transparent
}

.sharePopup.active {
    visibility: visible;
    -webkit-animation: fadeIn 1s;
    animation: fadeIn 1s
}

.sharePopup a {
    margin: 0 5px;
    color: #fff
}

.shareMore {
    position: relative;
    width: 24px;
    height: 24px
}

.shareMore i {
    background: #fff;
    width: 4px;
    height: 4px;
    display: inline-block;
    vertical-align: middle;
    margin: 0 2px;
    border-radius: 50%;
    -webkit-border-radius: 50%
}

.specWidget {
    margin-bottom: 23px;
    padding: 0 20px
}

.specWidget .specList {
    text-align: left;
    font-size: 12px;
    line-height: 1.1
}

.specWidget .specName {
    padding-top: 2px;
    color: #959595
}

.specWidget .specName strong {
    font-size: 12px;
    display: block;
    padding-top: 3px;
    color: #000
}

.specWidget .iconHolder {
    width: 26px;
    color: #28ad00;
    font-size: 20px;
    text-align: center;
    padding-right: 5px;
    vertical-align: top
}

.specWidget .fullSpecHint {
    width: 30px;
    height: 30px;
    line-height: .7;
    border: 1px solid #28ad00;
    font-size: 12px;
    color: #28ad00;
    padding-top: 7px
}

.specWidget .specListBtn {
    width: 40px;
    line-height: 1;
    font-size: 12px;
    padding: 0
}

.specWidget .specListBtn span {
    display: block
}

@media only screen and (max-width:340px) {
    .productOverveiw .specWidget {
        padding: 0
    }
}

.filterHeaderWidget {
    padding: 16px 20px 12px 16px;
    border-radius: 0 0 6px 6px;
    -webkit-border-radius: 0 0 6px 6px
}

.filterHeaderWidget h1 {
    font-size: 16px
}

.filterHeaderWidget .icon-filter {
    position: absolute;
    top: -2px;
    right: 0;
    font-size: 16px;
    width: 20px;
    height: 20px;
    line-height: 20px;
    color: #221629
}

.filterHeaderWidget .icon-filter.selected:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 8px;
    height: 8px;
    background: red;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    border: 1px solid #fff
}

.filterHeaderWidget .controlGroup {
    margin: 20px -16px 0;
    padding: 0 0 8px;
    position: relative;
    z-index: 99;
    font-size: 0
}

.filterHeaderWidget .controlGroup .controlBox {
    margin-bottom: 8px;
    width: auto;
    cursor: pointer;
    background: #eee;
    padding: 2px 8px;
    border-radius: 4px;
    margin-right: 12px;
    font-size: 12px
}

.filterHeaderWidget .controlGroup .controlBox#btn-catalogue {
    background-color: #28ad00 !important;
    color: #fff
}

.filterHeaderWidget .controlGroup span {
    color: #221629
}

.filterHeaderWidget .dashBtnTag {
    left: 16px
}

.toolTip {
    font-family: "DM Sans", sans-serif !important;
    position: relative
}

.toolTip:hover .tooltiptext {
    visibility: visible
}

.toolTip .tooltiptext {
    padding: 8px 12px;
    color: #fff;
    position: absolute;
    font-size: 12px;
    line-height: normal;
    margin-top: 15px;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    visibility: hidden;
    -webkit-transition: width .3s ease-in-out;
    transition: width .3s ease-in-out
}

.toolTip .tooltiptext:before {
    content: '';
    display: block;
    position: absolute;
    height: 0;
    width: 0;
    border-bottom: 10px solid #221629;
    border-left: 8.33333px solid transparent;
    border-right: 8.33333px solid transparent;
    top: -6px
}

.warrantyWidget {
    display: table
}

.warrantyWidget>* {
    display: table-cell;
    vertical-align: middle
}

.warrantyWidget .imgHolder {
    width: 95px;
    height: auto;
    margin: 0 auto;
    padding-right: 10px
}

.warrantyWidget .imgHolder img {
    border: 1px solid #ddd
}

.warrantyWidget h3 {
    font-size: 16px;
    line-height: 1
}

.warrantyWidget p {
    font-size: 13px;
    padding: 5px 0
}

.warrantyWidget .tcUrl {
    font-weight: 400;
    font-size: 12px;
    margin-left: 4px
}

.warrantyWidget .tcUrl sup {
    font-size: 100%;
    top: -.4em
}

.warrantyWidget .icon-view {
    font-size: 80%;
    margin-right: 4px
}

.loaderWidget {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, .9);
    z-index: 999
}

.loaderWidget:before {
    content: "";
    background: url(https://d60i6mpkbdpwe.cloudfront.net/assets/ninetyone/images/loader.gif) no-repeat bottom center;
    -webkit-background-size: cover;
    background-size: cover;
    width: 150px;
    height: 70px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 120;
    display: block
}

@media only screen and (min-width:1023px) {
    .loaderWidget:before {
        width: 250px;
        height: 120px
    }
}

.headerCheckout {
    padding: 20px 16px;
    width: 100%;
    z-index: 5;
    background: rgba(255, 255, 255, .9);
    -webkit-box-shadow: 0 4px 14px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 4px 14px 0 rgba(0, 0, 0, .1);
    position: relative
}

.headerCheckout .icon-back-arrow {
    width: 26px;
    height: 26px;
    line-height: 26px
}

.headerCheckout .logo {
    width: calc(100% - 106px)
}

.headerCheckout .logo img {
    width: 170px;
    display: block;
    margin: 0 auto;
    height: auto
}

.headerCheckout .login {
    width: 60px;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer
}

.headerCheckout .login span {
    font-family: "DM Sans", sans-serif
}

.headerCardWidget {
    position: relative;
    padding: 17px 50px 7px
}

.headerCardWidget .btnHolder {
    position: absolute;
    top: 0
}

.headerCardWidget .fitlterTitle {
    font-size: 20px;
    line-height: 26px;
    margin-bottom: 0
}

.headerCardWidget .icon-back-arrow {
    left: 16px;
    width: 26px;
    height: 26px;
    top: 16px;
    line-height: 26px
}

.headerCardWidget .clearBtn {
    right: 16px;
    top: 22px;
    font-size: 13px;
    font-weight: 600
}

@media only screen and (min-width:1024px) {
    .headerCheckout {
        padding-left: 0;
        padding-right: 0
    }

    .headerCheckout .webContainer {
        max-width: 100%
    }

    .headerCheckout .headerRight {
        margin-left: auto
    }

    .headerCheckout .logo {
        width: auto;
        max-width: calc(100% - 260px)
    }

    .headerCheckout .logo img {
        width: 260px;
        height: auto
    }
}

.couponList {
    border: 1px dashed #dfdfdf;
    color: #959595;
    padding: 10px 15px;
    font-size: 12px;
    line-height: 26px;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    cursor: pointer
}

.couponList .couponApplied .couponTag {
    color: #28ad00;
    border: 1px dashed #28ad00;
    text-align: center;
    line-height: 20px;
    border-radius: 15px;
    -webkit-border-radius: 15px;
    padding: 3px 5px 0;
    display: inline-block;
    vertical-align: top;
    font-size: 12px;
    letter-spacing: .7px
}

.couponList .couponApplied .cancelCoupon {
    font-size: 12px;
    color: #959595
}

.couponList .confetti {
    position: absolute;
    left: 50%;
    top: 50%
}

.couponList .confetti::before {
    position: absolute;
    content: "";
    width: 4px;
    height: 7px;
    -webkit-animation: 1.5s explode ease-out 3 backwards, 1.5s gravity ease-in 3 backwards;
    animation: 1.5s explode ease-out 3 backwards, 1.5s gravity ease-in 3 backwards
}

.couponList .coupSuccess {
    position: absolute;
    top: -1px;
    right: -1px;
    bottom: -1px;
    left: -1px;
    background: #fff6e0;
    display: flex;
    justify-content: center;
    align-items: center;
    background-image: linear-gradient(90deg, #e1e1e1 50%, transparent 50%), linear-gradient(90deg, #e1e1e1 50%, transparent 50%), linear-gradient(0deg, #e1e1e1 50%, transparent 50%), linear-gradient(0deg, #e1e1e1 50%, transparent 50%);
    background-repeat: repeat-x, repeat-x, repeat-y, repeat-y;
    background-size: 16px 2px, 16px 2px, 2px 16px, 2px 16px;
    background-position: 0 0, 100% 100%, 0 100%, 100% 0;
    border-radius: 5px;
    padding: 10px;
    -webkit-animation: dash 10s cubic-bezier(.24, .79, .83, .31) infinite;
    animation: dash 10s cubic-bezier(.24, .79, .83, .31) infinite
}

.couponList .coupAnimation {
    background-image: linear-gradient(-225deg, #000 0, #221629 29%, #28ad00 67%, #ffdc00 100%);
    background-size: auto auto;
    background-clip: border-box;
    background-size: 200% auto;
    color: #fff;
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    -webkit-animation: textclip 2s linear infinite;
    animation: textclip 2s linear infinite;
    animation-direction: reverse;
    font-size: 14px;
    line-height: 1.2;
    font-weight: 700
}

@-webkit-keyframes dash {
    to {
        background-position: 100% 0, 0 100%, 0 0, 100% 100%
    }
}

@keyframes dash {
    to {
        background-position: 100% 0, 0 100%, 0 0, 100% 100%
    }
}

@-webkit-keyframes textclip {
    to {
        background-position: 200% center
    }
}

@keyframes textclip {
    to {
        background-position: 200% center
    }
}

@-webkit-keyframes explode {
    to {
        box-shadow: 112px -162.3333333333px #ff9c8f, 134px 30.6666666667px #3bceac, -122px -201.3333333333px #2997ff, -139px -7.3333333333px #3bceac, -222px 5.6666666667px #3bceac, -214px -187.3333333333px #f0cd27, 17px -153.3333333333px #f0cd27, -180px -134.3333333333px #ff9c8f, 164px -3.3333333333px #ff9c8f, -102px -168.3333333333px #ff9c8f, -234px 31.6666666667px #3bceac, -216px -156.3333333333px #f0cd27, 79px -131.3333333333px #ff9c8f, 216px -189.3333333333px #ff9c8f, 206px 15.6666666667px #2997ff, 47px -43.3333333333px #2997ff, -71px -138.3333333333px #3bceac, -129px -178.3333333333px #3bceac, 115px 36.6666666667px #3bceac, -68px -177.3333333333px #ff9c8f, -4px -94.3333333333px #2997ff, -227px -56.3333333333px #f0cd27, 11px 20.6666666667px #ff9c8f, -222px 29.6666666667px #ff9c8f, -56px -119.3333333333px #f0cd27, -190px -61.3333333333px #2997ff, -139px -5.3333333333px #3bceac, -14px 30.6666666667px #ff9c8f, -241px -193.3333333333px #ff9c8f, 154px 31.6666666667px #f0cd27, -59px -156.3333333333px #2997ff, -173px -95.3333333333px #ff9c8f, -28px 2.6666666667px #2997ff, -50px -169.3333333333px #3bceac, -176px -105.3333333333px #3bceac, 239px -142.3333333333px #ff9c8f, -85px -84.3333333333px #ff9c8f, -224px 15.6666666667px #ff9c8f, 90px 6.6666666667px #2997ff, 183px -139.3333333333px #f0cd27, -51px -199.3333333333px #3bceac, -143px -126.3333333333px #f0cd27, 15px -181.3333333333px #ff9c8f
    }
}

@keyframes explode {
    to {
        box-shadow: 112px -162.3333333333px #ff9c8f, 134px 30.6666666667px #3bceac, -122px -201.3333333333px #2997ff, -139px -7.3333333333px #3bceac, -222px 5.6666666667px #3bceac, -214px -187.3333333333px #f0cd27, 17px -153.3333333333px #f0cd27, -180px -134.3333333333px #ff9c8f, 164px -3.3333333333px #ff9c8f, -102px -168.3333333333px #ff9c8f, -234px 31.6666666667px #3bceac, -216px -156.3333333333px #f0cd27, 79px -131.3333333333px #ff9c8f, 216px -189.3333333333px #ff9c8f, 206px 15.6666666667px #2997ff, 47px -43.3333333333px #2997ff, -71px -138.3333333333px #3bceac, -129px -178.3333333333px #3bceac, 115px 36.6666666667px #3bceac, -68px -177.3333333333px #ff9c8f, -4px -94.3333333333px #2997ff, -227px -56.3333333333px #f0cd27, 11px 20.6666666667px #ff9c8f, -222px 29.6666666667px #ff9c8f, -56px -119.3333333333px #f0cd27, -190px -61.3333333333px #2997ff, -139px -5.3333333333px #3bceac, -14px 30.6666666667px #ff9c8f, -241px -193.3333333333px #ff9c8f, 154px 31.6666666667px #f0cd27, -59px -156.3333333333px #2997ff, -173px -95.3333333333px #ff9c8f, -28px 2.6666666667px #2997ff, -50px -169.3333333333px #3bceac, -176px -105.3333333333px #3bceac, 239px -142.3333333333px #ff9c8f, -85px -84.3333333333px #ff9c8f, -224px 15.6666666667px #ff9c8f, 90px 6.6666666667px #2997ff, 183px -139.3333333333px #f0cd27, -51px -199.3333333333px #3bceac, -143px -126.3333333333px #f0cd27, 15px -181.3333333333px #ff9c8f
    }
}

.couponList .btn-check-offers {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    background: #221629;
    width: 30%;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #ffdc00;
    font-weight: 600
}

.coupon-timer {
    color: red;
    background: #fff9db;
    padding: 10px;
    text-align: center;
    border-radius: 4px;
    margin-bottom: 15px
}

#modalApplyCoupon #couponErr {
    background: #ff00004f;
    padding: 11px 10px;
    border-radius: 4px;
    margin-bottom: 12px;
    font-size: 12px;
    font-weight: 600;
    display: none
}

.couponWraper {
    max-width: 400px;
    margin: 0 auto
}

.couponWraper #couponErr {
    background: #ff00004f;
    padding: 11px 10px;
    border-radius: 4px;
    margin-bottom: 12px;
    font-size: 12px;
    font-weight: 600;
    display: none
}

.couponWraper .fieldControl {
    width: 60%;
    display: table-cell
}

.couponWraper .btnHolder {
    width: 40%
}

.couponWraper .btnHolder .btn {
    width: 100%;
    height: 40px
}

.couponWraper li {
    margin-bottom: 9px;
    display: flex;
    align-items: center
}

.couponWraper li:last-child {
    margin-bottom: 0
}

.couponWraper .couponList {
    height: auto;
    padding: 4px 14px 2px;
    display: inline-block;
    vertical-align: middle;
    color: #28ad00;
    cursor: pointer
}

.couponWraper .StockMsg {
    display: inline-block;
    font-size: 12px;
    font-weight: 600;
    margin-left: 20px
}

#modalAddToCart .couponWraper {
    max-width: 100%
}

#modalAddToCart .couponWraper .couponListOuter {
    column-gap: 10px;
    flex-wrap: wrap
}

#modalAddToCart .couponWraper li {
    background: #f7f7f7
}

#modalAddToCart .couponWraper .StockMsg {
    margin: 0 10px
}

@media only screen and (min-width:1023px) {
    .couponWraper .btnHolder .btn {
        font-size: 14px
    }
}

.orederSummary .orderMain {
    font-size: 13px;
    line-height: 20px;
    color: #221629
}

.orederSummary .orderMain div:last-child {
    text-align: right;
    width: 30%
}

.orederSummary .orderMain li {
    margin-bottom: 4px
}

.orederSummary .orderMain .priceCut {
    color: #221629;
    margin-right: 8px;
    text-decoration: line-through
}

.orederSummary .orderTotal {
    border-top: 1px dashed #ebebeb;
    border-bottom: 1px solid #ebebeb;
    padding: 8px 0
}

.orederSummary .orderName .gst {
    font-size: 12px;
    line-height: 1;
    margin-top: -2px;
    zoom: .7
}

.orederSummary .payableAmount {
    color: #221629;
    font-weight: 600
}

.orederSummary .payableAmount .icon-rupee {
    font-weight: 700;
    font-size: 80%
}

.quantityControl {
    display: inline-block;
    vertical-align: middle;
    min-width: 85px;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    margin-right: -8px
}

.quantityControl .qtyControl {
    width: 25px;
    cursor: pointer;
    height: 25px;
    background-color: #fff;
    color: #28ad00
}

.quantityControl .qtyControl.disabled {
    opacity: .25;
    pointer-events: none
}

.quantityControl .inputQty {
    outline: 0;
    font-size: 14px;
    width: 25px;
    height: 25px;
    color: #221629;
    border: 0
}

.quantityControl .minusIcon:after,
.quantityControl .minusIcon:before,
.quantityControl .plusIcon:after,
.quantityControl .plusIcon:before {
    top: 10px;
    right: 8px;
    width: 8px
}

.cardListWidget {
    width: 100%;
    padding: 8px 16px;
    background: #fff;
    font-size: 12px
}

.cardListWidget .imgThumb {
    width: 60px;
    height: 40px;
    padding-right: 5px
}

.cardListWidget .imgThumb img {
    width: 100%
}

.cardListWidget .name {
    font-size: 13px;
    font-weight: 600
}

.cardListWidget .name span {
    font-size: 12px
}

.cardListWidget .text {
    font-size: 12px;
    line-height: 1;
    padding: 4px 0 2px
}

.cardListWidget .text i {
    font-size: 60%;
    vertical-align: 1px
}

.cardListWidget .price {
    font-weight: 600;
    color: #28ad00;
    padding-top: 2px;
    font-size: 12px
}

.cardListWidget .price .icon-rupee {
    font-size: 12px;
    font-weight: 700
}

.cardListWidget .countHandler {
    width: 70px
}

.cardListWidget .cutPrice {
    font-size: 12px;
    font-weight: 600;
    margin-left: 6px;
    color: #616161;
    position: relative
}

.cardListWidget .cutPrice:after {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    background: #616161;
    display: block;
    height: .5px;
    width: 100%
}

.cardListWidget .cutPrice i {
    font-size: 100%;
    font-weight: 700;
    margin-right: 3px;
    zoom: .75
}

.cardListWidget .cares-head {
    background: #fff;
    float: right
}

.cardListWidget .cares-head .cares-btn {
    width: max-content;
    padding: 0 4px 1px;
    border-radius: 6px;
    border-color: #dfdfdf;
    min-height: 26px
}

.cardListWidget .cares-head .cares-btn .icon-rupee {
    font-size: 100%;
    zoom: .8;
    font-weight: 600
}

.cardListWidget .cares-head .customCheckbox {
    padding-left: 23px
}

.cardListWidget .cares-head h4 {
    font-size: 12px;
    width: 41px;
    line-height: 1;
    zoom: .72;
    text-align: left
}

.cardListWidget .cares-head h4+span {
    display: inline-flex;
    align-items: center
}

.cardListWidget .cares-head .icon-info {
    color: #777;
    font-size: 12px;
    position: relative;
    top: -6px;
    left: 6px
}

.cardListWidget .couponDisc {
    margin-top: 2px
}

.trendingText .trendingIcon {
    padding: 5px;
    background: #27a80024;
    height: 18px;
    width: 22px;
    margin-left: 0
}

@media only screen and (min-width:992px) {
    .cardListWidget .right-content {
        max-width: 100px
    }

    .cardListWidget .cares-head .cares-btn {
        padding: 5px;
        min-height: 32px
    }

    .cardListWidget .cares-head .cares-btn span {
        zoom: 1
    }

    .cardListWidget .cares-head .cares-btn .icon-rupee {
        padding-top: 2px
    }

    .cardListWidget .cares-head .cares-btn .customControl {
        padding-top: 0
    }

    .cardListWidget .cares-head .cares-btn .customIndicator {
        top: 1px
    }

    .cardListWidget .cares-head h4 {
        font-size: 12px;
        width: auto;
        zoom: 1
    }

    .cardListWidget .cares-head .customCheckbox {
        padding-left: 30px
    }

    .cardListWidget .cares-head .icon-info {
        font-size: 16px;
        cursor: pointer
    }
}

.deliveryHere {
    position: relative;
    max-width: 500px;
    width: 100%;
    float: right;
    min-height: 75px;
    z-index: 1
}

.deliveryHere .soldOuttitle {
    margin-bottom: 4px
}

.deliveryHere .productdelivery {
    position: absolute;
    top: 0;
    right: 0;
    width: 100px;
    height: 100%;
    border-radius: 2px;
    -webkit-border-radius: 2px
}

.deliveryHere .notheredelivery {
    margin-top: 4px
}

.deliveryHere .notheredelivery .thanksText {
    font-size: 12px !important;
    color: #28ad00
}

.estDelivery {
    z-index: 2
}

.listModalInfo {
    display: table;
    max-width: 100%;
    margin: 24px auto 0
}

.listModalInfo>* {
    display: table-cell;
    vertical-align: middle
}

.listModalInfo .imgThumb {
    width: 45px;
    height: 45px;
    overflow: hidden;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    background: #fff;
    border: 3px solid #fff
}

.listModalInfo .imgThumb img {
    display: block;
    margin: 0 auto;
    max-width: 100%
}

.listModalInfo .modelDesc {
    width: calc(100% - 85px)
}

.listModalInfo .seriesText {
    font-size: 12px;
    letter-spacing: .5px;
    color: #959595
}

.bestsellerTag {
    position: absolute;
    top: 160px;
    left: 18px;
    color: #fff;
    font-size: 12px;
    line-height: 14px;
    text-transform: uppercase;
    padding: 3px 23px 1px;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    -webkit-transform-origin: 0 100%;
    -moz-transform-origin: 0 100%;
    transform-origin: 0 100%;
    overflow: hidden;
    border-radius: 9px;
    -webkit-border-radius: 9px;
    background: #ea0808;
    background: -moz-linear-gradient(-90deg, #ea0808 0, #ed2707 65%, #fc0 100%);
    background: -webkit-linear-gradient(-90deg, #ea0808 0, #ed2707 65%, #fc0 100%);
    background: linear-gradient(-90deg, #ea0808 0, #ed2707 65%, #fc0 100%)
}

.bestsellerTag.upcomingTag {
    background: #77cea0;
    background: -moz-linear-gradient(90deg, #77cea0 0, #00a583 50%, #8dc63f 100%);
    background: -webkit-linear-gradient(90deg, #77cea0 0, #00a583 50%, #8dc63f 100%);
    background: linear-gradient(90deg, #77cea0 0, #00a583 50%, #8dc63f 100%)
}

.bestsellerTag:after,
.bestsellerTag:before {
    content: "";
    position: absolute;
    background: url(https://d60i6mpkbdpwe.cloudfront.net/assets/ninetyone/images/screw.svg) no-repeat;
    width: 14px;
    height: 14px;
    display: block;
    top: 2px
}

.bestsellerTag:before {
    left: 2px
}

.bestsellerTag:after {
    right: 3px
}

.elementCenter {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    max-width: 100%;
    max-height: auto
}

#productPage .accessQuickView .modalMainBottom {
    max-width: 700px
}

#productPage .access-quick-view .productListSlider {
    margin-bottom: 40px
}

#productPage .access-quick-view .imgHolder img {
    max-width: 300px;
    max-height: 200px;
    margin: 0 auto
}

#productPage .access-quick-view .cardSpec {
    max-width: 100%
}

#productPage .access-quick-view .cardSpec .specList {
    width: 33%
}

#productPage .access-quick-view .priceHolder {
    text-align: center
}

#productPage .access-quick-view .cardPrice {
    text-align: left;
    display: table-cell
}

#productPage .access-quick-view .cardKnowBike {
    padding-top: 30px
}

#productPage .access-quick-view .overviewWrap {
    margin-bottom: 20px
}

#productPage .access-quick-view .overviewWrap .title {
    color: #959595;
    font-size: 14px
}

@media only screen and (min-width:1023px) {
    #productPage .access-quick-view .cardName {
        font-size: 24px
    }

    #productPage .access-quick-view .imgHolder img {
        max-width: 450px;
        max-height: 270px
    }

    #productPage .access-quick-view .cardSpec .specList {
        padding: 0 16px;
        font-size: 12px
    }

    #productPage .access-quick-view .cardSpec .specList .iconHolder {
        width: 40px;
        font-size: 30px;
        padding-right: 12px
    }

    #productPage .access-quick-view .cardSpec .specName {
        font-size: 12px;
        font-weight: 600
    }

    #productPage .access-quick-view .cardSpec .specName strong {
        font-size: 16px;
        padding-top: 3px
    }

    #productPage .access-quick-view .cardPrice {
        font-size: 24px;
        padding: 20px 0 15px !important
    }

    #productPage .access-quick-view .cardKnowBike {
        padding-top: 50px
    }

    #productPage .access-quick-view .cardKnowBike h4 {
        font-size: 20px;
        margin-bottom: 20px
    }

    #productPage .access-quick-view .cardKnowBike .iconHolder {
        font-size: 55px
    }

    #productPage .access-quick-view .cardKnowBike .specName .specTitle {
        font-size: 16px
    }

    #productPage .access-quick-view .cardKnowBike .specName span {
        font-size: 14px
    }

    #productPage .access-quick-view .cardKnowBike .specList {
        margin-bottom: 20px
    }

    #productPage .access-quick-view .overviewWrap {
        max-width: 100%;
        margin: 0 auto 20px;
        font-size: 16px
    }

    #productPage .access-quick-view .overviewWrap .title {
        font-size: 22px;
        font-weight: 600
    }
}

#ModalRedirected h4 {
    font-size: 14px;
    margin-top: 10px;
    color: #707070;
    font-weight: 300
}

#ModalRedirected img {
    margin: 0 auto;
    max-width: 90%;
    height: auto;
    width: auto;
    display: block
}

#ModalRedirected .brand-logo {
    width: 100%;
    height: auto;
    margin-top: 25px
}

#ModalRedirected .riderMsg {
    margin-top: 35px;
    font-size: 18px;
    font-weight: 300
}

#ModalRedirected .riderMsg h2 {
    font-size: 18px;
    margin: 4px 0;
    font-style: italic
}

#ModalRedirected .riderMsg p {
    font-size: 14px
}

#ModalRedirected .riderBike {
    width: 100%;
    height: auto;
    margin-top: 50px
}

@media only screen and (min-width:1023px) {
    #ModalRedirected .modalMain {
        max-height: 675px;
        max-width: 600px
    }

    #ModalRedirected img {
        max-width: 80%
    }

    #ModalRedirected h4 {
        font-size: 16px;
        margin-top: 35px
    }

    #ModalRedirected .brand-logo {
        margin-top: 40px;
        max-width: 420px
    }

    #ModalRedirected .riderMsg {
        margin-top: 40px
    }

    #ModalRedirected .riderMsg h2 {
        font-size: 26px
    }

    #ModalRedirected .riderMsg p {
        font-size: 18px
    }

    #ModalRedirected .riderBike {
        max-width: 250px;
        margin-top: 40px
    }
}

@media only screen and (min-width:1400px) {
    #ModalRedirected .modalMain {
        max-width: 700px
    }

    #ModalRedirected .brand-logo {
        max-width: 500px
    }

    #ModalRedirected .riderBike {
        max-width: 350px
    }
}

#ModalLocateStore .fieldInput {
    border-radius: 30px;
    -webkit-border-radius: 30px
}

#ModalLocateStore .title h2 {
    font-size: 13px;
    margin-top: 14px
}

#ModalLocateStore .title p {
    font-size: 14px
}

#ModalLocateStore .thankuMsg .btn {
    margin-top: 20px
}

@media only screen and (min-width:1023px) {
    #ModalLocateStore.modalBody .modalMainBottom {
        max-width: 650px;
        border-radius: 20px;
        -webkit-border-radius: 20px
    }

    #ModalLocateStore.modalBody .modalMainBottom .modalContent {
        padding: 50px
    }

    #ModalLocateStore.modalBody .modalMainBottom .modalContent.thankuMsg {
        padding: 30px
    }

    #ModalLocateStore.modalBody .modalMainBottom .modalContent.thankuMsg h2 {
        font-size: 24px
    }

    #ModalLocateStore.modalBody .modalMainBottom .modalContent.thankuMsg .btn {
        font-size: 12px
    }

    #ModalLocateStore.modalBody .modalMainBottom .title h2 {
        font-size: 20px
    }

    #ModalLocateStore.modalBody .modalMainBottom .title p {
        font-size: 18px
    }

    #ModalLocateStore.modalBody .modalMainBottom .btn {
        font-size: 18px;
        padding: 6px 16px
    }
}

.custom-select-wrapper {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    user-select: none;
    font-family: "DM Sans", sans-serif
}

.custom-select-wrapper select {
    display: none
}

.custom-select {
    position: relative;
    display: inline-block
}

.custom-select-trigger {
    position: relative;
    display: block;
    font-size: 16px;
    border-radius: 4px;
    cursor: pointer;
    min-width: 60px;
    padding-right: 20px
}

.custom-select-trigger:after {
    position: absolute;
    display: block;
    content: "";
    width: 7px;
    height: 7px;
    top: 50%;
    right: 2px;
    margin-top: -3px;
    border-bottom: 1px solid #221629;
    border-right: 1px solid #221629;
    transform: rotate(45deg) translateY(-50%);
    transition: all .4s ease-in-out;
    transform-origin: 50% 0
}

.custom-select.opened .custom-select-trigger:after {
    margin-top: 2px;
    transform: rotate(-135deg) translateY(-50%)
}

.custom-options {
    position: absolute;
    display: block;
    top: 100%;
    right: 0;
    min-width: 100%;
    width: 150px;
    margin: 15px 0;
    border: 1px solid #b5b5b5;
    border-radius: 4px;
    box-sizing: border-box;
    box-shadow: 0 2px 1px rgba(0, 0, 0, .07);
    background: #fff;
    transition: all .4s ease-in-out;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transform: translateY(-15px)
}

.custom-select.opened .custom-options {
    opacity: 1;
    z-index: 999;
    width: 150px;
    visibility: visible;
    pointer-events: all;
    transform: translateY(0)
}

.custom-options:before {
    position: absolute;
    display: block;
    content: "";
    bottom: 100%;
    right: 25px;
    width: 7px;
    height: 7px;
    margin-bottom: -4px;
    border-top: 1px solid #b5b5b5;
    border-left: 1px solid #b5b5b5;
    background: #fff;
    transform: rotate(45deg);
    transition: all .4s ease-in-out
}

.option-hover:before {
    background: #f9f9f9
}

.custom-option {
    position: relative;
    display: block;
    padding: 0 16px;
    border-bottom: 1px solid #b5b5b5;
    font-size: 12px;
    font-weight: 600;
    color: #b5b5b5;
    line-height: 30px;
    cursor: pointer;
    transition: all .4s ease-in-out
}

.custom-option span {
    bottom: 8px;
    left: 3px;
    color: orange;
    font-size: 12px;
    position: relative
}

.custom-option:first-of-type {
    border-radius: 4px 4px 0 0
}

.custom-option:last-of-type {
    border-bottom: 0;
    border-radius: 0 0 4px 4px
}

.custom-option.selection,
.custom-option:hover {
    background: #f9f9f9
}

.languageDrop .custom-select-wrapper {
    display: inline-block;
    vertical-align: middle
}

@media only screen and (min-width:1023px) {
    .custom-select.opened .custom-options {
        width: 170px
    }

    .custom-option {
        font-size: 14px;
        line-height: 40px
    }
}

.soldText {
    color: #f44336;
    margin-bottom: 5px
}

.productOverveiw .soldText {
    margin-bottom: 0
}

.listingCommon .cardListing .card.productStockMsg.productSoldText .soldText {
    margin-bottom: 5px
}

.listingCommon .cardListing .card.productStockMsg.productSoldText .priceHolder {
    margin-top: 0;
    padding: 0 10px 24px
}

.listingCommon .cardListing .card.productStockMsg.productSoldText .cardSpecTitle {
    margin: 6px 0 0
}

.listingCommon .cardListing .card.productSoldText .soldText {
    margin-bottom: 10px
}

.listingCommon .cardListing .card.productSoldText .priceHolder {
    margin-top: 5px
}

.listingCommon .cardListing .card.productSoldText .cardSpecTitle {
    margin: 10px 0 0
}

@media only screen and (min-width:1023px) {
    .productOverveiw .soldText {
        margin-bottom: 5px
    }
}

.offerWidget {
    line-height: 1.3;
    padding-top: 5px
}

.offerWidget .offerTitle {
    font-size: 18px;
    font-weight: 600;
    margin: 12px 0 5px 4px
}

.benefiteList {
    margin-top: 8px;
    padding-bottom: 16px;
    align-items: stretch;
    flex-wrap: wrap
}

.benefiteList::-webkit-scrollbar-track {
    margin-left: 16px;
    margin-right: 16px
}

.benefiteList .icon-holder {
    max-width: 35px;
    min-height: 32px;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 4px
}

.benefiteList img {
    max-height: 24px;
    max-width: 28px;
    width: auto
}

.benefiteList li {
    position: relative;
    vertical-align: top;
    padding: 0 6px;
    flex-grow: 1;
    width: 33.33%
}

.benefiteList li:nth-child(3n-0) .tooltipBox,
.benefiteList li:nth-child(3n-1) .tooltipBox {
    right: 5px;
    left: auto
}

.benefiteList li:nth-child(3n-0) .tooltipBox:before,
.benefiteList li:nth-child(3n-1) .tooltipBox:before {
    left: auto;
    right: 15px;
    margin-left: -8px
}

.benefiteList li.wide {
    width: 50%
}

.benefiteList li.active .list {
    box-shadow: 0 0 6px rgba(40, 173, 0, .5)
}

.benefiteList li.active .tooltipBox {
    opacity: 1;
    display: block
}

.benefiteList li:last-child .tooltipBox {
    float: right;
    width: 210px
}

.benefiteList li:last-child .tooltipBox:before {
    right: 15px;
    left: auto
}

.benefiteList .list {
    width: 100%;
    margin-top: 8px;
    margin-bottom: 10px;
    padding: 6px 2px;
    text-align: center;
    font-size: 12px;
    line-height: 1.2;
    box-shadow: 0 0 6px rgba(0, 0, 0, .1);
    background: #fff;
    border-radius: 4px;
    cursor: pointer;
    min-height: 80px
}

.tooltipBox {
    position: absolute;
    padding: 10px 12px;
    margin-bottom: 15px;
    width: 180px;
    box-shadow: 0 0 6px rgba(0, 0, 0, .1);
    opacity: 0;
    white-space: normal;
    font-size: 12px;
    display: none;
    border-radius: 4px;
    top: 100%;
    background: #fff;
    color: #959595;
    z-index: 5
}

.tooltipBox:before {
    content: '';
    display: block;
    position: absolute;
    height: 0;
    width: 0;
    border-bottom: 8px solid #28ad00;
    border-left: 6.66667px solid transparent;
    border-right: 6.66667px solid transparent;
    top: -8px;
    left: 15px
}

.userCard2 {
    background-color: #fff;
    border-bottom: 2px dotted #dfdfdf;
    padding-bottom: 20px;
    margin: 0 -4px
}

.userCard2.cardProduct {
    padding: 16px
}

.userCard2 .imgHolder {
    width: 100%;
    height: 300px;
    -webkit-background-size: cover !important;
    background-size: cover !important;
    object-fit: cover;
    background-size: cover !important;
    background-position: center
}

.userCard2 .title {
    text-align: left;
    margin-bottom: 10px;
    font-size: 16px;
    min-height: 58px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center
}

.userCard2 p {
    font-size: 12px;
    color: #959595;
    padding-right: 2px
}

.userCard2 .userInfo {
    margin: 10px 0;
    text-align: left;
    font-size: 12px;
    color: #959595;
    font-weight: 400
}

.userCard2 .userInfo>:first-child {
    padding-right: 5px
}

.userCard2 .name {
    color: #000;
    font-weight: 600
}

.userCard2 .verfyText {
    color: #28ad00;
    padding-top: 2px
}

.userCard2 .publishInfo {
    position: relative;
    padding-left: 10px;
    width: 128px
}

.userCard2 .publishInfo:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 1px;
    background-color: #dfdfdf
}

.userCard2 .rating {
    padding: 3px 0 0
}

.userCard2 .rating i {
    width: 10px;
    height: 10px;
    margin-right: 1px;
    font-size: 12px
}

.userCard2 .rating .ratingText {
    vertical-align: 0;
    font-size: 12px;
    padding-left: 2px
}

.userCard2 .slick-track {
    width: 100%
}

.userCard2 .slick-slide {
    opacity: 1
}

.userCard2 .navThumbnail {
    margin-top: 10px
}

.userCard2 .navThumbnail .navThumbImg {
    width: 40px;
    height: 40px;
    margin-right: 10px
}

.userCard2 .navThumbnail .imgThumb {
    width: 100%;
    height: 100%;
    -webkit-background-size: cover !important;
    background-size: cover !important
}

.userCard2 .navThumbnail .slick-track {
    float: left
}

@media only screen and (min-width:340px) {
    .userCard2 .publishInfo {
        width: 50%
    }
}

@media screen and (max-width:767px) {
    .safari_only .userCard2 .userContent {
        font-size: 12px
    }

    .safari_only .userCard2 .publishInfo,
    .safari_only .userCard2 .userInfo {
        font-size: 12px
    }

    .safari_only .userReviewPanel .userContent h5 {
        font-size: 14px;
        line-height: 1.3
    }

    .safari_only .userCard2 p {
        font-size: 13px
    }
}

#registerPage .text {
    line-height: 1.8
}

#registerPage .wyndImgHolder {
    margin: 25px 0 30px
}

#registerPage .appDownload li:first-child {
    margin-right: 15px
}

#registerPage .regBenefits {
    padding: 41px 23px 23px;
    border: 1px solid #28ad00;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    max-width: 400px;
    margin: 61px auto 0
}

#registerPage .regBenefits h3 {
    font-size: 24px;
    margin-bottom: 11px
}

#registerPage .regBenefits .benifitList li {
    padding-left: 20px;
    position: relative;
    font-weight: 600;
    margin-top: 9px;
    color: #424242
}

#registerPage .seeSampleWrap {
    max-width: 400px
}

#registerPage .seeSampleWrap .btn {
    width: 100%;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    padding: 12px 16px;
    font-size: 14px
}

#registerPage .tickMark:before {
    content: "\e966";
    left: 0;
    top: 3px;
    position: absolute;
    font-family: icomoon;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #fcdd4e;
    font-size: 75%
}

#registerPage .iconBenifits {
    position: absolute;
    top: -33px;
    left: 50%;
    margin-left: -33px;
    border: 1px solid #28ad00;
    width: 66px;
    height: 66px;
    background: url(https://d60i6mpkbdpwe.cloudfront.net/assets/ninetyone/images/benifit-badge.svg) no-repeat center 42%;
    background-color: #fff
}

#registerPage .wyndSection {
    display: table;
    width: 100%;
    text-align: center;
    max-width: 390px;
    margin: 31px auto 0
}

#registerPage .wyndSection>* {
    display: table-cell;
    vertical-align: top
}

#registerPage .wyndSlider {
    width: 170px
}

#registerPage .wyndSlider img {
    width: 100%
}

#registerPage .wyndOuter {
    width: calc(100% - 110px)
}

#registerPage .appDownloadMain {
    padding: 13px 0 0 10px;
    width: 110px
}

#registerPage .appDownloadMain .slick-list {
    overflow: visible
}

#registerPage .appDownloadMain li {
    font-size: 12px;
    line-height: 1.3;
    position: relative;
    margin-bottom: 29px;
    font-weight: 600;
    background: #f2f2f2;
    padding: 15px 5px;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    position: relative
}

#registerPage .appDownloadMain li:after,
#registerPage .appDownloadMain li:before {
    content: "";
    position: absolute
}

#registerPage .appDownloadMain li:before {
    bottom: -45px;
    margin-left: -1px;
    width: 1px;
    height: 45px;
    border-left: 2px dotted #cecece;
    z-index: -1;
    left: 50%
}

#registerPage .appDownloadMain li:after {
    left: calc(50% - 7px);
    bottom: -28px;
    border-style: solid;
    display: inline-block;
    padding: 3px;
    margin-left: 3px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    border-color: #cecece;
    border-width: 0 2px 2px 0;
    vertical-align: -1px
}

#registerPage .appDownloadMain li:last-child {
    margin-bottom: 10px
}

#registerPage .appDownloadMain li:last-child:after,
#registerPage .appDownloadMain li:last-child:before {
    display: none
}

#registerPage .appDownloadMain li:nth-child(2) span,
#registerPage .appDownloadMain li:nth-child(4) span {
    left: auto;
    right: 0
}

#registerPage .appDownloadMain li.slick-active {
    opacity: 1
}

#registerPage .appDownloadMain li.slick-current {
    color: #28ad00
}

#registerPage .appDownloadMain li.slick-current span {
    color: #fff;
    background-color: #28ad00
}

#registerPage .appDownloadMain li span {
    display: block;
    width: 26px;
    height: 26px;
    background-color: #f7a556;
    position: absolute;
    top: -13px;
    left: 0;
    color: #fff;
    line-height: 26px
}

@media only screen and (min-width:360px) {
    #registerPage .wyndOuter {
        width: calc(100% - 130px)
    }

    #registerPage .wyndSlider {
        width: 200px
    }

    #registerPage .appDownloadMain {
        padding: 15px 0 0 10px;
        width: 130px
    }

    #registerPage .appDownloadMain li {
        font-size: 12px;
        margin-bottom: 42px;
        padding: 15px 8px
    }

    #registerPage .appDownloadMain li span {
        width: 30px;
        height: 30px;
        top: -15px;
        line-height: 30px
    }

    #registerPage .appDownloadMain li:after {
        bottom: -41px
    }
}

@media only screen and (min-width:400px) {
    #registerPage .wyndOuter {
        width: calc(100% - 170px)
    }

    #registerPage .wyndSlider {
        width: 240px
    }

    #registerPage .appDownloadMain {
        padding: 13px 0 0 20px;
        width: 170px
    }

    #registerPage .appDownloadMain li {
        font-size: 13px;
        margin-bottom: 66px
    }

    #registerPage .appDownloadMain li:before {
        bottom: -67px;
        height: 67px
    }

    #registerPage .appDownloadMain li:after {
        bottom: -65px
    }
}

.dashBtnTag {
    position: absolute;
    left: 0;
    bottom: -37px;
    width: 36px;
    height: 36px;
    line-height: 36px;
    color: #fff;
    text-align: center;
    z-index: 5;
    font-family: "DM Sans", sans-serif;
    font-size: 12px;
    font-weight: 300
}

.dashBtnTag:before {
    pointer-events: none;
    font-size: 16px;
    z-index: 2;
    position: relative
}

.dashBtnTag:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #00e572;
    background: -webkit-linear-gradient(to bottom, #00e572 -10%, #feec00);
    background: linear-gradient(to bottom, #00e572 -10%, #feec00);
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, .15);
    box-shadow: 1px 1px 3px rgba(0, 0, 0, .15);
    z-index: 1
}

.dashBtnTag .pinecodeBtn {
    position: absolute;
    top: 3px;
    left: 24px;
    background: #221629;
    border-radius: 0 18px 18px 0;
    -webkit-border-radius: 0 18px 18px 0;
    -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, .15);
    box-shadow: 1px 1px 3px rgba(0, 0, 0, .15);
    padding: 0 10px 0 16px;
    z-index: -1;
    line-height: 30px;
    height: 30px;
    font-family: "DM Sans", sans-serif !important;
    font-size: 12px
}

.dashBtnTag.dashOnCard {
    top: 19px;
    right: 38px;
    left: auto;
    bottom: auto;
    cursor: pointer;
    width: 22px;
    height: 22px;
    line-height: 21px
}

.dashBtnTag.dashOnCard:before {
    font-size: 12px
}

.dashBtnTag.dashOnCard.accessDashBtn {
    left: 7px;
    top: 20px;
    right: auto
}

.productHeader .dashBtnTag {
    top: 0
}

.productHeader .accessDash {
    right: 0;
    top: 22px
}

.productHeader .colorWidget .dashBtnTag {
    right: -3px;
    top: -6px
}

.colorWidget .dashBtnTag {
    width: 12px;
    height: 12px;
    line-height: 12px;
    left: auto;
    right: -3px;
    top: -6px;
    bottom: auto;
    color: #221629;
    text-align: center;
    font-size: 12px
}

.colorWidget .dashBtnTag:before {
    font-size: 12px
}

.notificationBar {
    position: fixed;
    top: 0;
    right: 0;
    padding: 8px 20px 8px 10px;
    font-size: 14px;
    line-height: 1.1;
    display: inline-block;
    vertical-align: middle;
    z-index: 101;
    max-width: 100%;
    border-radius: 0 0 0 3px;
    -webkit-border-radius: 0 0 0 3px
}

.notificationBar.success {
    background: #28ad00
}

.notificationBar.primary {
    background: #b6d4fe
}

.notificationBar.secondary {
    background: #e2e3e5
}

.notificationBar.danger {
    background: #f5c2c7
}

.notificationBar.warning {
    background: #ffecb5
}

.notificationBar .text {
    color: #221629;
    font-weight: 300;
    font-size: 12px
}

.notificationBar .closeIcon {
    height: 12px;
    width: 12px;
    top: 4px;
    right: 5px
}

.notificationBar .closeIcon:after,
.notificationBar .closeIcon:before {
    top: 6px;
    height: 1px
}

.btn.btn-bestseller {
    position: absolute;
    top: -2px;
    right: 50px;
    border: 1px solid #ddd;
    padding: 3px 10px;
    border-radius: 20px;
    font-size: 12px;
    font-weight: 600;
    background: #fff
}

.btn.btn-bestseller img {
    vertical-align: middle;
    margin-right: 5px
}

.cardListing .tagWrap {
    animation-duration: 2.5s
}

.cardListing .card {
    animation-duration: 3s
}

@keyframes shake {

    0%,
    100%,
    20%,
    50%,
    80% {
        transform: rotate(0)
    }

    40% {
        transform: rotate(-3deg)
    }

    60% {
        transform: rotate(-2deg)
    }
}

@keyframes bounce {

    0%,
    100%,
    20%,
    50%,
    80% {
        transform: translate(-8px, -445px)
    }

    40% {
        transform: translate(25px, -465px)
    }
}

.sortByMenu {
    position: absolute;
    top: -8px;
    right: 50px;
    z-index: 20
}

.sortByMenu .sortyList {
    position: absolute;
    top: 32px;
    left: 50%;
    width: 180px;
    margin-left: -90px;
    background: #fff;
    padding: 18px 18px 8px;
    text-align: left;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    height: 0;
    overflow: hidden;
    opacity: 0;
    display: none
}

.sortByMenu .sortyList.active {
    height: auto;
    opacity: 1;
    display: block
}

.sortByMenu .title {
    font-weight: 600;
    font-size: 13px;
    text-transform: uppercase;
    color: #959595
}

.sortByMenu .btn {
    border: 1px solid #dfdfdf;
    color: #221629;
    font-weight: 600;
    padding: 6px 12px;
    background: #fff
}

.sortByMenu .icon-arrow {
    font-size: 12px;
    margin-right: 4px;
    vertical-align: middle
}

.sortByMenu .itemName {
    white-space: normal
}

.sortByMenu .customCheckbox .customIndicator:after,
.sortByMenu .customRadio .customIndicator:after {
    content: "\e966";
    font-family: icomoon !important;
    left: 3px;
    top: 3px;
    width: 100%;
    height: 100%;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
    font-size: 12px;
    color: #28ad00;
    border: 0;
    background: 0 0
}

.sortByMenu .customIndicator {
    left: auto;
    right: 0;
    border: 0;
    top: 0;
    width: 16px;
    height: 16px
}

.sortByMenu .customControl {
    padding: 3px 25px 0 0;
    display: block;
    margin-bottom: 8px
}

.sortByMenu .customControl input:checked~.customIndicator,
.sortByMenu .customControl input:disabled~.customIndicator {
    background: 0 0
}

.sortByMenu .customControl input:checked~.customIndicator {
    background: 0 0
}

.sortByMenu .customControl input:checked~.itemName {
    color: #28ad00
}

.caresCommon .iconHold {
    overflow: hidden
}

.caresCommon .crSprite {
    zoom: 1.8
}

.careStepMain {
    padding: 20px 16px
}

.careStepMain .serviceSteps {
    margin-top: 30px
}

.careStepMain .serviceSteps li {
    position: relative;
    margin-bottom: 40px;
    z-index: 9
}

.careStepMain .serviceSteps li:after {
    content: "";
    border: 1px dashed #bdb9bf;
    position: absolute;
    width: 72px;
    bottom: -7px;
    left: 1px;
    transform: rotate(90deg);
    z-index: -1
}

.careStepMain .serviceSteps li:last-child {
    margin-bottom: 25px
}

.careStepMain .serviceSteps li:last-child:after {
    display: none
}

.careStepMain .serviceSteps li>* {
    display: inline-block;
    vertical-align: middle
}

.careStepMain .serviceSteps .rightText {
    width: calc(100% - 78px);
    display: inline-block;
    vertical-align: middle;
    text-align: left;
    padding-left: 15px
}

.careStepMain .serviceSteps .rightText span {
    font-size: 13px;
    font-weight: 600
}

.careStepMain .serviceSteps .rightText p {
    font-size: 12px;
    color: #959595
}

.careStepMain .spritHolder {
    overflow: hidden;
    height: 72px
}

.careStepMain .crSprite {
    background-color: #fff;
    position: relative;
    zoom: 1.1
}

.careStepMain .crSprite.stepAssemb {
    zoom: 1
}

.careStepMain .bottomPart img {
    float: left;
    padding-top: 5px
}

.careStepMain .bottomPart .callBtn {
    width: 40px;
    height: 40px;
    background: #221629;
    color: #fff;
    display: block;
    border-radius: 50%;
    padding: 10px;
    float: right
}

.careStepMain .bottomPart .callBtn .icon-call,
.careStepMain .bottomPart .callBtn .icon-email {
    font-size: 20px
}

.careStepMain .caresPopup {
    padding: 16px 12px
}

.careStepMain .caresTitle {
    font-size: 24px
}

.caresSec {
    padding-bottom: 20px
}

.caresSec .careTop {
    padding: 25px 20px;
    background: url(https://d60i6mpkbdpwe.cloudfront.net/assets/ninetyone/images/caresbg.jpg) no-repeat;
    background-size: cover;
    position: relative;
    text-align: center
}

.caresSec .careTop:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, .86);
    z-index: 0
}

.caresSec .careTop * {
    z-index: 1;
    position: relative;
    vertical-align: middle
}

.caresSec .careTop p {
    font-size: 22px
}

.caresSec .quote {
    display: inline-block;
    vertical-align: middle
}

.caresSec .btnGroup {
    padding-top: 20px
}

.caresSec .btnGroup .btn {
    height: 40px;
    font-size: 12px;
    position: relative;
    padding: 10px 18px;
    border-radius: 30px;
    -webkit-border-radius: 30px
}

.caresSec .btnGroup .callBtn {
    padding-left: 48px
}

.caresSec .btnGroup i {
    position: absolute;
    width: 40px;
    height: 40px;
    top: -1px;
    left: -1px;
    line-height: 40px;
    background: #221629;
    color: #fff;
    border-radius: 100%;
    -webkit-border-radius: 100%
}

.caresSec .btn-link {
    font-size: 14px;
    color: #28ad00
}

.caresSec .arrowRight {
    border-style: solid;
    display: inline-block;
    padding: 3px;
    margin-left: 3px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    border-color: #28ad00;
    border-width: 0 1px 1px 0;
    vertical-align: -1px;
    padding: 3px;
    vertical-align: 2px
}

.caresSec .slick-next,
.caresSec .slick-prev {
    width: 36px
}

.caresSec .rightPart {
    margin-top: 25px
}

.caresCard {
    margin: 0 10px;
    min-height: 230px;
    text-align: left;
    background: #fff;
    position: relative
}

.caresCard .cardContent {
    padding-top: 15px
}

.caresCard .cardContent p {
    max-height: 110px
}

.caresCard .cardImg {
    min-height: 174px
}

.caresCard .cardImg img {
    border-radius: 5px;
    -webkit-border-radius: 5px;
    overflow: hidden
}

.caresCard .titleTes {
    font-size: 16px;
    font-weight: 600;
    padding: 12px 0 7px;
    line-height: 1.2
}

.caresCard .caresDescp {
    max-height: 92px
}

.caresCard .allInfo {
    padding: 16px 0 5px
}

.caresCard .userName {
    font-size: 14px;
    font-weight: 600
}

.caresCard .userName span {
    color: #28ad00;
    font-size: 12px;
    display: inline-block;
    vertical-align: baseline;
    margin-left: 4px;
    font-style: italic;
    text-transform: capitalize
}

.caresCard .modelInfo {
    font-size: 12px;
    font-style: italic;
    font-weight: 600;
    padding-top: 2px
}

.caresCard .btnRound {
    background: #fff;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    padding: 5px;
    font-size: 16px;
    width: 43px;
    height: 43px;
    line-height: 33px;
    -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, .16);
    box-shadow: 0 3px 6px rgba(0, 0, 0, .16);
    color: #28ad00
}

.caresCard .quoteIcon {
    width: 35px;
    height: 25px;
    background: url(https://d60i6mpkbdpwe.cloudfront.net/assets/ninetyone/images/quote.png) no-repeat;
    background-size: cover
}

.caresCard .assembleHours {
    position: absolute;
    top: -36px;
    right: 5px;
    -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, .16);
    box-shadow: 0 3px 6px rgba(0, 0, 0, .16);
    padding: 12px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    font-size: 12px;
    line-height: 1.2
}

.caresCard .assembleHours .hoursTitle {
    font-size: 24px;
    font-style: italic;
    color: #28ad00
}

.caresCard .loaderOverlay {
    position: absolute
}

#caresSlider .slick-dots {
    bottom: -25px;
    width: auto;
    margin-left: 5px
}

.caresDS .careItem {
    margin-top: 27px
}

.caresDS .careItem>* {
    display: inline-block;
    vertical-align: middle
}

.caresDS .title {
    font-size: 17px
}

.caresDS p {
    font-size: 14px;
    color: #959595
}

.caresDS .caresDesc {
    width: calc(100% - 105px);
    padding-left: 25px
}

.whyCareStep {
    text-align: center
}

.whyCareStep li {
    min-height: 220px;
    padding: 16px;
    display: inline-block;
    vertical-align: top;
    width: calc(50% - 4px)
}

.whyCareStep .crSprite {
    zoom: 1.8
}

.whyCareStep .iconHold {
    margin: 0 auto 4px
}

.whyCareStep h3 {
    font-size: 13px;
    line-height: 1.2;
    padding-bottom: 7px
}

.whyCareStep .caresDesc {
    max-width: 200px;
    margin: 0 auto
}

#productPage .caresSec {
    text-align: left;
    background: 0 0;
    position: relative;
    margin: 0 -16px;
    padding: 0
}

#productPage .caresSec .bgImg {
    position: absolute;
    left: -15px
}

#productPage .caresSec .bgImg img {
    width: 120px
}

#productPage .caresSec .topLogo .titleStep {
    font-size: 20px
}

#productPage .caresSec .contentwrap {
    padding: 30px 0 0 120px
}

#productPage .caresSec .btnGroup {
    padding-top: 30px;
    margin: 0 16px
}

#productPage .caresSec .careTop img {
    padding-right: 10px;
    border-right: 1px solid #28ad00
}

#productPage .caresSec .careTop p {
    font-size: 18px;
    padding-left: 10px;
    display: inline-block
}

#productPage .caresSec .careTop * {
    vertical-align: middle
}

#productPage .caresDS .caresDesc {
    vertical-align: top
}

#productPage .caresDS .slick-dots {
    text-align: left
}

#productPage .featureListBody.CusDelightSec {
    padding: 0 0 20px
}

.swipeSlider.caresDS {
    text-align: center
}

.swipeSlider.caresDS .crSprite {
    zoom: 1.8
}

.swipeSlider.caresDS .crSprite.ownIcon {
    zoom: 1.9
}

.swipeSlider.caresDS .title {
    font-size: 14px;
    max-width: 110px;
    margin: 10px auto 0
}

.swipeSlider.caresDS p {
    font-size: 12px;
    margin-top: 4px
}

.swipeSlider.caresDS .caresDesc {
    width: 100%;
    padding-left: 0
}

.swipeSlider.caresDS .careItem {
    width: 40%;
    margin-top: 0
}

.swipeSlider.caresDS .careItem>* {
    display: block
}

.swipeSlider.caresDS .careItem .iconHold {
    height: 88px
}

@media only screen and (min-width:360px) {
    .caresCard .cardImg {
        min-height: 198px
    }
}

@media only screen and (min-width:1024px) {
    .whyCareStep li {
        min-height: 220px;
        width: calc(25% - 4px)
    }

    .whyCareStep .iconHold {
        width: 170px;
        height: 170px;
        overflow: hidden;
        margin: 0 auto
    }

    .whyCareStep .crSprite {
        zoom: 3.3
    }

    .whyCareStep h3 {
        font-size: 24px
    }

    .careStepMain .serviceSteps {
        padding-left: 30px;
        padding-right: 30px
    }

    .careStepMain .serviceSteps .rightText {
        padding-left: 30px
    }

    .caresSec .slick-next,
    .caresSec .slick-prev {
        background: 0 !important
    }

    .caresSec .slick-next:before,
    .caresSec .slick-prev:before {
        padding: 6px;
        border-color: #28ad00;
        border-width: 0 3px 3px 0
    }

    .caresSec .slick-next:hover,
    .caresSec .slick-prev:hover {
        background: 0 !important
    }

    .caresSec .slick-next {
        right: -34px
    }

    .caresSec .slick-prev {
        left: -34px
    }

    .caresSec .arrowRight {
        padding: 4px
    }

    #productPage .caresSec {
        padding: 0 0 40px !important
    }

    #productPage .caresSec .bgImg img {
        width: 220px
    }

    #productPage .caresSec .contentwrap {
        padding: 40px 0 0 260px
    }

    #productPage .caresSec .topLogo img {
        width: 210px;
        height: 26px
    }

    #productPage .caresSec .topLogo .titleStep {
        font-size: 32px;
        line-height: 1.3
    }

    #productPage .caresSec .btnGroup {
        position: absolute;
        top: 20px;
        right: 30px
    }

    #productPage .caresSec .btnGroup .btn {
        font-size: 16px;
        padding: 14px 22px
    }

    #productPage .caresSec .btnGroup .callBtn {
        padding-left: 70px
    }

    #productPage .caresSec .slick-next {
        right: 0
    }

    #productPage .caresSec .slick-next,
    #productPage .caresSec .slick-prev {
        top: 57%
    }

    #productPage .caresCommon .crSprite {
        zoom: 1.8
    }

    #productPage .caresDS {
        padding: 10px 0
    }

    #productPage .caresDS .title {
        font-size: 22px;
        margin-top: 0
    }

    #productPage .caresDS p {
        font-size: 16px;
        padding-right: 62px;
        margin-top: 5px
    }

    #productPage .caresDS .careItem {
        margin-top: 30px;
        width: calc(50% - 4px);
        display: inline-block;
        vertical-align: top
    }

    #productPage .caresDS .caresDesc {
        padding-left: 25px;
        width: calc(100% - 95px)
    }

    #productPage .caresDS .slick-active {
        opacity: 1
    }
}

@media only screen and (min-width:1320px) {
    #productPage .caresSec .contentwrap {
        padding: 40px 0 0 300px
    }

    #productPage .caresSec .btnGroup {
        top: 30px;
        right: 50px
    }

    #productPage .caresSec .btnGroup .btn {
        font-size: 18px;
        padding: 14px 32px
    }

    #productPage .caresSec .btnGroup .callBtn {
        padding-left: 70px
    }

    #productPage .caresSec .topLogo img {
        width: 260px;
        height: 35px
    }

    #productPage .caresSec .topLogo .titleStep {
        font-size: 40px
    }
}

.countWidget {
    text-align: center;
    font-weight: 600;
    line-height: 1.2;
    color: #959595;
    padding: 32px 0
}

.countWidget .title {
    color: #28ad00;
    font-size: 24px;
    padding-bottom: 2px
}

.trustSafety {
    border: 1px solid #eee;
    border-radius: 4px;
    padding: 15px 20px;
    display: flex
}

.trustSafety h4 {
    font-size: 14px;
    margin-bottom: 10px
}

.trustSafety li {
    position: relative;
    padding-left: 25px;
    margin-bottom: 5px;
    font-size: 12px;
    color: #424242
}

.trustSafety li:before {
    font-family: icomoon !important;
    content: "\e966";
    position: absolute;
    top: 4px;
    left: 5px;
    color: #28ad00;
    font-size: 12px;
    zoom: .75
}

#addToCartSticky {
    padding: 10px 0;
    -webkit-box-shadow: 0 0 16px rgba(0, 0, 0, .15);
    box-shadow: 0 0 16px rgba(0, 0, 0, .15);
    z-index: 9
}

#addToCartSticky .cartWidget {
    padding: 0 16px;
    margin: 0 auto
}

#addToCartSticky.active {
    bottom: 0
}

#addToCartSticky .cartWidget>:first-child {
    width: 40px
}

#addToCartSticky .icon-add-to-cart {
    position: relative;
    font-size: 20px;
    width: 20px
}

#addToCartSticky .icon-add-to-cart .addcartNumber {
    position: absolute;
    top: -8px;
    right: -10px;
    background: #28ad00;
    font-size: 12px;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, .15);
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .15);
    line-height: 16px;
    text-align: center;
    font-family: "DM Sans", sans-serif !important;
    color: #fff
}

#addToCartSticky .arrpwR {
    border-style: solid;
    display: inline-block;
    padding: 3px;
    margin-left: 3px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    border-color: #28ad00;
    border-width: 0 1px 1px 0;
    vertical-align: -1px;
    margin-left: 1px;
    vertical-align: 1px
}

#addToCartSticky .btn-link-primary {
    font-weight: 600;
    letter-spacing: 1.2px
}

#addToCartSticky .cartText {
    font-weight: 600;
    padding-right: 10px;
    width: calc(100% - 110px)
}

#addToCartSticky .cartText div {
    font-style: italic;
    font-size: 12px
}

#productPage #addToCartSticky.active {
    bottom: 50px;
    box-shadow: none;
    border-bottom: 1px solid #eee
}

.embed-responsive {
    position: relative;
    display: block;
    width: 100%;
    padding: 0;
    overflow: hidden
}

.embed-responsive::before {
    display: block;
    content: ""
}

.embed-responsive .embed-responsive-item,
.embed-responsive embed,
.embed-responsive iframe,
.embed-responsive object,
.embed-responsive video {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0
}

.embed-responsive-21by9::before {
    padding-top: 42.85714%
}

.embed-responsive-16by9::before {
    padding-top: 56.25%
}

.embed-responsive-4by3::before {
    padding-top: 75%
}

.embed-responsive-1by1::before {
    padding-top: 100%
}

.embed-responsive-2by1::before {
    padding-top: 50%
}

#modalOfferExpire .modalMain {
    border-radius: 8px;
    -webkit-border-radius: 8px
}

#modalOfferExpire #seconds {
    font-size: 14px;
    color: #28ad00;
    margin-left: 4px;
    vertical-align: middle
}

@media only screen and (min-width:1024px) {
    #modalOfferExpire .modalMain {
        max-width: 570px
    }

    #modalOfferExpire #seconds {
        font-size: 26px;
        margin-left: 10px
    }
}

.inlineFilter {
    background: #f3f3f3;
    margin: 0 -16px 24px;
    padding: 0;
    text-align: left
}

.inlineFilter .title {
    font-size: 16px;
    color: #616161;
    padding: 0 16px 5px
}

.inlineFilter .imgAddBnr {
    margin: 0 16px;
    display: block
}

.inlineFilter .imgAddBnr img {
    border-radius: 12px;
    -webkit-border-radius: 12px;
    overflow: hidden;
    -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, .1);
    box-shadow: 0 0 4px rgba(0, 0, 0, .1)
}

.inlineFilter .scroll-panel {
    overflow-x: scroll;
    overflow-y: hidden;
    white-space: nowrap;
    padding: 0 16px
}

.inlineFilter .scroll-panel .more-option {
    background: 0;
    border: 0;
    padding-left: 5px;
    box-shadow: none;
    -webkit-box-shadow: none
}

.inlineFilter .scroll-panel .more-option i {
    transform: rotate(-90deg);
    display: inline-block;
    font-size: 12px;
    margin-left: 4px
}

.inlineFilter .scroll-panel::-webkit-scrollbar {
    display: none
}

.inlineFilter li {
    font-size: 12px;
    padding: 7px 15px;
    margin: 5px 8px 5px 0;
    background: #fff;
    display: inline-block;
    font-weight: 600;
    color: #424242;
    border: 1px solid #e3e3e3;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, .1);
    box-shadow: 0 0 4px rgba(0, 0, 0, .1)
}

.inlineFilter li .icon-rupee {
    font-size: 70%;
    font-weight: 600;
    margin-right: 3px
}

.inlineFilter.confused .title {
    padding-bottom: 0
}

.inlineFilter.confused li {
    border: 0;
    background: #28ad00
}

.inlineFilter.confused li a {
    color: #fff
}

.inlineFilter.couponCode li {
    background: 0;
    border: 1px dashed #ddd
}

.inlineFilter.bankEmi .noCostEmi {
    padding: 0 16px
}

.inlineFilter.bankEmi li {
    padding: 1px 12px
}

.inlineFilter.bankEmi .last {
    min-width: 85px
}

.selectedFilter {
    margin: -24px 0 0;
    padding: 15px 0;
    text-align: left;
    background: #fff
}

.selectedFilter li {
    color: #757575;
    font-size: 12px;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    padding: 7px 15px;
    margin: 5px 10px 5px 0;
    background: #fff;
    display: inline-block;
    font-weight: 600;
    border: 1px solid #ddd
}

.selectedFilter .icon-plus {
    font-size: 12px;
    font-weight: 600;
    transform: rotate(45deg);
    display: inline-block;
    margin-left: 7px;
    vertical-align: middle;
    color: #757575
}

.copiedMsg {
    width: 120px;
    text-align: center;
    display: none;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 999;
    color: #fff;
    padding: 10px 0;
    background: #28ad00;
    font-size: 14px;
    border-radius: 5px;
    box-shadow: 0 3px 15px #b8c6db
}

.ratingStrip {
    background: #fff;
    border: 1px solid #ddd;
    width: 125px;
    display: inline-block;
    border-radius: 20px;
    height: 22px;
    line-height: 22px;
    font-size: 12px;
    text-align: center;
    vertical-align: top
}

.ratingStrip span {
    background: #28ad00;
    float: left;
    padding: 0 8px;
    color: #fff;
    height: 20px;
    border-radius: 20px 0 0 20px
}

.ratingStrip.sm {
    height: 20px;
    line-height: 18px
}

.ratingStrip.sm span {
    height: 18px
}

.ratingStrip.norev {
    width: 56px;
    border: 0
}

.ratingStrip.norev span {
    border-radius: 20px
}

.vorStrip .ratingStrip {
    width: auto;
    height: auto;
    line-height: 20px !important
}

.vorStrip .ratingStrip .ratingText,
.vorStrip .ratingStrip>span {
    height: auto;
    float: none;
    line-height: inherit;
    border-radius: 20px
}

.vorStrip .prodReviewCont {
    font-size: 14px;
    padding-right: 0
}

.vorStrip .stripCount {
    padding: 0 7px
}

.thankupage #diwaliOffer:before {
    display: none
}

#diwaliOffer:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(https://d60i6mpkbdpwe.cloudfront.net/assets/ninetyone/images/offers/bg2.png) repeat;
    opacity: .3;
    z-index: -1
}

#diwaliOffer .bannerImg {
    max-width: 100%;
    height: auto
}

#diwaliOffer .offerPosition {
    position: relative;
    padding-bottom: 0
}

#diwaliOffer .offerPosition h1 {
    text-transform: uppercase;
    font-size: 20px
}

#diwaliOffer .offerPosition .card {
    padding: 0;
    overflow: hidden;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, .16);
    box-shadow: 0 3px 6px rgba(0, 0, 0, .16)
}

#diwaliOffer .offerPosition .card .cardImg {
    margin: 0
}

#diwaliOffer .offerPosition .card .cardImg img {
    max-height: 70%;
    max-width: 70%;
    margin: 0 auto;
    display: inline-block;
    vertical-align: middle
}

#diwaliOffer .offerPosition .card.cardListItem {
    display: table;
    padding: 0;
    margin-bottom: 20px
}

#diwaliOffer .offerPosition .card.cardListItem>* {
    display: table-cell;
    vertical-align: middle
}

#diwaliOffer .offerPosition .card.cardListItem .cardImg {
    max-width: 120px;
    width: 30%;
    height: 120px
}

#diwaliOffer .offerPosition .card.cardListItem .cardContent {
    padding: 15px;
    vertical-align: top
}

#diwaliOffer .offerPosition .card .gold {
    background: #cea44b;
    background: -moz-linear-gradient(0deg, rgba(206, 164, 75, .1) 0, rgba(222, 198, 104, .1) 25%, rgba(222, 198, 104, .1) 32%, rgba(238, 228, 178, .1) 48%, rgba(222, 198, 104, .1) 65%, rgba(206, 164, 75, .1) 100%);
    background: -webkit-linear-gradient(0deg, rgba(206, 164, 75, .1) 0, rgba(222, 198, 104, .1) 25%, rgba(222, 198, 104, .1) 32%, rgba(238, 228, 178, .1) 48%, rgba(222, 198, 104, .1) 65%, rgba(206, 164, 75, .1) 100%);
    background: linear-gradient(0deg, rgba(206, 164, 75, .1) 0, rgba(222, 198, 104, .1) 25%, rgba(222, 198, 104, .1) 32%, rgba(238, 228, 178, .1) 48%, rgba(222, 198, 104, .1) 65%, rgba(206, 164, 75, .1) 100%)
}

#diwaliOffer .offerPosition .card .silver {
    background: #757575;
    background: -moz-linear-gradient(0deg, rgba(117, 117, 117, .1) 0, rgba(189, 189, 189, .1) 30%, rgba(224, 224, 224, .1) 45%, rgba(189, 189, 189, .1) 70%, rgba(117, 117, 117, .1) 100%);
    background: -webkit-linear-gradient(0deg, rgba(117, 117, 117, .1) 0, rgba(189, 189, 189, .1) 30%, rgba(224, 224, 224, .1) 45%, rgba(189, 189, 189, .1) 70%, rgba(117, 117, 117, .1) 100%);
    background: linear-gradient(0deg, rgba(117, 117, 117, .1) 0, rgba(189, 189, 189, .1) 30%, rgba(224, 224, 224, .1) 45%, rgba(189, 189, 189, .1) 70%, rgba(117, 117, 117, .1) 100%)
}

#diwaliOffer .offerPosition .card .bronze {
    background: #a35e1d;
    background: -moz-linear-gradient(0deg, rgba(163, 94, 29, .15) 0, rgba(193, 124, 59, .15) 30%, rgba(194, 123, 77, .15) 45%, rgba(236, 173, 102, .15) 70%, rgba(213, 147, 79, .15) 86%, rgba(163, 94, 29, .15) 100%);
    background: -webkit-linear-gradient(0deg, rgba(163, 94, 29, .15) 0, rgba(193, 124, 59, .15) 30%, rgba(194, 123, 77, .15) 45%, rgba(236, 173, 102, .15) 70%, rgba(213, 147, 79, .15) 86%, rgba(163, 94, 29, .15) 100%);
    background: linear-gradient(0deg, rgba(163, 94, 29, .15) 0, rgba(193, 124, 59, .15) 30%, rgba(194, 123, 77, .15) 45%, rgba(236, 173, 102, .15) 70%, rgba(213, 147, 79, .15) 86%, rgba(163, 94, 29, .15) 100%)
}

#diwaliOffer .offerPosition .card .runner {
    background: rgba(101, 101, 101, .1)
}

#diwaliOffer .offerPosition .card .cardName {
    font-size: 16px;
    font-weight: 600;
    letter-spacing: normal;
    text-transform: capitalize
}

#diwaliOffer .offerPosition .card .text {
    font-size: 12px;
    line-height: 1.2;
    padding: 5px 0 7px
}

#diwaliOffer .offerPosition .cardFirst {
    margin-bottom: 20px
}

#diwaliOffer .offerPosition .cardFirst .cardImg {
    min-height: 130px;
    background: #deffd4
}

#diwaliOffer .offerPosition .cardFirst .cardImg .firstPrize img {
    max-height: 70%;
    max-width: 70%
}

#diwaliOffer .offerPosition .cardFirst .cardContent {
    padding: 10px 16px
}

#diwaliOffer .luckyCustomer {
    font-size: 12px;
    line-height: 1.2;
    font-weight: 600;
    font-style: italic
}

#diwaliOffer .btnShopNow {
    min-width: 140px;
    font-size: 14px;
    margin-top: 20px
}

#diwaliOffer .cardBg {
    width: 30%;
    max-width: 120px;
    background: #00458e;
    background: -moz-linear-gradient(0deg, rgba(0, 69, 142, .1) 0, rgba(0, 229, 114, .1) 100%);
    background: -webkit-linear-gradient(0deg, rgba(0, 69, 142, .1) 0, rgba(0, 229, 114, .1) 100%);
    background: linear-gradient(0deg, rgba(0, 69, 142, .1) 0, rgba(0, 229, 114, .1) 100%)
}

#diwaliOffer .offerTexs h2 {
    font-size: 16px
}

#diwaliOffer .offerTexs li {
    margin-bottom: 15px;
    padding-left: 30px;
    position: relative
}

#diwaliOffer .offerTexs li .diya {
    vertical-align: -3px;
    margin-right: 15px
}

#diwaliOffer .offerTexs li:before {
    content: "";
    width: 14px;
    height: 14px;
    display: block;
    background: url(https://d60i6mpkbdpwe.cloudfront.net/assets/ninetyone/images/diwali-offer/diya.svg);
    background-size: contain;
    position: absolute;
    left: 0;
    top: 2px
}

#diwaliOffer .offerTexs li.noDiya:before {
    display: none
}

#diwaliOffer .offerTexs .footNote li {
    padding-left: 0;
    font-size: 12px
}

#diwaliOffer .offerTexs .footNote li:before {
    display: none
}

#diwaliOffer .offerTexs .offerSocial li {
    padding-left: 0
}

#diwaliOffer .offerTexs .offerSocial li:before {
    display: none
}

#diwaliOffer .offerTexs .download {
    position: absolute;
    right: 10px;
    bottom: 10px;
    background: #fff;
    padding: 4px;
    border-radius: 5px;
    cursor: pointer;
    box-shadow: 0 3px 6px rgba(0, 0, 0, .16)
}

#diwaliOffer .offerTexs .refCount {
    display: inline-block;
    background: #fff;
    font-size: 12px;
    padding: 7px 8px;
    border-radius: 6px;
    box-shadow: 0 0 10px rgba(0, 0, 0, .1)
}

#diwaliOffer .offerTexs .refCount span {
    background: #efefefc4;
    padding: 3px 4px;
    color: #5ad234;
    font-size: 12px;
    margin-left: 4px;
    vertical-align: 1px;
    border-radius: 4px
}

#diwaliOffer #sharePopup {
    position: inherit;
    background: #fde4bb;
    margin-left: 30px
}

#diwaliOffer #sharePopup a {
    color: #d68819
}

#diwaliOffer .btnAnimate {
    -webkit-animation: pulse 1s infinite;
    animation: pulse 1s infinite;
    box-shadow: 0 0 0 1.5em rgba(255, 255, 255, 0);
    position: relative
}

@-webkit-keyframes pulse {
    0% {
        box-shadow: 0 0 0 0 #28ad00
    }
}

@keyframes pulse {
    0% {
        box-shadow: 0 0 0 0 #28ad00
    }
}

#diwaliOffer .heading h2 {
    margin-bottom: 8px
}

#diwaliOffer .heading h2+p {
    padding-bottom: 18px
}

#diwaliOffer .winnerTable.tblSpc {
    margin-bottom: 30px
}

#diwaliOffer .winnerTable .table {
    width: 100%;
    text-align: left
}

#diwaliOffer .winnerTable td,
#diwaliOffer .winnerTable th {
    border: 1px solid #ddd;
    font-size: 12px
}

#diwaliOffer .winnerTable td:first-child,
#diwaliOffer .winnerTable th:first-child {
    width: 30px
}

#diwaliOffer .winnerTable td:nth-child(2),
#diwaliOffer .winnerTable th:nth-child(2) {
    min-width: 80px
}

#diwaliOffer .winnerTable th {
    background: #e8cb78;
    padding: 8px 5px
}

#diwaliOffer .winnerTable td {
    padding: 5px
}

#diwaliOffer .winnerTable tr:nth-child(odd) td {
    background: #f5f5f5
}

@media only screen and (max-width:330px) {
    #diwaliOffer .offerPosition .card {
        max-width: 400px;
        width: 100%
    }
}

@media only screen and (min-width:1024px) {
    #diwaliOffer .offerPosition h1 {
        font-size: 34px
    }

    #diwaliOffer .offerPosition .card.cardListItem {
        margin-bottom: 32px
    }

    #diwaliOffer .offerPosition .card.cardListItem .cardImg {
        max-width: 120px;
        height: 150px
    }

    #diwaliOffer .offerPosition .card .cardName {
        font-size: 20px
    }

    #diwaliOffer .offerPosition .card .text {
        font-size: 16px
    }

    #diwaliOffer .offerPosition .cardFirst {
        min-height: 332px;
        margin-bottom: 20px
    }

    #diwaliOffer .offerPosition .cardFirst .cardContent {
        padding: 10px 16px
    }

    #diwaliOffer .offerPosition .cardFirst .cardImg {
        min-height: 150px
    }

    #diwaliOffer .offerPosition .luckyCustomer {
        font-size: 14px
    }

    #diwaliOffer .btnShopNow {
        min-width: 160px;
        font-size: 16px;
        line-height: 28px
    }

    #diwaliOffer .offerTexs h2 {
        font-size: 26px
    }

    #diwaliOffer .offerTexs li:before {
        width: 16px;
        height: 16px
    }

    #diwaliOffer .offerTexs .footNote li {
        font-size: 14px
    }

    #diwaliOffer .offerTexs .download {
        width: 30px;
        height: 30px;
        right: 15px;
        bottom: 15px
    }

    #diwaliOffer .offerTexs .instaImg {
        width: 180px;
        height: 180px
    }

    #diwaliOffer .offerTexs .offerSocial li {
        margin-bottom: 0
    }

    #diwaliOffer .offerTexs .offerSocial li a {
        margin: 0 28px 0 0
    }

    #diwaliOffer .offerTexs .refCount {
        padding: 9px;
        font-size: 14px
    }

    #diwaliOffer .offerTexs .refCount span {
        padding: 5px 8px;
        font-size: 12px;
        margin-left: 15px
    }

    #diwaliOffer .offerTexs .refCount:nth-child(2) {
        margin-left: 18px
    }

    #diwaliOffer .winnerTable.tblSpc {
        margin-bottom: 70px
    }

    #diwaliOffer .winnerTable td,
    #diwaliOffer .winnerTable th {
        padding: 5px 10px;
        font-size: 16px;
        width: 25%
    }

    #diwaliOffer .winnerTable td:first-child,
    #diwaliOffer .winnerTable th:first-child {
        width: 10%
    }

    #diwaliOffer .winnerTable th {
        padding: 8px 10px
    }

    #diwaliOffer .heading h2+p {
        max-width: 928px;
        margin: 0 auto;
        font-size: 18px;
        padding-bottom: 25px
    }

    #diwaliOffer .heading h2 {
        margin-bottom: 15px
    }

    .thankupage .diwaliBanner {
        margin-top: -30px;
        margin-bottom: 20px
    }

    .thankupage .congoText {
        margin-bottom: 30px;
        font-size: 18px
    }
}

.offerSocial {
    margin: 15px 0 10px
}

.offerSocial li {
    width: calc(33.33% - 3px)
}

.offerSocial a {
    display: inline-block;
    vertical-align: middle;
    color: #232124;
    background: #fff;
    padding: 7px;
    box-shadow: 0 0 6px rgba(0, 0, 0, .12);
    border-radius: 5px;
    font-size: 12px;
    min-width: 75px;
    text-align: center;
    margin: 8px 10px 4px 0;
    background: #fff
}

.offerSocial a:first-child {
    margin-left: 0
}

.offerSocial .iconName {
    display: block;
    margin: 0 auto 5px;
    background-size: contain;
    width: 32px;
    height: 32px
}

.stickyFloatBtn {
    position: fixed;
    top: -110px;
    right: 28px;
    width: 100px;
    height: 28px;
    -webkit-transition: all .3s linear;
    transition: all .3s linear;
    color: #221629;
    line-height: 32px;
    font-size: 13px;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    -webkit-transform-origin: 100% 0;
    -moz-transform-origin: 100% 0;
    transform-origin: 100% 0;
    overflow: hidden;
    border-radius: 5px 5px 0 0;
    -webkit-border-radius: 5px 5px 0 0;
    -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, .2);
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .2);
    opacity: 0;
    z-index: 110;
    background: #28ad00;
    text-align: center
}

.stickyFloatBtn span {
    display: block
}

.stickyFloatBtn.active {
    opacity: 1;
    visibility: visible;
    top: 30%
}

.stickyFloatBtn .loading-dots {
    height: 28px
}

.stickyFloatBtn .loading-dots--dot {
    height: 10px;
    width: 10px;
    background: #fff;
    margin-bottom: 4px
}

@media only screen and (min-width:1024px) {
    .stickyFloatBtn {
        right: 27px;
        width: 115px;
        font-size: 13px;
        line-height: 30px
    }

    .stickyFloatBtn .loading-dots--dot {
        height: 14px;
        width: 14px
    }
}

@keyframes zoomIn {
    from {
        opacity: 0;
        transform: scale3d(.3, .3, .3)
    }

    50% {
        opacity: 1
    }
}

.spotBlinkBtn {
    cursor: pointer
}

.spotBlinkBtn.active {
    animation-name: zoomIn;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-iteration-count: 2;
    animation-delay: .5s;
    -webkit-transition: zoomIn .1s ease-in-out;
    transition: zoomIn .1s ease-in-out;
    cursor: pointer
}

.popHotspot {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: none;
    animation-name: zoomIn;
    animation-duration: .5s;
    animation-fill-mode: both;
    animation-iteration-count: 1;
    -webkit-transition: zoomIn .1s ease-in-out;
    transition: zoomIn .1s ease-in-out;
    z-index: 999
}

.popHotspot.active {
    display: block
}

.popHotspot:before {
    content: " ";
    position: absolute;
    left: 0;
    left: 0;
    width: 100%;
    height: 100%;
    animation: none;
    background: rgba(0, 0, 0, .9)
}

.popHotspot .popBody {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    margin: auto;
    max-width: 500px;
    width: 100%;
    overflow: hidden;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    padding: 20px 30px 0;
    z-index: 0
}

.popHotspot .listVorSlider .slick-dots {
    bottom: -20px;
    left: 0;
    width: auto
}

.popHotspot .listVorSlider .item {
    position: relative
}

.popHotspot .listVorSlider .item:before {
    content: "";
    position: absolute;
    top: -2px;
    right: -2px;
    bottom: -2px;
    left: -2px;
    box-shadow: inset 0 0 20px 5px rgba(0, 0, 0, .5);
    z-index: 1;
    pointer-events: none
}

.popHotspot .slick-dotted.slick-slider {
    margin-bottom: 20px
}

.popHotspot .slick-next,
.popHotspot .slick-prev {
    background: 0 0 !important;
    width: 30PX
}

.popHotspot .slick-next:focus,
.popHotspot .slick-next:hover,
.popHotspot .slick-prev:focus,
.popHotspot .slick-prev:hover {
    background: 0 0 !important
}

.popHotspot .slick-next:before,
.popHotspot .slick-prev:before {
    padding: 5px !important
}

.popHotspot .slick-next {
    right: -30px
}

.popHotspot .slick-next:before {
    border-style: solid;
    display: inline-block;
    padding: 3px;
    margin-left: 3px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    border-color: #fff;
    border-width: 0 2px 2px 0;
    vertical-align: -1px;
    margin-left: -5px
}

.popHotspot .slick-prev {
    left: -30px
}

.popHotspot .slick-prev:before {
    border-style: solid;
    display: inline-block;
    padding: 3px;
    margin-left: 3px;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
    border-color: #fff;
    border-width: 0 2px 2px 0;
    vertical-align: -1px;
    margin-left: 9px
}

.popHotspot .btnReivew {
    position: absolute;
    bottom: 0;
    right: 34px
}

.popHotspot .popImg {
    border-radius: 5px;
    overflow: hidden;
    background: #fff
}

.popHotspot img {
    width: 100%;
    height: 100%
}

.popHotspot .vorCont {
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 20px 20px 30px;
    width: 100%;
    color: #fff;
    line-height: 1.2;
    z-index: 0
}

.popHotspot .vorCont:before {
    content: "";
    position: absolute;
    bottom: -40%;
    left: 0;
    width: 100%;
    height: 130%;
    background: rgba(0, 0, 0, .5);
    transform: skew(0deg, 15deg);
    z-index: -1;
    background: linear-gradient(0deg, rgba(0, 0, 0, .8) 0, rgba(0, 0, 0, .4) 100%);
    -webkit-box-shadow: 0 0 4px rgba(255, 255, 255, .3);
    box-shadow: 0 0 4px rgba(255, 255, 255, .3)
}

.popHotspot .vorName {
    font-size: 20px
}

.popHotspot h2 {
    color: #fff;
    line-height: 1.1;
    margin-bottom: 0
}

.popHotspot .closeIconBtn.circle {
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .3);
    box-shadow: 0 0 5px rgba(0, 0, 0, .3);
    width: 30px;
    height: 30px;
    top: 6px;
    right: 16px
}

.popHotspot .closeIconBtn.circle:after,
.popHotspot .closeIconBtn.circle:before {
    top: 14px;
    left: 6px
}

.modalVorGallery .popImg {
    width: 500px;
    height: 500px
}

.modalVorGallery .popImg img {
    height: auto;
    max-height: 500px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    min-width: 100%;
    max-width: none
}

@media only screen and (min-width:1024px) {
    .popHotspot .popBody {
        max-height: inherit;
        max-width: 600px;
        padding: 20px 50px 0
    }

    .popHotspot .vorCont:before {
        height: 150%;
        bottom: -50%
    }

    .popHotspot .btnReivew {
        right: 50px
    }

    .popHotspot .slick-next:before,
    .popHotspot .slick-prev:before {
        padding: 8px !important
    }

    .popHotspot .slick-next {
        right: -40px
    }

    .popHotspot .slick-next:before {
        margin-left: -5px
    }

    .popHotspot .slick-prev {
        left: -40px
    }

    .popHotspot .slick-prev:before {
        margin-left: 9px
    }

    .popHotspot .slick-dotted.slick-slider {
        margin-bottom: 35px
    }

    .popHotspot .listVorSlider .slick-dots {
        bottom: -28px
    }

    .popHotspot .closeIconBtn.circle {
        right: 35px
    }
}

#QRcode .userGuide {
    padding-top: 12px
}

#QRcode .card {
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    border: 1px solid #ccc;
    padding: 35px 20px;
    min-width: 100%
}

#QRcode img {
    display: inline-block;
    vertical-align: middle;
    max-width: 80%;
    height: auto
}

#QRcode .qrOptLogo {
    margin: 40px 0
}

#QRcode .ebikeOption img {
    max-width: 70%
}

#QRcode .qrIcon {
    max-width: 150px
}

#QRcode .btn {
    padding: 10px 16px;
    width: 180px;
    font-weight: 400;
    font-size: 16px;
    color: #fff
}

#QRcode .btn:hover {
    color: #ffdc00
}

@media only screen and (min-width:768px) {
    #QRcode .card {
        min-height: 380px
    }

    #QRcode .ebikeOption {
        padding-top: 17px
    }
}

.userNotification {
    position: fixed;
    left: 5px;
    right: 5px;
    top: -105%;
    overflow: hidden;
    z-index: 999;
    width: calc(100% - 10px);
    opacity: .5;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    background: #ff9e59;
    background: -webkit-linear-gradient(180deg, #ff9e59 0, #f57b5e 100%);
    background: -moz-linear-gradient(180deg, #ff9e59 0, #f57b5e 100%);
    background: linear-gradient(180deg, #ff9e59 0, #f57b5e 100%);
    -webkit-box-shadow: 0 0 10px rgba(255, 126, 95, .5);
    box-shadow: 0 0 10px rgba(255, 126, 95, .5);
    max-width: 420px;
    margin: 0 auto
}

.userNotification>div {
    overflow: hidden;
    height: 53px
}

.userNotification.active {
    top: 5px;
    opacity: 1
}

.userNotification.active .notifyIcon img {
    animation: cycleNotifyIcon 5s ease-in-out infinite alternate
}

.userNotification .notifyIcon {
    width: 60px;
    font-size: 24px;
    text-align: center;
    padding: 0 10px;
    color: #000;
    position: relative
}

.userNotification .notifyIcon img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    line-height: 53px;
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 30px
}

.userNotification .notifyTitle {
    padding: 0 65px 3px 0;
    line-height: 1.1;
    font-size: 12px;
    color: #fff;
    font-style: italic;
    font-weight: 400
}

.userNotification .timeInfo {
    position: absolute;
    right: 12px;
    bottom: 6px;
    font-size: 12px;
    zoom: .85;
    color: #312d2d;
    font-style: italic
}

.userNotification .closeIcon {
    position: absolute;
    top: calc(50% - 15px);
    right: 12px;
    width: 24px;
    height: 24px
}

.userNotification .closeIcon:after,
.userNotification .closeIcon:before {
    width: 64%;
    top: 11px;
    left: 4px;
    height: 2px
}

.userNotification .closeIcon:hover:after,
.userNotification .closeIcon:hover:before {
    background: #28ad00
}

.animate__animated {
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.animate__jello {
    -webkit-animation-name: jello;
    animation-name: jello;
    -webkit-transform-origin: center;
    transform-origin: center
}

@-webkit-keyframes jello {

    0%,
    11.1%,
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    22.2% {
        -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
        transform: skewX(-12.5deg) skewY(-12.5deg)
    }

    33.3% {
        -webkit-transform: skewX(6.25deg) skewY(6.25deg);
        transform: skewX(6.25deg) skewY(6.25deg)
    }

    44.4% {
        -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
        transform: skewX(-3.125deg) skewY(-3.125deg)
    }

    55.5% {
        -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
        transform: skewX(1.5625deg) skewY(1.5625deg)
    }

    66.6% {
        -webkit-transform: skewX(-.78125deg) skewY(-.78125deg);
        transform: skewX(-.78125deg) skewY(-.78125deg)
    }

    77.7% {
        -webkit-transform: skewX(.39063deg) skewY(.39063deg);
        transform: skewX(.39063deg) skewY(.39063deg)
    }

    88.8% {
        -webkit-transform: skewX(-.19531deg) skewY(-.19531deg);
        transform: skewX(-.19531deg) skewY(-.19531deg)
    }
}

@keyframes jello {

    0%,
    11.1%,
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    22.2% {
        -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
        transform: skewX(-12.5deg) skewY(-12.5deg)
    }

    33.3% {
        -webkit-transform: skewX(6.25deg) skewY(6.25deg);
        transform: skewX(6.25deg) skewY(6.25deg)
    }

    44.4% {
        -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
        transform: skewX(-3.125deg) skewY(-3.125deg)
    }

    55.5% {
        -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
        transform: skewX(1.5625deg) skewY(1.5625deg)
    }

    66.6% {
        -webkit-transform: skewX(-.78125deg) skewY(-.78125deg);
        transform: skewX(-.78125deg) skewY(-.78125deg)
    }

    77.7% {
        -webkit-transform: skewX(.39063deg) skewY(.39063deg);
        transform: skewX(.39063deg) skewY(.39063deg)
    }

    88.8% {
        -webkit-transform: skewX(-.19531deg) skewY(-.19531deg);
        transform: skewX(-.19531deg) skewY(-.19531deg)
    }
}

@keyframes cycleNotifyIcon {
    0% {
        transform: rotateY(180deg)
    }

    100% {
        transform: rotateY(0)
    }
}

.scrollToTop {
    width: 30px;
    height: 30px;
    background: #fff;
    color: #fff;
    position: fixed;
    bottom: 155px;
    right: -100%;
    padding-top: 7px;
    text-align: center;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, .3);
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .3);
    cursor: pointer;
    opacity: 0;
    z-index: 50;
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.scrollToTop.goTopCm {
    bottom: 180px
}

.scrollToTop span {
    position: relative;
    border-style: solid;
    display: inline-block;
    padding: 3px;
    margin-left: 3px;
    -webkit-transform: rotate(-135deg);
    transform: rotate(-135deg);
    border-color: #28ad00;
    border-width: 0 2px 2px 0;
    vertical-align: -1px;
    margin-left: 0
}

.scrollToTop.active {
    opacity: 1;
    right: 10px
}

@media only screen and (min-width:1024px) {
    .scrollToTop {
        width: 36px;
        height: 36px;
        bottom: 200px;
        padding-top: 10px
    }

    .scrollToTop.goTopCm {
        bottom: 90px
    }

    .scrollToTop:hover {
        background: #000
    }

    .scrollToTop:hover span {
        border-color: #fff
    }

    .scrollToTop span {
        padding: 5px
    }

    .scrollToTop.active {
        right: 52px
    }
}

#scratchModal {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 606;
    display: none
}

#scratchModal:before {
    content: "";
    position: fixed;
    left: 0;
    height: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .7);
    z-index: 605
}

#scratchModal.active {
    opacity: 1;
    display: block
}

#scratchModal .scratchMain {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 250px;
    height: 500px;
    margin: auto;
    -webkit-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    user-select: none;
    z-index: 607
}

#scratchModal .scratchContainer {
    border-radius: 5px;
    -webkit-border-radius: 5px
}

#scratchModal .scratchPanel {
    width: 250px;
    height: 250px;
    background: #28ad00;
    color: #000;
    padding: 25px 10px
}

#scratchModal .scratchSummary {
    min-height: 185px;
    padding: 20px 10px 30px
}

#scratchModal .canvas {
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 0 0 5px 5px;
    -webkit-border-radius: 0 0 5px 5px
}

#scratchModal .closeIconBtn {
    top: -15px;
    right: -15px;
    width: 30px;
    height: 30px
}

#scratchModal .closeIconBtn:after,
#scratchModal .closeIconBtn:before {
    top: 14px;
    left: 6px
}

#scratchModal .title {
    font-size: 20px
}

#scratchModal .subTitle {
    font-size: 16px
}

#scratchModal .couponList {
    color: #000;
    border-color: #000
}

#scratchModal .discountText {
    font-size: 26px;
    line-height: 1
}

@media only screen and (min-width:530px) {
    #scratchModal .scratchMain {
        width: 500px;
        height: 250px
    }

    #scratchModal .scratchContainer {
        height: 100%;
        display: table;
        width: 100%
    }

    #scratchModal .scratchContainer>* {
        display: table-cell;
        vertical-align: middle
    }

    #scratchModal .canvas {
        border-radius: 0 5px 5px 0;
        -webkit-border-radius: 0 5px 5px 0
    }
}

#listingPage .catFilterWrap {
    display: flex
}

#listingPage .catFilterWrap.pos-top {
    position: absolute;
    top: 30px;
    left: 0
}

#listingPage .catFilterWrap.pos-top .customSelectBody {
    margin-right: 0
}

#listingPage .filterHeaderWidget {
    padding: 16px 16px 10px;
    height: 150px;
    background-size: cover !important;
    background-position: center !important;
    position: relative
}

#listingPage .filterHeaderWidget h1 {
    margin-bottom: 8px
}

#listingPage .filterHeaderWidget .bikeDisc {
    color: #fff;
    text-align: left;
    min-height: 50px;
    margin-bottom: 24px
}

#listingPage .filterHeaderWidget:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .5)
}

#listingPage .filterHeaderWidget .customSelectMain {
    border-radius: 4px;
    background: #ffe0e0
}

#listingPage .filterHeaderWidget .customSelectMain .optionList {
    margin-top: 7px;
    border-radius: 4px
}

#listingPage .filterHeaderWidget .customSelectMain .option {
    font-size: 12px;
    line-height: 25px;
    border-top: 1px solid #eee
}

#listingPage .filterHeaderWidget .customSelectMain .option:first-child {
    border-top: 0
}

#listingPage .filterHeaderWidget .customSelectMain.open .arrow:before {
    margin-top: -1px
}

#listingPage .filterHeaderWidget .customSelectMain .arrow:before {
    padding: 2px;
    right: 6px;
    margin-top: -4px
}

#listingPage .filterHeaderWidget .selectTrigger {
    padding: 0 6px;
    font-size: 12px;
    min-width: 75px;
    font-weight: 600;
    color: #221629;
    border: 0;
    height: 19px;
    line-height: 20px
}

#listingPage .filterHeaderWidget.utmCatBnr:before {
    display: none
}

.card .btn-compare {
    position: absolute;
    top: 16px;
    right: 15px;
    width: 20px;
    height: 20px;
    border: 1px solid #616161;
    cursor: pointer
}

.card .btn-compare.activeCompare {
    line-height: 18px;
    font-size: 12px;
    font-weight: 700;
    background: #28ad00;
    border-color: #28ad00;
    color: #fff;
    padding: 0 0 0 3px;
    font-family: icomoon !important
}

.card .btn-compare.activeCompare:before {
    content: "\e966"
}

.card .btn-compare.plusIcon:after,
.card .btn-compare.plusIcon:before {
    top: 8px;
    right: 5px;
    width: 8px;
    background: #616161
}

.card .btn-compare.plusIcon.showToltip .tooltiptext {
    opacity: 1;
    visibility: visible
}

.card .btn-compare .tooltiptext {
    max-width: 150px;
    padding: 6px 12px;
    bottom: -12px;
    left: 4px
}

.card .btn-compare .tooltiptext:after {
    bottom: 95%;
    right: 3%;
    border-width: 6px
}

.card .btn-compare .compareMsg {
    position: absolute;
    top: -9px;
    right: -10px;
    font-size: 14px;
    background: #fff;
    line-height: 16px;
    font-family: "DM Sans", sans-serif;
    z-index: 999999;
    padding: 4px 21px;
    border-radius: 4px;
    color: #221629
}

.card .btn-compare.icon-heart {
    border: 0;
    font-size: 16px
}

.card .btn-compare.icon-heart:after,
.card .btn-compare.icon-heart:before {
    background: 0 0;
    position: initial
}

.card .btn-compare.icon-heart .tooltiptext {
    bottom: 10px
}

.card .btn-compare.icon-heart.activeCompare {
    background: 0 0;
    color: red;
    padding: 0
}

.card .btn-compare.icon-heart.activeCompare:before {
    content: "\e93d"
}

.sizeFlipBody {
    -webkit-perspective: 1000;
    -moz-perspective: 1000;
    perspective: 1000px;
    width: 84px;
    height: 20px;
    white-space: nowrap
}

.sizeFlipBody:hover .flipMain {
    -webkit-animation: flipAni .5s none;
    -moz-animation: flipAni .5s none;
    animation: flipAni .5s none;
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    transform: rotateY(180deg);
    -webkit-animation-play-state: paused;
    -moz-animation-play-state: paused;
    animation-play-state: paused
}

.sizeFlipBody:hover .back {
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    transform: rotateY(180deg)
}

.sizeFlipBody:hover .back span {
    border-color: #999
}

.sizeFlipBody .icon-Size_Guide_2 {
    font-size: 88%;
    vertical-align: -3px
}

.sizeFlipBody .flipMain {
    position: relative;
    width: 100%;
    height: 100%;
    text-align: center;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-animation: flipAni 7s infinite;
    -moz-animation: flipAni 7s infinite;
    animation: flipAni 7s infinite
}

.sizeFlipBody span {
    padding-left: 0 !important;
    margin-left: 5px;
    border-bottom: 2px solid #28ad00
}

.sizeFlipBody .back,
.sizeFlipBody .front {
    position: absolute;
    width: 100%;
    height: 100%;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    cursor: pointer
}

.sizeFlipBody .front {
    -webkit-transform: rotateY(0);
    -moz-transform: rotateY(0);
    transform: rotateY(0)
}

.sizeFlipBody .back {
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    transform: rotateY(180deg);
    margin-left: 4px
}

.sizeFlipBody .sizeImgHold {
    width: 1px !important;
    height: 1px !important
}

@-webkit-keyframes flipAni {
    0% {
        -webkit-transform: rotateY(0)
    }

    20% {
        -webkit-transform: rotateY(0)
    }

    30% {
        -webkit-transform: rotateY(180deg)
    }

    80% {
        -webkit-transform: rotateY(180deg)
    }

    90% {
        -webkit-transform: rotateY(0)
    }
}

@-moz-keyframes flipAni {
    0% {
        -moz-transform: rotateY(0)
    }

    20% {
        -moz-transform: rotateY(0)
    }

    30% {
        -moz-transform: rotateY(180deg)
    }

    80% {
        -moz-transform: rotateY(180deg)
    }

    90% {
        -moz-transform: rotateY(0)
    }
}

@keyframes flipAni {
    0% {
        transform: rotateY(0)
    }

    20% {
        transform: rotateY(0)
    }

    30% {
        transform: rotateY(180deg)
    }

    80% {
        transform: rotateY(180deg)
    }

    90% {
        transform: rotateY(0)
    }
}

.catgContMain {
    padding: 30px 16px
}

.catgContMain h2 {
    text-transform: capitalize;
    margin-bottom: 8px
}

.catgContMain .h3,
.catgContMain h3 {
    color: #959595;
    font-size: 14px;
    font-weight: 700;
    padding: 8px 0 10px;
    border-bottom: 1px solid #e1e1e1
}

.catgContMain h3 {
    margin-bottom: 8px
}

.catgContMain .h3 {
    padding: 0;
    border-bottom: 0;
    margin-bottom: 6px
}

.catgContMain p {
    padding-bottom: 16px;
    color: #959595;
    font-weight: 300;
    text-align: justify;
    font-size: 12px
}

.catgContMain .table {
    width: 100%
}

.catgContMain .catgSubCont {
    font-weight: 300;
    padding-left: 20px
}

.catgContMain .catgSubCont.nubList li {
    list-style-type: decimal
}

.catgContMain .catgSubCont.nubList li::marker {
    font-size: 100%;
    line-height: 0
}

.catgContMain .catgSubCont.nubList h4:before {
    display: none
}

.catgContMain .catgSubCont.inline {
    padding-left: 24px
}

.catgContMain .catgSubCont.inline h4 {
    display: inline-block;
    margin-left: 0;
    margin-top: 0
}

.catgContMain .catgSubCont.inline h4:before {
    display: none
}

.catgContMain .catgSubCont.inline p {
    display: inline;
    margin-left: 4px
}

.catgContMain .catgSubCont li {
    padding-left: 4px;
    list-style: disc;
    color: #505050;
    padding-bottom: 12px
}

.catgContMain .catgSubCont li::marker {
    font-size: 150%;
    line-height: 0
}

.catgContMain .catgSubCont li p:last-child {
    padding-bottom: 0
}

.catgContMain h4 {
    color: #959595;
    font-size: 13px;
    margin: 10px 0 10px 10px;
    position: relative
}

.catgContMain h4::before {
    content: "";
    position: absolute;
    top: 6px;
    left: -20px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    width: 8px;
    height: 8px;
    background: #959595
}

.catgContMain .h4::before {
    display: none
}

.catgContWidget {
    width: 100%;
    margin-top: 20px
}

.catgContWidget .listRight {
    width: 80px
}

.catgContWidget .listBody {
    margin: 16px 0 20px
}

.catgContWidget .icon-rupee {
    font-size: 72%
}

.catgContWidget .list {
    border-bottom: 1px dashed #dbdbdb;
    padding: 16px 0
}

.catgContWidget .list:first-child {
    padding-top: 0
}

.catgContWidget .list a {
    text-transform: uppercase
}

.catgContWidget .list a:hover .itemName {
    color: #28ad00
}

.catgContWidget .list strong {
    font-weight: 400;
    color: #959595;
    text-transform: capitalize
}

.catgContWidget .list .listRight {
    color: #959595;
    text-transform: capitalize
}

.catgContWidget .list .itemName,
.catgContWidget .list .itemName2 {
    color: #221629
}

.catgContWidget .list .itemName2 {
    text-transform: capitalize
}

.catgContWidget .list .itemName2:hover {
    color: #28ad00
}

#howtobuyPage .catgContMain h2,
#howtobuyPage .catgContMain h3,
#howtobuyPage .catgContMain h4,
#howtobuyPage .catgContMain p {
    color: #fff
}

#howtobuyPage .catgContMain h4:before {
    background: #fff
}

#howtobuyPage .catgContMain .catgSubCont li::marker {
    color: #fff
}

#howtobuyPage .catgContWidget .list .itemName,
#howtobuyPage .catgContWidget .list .itemName2,
#howtobuyPage .catgContWidget .list .listRight,
#howtobuyPage .catgContWidget .list strong {
    color: #fff
}

.ftrSeoSect {
    color: #505050
}

.ftrSeoSect:nth-child(even),
.ftrSeoSect:nth-child(odd) {
    background: #1e1e1e
}

.ftrSeoSect .h3,
.ftrSeoSect h2,
.ftrSeoSect h3 {
    color: #656565
}

.ftrSeoSect h3 {
    border-bottom: 1px solid #303030
}

.ftrSeoSect a {
    text-decoration: underline;
    color: #505050
}

.ftrSeoSect p {
    color: #505050
}

.ftrSeoSect p.last {
    padding-bottom: 0
}

.faqMain .tab-head {
    border-bottom: 0;
    margin: 0 -15px 10px;
    padding: 0 15px 15px
}

.faqMain .tab-head>li {
    font-size: 13px;
    line-height: 1.1;
    padding: 10px;
    cursor: pointer;
    border: 0;
    border-radius: 30px;
    -webkit-border-radius: 30px;
    font-weight: 600;
    background-color: #f5f5f5;
    min-width: 75px;
    margin-left: 5px
}

.faqMain .tab-head>li:first-child {
    margin-left: 0
}

.faqMain .tab-head>li.active {
    font-size: 13px;
    color: #fff;
    background-color: #232124;
    background-image: url(https://d60i6mpkbdpwe.cloudfront.net/assets/ninetyone/blog/images/tab-active.svg);
    background-size: 15px 5px;
    background-repeat: no-repeat;
    background-position: center 100%
}

.faqMain .tab-main {
    -webkit-box-shadow: 4px 4px 14px 0 rgba(96, 96, 96, .2);
    box-shadow: 4px 4px 14px 0 rgba(96, 96, 96, .2);
    border-radius: 12px;
    -webkit-border-radius: 12px;
    padding: 5px 0 10px;
    position: relative;
    background: #fff
}

.faqMain .loaderOverlay {
    position: absolute
}

.faqMain .faqPanel {
    padding: 14px 20px;
    border-top: 1px dashed rgba(189, 185, 191, .5)
}

.faqMain .faqPanel:first-child {
    border-top: 0
}

.faqMain .faqTitle {
    margin: 0;
    background: 0 0;
    cursor: pointer;
    padding: 7px 18px 0 0;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.2;
    position: relative
}

.faqMain .faqTitle::after,
.faqMain .faqTitle::before {
    display: none
}

.faqMain .faqTitle .faqIconHolder {
    font-size: 12px;
    margin-top: 10px
}

.faqMain .faqTitle .icon-arrow {
    position: absolute;
    top: 10px;
    right: 0;
    color: #28ad00;
    font-size: 14px
}

.faqMain .faqTitle.active .icon-arrow {
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg)
}

.faqMain .faqTitle.active .faqIconHolder .faqTitleIcon {
    display: none
}

.faqMain .faqContent {
    padding: 0 0;
    overflow: hidden;
    max-height: 0;
    -webkit-transition: max-height .3s ease-out;
    transition: max-height .3s ease-out;
    line-height: 1.2
}

.faqMain .faqContent p {
    font-size: 12px;
    line-height: 1.7;
    color: #221629;
    padding-bottom: 7px
}

.faqMain .faqSub {
    font-size: 12px;
    line-height: 1.2;
    font-weight: 600;
    font-style: italic;
    margin: 6px 0
}

.faqMain .faqTitleIcon {
    display: inline-block;
    vertical-align: middle;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    padding: 3px 8px;
    font-size: 13px;
    line-height: 20px;
    background: #f5f5f5;
    margin-bottom: 6px;
    margin-left: 4px;
    border: 1px solid #dfdfdf;
    min-width: 55px;
    text-align: center;
    font-weight: 400;
    -webkit-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    cursor: pointer
}

.faqMain .faqTitleIcon:first-child {
    margin-left: 0
}

.faqMain .faqTitleIcon i {
    padding-right: 7px;
    font-size: 12px;
    display: inline-block;
    vertical-align: -1px;
    color: #959595
}

.faqMain .faqTitleIcon .icon-video {
    font-size: 15px;
    vertical-align: -2px
}

.faqMain .likeOptions {
    margin-top: 25px
}

.faqMain .likeOptions .likeTitle {
    margin: 0 10px 7px 0;
    line-height: 1.2
}

.faqMain .likeOptions i {
    color: #959595;
    font-size: 16px
}

.faqMain .likeOptions .faqTitleIcon {
    margin: 0
}

.faqMain .likeOptions .faqTitleIcon.disliked {
    margin-left: 10px
}

.faqMain .likeOptions .faqTitleIcon.disliked .icon-like {
    transform: rotate(-180deg);
    -webkit-transform: rotate(-180deg);
    -moz-transform: rotate(-180deg);
    padding-right: 0;
    padding-left: 7px;
    vertical-align: -3px
}

.faqMain .likeOptions .faqTitleIcon.disliked.active .triangle {
    border-top-color: red
}

.faqMain .likeOptions .faqTitleIcon.disabled {
    pointer-events: none
}

.faqMain .likeOptions .faqTitleIcon.active .triangle {
    border-bottom-color: #28ad00
}

.faqMedia {
    display: flex;
    flex-wrap: nowrap;
    align-items: stretch;
    margin-top: 10px;
    margin-left: -16px;
    margin-right: -16px;
    padding: 0 15px
}

.faqMedia .fMediaCard {
    flex: 0 0 calc(100% - 30px);
    margin: 10px 5px;
    overflow: hidden
}

.faqMedia .fMediaCard .imgThumb {
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
    margin: auto;
    right: 0
}

.faqMedia .fMediaCard .vidThumb {
    height: auto;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    transform: translateY(-50%);
    top: 50%
}

.faqMedia .fMediaCard iframe {
    border: 0
}

.faqMedia .fImg {
    border: 1px solid #dfdfdf
}

.faqMedia .fMediaTitle {
    line-height: 1.2;
    font-size: 12px;
    margin: 8px 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 95%
}

.faqMedia .faqTitleIcon:hover {
    background: #221629;
    color: #fff
}

.faqMedia .playBtn {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, .3)
}

.faqMedia .playBtn:before {
    width: 24px;
    height: 24px;
    line-height: 24px;
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    font-size: 12px
}

.faqMedia .icon-zoom {
    width: 40%;
    height: 100%;
    position: absolute;
    bottom: 0;
    right: 0;
    background: -moz-linear-gradient(130deg, rgba(22, 14, 11, 0) 50%, rgba(22, 14, 11, .3) 100%);
    background: -webkit-linear-gradient(130deg, rgba(22, 14, 11, 0) 50%, rgba(22, 14, 11, .3) 100%);
    background: linear-gradient(130deg, rgba(22, 14, 11, 0) 50%, rgba(22, 14, 11, .3) 100%)
}

.faqMedia .icon-zoom:before {
    position: absolute;
    bottom: 8px;
    right: 8px;
    cursor: pointer;
    color: #fff;
    text-align: center;
    font-size: 20px;
    width: 20px;
    height: 20px;
    line-height: 20px
}

#faqGalleryModal .faqModalSlider {
    background: #fff;
    margin-bottom: 0
}

#faqGalleryModal .slick-dots {
    position: absolute;
    bottom: -30px;
    left: 0;
    right: 0;
    margin: 0 auto
}

#faqDetails .filterHeaderWidget {
    background: url(https://d60i6mpkbdpwe.cloudfront.net/assets/images/faq-title-bg.jpg) center no-repeat;
    height: 160px;
    background-size: cover
}

#faqDetails .filterHeaderWidget .fieldControl.focus .fieldInput {
    border-radius: 4px 4px 0 0;
    -webkit-border-radius: 4px 4px 0 0
}

#faqDetails .filterHeaderWidget .easy-autocomplete {
    width: 100% !important
}

#faqDetails .filterHeaderWidget .fieldInput {
    border: 0;
    height: 50px;
    padding-left: 48px;
    border-radius: 4px;
    -webkit-border-radius: 4px
}

#faqDetails .filterHeaderWidget .fieldInput::placeholder {
    color: #bdb9bf
}

#faqDetails .filterHeaderWidget .fieldIcon {
    left: 19px;
    top: 17px;
    font-size: 16px;
    color: #221629
}

#faqDetails .filterHeaderWidget h1 {
    font-size: 22px;
    color: #fff;
    margin: 6px 0 5px
}

#faqDetails .filterHeaderWidget p {
    color: #fff;
    text-align: center;
    margin-bottom: 18px
}

#faqDetails .filterHeaderWidget .searchResult {
    position: absolute;
    top: 13px;
    left: 45px;
    background: #ddd;
    padding: 4px 10px;
    border-radius: 4px
}

#faqDetails .filterHeaderWidget .searchResult .icon-plus {
    position: absolute;
    background: #eee;
    border-radius: 50%;
    font-size: 12px;
    font-weight: 700;
    padding: 3px;
    top: -6px;
    right: -6px;
    transform: rotate(45deg);
    display: inline-block
}

#faqDetails .noResult img {
    margin: 30px auto 40px;
    display: block
}

#faqDetails .noResult p {
    font-size: 32px;
    margin-bottom: 50px
}

#faqDetails .searchBox {
    background: #fff;
    padding: 16px;
    position: relative;
    width: 100%;
    z-index: 99;
    border-radius: 0 0 4px 4px;
    -webkit-border-radius: 0 0 4px 4px;
    border-top: 1px solid #ddd;
    display: none
}

#faqDetails .searchBox li {
    background: #f5f5f5;
    display: inline-block;
    padding: 5px 12px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    margin: 8px 6px 0 0;
    cursor: pointer
}

#faqDetails .searchBox h4 {
    font-weight: 400;
    font-size: 14px
}

#faqDetails .searchBox .icon-dispatch,
#faqDetails .searchBox .icon-search {
    font-size: 12px;
    vertical-align: middle;
    margin-right: 8px
}

#faqDetails .searchBox .icon-dispatch {
    font-size: 14px
}

#faqDetails .cat-dropdown-wrap {
    margin-bottom: 25px;
    position: relative
}

#faqDetails .cat-dropdown-wrap .btn {
    font-size: 16px;
    padding: 8px 24px;
    border: 1px solid #dfdfdf;
    color: #656565;
    border-radius: 30px;
    -webkit-border-radius: 30px;
    background: #f5f5f5
}

#faqDetails .cat-dropdown-wrap .icon-arrow {
    font-size: 14px;
    vertical-align: middle;
    padding-left: 12px;
    font-weight: 600;
    color: #28ad00
}

#faqDetails .cat-dropdown-wrap.dropdown-fixed {
    position: fixed;
    z-index: 99;
    bottom: 0;
    margin: 0;
    width: 100%;
    left: 0;
    transition: all .3s ease
}

#faqDetails .cat-dropdown-wrap.dropdown-fixed .btn {
    display: block;
    border-bottom: 0;
    border-radius: 10px 10px 0 0;
    -webkit-border-radius: 10px 10px 0 0
}

#faqDetails .cat-dropdown-wrap.dropdown-fixed .icon-arrow {
    transform: rotate(180deg);
    display: inline-block;
    padding-right: 12px
}

#faqDetails .cat-dropdown-wrap.dropdown-fixed .cat-dropdown {
    top: auto;
    bottom: 50px;
    left: 50%;
    transform: translate(-50%, 0)
}

#faqDetails .cat-dropdown-wrap.dropdown-fixed .cat-dropdown:after {
    display: none
}

#faqDetails .cat-dropdown {
    position: absolute;
    top: 45px;
    background: #fff;
    z-index: 99
}

#faqDetails .cat-dropdown:after {
    content: "";
    top: -4px;
    left: 30px;
    border: solid transparent;
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-bottom-color: #eee;
    border-width: 12px
}

#faqDetails .tab-main {
    margin-bottom: 60px;
    border-radius: 6px;
    -webkit-border-radius: 6px
}

#faqDetails .cat-list {
    width: 220px;
    max-height: 300px;
    overflow-x: auto;
    padding: 10px 0;
    margin-top: 20px;
    background: #fafafa
}

#faqDetails .cat-list li {
    font-size: 14px;
    padding: 6px 10px 6px 20px
}

#faqDetails .cat-title {
    font-size: 20px;
    padding-left: 20px;
    position: relative
}

#faqDetails .cat-title.active {
    color: #28ad00
}

#faqDetails .cat-title:before {
    position: absolute;
    content: "";
    width: 31px;
    height: 3px;
    top: 27px;
    left: 20px;
    background: #28ad00
}

@media only screen and (min-width:1024px) {
    .faqMain .tab-main {
        padding: 10px 50px
    }

    .faqMain .tab-head {
        margin: 0 0 40px 0;
        padding: 0 0 17px 0
    }

    .faqMain .tab-head>li {
        min-width: 75px;
        font-size: 21px;
        padding: 19px 25px;
        margin-left: 12px
    }

    .faqMain .tab-head>li.active {
        font-size: 21px
    }

    .faqMain .faqTitle {
        font-size: 24px;
        padding: 20px 300px 20px 0
    }

    .faqMain .faqTitle .icon-arrow {
        font-size: 20px;
        top: 21px
    }

    .faqMain .faqTitle .faqIconHolder {
        margin-top: 0
    }

    .faqMain .faqPanel {
        padding: 25px 0
    }

    .faqMain .faqContent p {
        font-size: 18px;
        margin-top: 20px
    }

    .faqMain .faqSub {
        font-size: 16px;
        margin: 10px 0
    }

    .faqMain .faqTitleIcon {
        padding: 3px 15px;
        font-size: 16px;
        line-height: 28px;
        margin-bottom: 6px;
        margin-left: 6px;
        min-width: 74px
    }

    .faqMain .faqTitleIcon:first-child {
        margin-left: 0
    }

    .faqMain .faqTitleIcon i {
        padding-right: 7px;
        font-size: 15px
    }

    .faqMain .faqTitleIcon .icon-video {
        font-size: 18px
    }

    .faqMain .likeOptions i {
        font-size: 20px
    }

    .faqMain .likeOptions .likeTitle {
        font-size: 18px;
        display: inline-block;
        vertical-align: middle;
        margin-bottom: 0
    }

    .faqMain .likeOptions .faqTitleIcon {
        font-size: 20px
    }

    .faqMedia {
        margin-top: 10px;
        margin-left: -10px;
        margin-right: -10px;
        flex-wrap: nowrap;
        padding: 0
    }

    .faqMedia .fMediaCard {
        flex: 0 0 calc(33.33% - 20px);
        margin: 10px
    }

    .faqMedia .fMediaTitle {
        font-size: 16px;
        margin: 16px 0
    }

    .faqMedia .playBtn:before {
        width: 40px;
        height: 40px;
        line-height: 40px;
        font-size: 16px
    }

    .faqMedia .icon-zoom {
        width: 40%;
        height: 100%
    }

    .faqMedia .icon-zoom:before {
        bottom: 15px;
        right: 15px;
        font-size: 28px;
        width: 28px;
        height: 28px;
        line-height: 28px
    }

    #faqGalleryModal .slick-next {
        right: -25px
    }

    #faqGalleryModal .slick-prev {
        left: -25px
    }

    .faqIconHolder {
        position: absolute;
        top: 50%;
        right: 55px;
        transform: translateY(-50%);
        text-align: right
    }

    #faqDetails .filterHeaderWidget {
        height: 240px;
        padding-top: 30px
    }

    #faqDetails .filterHeaderWidget h1 {
        font-size: 42px;
        margin-bottom: 0
    }

    #faqDetails .filterHeaderWidget p {
        margin-bottom: 25px
    }

    #faqDetails .filterHeaderWidget .fieldInput {
        height: 70px;
        font-size: 18px;
        padding-left: 70px
    }

    #faqDetails .filterHeaderWidget .fieldIcon {
        left: 29px;
        top: 26px;
        font-size: 18px
    }

    #faqDetails .filterHeaderWidget .searchResult {
        top: 18px;
        left: 70px;
        padding: 6px 20px
    }

    #faqDetails .noResult img {
        width: 300px;
        height: 320px;
        margin: 40px auto;
        display: block
    }

    #faqDetails .noResult p {
        font-size: 40px;
        padding: 0 16px
    }

    #faqDetails .searchBox {
        padding: 32px
    }

    #faqDetails .searchBox h4 {
        font-size: 24px
    }

    #faqDetails .searchBox li {
        padding: 8px 18px;
        margin: 12px 10px 0 0
    }

    #faqDetails .faqMain {
        border-left: 1px solid #dfdfdf;
        margin-left: 230px
    }

    #faqDetails .cat-title {
        font-size: 30px;
        font-weight: 600;
        margin-bottom: 0;
        padding: 25px 0 22px 50px;
        border-top: 1px solid #bdb9bf;
        background: linear-gradient(90deg, #f5f5f5 0, #fafafa 70%, #fff 100%)
    }

    #faqDetails .cat-title.b-0 {
        border: 0
    }

    #faqDetails .cat-title:before {
        display: none
    }

    #faqDetails .tab-main {
        box-shadow: none;
        border-top: 1px solid #bdb9bf;
        border-radius: 0;
        -webkit-border-radius: 0;
        margin: 0
    }

    #faqDetails .cat-list-wrap {
        width: 230px;
        position: absolute
    }

    #faqDetails .cat-list-wrap.cat-fixed {
        position: fixed;
        top: 140px;
        transition: all .3s ease
    }

    #faqDetails .cat-list-wrap .btn-view-more {
        position: relative;
        left: 99px;
        padding: 5px 16px;
        font-size: 13px;
        top: 20px;
        color: #28ad00;
        cursor: pointer
    }

    #faqDetails .cat-list-wrap .btn-view-more i {
        font-size: 12px;
        margin-left: 6px;
        vertical-align: middle
    }

    #faqDetails .cat-tab-list li {
        display: block;
        padding: 12px 25px;
        font-size: 20px;
        position: relative;
        cursor: pointer
    }

    #faqDetails .cat-tab-list li.active {
        color: #28ad00;
        font-weight: 600;
        transition: all .3s ease
    }

    #faqDetails .cat-tab-list li.active:after {
        content: "";
        position: absolute;
        right: 0;
        background: #28ad00;
        width: 4px;
        height: 20px;
        top: 17px;
        border-radius: 12px 0 0 12px;
        -webkit-border-radius: 12px 0 0 12px
    }

    #faqDetails .cat-tab-list.thinScrollBar {
        max-height: 450px;
        overflow-x: auto
    }

    #faqDetails .cat-tab-list.thinScrollBar::-webkit-scrollbar {
        width: 1px
    }

    #faqDetails .cat-tab-list.thinScrollBar::-webkit-scrollbar-thumb {
        background: #dfdfdf !important
    }
}

.bike-details {
    margin-top: 28px;
    position: relative;
    text-align: right
}

.bike-details .img-holder {
    position: relative;
    display: inline-block
}

.bike-details .img-holder img {
    width: 100%
}

.bike-details .bike-caption {
    width: 100%;
    text-align: left;
    background: #eee;
    transition: all .3s ease-out;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    padding: 18px
}

.bike-details .bike-caption h4 {
    font-size: 22px
}

.bike-details .bike-caption p {
    line-height: 1.2;
    margin: 4px 0 15px;
    color: #6f6f6f
}

.bike-details .bike-caption video {
    border-radius: 10px;
    -webkit-border-radius: 10px
}

.bike-details .video-points {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 99
}

.bike-details .video-points:after {
    content: "";
    height: 100%;
    width: 2px;
    position: absolute;
    right: 9px;
    background: #9e9e9e;
    top: 0
}

.bike-details .video-points li {
    width: 22px;
    height: 22px;
    position: relative;
    margin-bottom: 20px;
    background: #f9f9f9;
    z-index: 9;
    cursor: pointer
}

.bike-details .video-points li:before {
    content: "";
    position: absolute;
    border: 1px solid #9e9e9e;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto
}

.bike-details .video-points li:after {
    content: "";
    background: #9e9e9e;
    position: absolute;
    top: 0;
    border-radius: 50%;
    width: 8px;
    height: 8px;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto
}

.bike-details .video-points li:last-child {
    margin-bottom: 0
}

.bike-details .video-points li.active:after {
    background: #28ad00
}

.bike-details .video-points li.active:before {
    border-color: #28ad00
}

.bike-details .video-points li.disabled {
    pointer-events: none
}

.bike-details .video-points.animation li:after {
    animation: zoomEffect 3s ease-out infinite;
    background: #9e9e9e
}

.marker {
    width: 12px;
    height: 12px;
    z-index: 0;
    position: absolute;
    border-radius: 50%;
    display: inline-block;
    cursor: pointer;
    background: #309c0f;
    display: none
}

.marker:after,
.marker:before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background-color: #28ad00;
    animation-name: zoomEffect;
    -webkit-animation-name: zoomEffect;
    animation-duration: 2.4s;
    -webkit-animation-duration: 2.4s;
    animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
    animation-timing-function: ease-out;
    -webkit-animation-timing-function: ease-out;
    z-index: -1;
    top: 0;
    left: 0
}

.marker:after {
    animation-delay: .6s;
    -webkit-animation-delay: .6s
}

.mark-1 {
    top: 15%;
    right: 47%
}

.mark-2 {
    top: 27%;
    left: 27%
}

.mark-3 {
    top: 10%;
    right: 52%
}

.mark-4 {
    top: 32%;
    right: 61%
}

.mark-5 {
    top: 9%;
    right: 42%
}

@keyframes zoomEffect {
    from {
        transform: scale(1);
        opacity: .8
    }

    to {
        transform: scale(2);
        opacity: 0
    }
}

@-webkit-keyframes zoomEffect {
    from {
        -webkit-transform: scale(1);
        opacity: .8
    }

    to {
        -webkit-transform: scale(2);
        opacity: 0
    }
}

.wynd-promotion #collapse-content {
    display: none
}

.wynd-promotion .wynd-content {
    justify-content: space-between;
    margin: 35px 0 30px;
    text-align: left;
    position: relative
}

.wynd-promotion .wynd-content:after {
    content: "";
    position: absolute;
    bottom: 20px;
    right: 20px;
    width: 100px;
    height: 180px;
    background: #f6a457;
    z-index: -1;
    filter: blur(100px)
}

.wynd-promotion .wynd-content li {
    font-size: 12px;
    margin-bottom: 20px
}

.wynd-promotion .wynd-content li img {
    vertical-align: middle;
    margin-right: 15px
}

.wynd-promotion .wynd-logo {
    width: 120px;
    margin-bottom: 30px
}

.wynd-promotion .app-mockup {
    width: 130px
}

.wynd-promotion .available-store a {
    line-height: 0
}

.wynd-promotion .available-store p {
    margin-bottom: 12px
}

.wynd-promotion .moreData {
    border-color: #f6a457
}

.voice-bot {
    position: fixed;
    bottom: 65px;
    right: -100%;
    z-index: 99;
    width: 40px;
    height: 40px;
    text-align: center;
    display: flex;
    align-items: center;
    opacity: 0;
    visibility: hidden;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.voice-bot:hover .whatappAni {
    display: block !important;
    opacity: 1 !important
}

.voice-bot.active {
    opacity: 1;
    visibility: visible;
    right: 10px
}

.voice-bot img {
    box-shadow: 0 0 6px rgba(0, 0, 0, .2);
    width: 100%;
    height: 100%;
    border-radius: 4px
}

.voice-bot .whatappAni {
    position: absolute;
    right: 52px;
    top: 50%;
    transform: translateY(-50%);
    background: #fff;
    font-size: 12px;
    color: #28ad00;
    line-height: 1.2;
    min-width: 148px;
    text-align: left;
    padding: 8px 10px;
    box-shadow: 0 0 8px rgba(40, 173, 0, .2);
    border-radius: 4px;
    text-decoration: underline
}

.voice-bot .whatappAni:after {
    content: "";
    font-size: 0;
    border-width: 10px 0 10px 10px;
    border-color: transparent transparent transparent #fff;
    border-style: solid;
    position: absolute;
    right: -10px;
    top: 50%;
    margin-top: -10px
}

.voice-bot .btn-go {
    position: absolute;
    top: -30px;
    width: 100%;
    border-radius: 6px;
    padding: 2px 0
}

#howtobuyPage~.botPos,
#listingPage~.botPos,
#productPage~.botPos {
    bottom: 104px
}

@media only screen and (min-width:1024px) {
    .voice-bot {
        bottom: 75px;
        cursor: pointer;
        width: 60px;
        height: 60px
    }

    .voice-bot.active {
        right: 40px
    }

    .voice-bot .whatappAni {
        right: 80px;
        font-size: 16px;
        min-width: 200px;
        padding: 15px;
        color: #000;
        text-decoration: none
    }

    #howtobuyPage~.voice-bot {
        bottom: 45px
    }
}

@keyframes wavePulse {
    100% {
        transform: scale(1.6);
        opacity: 0
    }
}

.modal-get-data h3 {
    font-style: italic
}

.modal-get-data .btn {
    border-radius: 8px;
    min-width: 110px;
    height: 40px;
    line-height: 38px;
    padding: 0 10px;
    font-size: 14px;
    flex: 0 0 calc(50% - 8px);
    max-width: calc(50% - 8px)
}

.modal-get-data .btn-later {
    width: 90px;
    border: 1px solid #aeacab;
    color: rgba(0, 0, 0, .67)
}

.modal-get-data .btn-primary {
    color: #ffe27d
}

.modal-get-data .btnWrap {
    margin-top: 20px;
    justify-content: center;
    column-gap: 16px
}

.modal-get-data .confuseBox {
    display: flex;
    align-items: center;
    justify-content: center;
    column-gap: 10%
}

.modal-get-data .confuseBox .rightAngle {
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1)
}

.modal-get-data .confuseBox .arrowAngel {
    position: relative;
    top: 30px
}

#modalGetNumber .closeIconBtn {
    background: #e5e5e5;
    border-color: #e5e5e5;
    top: 10px;
    right: 10px
}

#modalGetNumber .closeIconBtn:after,
#modalGetNumber .closeIconBtn:before {
    background: #000;
    height: 2px;
    top: 9px;
    width: 80%;
    left: 2px
}

#fully-fitted .modalMain {
    border-radius: 12px
}

#fully-fitted #video {
    border-radius: 12px
}

.coupon-offers-wrap {
    margin-top: 20px;
    flex-flow: column;
    row-gap: 15px
}

.innerPage:not(.prodNewPage) .coupon-offers-wrap {
    margin: 0 0 20px
}

.coupon-offers {
    padding: 12px 6px 12px 12px;
    box-shadow: 0 0 6px rgba(0, 0, 0, .1);
    border-radius: 12px
}

.coupon-offers .offers-wrap {
    align-items: stretch;
    column-gap: 10px
}

.coupon-offers h3 {
    color: #28ad00;
    font-weight: 400;
    font-size: 14px
}

.coupon-offers p {
    font-size: 12px;
    color: #777
}

.coupon-offers .icon-rupee {
    font-size: 70%;
    font-weight: 600
}

.coupon-offers .coupon-details {
    flex-flow: column;
    justify-content: center;
    padding: 10px 23px 10px 12px;
    border-radius: 6px;
    align-items: flex-start;
    color: #919fa8;
    font-size: 12px;
    position: relative;
    background: #f0f4f7;
    cursor: pointer;
    min-width: 95px
}

.coupon-offers .align-baseline {
    align-items: baseline
}

.coupon-offers .cut-price {
    display: inline-block;
    text-decoration: line-through;
    margin-right: 7px;
    color: #616161
}

.coupon-offers .bank-icons-sprite {
    margin-top: 6px
}

.coupon-offers .bank-icons-sprite.upi-full {
    zoom: .8
}

.coupon-offers .bank-icons-sprite.hdfc-full {
    zoom: .5
}

.coupon-offers .customCheckbox {
    padding-left: 30px;
    margin-bottom: 0
}

.coupon-offers.applied-offer {
    background: #1f6b07
}

.coupon-offers .copySuccess {
    position: absolute;
    top: 50%;
    right: 100px;
    background: #fff;
    padding: 10px;
    color: #221629;
    font-size: 14px;
    width: 70px;
    text-align: center;
    margin-left: -35px;
    margin-top: -20px;
    display: none;
    cursor: none;
    text-transform: capitalize
}

.coupon-offers .copySuccess:after {
    content: "";
    position: absolute;
    right: -7px;
    top: 50%;
    display: inline-block;
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
    border-radius: 4px;
    border-left: 8px solid #fff;
    margin-top: -8px
}

#modal-coupon-offers .modalContent {
    flex-flow: column;
    row-gap: 25px;
    align-items: flex-start
}

#modal-coupon-offers .pdCard {
    margin-bottom: 0;
    width: 100%
}

#modal-coupon-offers .pdCard .coupon-offers {
    padding: 0;
    width: 100%
}

@media only screen and (min-width:1024px) {
    .coupon-offers-wrap {
        margin: 0 0 40px;
        flex-flow: row;
        column-gap: 15px
    }

    .coupon-offers-wrap.thickScrollBar {
        white-space: initial;
        padding: 5px 5px 20px
    }

    .innerPage:not(.prodNewPage) .coupon-offers-wrap {
        margin: 40px 0 0
    }

    .coupon-offers {
        min-width: 315px;
        max-width: 315px
    }
}

.checkPincode {
    position: relative
}

.checkPincode .noIconField {
    width: 100%
}

.checkPincode .btn {
    position: absolute;
    right: 0;
    top: 0;
    border-radius: 4px;
    height: 40px;
    width: 100px
}

.checkPincode .input-wrap {
    flex-direction: column
}

.checkPincode #delivery-msg {
    font-size: 12px;
    color: #28ad00;
    margin-top: 10px;
    display: none;
    width: 100%;
    font-weight: 600
}

.checkPincode .title {
    font-size: 12px;
    margin-bottom: 10px;
    color: #777;
    display: block;
    font-weight: 600
}

@media only screen and (min-width:1024px) {
    .checkPincode .noIconField {
        width: 350px
    }

    .checkPincode .title {
        font-size: 14px
    }

    .checkPincode .input-wrap {
        align-items: normal
    }

    .checkPincode #delivery-msg {
        font-size: 14px;
        width: 350px
    }
}

.secure-transaction {
    display: inline-block;
    position: relative
}

.secure-transaction.active {
    display: block
}

.secure-transaction.active .secure-details {
    opacity: 1;
    visibility: visible
}

.secure-transaction.right-pos {
    position: absolute;
    right: 20px
}

.secure-transaction.right-pos .secure-details {
    right: 0;
    left: auto
}

.secure-transaction.right-pos .secure-details:after {
    left: auto;
    right: 10px
}

.secure-transaction .secure-link {
    line-height: 1.1
}

.secure-details {
    opacity: 0;
    visibility: hidden;
    position: absolute;
    background: #f7f7f7;
    top: 40px;
    border-radius: 4px;
    padding: 14px 10px;
    left: 0;
    width: 100%;
    z-index: 5
}

.secure-details p {
    font-size: 12px;
    margin-top: 10px
}

.secure-details:after {
    bottom: 100%;
    left: 30px;
    border: solid transparent;
    content: "";
    position: absolute;
    border-color: rgba(247, 247, 247, 0);
    border-bottom-color: #f7f7f7;
    border-width: 10px;
    margin-left: -10px
}

.secure-details.bottom-arrow:after {
    top: 100%;
    border-bottom: 0;
    border-top-color: #f7f7f7
}

.secure-details.bottom-pos {
    top: 40px;
    z-index: 99999999;
    bottom: auto;
    width: 420px
}

.secure-details .closeIconBtn {
    height: 20px;
    width: 20px
}

.secure-details .closeIconBtn:after,
.secure-details .closeIconBtn:before {
    background-color: #b3b3b3
}

@media only screen and (min-width:1024px) {
    .secure-transaction:hover {
        display: block
    }

    .secure-transaction:hover .secure-details {
        opacity: 1;
        visibility: visible
    }

    .secure-details {
        top: auto;
        bottom: 40px
    }
}

.offerHead.active~.brand-page .heroSlideBody {
    margin-top: 86px
}

.brand-page .heroSlideBody {
    margin-top: 54px
}

.brand-page .secTitle {
    text-transform: initial
}

.brand-page .bike-category {
    padding: 0
}

.brand-page .heroSlideBody .content {
    text-align: center;
    width: 100%
}

.brand-page .heroSlideBody .content h1 {
    width: 100%;
    max-width: 100%
}

.brand-page #newArrivalSlider {
    margin-top: 30px
}

.brand-page .colorWidget .colorBtn {
    width: 16px
}

.cycle-nearest-store .find-store {
    margin-top: 25px
}

.cycle-nearest-store .find-store .fieldInput {
    border-radius: 4px
}

.cycle-nearest-store .find-store .btn {
    width: 100%;
    border-radius: 4px;
    font-size: 14px;
    font-weight: 600
}

.cycle-nearest-store .nearest-store .store-header {
    column-gap: 15px
}

.cycle-nearest-store .nearest-store .verify-icon {
    width: 15px;
    height: 15px;
    background-size: cover;
    margin-right: 8px
}

.cycle-nearest-store .nearest-store .distance {
    margin-top: 14px;
    display: block;
    font-weight: 600;
    font-size: 12px;
    font-family: "DM Sans", sans-serif
}

.cycle-nearest-store .nearest-store .get-in-touch {
    column-gap: 15px
}

.cycle-nearest-store .nearest-store .store-count {
    margin-top: 40px
}

.cycle-nearest-store .nearest-store .no-result {
    margin-top: 60px
}

.cycle-nearest-store .nearest-store .timeline-item {
    margin-top: 40px
}

.cycle-nearest-store .nearest-store .card {
    padding: 16px 18px
}

.cycle-nearest-store .nearest-store .get-in-touch i {
    width: 31px;
    height: 31px;
    padding: 8px;
    font-size: 14px;
    background: #daebd5;
    border-radius: 50%;
    color: #000;
    display: inline-block;
    margin-right: 20px;
    vertical-align: middle;
    text-align: center
}

.cycle-nearest-store .nearest-store p {
    font-size: 12px
}

@media only screen and (min-width:992px) {
    .brand-page #newArrivalSlider {
        margin-top: 80px
    }

    .cycle-nearest-store .find-store {
        column-gap: 30px;
        margin-top: 40px
    }

    .cycle-nearest-store .find-store .btn {
        height: 55px;
        font-size: 16px
    }

    .cycle-nearest-store .nearest-store .store-count {
        margin-top: 60px
    }

    .cycle-nearest-store .nearest-store .no-result {
        margin-top: 120px
    }

    .cycle-nearest-store .nearest-store p {
        font-size: 14px;
        min-height: 65px
    }
}

.quantityControl {
    display: inline-block;
    vertical-align: middle;
    min-width: 85px;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    margin-right: -8px
}

.quantityControl .qtyControl {
    width: 25px;
    cursor: pointer;
    height: 25px;
    background-color: #fff;
    color: #28ad00
}

.quantityControl .qtyControl.disabled {
    opacity: .25;
    pointer-events: none
}

.quantityControl .inputQty {
    outline: 0;
    font-size: 14px;
    width: 25px;
    height: 25px;
    color: #221629;
    border: 0
}

.quantityControl .minusIcon:after,
.quantityControl .minusIcon:before,
.quantityControl .plusIcon:after,
.quantityControl .plusIcon:before {
    top: 10px;
    right: 8px;
    width: 8px
}

#modalAddToCart .cardWidgetWrap {
    margin-bottom: 16px
}

#modalAddToCart .cardWidgetWrap .freeAccess {
    font-size: 16px;
    text-align: center;
    color: #000;
    width: 100%;
    background-color: #90ee90
}

#modalAddToCart .cardListWidget {
    margin-bottom: 16px;
    padding: 16px 12px
}

#modalAddToCart .cardListWidget .imgThumb {
    padding-right: 5px
}

#modalAddToCart .cardListWidget .imgThumb img {
    max-width: 100%;
    max-height: 75px;
    width: auto;
    height: auto;
    margin: 0 auto
}

#modalAddToCart .cardListWidget .priceOffHold .cutPrice {
    margin-left: 0
}

#modalAddToCart .qtyBox {
    vertical-align: top;
    padding-bottom: 10px
}

#modalAddToCart .soldText {
    line-height: 1
}

#modalAddToCart .modalHeader {
    font-size: 20px;
    font-weight: 600;
    background: #f5f5f5;
    padding: 10px;
    border-radius: 8px;
    justify-content: space-between;
    margin: 10px 0 30px
}

#modalAddToCart .itemCount {
    font-size: 16px;
    font-weight: 400
}

#modalAddToCart .itemCount span {
    display: inline-flex;
    width: 30px;
    height: 30px;
    justify-content: center;
    align-items: center;
    font-size: 16px
}

#modalAddToCart .cardFooter {
    justify-content: space-between
}

#modalAddToCart .cardFooter .btn {
    border-radius: 8px;
    height: 50px;
    font-size: 16px;
    min-width: 150px;
    line-height: 50px;
    padding: 0
}

#modalAddToCart .priceHolder {
    font-size: 20px;
    font-weight: 600
}

#modalAddToCart .priceHolder .rupeeCustom {
    font-weight: 700;
    font-size: 70%
}

#modalAddToCart .empty-cart .img {
    width: 50%;
    margin: 0 auto
}

#modalAddToCart .empty-cart p {
    font-size: 16px;
    margin: 30px 0;
    color: #959595
}

#modalAddToCart .empty-cart .btn {
    border-radius: 4px;
    font-size: 12px
}

#modalAddToCart .benefiteList {
    margin-top: 35px
}

#modalAddToCart .benefiteList img {
    max-height: 20px;
    max-width: 26px;
    width: auto
}

#modalAddToCart .benefiteList .icon-holder {
    margin-top: -25px;
    background: #fff;
    border-radius: 4px;
    height: 36px;
    width: 36px;
    max-width: 100%;
    box-shadow: 0 0 6px rgba(0, 0, 0, .1);
    border: 1px solid #f3f3f3;
    margin-bottom: 10px
}

#modalAddToCart .benefiteList .list {
    min-height: 75px;
    font-size: 12px;
    width: 100%;
    margin: 0 5px
}

#modalAddToCart .benefiteList li {
    flex: 0 0 25%;
    max-width: 25%;
    margin-right: 0
}

#modalAddToCart .benefiteList .offerWidget .offerTitle {
    margin: 0 0 30px;
    text-align: center
}

.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

#calorieCalculator .modalContent {
    padding: 20px 16px
}

#calorieCalculator .modalMainBottom {
    background: #f5f5f5
}

#calorieCalculator .d-flexCol {
    flex-wrap: wrap;
    row-gap: 30px
}

#calorieCalculator .calorieBburn .d-flexCol {
    row-gap: 15px
}

#calorieCalculator .calorieBburn .form-group {
    padding: 14px 16px 20px
}

#calorieCalculator fieldset {
    margin: 0
}

#calorieCalculator .fieldInput {
    border-radius: 4px
}

#calorieCalculator h4 {
    font-size: 20px;
    margin-bottom: 20px
}

#calorieCalculator .title {
    font-size: 16px;
    justify-content: space-between;
    font-weight: 600;
    margin-bottom: 12px
}

#calorieCalculator .title span {
    font-size: 12px;
    text-transform: capitalize;
    border-radius: 4px;
    padding: 3px 8px;
    background: linear-gradient(90deg, #b1ea4d 0, #459522 100%);
    color: #fff;
    font-weight: 400
}

#calorieCalculator .form-group {
    flex-basis: 100%;
    border: 0;
    border-radius: 4px;
    padding: 20px 20px 24px;
    background: #fff;
    position: relative
}

#calorieCalculator .form-group.red {
    box-shadow: 0 0 8px rgba(255, 0, 0, .5) !important
}

#calorieCalculator .chipBox [class*=icon-] {
    font-size: 20px;
    opacity: .5
}

#calorieCalculator .customControl {
    padding: 0;
    margin-bottom: 0
}

#calorieCalculator .customControl input:checked~.chipBox {
    box-shadow: 0 0 14px 0 rgba(0, 0, 0, .1)
}

#calorieCalculator .customControl input:checked~.chipBox [class*=icon-] {
    opacity: 1
}

#calorieCalculator .customControl .chipBox {
    font-size: 16px;
    width: 120px;
    height: 40px;
    padding: 0 10px;
    border-radius: 4px;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center
}

#calorieCalculator .chipControlMain {
    column-gap: 16px
}

#calorieCalculator .btn {
    border-radius: 4px;
    font-size: 16px;
    min-width: 170px
}

#calorieCalculator .errorText {
    color: red;
    text-align: right;
    font-size: 12px;
    position: absolute;
    left: 0;
    right: 0;
    bottom: -20px
}

.rangeSlider {
    position: relative;
    margin-bottom: 4px
}

.rangeSlider .rsBar {
    -webkit-appearance: none;
    appearance: none;
    width: 100%;
    height: 6px;
    outline: 0;
    background: #d5d5d5;
    border-radius: 8px
}

.rangeSlider .rsBar::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 30px;
    height: 30px;
    cursor: pointer;
    z-index: 3;
    position: relative;
    background: 0 0;
    opacity: 0
}

.rangeSlider .rsBar:focus::-webkit-slider-thumb {
    border: 0;
    outline: 0;
    outline-offset: 0
}

.rangeSlider .rsBar:focus::-moz-range-thumb {
    border: 0;
    outline: 0;
    outline-offset: 0
}

.rangeSlider .rsBar::-moz-range-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 30px;
    height: 30px;
    cursor: pointer;
    z-index: 3;
    position: relative;
    opacity: 0;
    background: 0 0
}

.rangeSlider .rsBar::-moz-focus-outer {
    border: 0
}

.rangeSlider .rsThumb,
.rangeSlider .rsThumb::before {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.rangeSlider .rsThumb {
    width: 30px;
    height: 30px;
    font-size: 14px;
    background: rgba(40, 173, 0, .25);
    border-radius: 4px;
    z-index: 2;
    cursor: pointer
}

.rangeSlider .rsThumb::before {
    content: '';
    width: 15px;
    height: 15px;
    background: #28ad00;
    border-radius: inherit;
    transition: .3s
}

.rangeSlider .rsThumb span {
    position: absolute;
    left: 0;
    bottom: -62px;
    width: 100%;
    font-size: 14px;
    color: #959595
}

.rangeSlider .rsTooltip {
    position: absolute;
    top: 54px;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 50px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    color: #fff;
    border-radius: 4px;
    font-weight: 600;
    box-shadow: 0 0 14px rgba(0, 0, 0, .1);
    background: #28ad00
}

.rangeSlider .rsTooltip::before {
    content: '';
    position: absolute;
    top: -9px;
    left: 50%;
    transform: translate(-50%);
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 10px solid #28ad00
}

.rangeSlider .rsProgress {
    width: 50%;
    height: .4em;
    border-radius: 8px;
    background: linear-gradient(90deg, #b1ea4d 0, #459522 100%);
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    pointer-events: none
}

.rsMinMax {
    margin-bottom: 10px;
    width: 100%;
    justify-content: space-between;
    font-size: 12px;
    color: #939393;
    pointer-events: none;
    position: relative;
    z-index: 0
}

.calorieList .title {
    margin-bottom: 11px
}

.calorieList .item {
    font-size: 22px;
    border-radius: 4px;
    padding: 0 16px;
    color: #000;
    border: 1px solid #dfdfdf;
    line-height: 37px;
    height: 39px;
    z-index: 1;
    background: #fff
}

.calorieList span {
    background: #f1f1f1;
    padding: 0 10px;
    margin-left: -3px;
    z-index: 0;
    position: relative;
    height: 39px;
    line-height: 39px;
    border-radius: 0 4px 4px 0
}

.aniSlideInUp {
    -webkit-animation-name: slideInUp;
    animation-name: slideInUp
}

@-webkit-keyframes slideInUp {
    0% {
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
        visibility: visible
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes slideInUp {
    0% {
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
        visibility: visible
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@media only screen and (min-width:1024px) {
    #calorieCalculator .modalContent {
        padding: 45px 40px
    }

    #calorieCalculator .d-flexCol {
        column-gap: 30px;
        row-gap: 30px
    }

    #calorieCalculator .calorieBburn .d-flexCol {
        row-gap: 30px
    }

    #calorieCalculator .form-group {
        flex-basis: calc(50% - 15px);
        min-height: 136px
    }

    #calorieCalculator .errorText {
        bottom: -38px
    }

    #calorieCalculator h4 {
        font-size: 36px;
        margin-bottom: 30px
    }

    #calorieCalculator .title {
        font-size: 20px
    }

    #calorieCalculator .title span {
        font-size: 12px
    }

    .rangeSlider .rsThumb {
        font-size: 18px
    }

    .calorieList {
        min-height: 124px
    }
}

.swipeMain {
    background-image: linear-gradient(to top, #f3e7e9 0, #e3eeff 99%, #e3eeff 100%);
    z-index: 1
}

.cardListing.swipe_nope .btn-swipe-status.nope {
    display: flex
}

.cardListing.swipe_love .btn-swipe-status.love {
    display: flex
}

.swipe-sec {
    padding: 20px 0 30px
}

.swipe-wrap {
    position: relative;
    min-height: 380px;
    display: flex;
    margin-top: 80px;
    justify-content: center
}

.swipe-card {
    display: inline-block;
    position: absolute;
    transition: all .8s ease-in-out;
    height: 100%
}

.swipe-card.firstLoad {
    opacity: 0
}

.swipe-card .cardImg {
    margin-bottom: 0 !important
}

.swipe-card .cardImg img {
    max-height: 165px !important;
    pointer-events: none
}

.swipe-card .slick-next {
    right: 10px
}

.swipe-card .slick-prev {
    left: 10px
}

.swipe-card .slick-arrow {
    width: 25px;
    height: 25px;
    box-shadow: none
}

.swipe-card .slick-arrow:before {
    border-color: #28ad00;
    margin-right: 2px
}

.swipe-card .slick-arrow:hover {
    background: 0 0
}

.swipe-card .slick-arrow:hover :before {
    border-color: #fff
}

.swipe-card.flipCard .card-content {
    transition: transform .5s;
    transform-style: preserve-3d
}

.swipe-card .card-content .card-back {
    transform: rotateY(180deg);
    position: absolute
}

.swipe-card .card-content .card-back .card-body {
    background-color: #fff;
    text-align: center
}

.swipe-card .card-content .card-back .card-body .view-price {
    display: inline-block;
    margin: 0 0 10px;
    font-weight: 600;
    border: 0
}

.swipe-card .card-content .card-back .star-rating {
    font-size: 32px
}

.swipe-card .card-content .card-back .icon-star-fill {
    color: #ffa236
}

.swipe-card .card-content .card-back .p-detail-wrap {
    justify-content: space-between;
    border-radius: 6px;
    color: #757575;
    column-gap: 8px
}

.swipe-card .card-content .card-back .p-detail-wrap .p-detail {
    border: 1px solid #f5f5f5;
    padding: 8px 10px;
    border-radius: 6px
}

.swipe-card .card-content .card-back .p-detail-wrap .icon-info {
    font-size: 14px;
    vertical-align: middle;
    margin-left: 8px
}

.swipe-card .card-content .card-back .p-detail-wrap.bike-cat-info {
    position: absolute;
    right: 16px;
    left: 16px;
    opacity: 0;
    background: #28ad00;
    padding: 6px;
    z-index: 9999;
    color: #fff
}

.swipe-card .card-content .card-back .p-detail-wrap.bike-cat-info.active {
    opacity: 1
}

.swipe-card .pro-desc {
    max-height: 55px
}

.swipe-card .geometry-data {
    justify-content: space-around;
    padding: 7px 0 7px 25px;
    background: #fff;
    border-radius: 20px;
    margin: 0 40px;
    position: relative;
    border: 1px solid #f1e8eba6
}

.swipe-card .geometry-data .toolTag {
    position: absolute;
    left: 0;
    top: 0;
    border-radius: 20px 0 0 20px;
    font-size: 14px;
    width: 33px;
    height: 100%;
    line-height: 32px;
    padding-left: 4px;
    font-weight: 600
}

.swipe-card .card-back,
.swipe-card .card-front {
    position: absolute;
    height: 100%;
    width: 100%;
    backface-visibility: hidden;
    background: #fff
}

.swipe-card .card-back .slick-arrow {
    border: 1px solid #e1e1e1;
    border-radius: 34px
}

.swipe-card .card-back .slick-arrow:before {
    padding: 1px;
    border-width: 0 1px 1px 0
}

.swipe-card .know-your-bike {
    max-height: 235px;
    overflow-x: auto;
    flex-wrap: wrap;
    gap: 10px 8px;
    z-index: 999;
    position: relative;
    background: #f7fcf5;
    margin: 15px -16px 0;
    padding: 10px 16px;
    align-items: stretch
}

.swipe-card .know-your-bike li {
    width: 100%;
    border: 1px solid #ededed;
    border-radius: 4px;
    padding: 5px;
    background-color: #fff
}

.swipe-card .know-your-bike li.half {
    width: calc(50% - 5px)
}

.swipe-card .know-your-bike span {
    font-size: 12px
}

.swipe-card .close-card {
    top: 10px;
    right: 10px;
    border: 1px solid #ddd;
    width: 26px;
    height: 25px;
    line-height: 26px;
    border-radius: 50%;
    position: absolute;
    background: #f7fcf5
}

.swipe-card .close-card img {
    filter: brightness(.5)
}

.swipe-card .bikeSizeSec {
    position: relative;
    top: 13px;
    background: #fbf5f7;
    padding: 10px 5px;
    margin: 0 -17px
}

.swipe-card .btn-wrap {
    background-color: #e5edfd5c;
    width: 30px;
    height: 30px;
    margin: 0 auto;
    padding: 3px 0;
    line-height: 30px;
    border-radius: 20px;
    position: relative;
    bottom: 8px;
    border: 1px solid #ffe6ed
}

.swipe-card .btn-wrap.img-zoom {
    position: absolute;
    right: 10px;
    top: 10px;
    display: inline-block;
    bottom: auto;
    z-index: 99
}

.swipe-card .btn-wrap.color-option {
    box-shadow: 0 0 6px 0 #28ad00, inset 0 0 0 2px #ffdede
}

.swipe-card .icon-gallery {
    color: #28ad00;
    font-size: 18px
}

.swipe-status {
    z-index: 999
}

.swipe-status .btn-swipe-status {
    width: 160px;
    height: 60px;
    line-height: 60px;
    font-size: 30px;
    border-radius: 8px;
    display: none;
    justify-content: center;
    align-items: center;
    column-gap: 14px;
    background-color: red;
    color: #fff;
    margin: 0 auto;
    transition: all .2s ease-in-out;
    box-shadow: 4px 4px 14px 0 rgba(96, 96, 96, .2)
}

.swipe-status .btn-swipe-status.nope {
    background-color: #221629
}

.swipe-status .icon-heart-fill {
    color: #fff
}

.swipe-status .icon-plus {
    transform: rotate(45deg)
}

.result-btn-wrap {
    column-gap: 20px;
    margin-top: 25px
}

.result-btn-wrap .btn {
    width: 100%;
    font-weight: 400;
    border-radius: 4px
}

.btn-status {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    display: inline-block
}

.btn-status i {
    font-size: 22px;
    line-height: 50px;
    color: #28ad00
}

.btn-status.love {
    background-image: linear-gradient(to top, #f3e7e9 0, #e3eeff 99%, #e3eeff 100%)
}

.btn-status.nope {
    background-image: linear-gradient(to bottom, #f3e7e9 0, #e3eeff 99%, #e3eeff 100%)
}

.btn-status.nope i {
    transform: rotate(45deg);
    display: inline-block;
    color: #221629
}

.btn-status#undo {
    position: absolute;
    left: 0;
    top: 10px;
    width: 35px;
    height: 35px;
    line-height: 34px;
    background: #f7fcf5
}

.btn-status#undo img {
    filter: invert(.5)
}

.moving.swipe-card {
    transition: none;
    cursor: -webkit-grabbing;
    cursor: -moz-grabbing;
    cursor: grabbing
}

.swipe-card.question-card .card-content .card-body {
    text-align: center;
    height: 378px;
    background: #fff;
    position: relative
}

.card.swipe-card {
    padding: 0;
    max-width: 340px;
    height: 378px
}

.card.swipe-card .card-body {
    background: #f7fcf5;
    padding: 14px 16px;
    text-align: left
}

.card.swipe-card .card-body .cardName {
    margin: 0 0 8px
}

.card.swipe-card .card-body .cardName.small {
    font-size: 12px;
    font-weight: 600
}

.card.swipe-card .card-body p {
    color: #9b9b9b;
    margin: 0 0 6px
}

.card.swipe-card .card-body .view-price {
    border: 1px solid #ddd;
    padding: 1px 20px;
    border-radius: 20px;
    color: #5d5d5d;
    background: #fff
}

.card.swipe-card .card-body .view-price.launch {
    font-size: 16px;
    color: #0e9fff
}

.card.swipe-card .card-body .icon-dash {
    font-size: 22px;
    color: #575757
}

.card.swipe-card .card-body .icon-info {
    font-size: 20px;
    color: #28ad00
}

.card.swipe-card .card-front {
    z-index: 9
}

.card.swipe-card .card-front .card-body {
    padding: 16px
}

.card.swipe-card .ratingStrip {
    margin: 5px 0 15px
}

.card.swipe-card .btn-action {
    width: 100%;
    border-radius: 4px;
    padding: 10px 16px
}

.question-card ul {
    margin-top: 30px
}

.question-card li {
    background: #f2f7ff;
    width: 80%;
    margin: 0 auto 20px;
    padding: 13px 0;
    font-size: 14px;
    border-radius: 4px;
    box-shadow: 0 0 6px rgba(0, 0, 0, .08);
    border: 1px solid #e7e7e7
}

.question-modal {
    position: fixed;
    top: 0;
    right: -100%;
    width: 100%;
    height: 100vh;
    z-index: 999;
    padding: 110px 16px 0;
    background-image: linear-gradient(to top, #f3e7e9 0, #e3eeff 99%, #e3eeff 100%)
}

.question-modal.modal-fade-left {
    right: 0;
    animation: fadeLeft .6s
}

.question-modal.modal-fade-right {
    right: -100%;
    animation: fadeRight .6s
}

.question-modal h3 {
    font-size: 24px;
    margin: 0 0 30px
}

.question-modal .box-wrap {
    gap: 30px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center
}

.question-modal .box-wrap.shake li {
    animation: shake .9s cubic-bezier(.36, .07, .19, .97)
}

.question-modal .box-wrap li {
    width: calc(50% - 15px);
    padding: 30px 10px;
    border-radius: 8px;
    font-size: 14px;
    color: #181b31;
    background: #f2f7ff;
    box-shadow: 0 0 20px rgba(0, 0, 0, .08)
}

.question-modal .box-wrap li.active {
    background-color: #181b31;
    color: #fff
}

.question-modal .box-wrap li.active i {
    color: #fff
}

.question-modal .box-wrap li i {
    font-size: 40px;
    display: block;
    color: #181b31;
    margin-bottom: 18px
}

.question-modal .icon-back {
    border: 1px solid #181b31;
    color: #181b31;
    border-radius: 4px
}

.question-modal .btn-next {
    background: #181b31;
    color: #fff;
    border-radius: 4px
}

.question-modal .modal-footer {
    width: 100%;
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    column-gap: 20px;
    height: 60px;
    margin: 40px 0 0
}

.question-modal .modal-footer .btn-default {
    width: 80px
}

.question-modal .modal-footer .btn-primary {
    width: 170px
}

.question-modal .form-step {
    justify-content: center;
    column-gap: 6px
}

.question-modal .form-step li {
    width: 30px;
    height: 5px;
    background: #e1e1e1;
    border-radius: 30px;
    position: relative
}

.question-modal .form-step li.active {
    background: #28ad00;
    width: 45px
}

@keyframes fadeLeft {
    from {
        right: -100%
    }

    to {
        right: 0
    }
}

@keyframes fadeRight {
    from {
        right: 0
    }

    to {
        right: -100%
    }
}

.handPointer {
    position: absolute;
    left: 0;
    top: 30px;
    cursor: pointer;
    z-index: 11;
    visibility: hidden;
    opacity: 0;
    transition: all .5s ease-in-out
}

.handPointer.active {
    opacity: 1;
    visibility: visible
}

.handPointer.active i {
    animation: scaleGrow 3s cubic-bezier(0, .2, .8, 1) infinite
}

.handPointer:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    background: url(https://d60i6mpkbdpwe.cloudfront.net/assets/ninetyone/images/handFill.svg) no-repeat center;
    background-size: contain;
    width: 36px;
    height: 36px;
    z-index: 1;
    transition: left .3s ease-in-out
}

.handPointer i {
    content: '';
    position: absolute;
    left: -1px;
    top: -13px;
    background: #000;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background-color: #000;
    z-index: 0
}

.handPointer.step1 {
    left: 12%
}

.handPointer.step2 {
    left: 25%
}

.handPointer.step3 {
    left: 70%
}

#bike-catalog {
    animation: zoomMobile .4s ease-in-out !important;
    -webkit-animation: zoomMobile .4s ease-in-out !important
}

#bike-catalog .tourGuide {
    position: relative
}

#bike-catalog .tourGuide:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .5);
    z-index: 9;
    background: rgba(255, 255, 255, .9)
}

#bike-catalog .title {
    position: absolute;
    left: 50%;
    transform: translate(-50%, 0);
    z-index: 9;
    top: 40px;
    font-size: 28px;
    background: #fff;
    color: #717171;
    font-weight: 600
}

#bike-catalog .tour-info {
    position: absolute;
    font-weight: 600;
    background: #717171;
    color: #fff;
    padding: 8px 20px;
    border-radius: 6px;
    z-index: 99;
    left: 50%;
    transform: translate(-50%, 0);
    white-space: nowrap
}

#bike-catalog .tour-info.next {
    top: 40%
}

#bike-catalog .tour-info.previous {
    bottom: 10%
}

#bike-catalog .handPointer.next {
    top: 30%;
    right: 35%;
    left: auto
}

#bike-catalog .handPointer.hand-swipe-left {
    animation: hand-swipe-left 2s linear infinite
}

#bike-catalog .handPointer.previous {
    bottom: 25%;
    left: 35%;
    top: auto
}

#bike-catalog .handPointer.hand-swipe-right {
    animation: hand-swipe-right 2s linear infinite
}

#bike-catalog .modalMainBottom {
    max-width: 865px;
    background-image: linear-gradient(to right, #fff0de 0, #e9fff8 100%)
}

#bike-catalog .price-wrap {
    justify-content: space-between
}

#bike-catalog .colorWidget {
    flex-direction: column;
    row-gap: 12px;
    padding: 0
}

#bike-catalog .colorWidget .colorBtn {
    width: 16px;
    height: 16px;
    margin: 0;
    border-radius: 0
}

#bike-catalog .colorWidget .colorBtn img {
    border-radius: 0
}

#bike-catalog .colorWidget .attrBtn {
    border-radius: 0
}

#bike-catalog .card {
    box-shadow: none;
    border-radius: 6px;
    min-height: 250px;
    padding: 16px
}

#bike-catalog .card .cardName.small {
    font-size: 12px
}

#bike-catalog .card .cardImg {
    min-height: 160px;
    margin: 7px 0 7px !important;
    width: 100%;
    height: 100%
}

#bike-catalog .card .cardImg img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    height: auto;
    max-height: 150px
}

#bike-catalog .card .btn-view {
    font-weight: 600;
    font-size: 12px;
    background: #ffdc00;
    padding: 3px 10px;
    border-radius: 4px
}

#bike-catalog .scene {
    width: 100%;
    height: 565px;
    -webkit-perspective: 2000px;
    perspective: 2000px
}

#bike-catalog .scene:after {
    position: absolute;
    content: "";
    top: -4px;
    left: -3px;
    height: 100%;
    width: 12px;
    background-size: 14px 12px;
    background-image: -webkit-radial-gradient(44% 25%, circle, transparent 70%, #555 20%);
    background-image: -moz-radial-gradient(44% 25%, circle, transparent 70%, #555 20%);
    background-image: -ms-radial-gradient(44% 25%, circle, transparent 70%, #555 20%);
    background-image: -o-radial-gradient(44% 25%, circle, transparent 70%, #555 20%);
    background-image: radial-gradient(circle at 44% 25%, transparent 70%, #555 20%)
}

#bike-catalog .book {
    position: relative;
    width: 100%;
    height: 100%;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d
}

#bike-catalog .page {
    cursor: pointer;
    position: absolute;
    color: #000;
    width: 100%;
    height: 100%;
    -webkit-transition: 1.5s -webkit-transform;
    transition: 1.5s transform;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transform-origin: left center;
    -ms-transform-origin: left center;
    transform-origin: left center;
    border-left: 2px solid #d5d5d5
}

#bike-catalog .back,
#bike-catalog .front {
    position: absolute;
    width: 100%;
    height: 100%;
    padding: 16px;
    display: flex;
    flex-direction: column;
    row-gap: 16px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    background-image: linear-gradient(to top, #f3e7e9 0, #e3eeff 99%, #e3eeff 100%)
}

#bike-catalog .back {
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg)
}

#bike-catalog .page.flipped {
    -webkit-transform: rotateY(-180deg);
    transform: rotateY(-180deg)
}

#bike-catalog .page.flipped:last-of-type {
    z-index: 1
}

#bike-catalog .thank-you-page .middleBlock {
    z-index: -999
}

@media only screen and (min-width:992px) {
    #bike-catalog .page.active {
        z-index: 1
    }

    #bike-catalog .title {
        font-size: 38px;
        top: 120px
    }

    #bike-catalog .tour-info {
        padding: 15px 20px
    }

    #bike-catalog .handPointer.next {
        top: 50%;
        right: 25%
    }

    #bike-catalog .handPointer.previous {
        top: 50%;
        left: 25%;
        bottom: auto
    }

    #bike-catalog .tour-info {
        transform: none
    }

    #bike-catalog .tour-info.next {
        top: auto;
        bottom: 30%;
        right: 10%;
        left: auto
    }

    #bike-catalog .tour-info.previous {
        bottom: 30%;
        left: 10%
    }

    #bike-catalog .scene {
        width: 400px;
        margin: 0 32px 32px auto
    }

    #bike-catalog .scene:after {
        left: -5px;
        width: 15px;
        background-image: -webkit-radial-gradient(50% 32%, circle, transparent 70%, #555 20%);
        background-image: -moz-radial-gradient(50% 32%, circle, transparent 70%, #555 20%);
        background-image: -ms-radial-gradient(50% 32%, circle, transparent 70%, #555 20%);
        background-image: -o-radial-gradient(50% 32%, circle, transparent 70%, #555 20%);
        background-image: radial-gradient(circle at 50% 32%, transparent 70%, #555 20%)
    }

    #bike-catalog .card .btn-view {
        font-size: 12px
    }

    #bike-catalog .card .cardName.small {
        font-size: 12px
    }

    #bike-catalog .colorWidget .colorBtn {
        width: 20px;
        height: 20px
    }
}

@-webkit-keyframes hand-swipe-left {
    0% {
        left: 10%
    }

    100% {
        left: 35%
    }
}

@keyframes hand-swipe-left {
    0% {
        left: 10%
    }

    100% {
        left: 35%
    }
}

@-webkit-keyframes hand-swipe-right {
    0% {
        right: 10%
    }

    100% {
        right: 35%
    }
}

@keyframes hand-swipe-right {
    0% {
        right: 10%
    }

    100% {
        right: 35%
    }
}

.fitted-card {
    padding: 16px 16px 4px;
    color: #9e9e9e;
    max-width: 500px
}

.fitted-card h3 {
    font-size: 18px
}

.fitted-card h4 {
    color: #9e9e9e
}

.fitted-card .productBtns .videoPlay {
    border: 1px solid #e60049;
    border-radius: 20px;
    color: #e60049;
    min-width: 40px;
    height: 24px;
    line-height: 24px;
    font-size: 12px
}

.fitted-card .cardPrice {
    color: #9e9e9e
}

.fitted-card .content-wrap {
    justify-content: space-between;
    align-items: start
}

.fitted-card .customControl {
    width: 100%;
    padding-top: 0
}

.fitted-card .customControl.b-bottom {
    padding-bottom: 12px
}

.fitted-card .customControl input:checked~.content-wrap {
    color: #28ad00
}

.fitted-card .customControl input:checked~.content-wrap h4 {
    color: #28ad00
}

.fitted-card .customControl input:checked~.content-wrap .cardPrice {
    color: #28ad00
}

.fitted-card .know-more {
    font-size: 12px;
    margin-top: 4px
}

.fitted-card .know-more i {
    font-size: 12px;
    vertical-align: middle;
    margin-left: 2px
}

.fitted-card .price-wrap {
    width: 100px;
    text-align: right
}

.fitted-card .price-wrap span {
    display: block;
    font-size: 12px
}

.fitted-card .more-text {
    max-height: 0;
    overflow: hidden;
    transition: max-height .3s ease-out;
    line-height: 11px;
    margin-top: 8px
}

.fitted-card .more-text li,
.fitted-card .more-text p {
    font-size: 12px;
    color: #221629
}

.fitted-card .more-text li {
    margin: 6px;
    list-style: inside
}

.fitted-card .more-text ul {
    margin: 10px 0
}

@media only screen and (min-width:1023px) {
    .fitted-card .productBtns {
        position: inherit !important
    }
}

#modal-engage {
    width: calc(100% - 16px);
    min-width: 290px;
    max-width: 350px;
    padding: 0;
    position: fixed;
    top: 8px;
    left: 50%;
    z-index: 9999;
    display: none;
    background: #fff;
    transform: translate(-50%, 0);
    box-shadow: 0 4px 16px rgba(0, 0, 0, .3);
    border-radius: 16px;
    overflow: hidden;
    font-family: "DM Sans", sans-serif
}

#modal-engage.active {
    animation: fromTop .5s ease forwards
}

#modal-engage .contentWrap {
    align-items: stretch
}

#modal-engage .imgHolder {
    flex: 0 0 110px;
    max-width: 110px;
    align-items: center;
    justify-content: center;
    position: relative;
    padding: 0 8px
}

#modal-engage .offterBg,
#modal-engage .offterBgSm {
    position: absolute;
    z-index: -1
}

#modal-engage .offterBg {
    top: 0;
    right: 6px;
    width: 130%;
    background: #5ad235;
    height: 100%;
    transform: skewX(11deg)
}

#modal-engage .offterBgSm {
    right: -10px;
    bottom: -20px;
    width: 0;
    height: 0;
    border-top: 80px solid transparent;
    border-bottom: 0 solid transparent;
    border-right: 30px solid #5ad235;
    transform: rotate(-11deg)
}

#modal-engage .brandLogo {
    max-width: 115px;
    width: 100%;
    height: auto
}

#modal-engage .content {
    padding: 12px 12px 12px 20px;
    display: flex;
    flex-direction: column;
    row-gap: 10px
}

#modal-engage h4 {
    font-size: 13px;
    margin-bottom: 0;
    font-weight: 400;
    line-height: 1.1
}

#modal-engage h4 b,
#modal-engage h4 strong {
    font-weight: 700
}

#modal-engage p {
    font-size: 12px;
    color: #232323
}

#modal-engage .btnGroup {
    column-gap: 8px;
    justify-content: flex-start
}

#modal-engage .btn {
    border-radius: 4px;
    font-weight: 600;
    padding: 0 10px;
    height: 30px;
    min-width: 70px;
    font-family: "DM Sans", sans-serif;
    color: #000
}

#modal-engage .btn-not-allow {
    border: 1px solid #d5d5d5
}

@keyframes fromTop {
    0% {
        top: -170px;
        opacity: 0
    }

    100% {
        top: 8px;
        opacity: 1
    }
}

#modal-coupon .modalMainBottom {
    max-width: 100%;
    width: 100%
}

#modal-coupon .modalContent {
    padding: 30px 12px 110px
}

#modal-coupon .couponOuter {
    max-width: 380px;
    margin: 0 auto
}

#modal-coupon .modalHeader {
    margin-bottom: 16px;
    line-height: 1.1;
    text-transform: capitalize !important
}

#modal-coupon .modalTitle {
    font-size: 16px;
    line-height: 1.1;
    margin-bottom: 12px
}

#modal-coupon .formGroup {
    column-gap: 16px;
    margin-bottom: 16px;
    justify-content: center;
    max-width: 320px;
    margin: 0 auto;
    align-items: baseline
}

#modal-coupon .formGroup .fieldIcon {
    position: absolute;
    font-size: 16px;
    left: 12px;
    top: 12px
}

#modal-coupon .formGroup .numberText:before {
    right: -12px;
    top: 0;
    bottom: -3px
}

#modal-coupon .fieldControl {
    flex: 0 0 calc(100% - 100px);
    max-width: calc(100% - 100px)
}

#modal-coupon .btn,
#modal-coupon .fieldInput {
    height: 40px;
    border-radius: 5px;
    -webkit-border-radius: 5px
}

#modal-coupon .btn {
    font-size: 16px;
    width: 75px;
    color: #fff;
    padding: 0 12px
}

#modal-coupon .successText {
    font-size: 16px;
    white-space: nowrap;
    margin-top: 16px
}

.engageCoupon {
    max-width: 320px;
    margin: 0 auto 24px
}

.engageCoupon .couponWrap {
    display: inline-flex;
    align-items: center;
    padding: 8px;
    border-radius: 6px;
    color: #919fa8;
    font-size: 12px;
    position: relative;
    background: #fff0db;
    min-width: 100%;
    cursor: pointer;
    column-gap: 16px;
    border: 1px solid #ffeed5
}

.engageCoupon span {
    padding: 11px 10px;
    min-width: 115px;
    text-align: center;
    font-weight: 600;
    display: flex;
    justify-items: center;
    align-items: center;
    border-radius: 5px
}

.engageCoupon .codeName {
    color: #ff9800;
    border-radius: 6px;
    overflow: hidden;
    background: #000;
    font-weight: 700;
    font-size: 16px;
    justify-content: center;
    flex: 1
}

.engageCoupon .copyText {
    color: #000;
    z-index: 1;
    border: 1px solid #d17c00;
    white-space: nowrap;
    flex: 0 0 120px;
    justify-content: center
}

.engageCoupon .iconCopy,
.engageCoupon .iconCopy:before {
    border: 1px solid #ff9800;
    width: 12px;
    height: 12px;
    border-radius: 3px;
    background: #fff;
    box-shadow: 0 0 2px rgba(0, 0, 0, .5)
}

.engageCoupon .iconCopy {
    position: relative;
    margin: 3px 5px 0
}

.engageCoupon .iconCopy:before {
    content: "";
    position: absolute;
    top: -5px;
    left: -5px;
    z-index: -1
}

.engageCoupon .copySuccess {
    position: absolute;
    top: 50%;
    right: 8px;
    background: #fff;
    padding: 10px;
    color: #111;
    font-size: 14px;
    width: 120px;
    text-align: center;
    margin-left: -35px;
    margin-top: -21px;
    text-transform: capitalize;
    z-index: 1;
    min-height: 42px;
    border-radius: 4px;
    font-weight: 700
}

.engageCoupon .copySuccess:after {
    content: "";
    position: absolute;
    left: -8px;
    top: 50%;
    display: inline-block;
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
    border-radius: 4px;
    border-right: 8px solid #000;
    margin-top: -8px
}

@media only screen and (min-width:360px) {
    #modal-engage .content {
        padding-left: 30px
    }

    #modal-engage .imgHolder {
        flex: 0 0 125px;
        max-width: 125px
    }

    #modal-engage .btnGroup {
        column-gap: 16px
    }
}

@media only screen and (min-width:1024px) {
    #modal-engage {
        max-width: 500px;
        width: auto;
        left: auto;
        right: 8px;
        top: 70px;
        transform: translate(0, 0)
    }

    #modal-engage .imgHolder {
        flex: 0 0 165px;
        max-width: 165px
    }

    #modal-engage .brandLogo {
        max-width: 145px
    }

    #modal-engage h4 {
        font-size: 16px
    }

    #modal-engage .content {
        padding-right: 16px;
        row-gap: 16px
    }

    #modal-engage .btn {
        font-size: 14px
    }

    #modal-coupon .modalMainBottom {
        max-width: 380px;
        padding: 0
    }

    #modal-coupon .modalContent {
        padding: 40px 30px 20px;
        min-height: 322px
    }

    #modal-coupon .modalHeader {
        font-size: 30px;
        margin-bottom: 24px
    }

    #modal-coupon .closeIconBtn {
        top: -23px !important;
        right: 30px;
        width: 46px;
        height: 46px;
        box-shadow: 0 3px 6px rgba(0, 0, 0, .16);
        background-color: #fff;
        border-color: #fff
    }

    #modal-coupon .closeIconBtn:after,
    #modal-coupon .closeIconBtn:before {
        background: #959595;
        left: 8px;
        top: 16px;
        height: 1px;
        width: 56%
    }

    .engageCoupon {
        margin-bottom: 30px
    }

    .engageCoupon .codeName {
        min-width: 168px
    }

    @keyframes fromTop {
        0% {
            top: -170px;
            opacity: 0
        }

        100% {
            top: 70px;
            opacity: 1
        }
    }
}

#ereryRide .skeleton .rideSpecInfo {
    background: #eee;
    min-height: 40px
}

#ereryRide .skeleton .btnNavMode {
    background: #eee;
    min-height: 80px
}

#ereryRide .skeleton .tabNavOuter {
    background: #eee
}

#ereryRide .skeleton .tabNavOuter .tabNav>li {
    border: 0 !important
}

#ereryRide .skeleton .tabNavOuter .tabNav>li.active {
    background: #c3c3c3
}

@media only screen and (min-width:1024px) {
    #ereryRide .skeleton .rideSpecInfo {
        min-height: 60px
    }
}

.closeIcon,
.closeIconBtn {
    position: absolute;
    height: 20px;
    width: 20px;
    top: 12px;
    right: 8px;
    z-index: 105;
    -webkit-transition-delay: .3s;
    transition-delay: .3s;
    cursor: pointer
}

.closeIcon:after,
.closeIcon:before,
.closeIconBtn:after,
.closeIconBtn:before {
    content: "";
    background: #221629;
    position: absolute;
    left: 0;
    top: 9px;
    height: 2px;
    width: 100%
}

.closeIcon:before,
.closeIconBtn:before {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.closeIcon:after,
.closeIconBtn:after {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.closeIcon.circle,
.closeIconBtn.circle {
    background: #fff;
    width: 18px;
    height: 18px;
    -webkit-box-shadow: 4px 4px 14px 0 rgba(96, 96, 96, .2);
    box-shadow: 4px 4px 14px 0 rgba(96, 96, 96, .2);
    border-radius: 50%;
    -webkit-border-radius: 50%
}

.closeIcon.circle:after,
.closeIcon.circle:before,
.closeIconBtn.circle:after,
.closeIconBtn.circle:before {
    width: 60%;
    top: 8px;
    left: 4px;
    height: 1px
}

.plusIcon {
    position: relative
}

.plusIcon::after,
.plusIcon::before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out;
    width: 10px;
    height: 2px;
    background: #28ad00
}

.plusIcon::after {
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

.minusIcon {
    position: relative
}

.minusIcon::before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 10px;
    height: 2px;
    background: #28ad00
}

.ribbonTag {
    width: 12px;
    height: 13px;
    background: #f66;
    bottom: calc(100% - 50px);
    left: 12px;
    position: absolute;
    text-align: center
}

.ribbonTag:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -4px;
    height: 0;
    width: 0;
    border-left: 6px solid #f66;
    border-right: 6px solid #f66;
    border-bottom: 4px solid transparent
}

.ribbonTag .icon-star-fill {
    font-size: 12px;
    color: #fed843;
    margin-top: 2px;
    display: block
}

.bank-icons-sprite {
    background: url(https://d60i6mpkbdpwe.cloudfront.net/assets/ninetyone/sprite/bank_icon_sprite_8.webp) no-repeat;
    line-height: 0;
    display: inline-block;
    vertical-align: middle
}

.bajaj {
    width: 14px;
    height: 14px;
    background-position: -489px -74px
}

.bajaj-full {
    width: 81px;
    height: 24px;
    background-position: 0 -147px !important
}

.hdfc,
.hdfc-dc {
    width: 18px;
    height: 17px;
    background-position: -1px -101px
}

.hdfc-full {
    width: 146px;
    height: 28px;
    background-position: -126px -35px !important
}

.kkbk {
    width: 26px;
    height: 23px;
    background-position: -264px -8px
}

.kkbk-full {
    width: 86px;
    height: 24px;
    background-position: -263px -7px !important
}

.utib {
    width: 27px;
    height: 23px;
    background-position: -432px -9px
}

.indb {
    width: 18px;
    height: 18px;
    background-position: -23px -100px
}

.ratn {
    width: 17px;
    height: 19px;
    background-position: -46px -100px
}

.scbl {
    width: 17px;
    height: 26px;
    background-position: -407px -6px
}

.scbl-full {
    width: 72px;
    height: 29px;
    background-position: -354px -5px !important
}

.barb {
    width: 22px;
    height: 17px;
    background-position: -62px -101px
}

.icic {
    width: 18px;
    height: 17px;
    background-position: -104px -101px
}

.icic-full {
    width: 110px;
    height: 24px;
    background-position: -2px -67px !important
}

.yesb {
    width: 13px;
    height: 17px;
    background-position: -87px -101px
}

.citi {
    width: 26px;
    height: 17px;
    background-position: -125px -101px
}

.amex {
    width: 41px;
    height: 29px;
    background-position: -236px -65px
}

.razorpay {
    width: 96px;
    height: 21px;
    background-position: -388px -70px
}

.paytm {
    width: 42px;
    height: 14px;
    background-position: -519px -46px
}

.gPay {
    width: 67px;
    height: 27px;
    background-position: -1px -2px
}

.phonePe {
    width: 27px;
    height: 27px;
    background-position: -156px -2px
}

.phonePe-full {
    width: 98px;
    height: 27px;
    background-position: -156px -2px
}

.payu {
    width: 54px;
    height: 23px;
    background-position: -207px -99px
}

.split {
    width: 16px;
    height: 17px;
    background-position: -157px -102px
}

.cards {
    background-position: -285px -100px;
    width: 24px;
    height: 17px
}

.emi {
    background-position: -316px -99px;
    width: 27px;
    height: 19px
}

.net-banking {
    background-position: -348px -99px;
    width: 19px;
    height: 19px
}

.wallets {
    background-position: -376px -99px;
    width: 21px;
    height: 18px
}

.upi {
    background-position: -405px -100px;
    width: 12px;
    height: 18px
}

.upi-full {
    background-position: -533px -11px;
    width: 70px;
    height: 20px
}

.sbi,
.sbin {
    background-position: -281px -37px;
    width: 23px;
    height: 23px
}

.sbi-full {
    background-position: -281px -37px;
    width: 64px;
    height: 23px
}

.capital-flot {
    background-position: -422px -100px;
    width: 14px;
    height: 18px
}

.capital-flot-full {
    width: 67px;
    height: 22px;
    background-position: -419px -98px !important
}

.cash {
    background-position: -176px -100px;
    width: 28px;
    height: 21px
}

.walnut {
    background-position: -488px -100px;
    width: 18px;
    height: 18px
}

.walnut-full {
    background-position: -512px -101px !important;
    width: 54px;
    height: 14px
}

.bob-full {
    background-position: -1px -121px !important;
    width: 112px;
    height: 25px
}

.zest-full {
    background-position: -120px -121px !important;
    width: 75px;
    height: 25px
}

.zest {
    background-position: -120px -121px;
    width: 23px;
    height: 25px
}

.mobikwik {
    background-position: -197px -125px;
    width: 72px;
    height: 17px
}

.hsbc {
    background-position: -310px -125px;
    width: 33px;
    height: 17px
}

.onecard {
    background-position: -275px -125px;
    width: 11px;
    height: 11px
}

.snapmint {
    background-position: -493px -121px !important;
    width: 94px;
    height: 28px
}

.visa {
    background-position: -55px -42px;
    width: 41px;
    height: 14px
}

.mastercard {
    background-position: -2px -41px;
    width: 25px;
    height: 15px
}

.ruPay {
    background-position: -357px -45px;
    width: 57px;
    height: 16px
}

.ninetypay {
    background-position: -461px -125px !important;
    width: 30px;
    height: 18px;
    flex-shrink: 0;
    align-self: baseline
}

.pay {
    width: 23px;
    height: 21px;
    background-position: -178px -100px
}

.pfWarningBox {
    padding: 25px 12px;
    font-size: 14px;
    line-height: 1.3;
    color: #221629;
    font-weight: 600
}

.pfWarningBox .warningText {
    padding-left: 18px;
    max-width: 250px
}

#splitPymntModal .modalContent {
    max-height: 95vh
}

#splitPymntModal .pymntFailedSec {
    padding: 16px;
    overflow: hidden
}

#splitPymntModal .pfWarningBox {
    border-bottom: 1px solid #ddd
}

#splitPymntModal .helpReason {
    padding: 20px 0 12px
}

#splitPymntModal .helpReason h3 {
    font-weight: 600;
    font-size: 14px;
    padding-left: 18px
}

#splitPymntModal .helpReason span {
    display: block;
    position: relative
}

#splitPymntModal .helpReason span:before {
    content: "";
    position: absolute;
    top: 5px;
    right: 6px;
    border-style: solid;
    display: inline-block;
    padding: 3px;
    margin-left: 3px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    border-color: #28ad00;
    border-width: 0 1px 1px 0;
    vertical-align: -1px;
    padding: 3px;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

#splitPymntModal.keyboard-showing .pymntFailedSec {
    position: relative;
    bottom: 100px
}

#splitPymntModal.keyboard-open .pymntFailedSec {
    position: relative;
    bottom: 130px
}

.paymentSplit {
    position: relative;
    min-height: 350px;
    padding-top: 140px;
    z-index: 1
}

.paymentSplit:before {
    content: "";
    position: absolute;
    top: 23px;
    right: -40px;
    width: 100%;
    height: 100%;
    background: url(https://d60i6mpkbdpwe.cloudfront.net/assets/ninetyone/images/payment-split.png) no-repeat right top;
    -webkit-background-size: contain;
    background-size: contain;
    z-index: -1;
    pointer-events: none
}

.paymentSplit .content {
    padding-bottom: 40px
}

.paymentSplit .content h4 {
    font-size: 20px;
    color: #28ad00
}

.paymentSplit .content h5 {
    font-size: 14px;
    margin-top: 6px;
    max-width: 230px
}

.paymentSplit .content p {
    font-size: 12px;
    color: #616161;
    margin-top: 20px
}

.paymentSplit .fieldInput {
    height: 55px
}

.paymentSplit .fieldInput:placeholder-shown~.fieldLabel {
    top: 20px
}

.paymentSplit .btn {
    position: absolute;
    top: 3px;
    right: 3px;
    padding: 0;
    height: 49px;
    width: 120px;
    font-size: 16px;
    border-radius: 3px;
    -webkit-border-radius: 3px
}

.paymentSplit form {
    position: relative
}

.paymentSplit form #splitNumberApply {
    top: 82px
}

.paymentSplit form .timer {
    float: right;
    color: #28ad00;
    font-size: 14px;
    position: relative;
    bottom: 18px
}

@-webkit-keyframes heightToggle {
    0% {
        opacity: 0;
        height: 0
    }

    100% {
        opacity: 1;
        height: auto
    }
}

@-moz-keyframes heightToggle {
    0% {
        opacity: 0;
        height: 0
    }

    100% {
        opacity: 1;
        height: auto
    }
}

@-o-keyframes heightToggle {
    0% {
        opacity: 0;
        height: 0
    }

    100% {
        opacity: 1;
        height: auto
    }
}

@keyframes heightToggle {
    0% {
        opacity: 0;
        height: 0
    }

    100% {
        opacity: 1;
        height: auto
    }
}

.smileIcon {
    position: relative;
    width: 14px;
    height: 14px;
    border: 1px solid #959595;
    top: -1px
}

.smileIcon:after,
.smileIcon:before {
    content: "";
    background: #959595;
    width: 3px;
    height: 3px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    position: absolute;
    top: 3px
}

.smileIcon:before {
    left: 2px
}

.smileIcon:after {
    right: 2px
}

.smileIcon i {
    width: 8px;
    height: 10px;
    border-bottom: 1px solid #959595;
    border-radius: 100%;
    -webkit-border-radius: 100%;
    position: absolute;
    bottom: 2px;
    left: 2px
}

.watchIcon {
    position: relative;
    width: 18px;
    height: 18px;
    border: 2px solid #28ad00;
    border-radius: 50%;
    -webkit-border-radius: 50%
}

.watchIcon:after,
.watchIcon:before {
    content: "";
    background: #28ad00;
    position: absolute
}

.watchIcon:before {
    left: 50%;
    top: 2px;
    width: 2px;
    height: 6px;
    margin-left: -1px
}

.watchIcon:after {
    left: 50%;
    top: 50%;
    width: 5px;
    height: 2px;
    margin-left: -1px;
    transform: rotate(40deg);
    -webkit-transform: rotate(40deg);
    margin-top: 1px
}

.watchIcon i {
    width: 4px;
    height: 4px;
    background: #fff;
    position: absolute;
    top: 2px;
    right: -2px;
    border-radius: 50%;
    -webkit-border-radius: 50%
}

.dashStepFlow {
    position: relative;
    width: 100%;
    font-size: 12px;
    margin: 0 auto 15px;
    margin-bottom: 15px;
    padding: 0;
    border-radius: 30px;
    -webkit-border-radius: 30px
}

.dashStepFlow>* {
    padding: 5px 5px
}

.dashStepFlow .dashFlowIcon {
    width: 36px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    z-index: 1;
    font-size: 19px;
    border-radius: 50px;
    -webkit-border-radius: 50px;
    -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, .15);
    box-shadow: 1px 1px 3px rgba(0, 0, 0, .15)
}

.dashStepFlow .dashBtnHold {
    width: 46px
}

.dashStepFlow .flowTitle {
    text-align: left;
    font-size: 13px;
    padding-left: 44px;
    padding-left: 8px;
    line-height: 1.2
}

.dashStepFlow .dashFlowBtn {
    width: 100px
}

.dashStepFlow .dashFlowBtn .btn {
    width: 100%;
    height: 36px;
    font-size: 12px;
    cursor: pointer;
    border-radius: 30px;
    -webkit-border-radius: 30px;
    padding: 0 5px;
    text-align: center;
    border: 0;
    font-weight: 600;
    background: #00e572;
    background: -moz-linear-gradient(90deg, rgba(0, 229, 114, .2) 0, rgba(141, 198, 63, .2) 50%, rgba(254, 236, 0, .2) 100%);
    background: -webkit-linear-gradient(90deg, rgba(0, 229, 114, .2) 0, rgba(141, 198, 63, .2) 50%, rgba(254, 236, 0, .2) 100%);
    background: linear-gradient(90deg, rgba(0, 229, 114, .2) 0, rgba(141, 198, 63, .2) 50%, rgba(254, 236, 0, .2) 100%)
}

.dashStepFlow .dashBtnTag {
    left: 0;
    bottom: 0;
    position: relative
}

.dashStepFlow.btn {
    white-space: inherit;
    margin-bottom: 0;
    border-radius: 30px;
    -webkit-border-radius: 30px
}

.checkDashStep {
    background: rgba(252, 221, 78, .2)
}

.checkDashStep .dashFlowIcon {
    background: #fcdd4e;
    color: #221629
}

.standardDashStep {
    background: rgba(20, 115, 230, .1)
}

.standardDashStep .dashFlowIcon {
    background: #1473e6;
    color: #fff;
    font-size: 12px
}

.standardDashStep .icon-editfill {
    color: #1473e6
}

.standardDashStep .dashFlowBtn .btn {
    background: rgba(20, 115, 230, .2) !important
}

.withDashStep {
    background: #00e572;
    background: -moz-linear-gradient(90deg, rgba(0, 229, 114, .2) 0, rgba(141, 198, 63, .2) 50%, rgba(254, 236, 0, .2) 100%);
    background: -webkit-linear-gradient(90deg, rgba(0, 229, 114, .2) 0, rgba(141, 198, 63, .2) 50%, rgba(254, 236, 0, .2) 100%);
    background: linear-gradient(90deg, rgba(0, 229, 114, .2) 0, rgba(141, 198, 63, .2) 50%, rgba(254, 236, 0, .2) 100%)
}

.withDashStep .dashFlowIcon {
    font-size: 15px;
    background: #00e572;
    background: -webkit-linear-gradient(to bottom, #00e572 -10%, #feec00);
    background: linear-gradient(to bottom, #00e572 -10%, #feec00)
}

.preOrderDashStep {
    background: rgba(252, 221, 78, .2)
}

.preOrderDashStep .dashFlowIcon {
    background: #fcdd4e;
    color: #221629
}

.preOrderDashStep .iconPreOrder:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 20px;
    height: 12px;
    line-height: 36px;
    background: url(https://d60i6mpkbdpwe.cloudfront.net/assets/ninetyone/images/dash/iconPreOrder.svg) no-repeat;
    -webkit-background-size: contain;
    background-size: contain
}

#productPage .dashStepFlow,
.modalListingPopup .dashStepFlow {
    width: 90%;
    max-width: 450px;
    margin-bottom: 10px
}

#productPage .dashStepFlow p,
.modalListingPopup .dashStepFlow p {
    font-size: 12px;
    font-weight: 600
}

#modalDashIntro {
    color: #fff
}

#modalDashIntro:after {
    background: rgba(255, 255, 255, .9)
}

#modalDashIntro .modalMain {
    max-width: 320px;
    width: 100%;
    height: 438px;
    background: 0 0
}

.skipIntroBtn {
    border: 1px solid #707070;
    color: #fff;
    border-radius: 30px;
    -webkit-border-radius: 30px;
    padding: 0 20px;
    line-height: 34px;
    font-size: 12px;
    font-style: italic;
    min-width: 120px;
    position: absolute;
    top: -38px;
    right: 20px;
    z-index: 1;
    background: rgba(0, 0, 0, .2)
}

.skipIntroBtn .icon-arrow {
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    position: absolute;
    right: 10px;
    top: 11px;
    pointer-events: none
}

.arrowCurve {
    position: absolute;
    bottom: 28px;
    right: 130px;
    width: 80px;
    height: 66px;
    z-index: -1
}

.arrowCurve.green {
    background: url(https://d60i6mpkbdpwe.cloudfront.net/assets/ninetyone/images/dash/arrow-curve-green.png) no-repeat
}

.arrowCurve.blue {
    background: url(https://d60i6mpkbdpwe.cloudfront.net/assets/ninetyone/images/dash/arrow-curve-blue.png) no-repeat
}

#dashFlowSlider {
    max-width: 320px;
    height: 438px;
    z-index: 0;
    background-repeat: no-repeat;
    background-size: contain;
    margin-bottom: 0
}

#dashFlowSlider:before {
    content: "";
    position: absolute;
    top: -1px;
    left: -1px;
    bottom: -1px;
    right: -1px;
    background: rgba(0, 0, 0, .75);
    z-index: -1;
    -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, .5);
    box-shadow: 0 0 30px rgba(0, 0, 0, .5)
}

#dashFlowSlider .slick-list {
    overflow: visible
}

#dashFlowSlider .introScrn {
    height: 455px
}

#dashFlowSlider .introScrn.colorScrn .colorWidget {
    float: right;
    padding: 5px;
    margin-top: 65px
}

#dashFlowSlider .introScrn.colorScrn .colorWidget .colorBtn {
    margin: 0;
    width: 16px;
    height: 16px
}

#dashFlowSlider .introScrn.colorScrn .arrowCurve {
    bottom: 10px;
    right: 15px
}

#dashFlowSlider .introScrn.colorScrn .dashInfoColor .colorWidget {
    margin-right: 60px
}

#dashFlowSlider .introScrn.colorScrn .dashInfoColor .arrowCurve {
    right: 75px
}

#dashFlowSlider p {
    color: #fff;
    line-height: 1.2;
    font-size: 12px;
    font-weight: 600
}

#dashFlowSlider .btnHolder {
    width: 142px;
    border-radius: 0 0 12px;
    -webkit-border-radius: 0 0 12px;
    background: #fff;
    padding: 5px;
    float: right;
    margin-top: 45px
}

#dashFlowSlider .btn {
    width: 100%;
    height: 51px;
    border-radius: 0 0 12px;
    -webkit-border-radius: 0 0 12px;
    font-size: 12px;
    font-weight: 600
}

#dashFlowSlider .colorWidget {
    float: right;
    margin-top: 45px;
    float: right;
    padding: 5px
}

#dashFlowSlider img {
    display: inline-block;
    vertical-align: middle
}

#dashFlowSlider .introTitle {
    font-size: 18px;
    padding-bottom: 2px;
    font-weight: 600;
    color: #1473e6
}

#dashFlowSlider .dashInfoColor .introTitle {
    color: #28ad00
}

#dashFlowSlider .slick-dots {
    bottom: 4px;
    width: auto;
    left: 9px
}

#dashFlowSlider .slick-dots li {
    height: 14px;
    width: 14px
}

#dashFlowSlider .slick-dots li button:before {
    width: 8px;
    height: 8px;
    background-color: #28ad00
}

#dashFlowSlider .slick-dots li.slick-active button:before {
    width: 12px;
    height: 12px;
    background-color: transparent;
    border-color: #28ad00
}

#dashFlowSlider .top {
    position: absolute;
    top: 10px;
    right: 28px;
    width: 244px
}

#dashFlowSlider .top .arrowCurve.green {
    transform: rotate(265deg);
    right: 11px;
    top: 40px;
    bottom: auto
}

#dashFlowSlider .top .dashLogoWht {
    margin-top: 100px
}

#dashFlowSlider .top p {
    padding: 5px 0
}

#dashFlowSlider .dashIntroIcon {
    padding: 10px
}

#dashFlowSlider .dashIntroIcon .dashOnCard {
    position: relative;
    display: block;
    top: 0;
    right: 0
}

#dashFlowSlider .screenPinCode .pinecodeBtn {
    display: inline-block;
    vertical-align: middle;
    background: rgba(255, 255, 255, .3);
    padding: 10px 15px;
    color: #fff;
    border-radius: 21px;
    -webkit-border-radius: 21px;
    min-width: 90px;
    text-align: center
}

#dashFlowSlider .screenPinCode .icon-editfill {
    margin-left: 15px;
    font-size: 12px
}

#dashFlowSlider .btn.stepDoneBtn {
    width: 115px;
    height: 36px;
    color: #221629;
    border-radius: 18px;
    -webkit-border-radius: 18px;
    text-align: left;
    margin: 0 8px 10px 0;
    font-style: italic;
    font-size: 13px;
    font-weight: 400
}

#dashFlowSlider .btn.stepDoneBtn:before {
    display: none
}

#dashFlowSlider .btn.stepDoneBtn .icon-arrow {
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    position: absolute;
    right: 10px;
    top: 11px;
    pointer-events: none
}

.rocketGreenIcon {
    width: 22px;
    height: 6px;
    background: url(https://d60i6mpkbdpwe.cloudfront.net/assets/ninetyone/images/dash/rocket-green.svg) no-repeat
}

.btnBottom {
    height: 100%
}

.btnBottom.colorScrn .bottom {
    bottom: 80px;
    right: 12px
}

.btnBottom .bottom {
    position: absolute;
    right: 0;
    bottom: 12px;
    width: 264px
}

.btnBottom .bottom .dashLogoWht {
    margin-bottom: 8px
}

.btnBottom .bottom.dashInfoColor {
    bottom: 81px;
    right: -10px
}

@media only screen and (min-width:360px) {
    #modalDashIntro .modalMain {
        max-width: 343px;
        height: 469px
    }

    #dashFlowSlider {
        max-width: 343px;
        height: 469px
    }

    .btnBottom .bottom {
        right: -5px;
        bottom: -18px
    }

    .btnBottom.colorScrn .bottom {
        bottom: 56px;
        right: 13px
    }

    .btnBottom .bottom.dashInfoColor {
        bottom: 56px;
        right: -5px
    }
}

.playBtn:before {
    content: "\e935";
    font-family: icomoon;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    width: 55px;
    height: 55px;
    line-height: 55px;
    cursor: pointer;
    color: #28ad00;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -webkit-box-shadow: 0 0 25px 0 rgba(255, 255, 255, .4);
    box-shadow: 0 0 25px 0 rgba(255, 255, 255, .4);
    text-align: center;
    border: 2px solid #28ad00;
    font-size: 18px
}

.crSprite {
    background: url(https://d60i6mpkbdpwe.cloudfront.net/assets/ninetyone/images/cares/cares-sprite-v5.svg) no-repeat;
    display: inline-block;
    vertical-align: middle
}

.satiIcon {
    background-position: -225px -2px;
    width: 45px;
    height: 46px
}

.convIcon {
    background-position: -275px -2px;
    width: 46px;
    height: 48px
}

.supIcon {
    background-position: -423px -1px;
    width: 48px;
    height: 46px
}

.ownIcon {
    background-position: -376px -2px;
    width: 44px;
    height: 43px
}

.stepBook {
    background-position: -3px -80px;
    width: 62px;
    height: 62px
}

.stepAssemb {
    background-position: -72px -77px;
    width: 71px;
    height: 66px
}

.stepDelight {
    background-position: -149px -79px;
    width: 64px;
    height: 64px
}

.triangle {
    display: inline-block;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-radius: 4px;
    -webkit-border-radius: 4px
}

.triangle.up {
    border-bottom: 8px solid #6a6a6a
}

.triangle.down {
    border-top: 8px solid #6a6a6a
}

@media only screen and (min-width:1024px) {
    .triangle {
        border-left-width: 12px;
        border-right-width: 12px
    }

    .triangle.up {
        border-bottom-width: 12px
    }

    .triangle.down {
        border-top: 12px solid #6a6a6a
    }
}

.certificate {
    margin-bottom: 30px
}

.certificate .card {
    margin-bottom: 20px;
    padding: 20px 16px 30px;
    max-width: 100%
}

.certificate .appBox a {
    margin: 10px 3px 0
}

.certificate img {
    height: auto
}

.certificate .crtfBg {
    -webkit-background-size: contain !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    position: relative;
    min-height: 300px
}

.certificate .crtfBg>div {
    z-index: 1
}

.certificate .crtfBg .btn {
    width: 100%
}

.certificate .cdForm {
    padding: 0 6px;
    max-width: 220px;
    margin: 0 auto
}

.certificate .cdForm [class*=col-],
.certificate .cdForm [class^=col-] {
    padding: 0 6px
}

.certificate .fieldControl {
    margin-bottom: 20px
}

.certificate .fieldInput,
.certificate .fieldSelectControl select {
    color: #959595
}

.certificate #onlineBtn {
    border-radius: 3px;
    -webkit-border-radius: 3px;
    width: 120px;
    padding: 10px 16px
}

.certificate .btn-gray {
    background: #dadada;
    color: #000
}

.certificate .btn-gray.active,
.certificate .btn-gray:focus,
.certificate .btn-gray:hover {
    background: #28ad00;
    color: #fff
}

.certificate .btn {
    width: 120px;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    box-shadow: 0 0 10px rgba(0, 0, 0, .15)
}

.certificate .btn.disabled,
.certificate .btn[disabled] {
    opacity: 1
}

.certificate .btn.disabled:focus,
.certificate .btn.disabled:hover,
.certificate .btn[disabled]:focus,
.certificate .btn[disabled]:hover {
    color: #000;
    background: #dadada
}

.certificate .chipControl {
    height: auto;
    font-weight: 400;
    font-size: 12px;
    margin-right: 8px;
    padding: 6px 16px;
    width: calc(50% - 8px)
}

.certificate .chipControl:last-child {
    margin-right: 0
}

.certificate .chipControl .control__indicator {
    background: #fff;
    opacity: 1;
    visibility: visible;
    box-shadow: 0 0 10px rgba(0, 0, 0, .2);
    border: 1px solid rgba(0, 0, 0, .15)
}

.certificate input::-webkit-inner-spin-button,
.certificate input::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

.certificate input[type=number] {
    -moz-appearance: textfield
}

.certificate .wyndLogo {
    margin-bottom: 10px
}

.certificate .wyndLogo img {
    max-width: 100px
}

.certificate .wyndText {
    margin-bottom: 32px
}

.certificate .wyndScreen {
    margin-bottom: 24px;
    max-width: 200px
}

#registerBikePage .certificate h2 {
    font-size: 18px;
    margin: 0 0 20px;
    padding-top: 6px
}

#registerBikePage .downLoadWrap {
    margin-top: 20px
}

@media only screen and (max-width:330px) {
    .certificate .card {
        width: 100%
    }

    .certificate .fieldInput {
        font-size: 12px
    }

    .certificate .fieldLabel {
        left: 8px
    }

    .certificate .fieldInput:-ms-input-placeholder~.fieldLabel {
        font-size: 12px
    }

    .certificate .fieldInput:placeholder-shown~.fieldLabel {
        font-size: 12px
    }

    .certificate .fieldInput:focus~.fieldLabel {
        color: #28ad00;
        font-size: 12px
    }
}

@media only screen and (min-width:340px) {
    .certificate .cdForm {
        max-width: 230px
    }
}

@media only screen and (min-width:768px) {
    .certificate {
        width: 100%;
        margin-bottom: 70px
    }

    .certificate>* {
        display: inline-block;
        vertical-align: top;
        height: 100%;
        width: calc(50% - 30px);
        margin-left: 35px
    }

    .certificate>:first-child {
        margin-left: 0
    }

    .certificate .card {
        min-height: 330px
    }

    .certificate .wyndLogo img {
        max-width: 100px
    }

    .certificate .wyndText {
        margin-bottom: 20px
    }

    .certificate .wyndScreen {
        max-width: 130px;
        margin-bottom: 10px
    }
}

@media only screen and (min-width:1024px) {
    .certificate .card {
        min-height: 515px;
        padding: 30px
    }

    .certificate .btn {
        width: 150px;
        font-size: 16px;
        padding: 14px 16px
    }

    .certificate .fieldControl {
        margin-bottom: 35px
    }

    .certificate h2 img {
        width: 30px;
        height: 30px;
        margin-right: 5px
    }

    .certificate .gndrTitle {
        margin: 0 0 10px;
        font-size: 18px
    }

    .certificate .chipControl {
        font-size: 16px
    }

    .certificate .appBox a {
        margin: 16px 10px 0
    }

    .certificate .appBox a img {
        width: 140px
    }

    .certificate .wyndLogo img {
        max-width: 200px
    }

    .certificate .wyndText {
        margin-bottom: 30px
    }

    .certificate .wyndScreen {
        max-width: 260px;
        width: 100%;
        margin-bottom: 20px
    }

    #registerBikePage .certificate h2 {
        font-size: 26px;
        margin: 0 0 35px
    }

    #registerBikePage .downLoadWrap {
        margin-top: 40px
    }
}

.cardTag {
    position: absolute;
    top: -12px;
    left: -1px;
    color: #fff;
    z-index: 0;
    text-align: left
}

.cardTag .tagTitle {
    font-size: 12px;
    padding-bottom: 2px
}

.cardTag p {
    color: #fff;
    font-size: 12px;
    line-height: 1
}

.cardTag .cardTagBack {
    position: absolute;
    top: 0;
    left: -6px;
    width: 20px;
    transform: skewY(29deg);
    border-radius: 30px 10px 8px 10px;
    bottom: -9px;
    background: #e71f26;
    z-index: -1
}

.cardTag .cardTagBack:before {
    content: "";
    position: absolute;
    top: 4px;
    bottom: -2px;
    left: 6px;
    width: 20px;
    background: #fff;
    z-index: 0
}

.cardTag .cardTagCont {
    position: relative;
    z-index: 3;
    background: #e71f26;
    padding: 4px 10px;
    min-height: 30px;
    line-height: 1;
    border-radius: 3px 0 0 0
}

.cardTag .cardTagCont:before {
    content: "";
    position: absolute;
    z-index: -2;
    top: 0;
    right: -18px;
    width: 50px;
    height: 100%;
    transform: skewX(34deg);
    -webkit-transform: skewX(34deg);
    -mox-transform: skewX(34deg);
    border-radius: 0 8px 0 0;
    -webkit-border-radius: 0 8px 0 0;
    background: #e71f26
}

.cardTag .cardTagText {
    position: absolute;
    left: calc(100% + 3px);
    font-size: 12px;
    color: #221629;
    white-space: nowrap;
    line-height: 1.2;
    top: 0;
    font-weight: 600;
    background: #ffdc00;
    padding: 3px 5px 3px 18px;
    border-radius: 0 5px 0 0;
    text-transform: capitalize
}

.pdLatest .cutPrice,
.prodNewPage .cutPrice {
    font-size: 12px;
    text-decoration: line-through;
    color: #616161;
    font-weight: 400;
    display: block
}

.pdLatest .fbtCard .cardPrice,
.prodNewPage .fbtCard .cardPrice {
    display: block
}

.pdLatest .cutPrice {
    font-size: 16px
}

.pdLatest #userReviewCard {
    margin-left: -16px;
    margin-right: -16px;
    padding-left: 16px;
    padding-right: 16px
}

.pdLatest #userReviewCard .pdCard {
    margin-bottom: 0
}

.pdLatest #userReviewCard .cardProduct {
    margin-left: 0;
    margin-right: 0
}

.pdLatest #userReviewCard .accessoriesReviews {
    margin-top: 0
}

.pdLatest .pdRatingHold {
    justify-content: space-between;
    min-width: 100%;
    align-items: baseline;
    padding-bottom: 20px
}

.pdLatest .pdRatingHold .cadTopSpec {
    margin-bottom: 0
}

.pdLatest .pdRatingHold .icon-star-fill {
    color: #ffa236
}

.pdLatest .pdRatingHold .norev {
    width: auto;
    font-size: 13px
}

.pdLatest .pdRatingHold .rating {
    padding: 0
}

.pdLatest .secure-transaction {
    margin-bottom: 20px;
    top: -8px
}

.pdLatest #recentVisitOuter .recentlyViewCard .card {
    width: 100%
}

.pdLatest .noCostEmiWrap .noCostEmi li b {
    font-size: 14px
}

.pdLatest .stickyRemove {
    width: 100%;
    height: 20px
}

.pdLatest .noReviews h3 {
    font-size: 12px
}

.pdLatest .newArrivalSlider .card .cadTopSpec li,
.pdLatest .newArrivalSlider .card .cardSpec .specName {
    font-size: 12px
}

.pdLatest .newArrivalSlider .card .priceHolder .text {
    font-size: 12px;
    font-weight: 400;
    padding-right: 4px
}

.pdLatest .prodSticky .price {
    font-size: 12px
}

.pdLatest .colorWidget .attrBtn {
    min-width: 4px
}

.pdLatest .iconKTMwrap .iconHolder {
    color: #ef5713 !important
}

.pdNewInfo {
    color: #656565;
    padding: 16px 0 8px
}

.pdNewInfo .prodTitle {
    font-size: 16px;
    line-height: 1.3;
    margin-bottom: 20px;
    color: #656565
}

.pdNewInfo .prodInfoList li {
    padding-left: 18px;
    position: relative;
    margin-bottom: 12px;
    line-height: 1.2
}

.pdNewInfo .prodInfoList li:last-child {
    margin-bottom: 0
}

.pdNewInfo .prodInfoList li:before {
    content: "";
    position: absolute;
    left: 0;
    top: 3px;
    width: 8px;
    height: 8px;
    background: #959595;
    border-radius: 50%
}

.pdNewInfo .modelTag,
.pdNewInfo .modelTagBody {
    top: -2px;
    right: auto;
    left: 50%;
    transform: rotate(0) translate(-50%, 0);
    -webkit-transform: rotate(0) translate(-50%, 0)
}

.pdNewInfo .modelTag span,
.pdNewInfo .modelTagBody span {
    transform: skew(0);
    -webkit-transform: skew(0);
    -o-transform: skew(0);
    border-radius: 0 0 5px 5px;
    -webkit-border-radius: 0 0 5px 5px
}

.prodMainPanel .btnVid {
    right: 115px;
    padding: 5px 15px 5px
}

.prodMainPanel .btnVid.right-0 {
    right: 10px
}

.prodMainPanel .pricWidgetSpc {
    margin: 0 -16px
}

.prodMainPanel .pricWidgetSpc .priceWidget {
    -webkit-box-shadow: 0 -8px 14px rgba(0, 0, 0, .15) !important;
    box-shadow: 0 -8px 14px rgba(0, 0, 0, .15) !important;
    border-radius: 6px 6px 0 0;
    -webkit-border-radius: 6px 6px 0 0
}

.prodMainPanel .pricWidgetSpc .noteStrip {
    right: 8px
}

.prodMainPanel .pricWidgetSpc .thanksText {
    margin-top: 6px
}

.prodMainPanel .pricWidgetSpc .soldOutWidget .price {
    padding: 0
}

.prodMainPanel .colorWidget {
    padding-left: 0;
    padding: 0 0 23px
}

.pdNwBody .slick-dots li button:before {
    background: #c4ced5;
    border-color: #c4ced5
}

@media only screen and (max-width:340px) {
    #productPage .prodMainPanel .priceWidget .price {
        padding: 0 10px 0 0
    }
}

.prodNav {
    background: #f5f5f5;
    border-radius: 20px;
    overflow: visible;
    display: inline-block;
    vertical-align: middle;
    margin: 0 0 20px;
    font-size: 12px;
    line-height: 1.1
}

.prodNav li {
    padding: 6px 7px;
    line-height: 20px;
    border-radius: 20px;
    border: 1px solid transparent;
    font-weight: 600;
    cursor: pointer
}

.prodNav li.active {
    background: #fff;
    border-color: #dfdfdf
}

.prodNav li.active.animation {
    animation: pulse 2s
}

.prodNav .icon-view-360 {
    font-size: 22px;
    vertical-align: middle
}

.prodNav .icon-ar-scan {
    font-weight: 600;
    vertical-align: -2px
}

.pdRd {
    border-radius: 5px !important;
    -webkit-border-radius: 5px !important
}

.pdSw {
    -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, .16) !important;
    box-shadow: 0 0 3px rgba(0, 0, 0, .16) !important
}

.pdCard {
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, .16);
    box-shadow: 0 0 3px rgba(0, 0, 0, .16);
    padding: 10px 15px;
    margin-bottom: 20px
}

.pdCard .colorWidget {
    color: #000;
    font-size: 14px;
    padding-bottom: 0
}

.pdCard .colorWidget .attrBtn {
    border: 0;
    padding: 4px 8px;
    font-size: 12px;
    line-height: 20px;
    font-weight: 400;
    height: auto;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    background: #f7f7f7
}

.pdCard .colorWidget .attrBtn.active,
.pdCard .colorWidget .attrBtn:hover {
    background: #f0f4f7;
    color: #28ad00;
    font-weight: 700
}

.pdCard .colorWidget .attrBtn:after {
    display: none
}

.pdCard .colorWidget .colorTitle {
    min-width: 50px;
    display: inline-block;
    margin-right: 4px
}

.pdCard .colorWidget .beforeslectError {
    bottom: -10px;
    left: 62px
}

.pdCard .colorBtn.active:after {
    display: none
}

.pdCard .priceWidget .price {
    padding-left: 0;
    font-size: 12px
}

.pdCard .priceWidget .btn {
    border-radius: 5px;
    -webkit-border-radius: 5px
}

.pdCard .coupon-offers-wrap {
    z-index: 1
}

.pdCard .coupon-offers {
    padding: 0 100px 0 0
}

.pdCard .coupon-offers h3 {
    color: #000;
    font-weight: 600
}

.pdCard .coupon-offers p {
    line-height: 1.1
}

.pdCard .coupon-offers .offer-details {
    margin-bottom: 12px
}

.pdCard .coupon-offers .coupon-details {
    background: #f5f5f5;
    display: inline-flex;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, .16);
    box-shadow: 0 3px 6px rgba(0, 0, 0, .16);
    flex-flow: row;
    padding: 0;
    align-items: stretch
}

.pdCard .coupon-offers .coupon-details span {
    padding: 6px 8px;
    min-width: 80px;
    text-align: center;
    font-weight: 600;
    display: flex;
    justify-items: center;
    align-items: center;
    border-radius: 5px;
    -webkit-border-radius: 5px
}

.pdCard .coupon-offers .coupon-details .codeName {
    color: #28ad00
}

.pdCard .coupon-offers .coupon-details .copyText {
    background: #fff;
    color: #000;
    z-index: 1
}

.pdCard .coupon-offers .coupon-details .copySuccess {
    right: -80px
}

.pdCard .coupon-offers .coupon-details .copySuccess:after {
    right: auto;
    left: -17px;
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
    border-radius: 0;
    border-right: 8px solid #28ad00;
    margin-top: -8px;
    border-left: 8px solid transparent
}

.pdCard .coupon-offers .iconCopy,
.pdCard .coupon-offers .iconCopy:before {
    border: 1px solid #000;
    width: 12px;
    height: 12px;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    background: #fff
}

.pdCard .coupon-offers .iconCopy {
    position: relative;
    width: 12px;
    height: 12px;
    -webkit-box-shadow: 0 0 0 1px #fff;
    box-shadow: 0 0 0 1px #fff;
    margin: 3px 5px 0
}

.pdCard .coupon-offers .iconCopy:before {
    content: "";
    position: absolute;
    top: -5px;
    left: -5px;
    z-index: -1;
    width: 10px;
    height: 10px
}

.pdCard .exitingBg,
.pdCard .exitingImg {
    position: absolute;
    right: 0;
    bottom: -13px;
    z-index: 0;
    height: auto
}

.pdCard .exitingImg {
    width: 200px;
    right: -36px
}

.pdCard .exitingBg {
    width: 100%;
    bottom: -12px;
    opacity: .5
}

.pdCard .checkPincode .fieldInput {
    border-radius: 5px;
    -webkit-border-radius: 5px
}

.pdCard .checkPincode img {
    vertical-align: -2px;
    margin-right: 4px
}

.pdCard .sale-timer-wrap {
    justify-content: space-between;
    align-items: center;
    margin-top: 6px;
    column-gap: 20px
}

.pdCard .sale-timer-wrap .coupon-timer {
    width: 100%;
    padding: 13px 10px
}

.pdCard .sale-timer-wrap .snap_emi_txt {
    margin: 0
}

.pdTabNav {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    background: #f5f5f5;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    font-size: 14px;
    line-height: 1;
    overflow: hidden
}

.pdTabNav li {
    min-width: 110px;
    padding: 11px 15px
}

.pdTabNav li.active {
    background: #fff;
    color: #28ad00
}

.pdTabCont h2 {
    margin-top: 20px
}

.pdCardTitle,
h3.pdCardTitle {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 8px;
    position: relative;
    z-index: 1
}

.emiOption .pdCardTitle {
    margin-bottom: 4px
}

.prdColPanel .priceWidget {
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    padding: 0
}

.prdColPanel .payWidget {
    margin-bottom: 0
}

.prdColPanel .snap_emi_txt {
    max-width: 480px !important;
    margin-bottom: 0
}

.pdNavWrap {
    justify-content: space-between;
    margin-bottom: 8px;
    position: relative;
    z-index: 3
}

.pdNavWrap .prodNav {
    border-radius: 4px;
    -webkit-border-radius: 4px;
    align-items: stretch;
    display: flex;
    margin-bottom: 0;
    min-height: 28px
}

.pdNavWrap .prodNav:first-child {
    background: #f5f5f5
}

.pdNavWrap .prodNav:last-child {
    column-gap: 8px
}

.pdNavWrap .prodNav:last-child li {
    background: #f5f5f5
}

.pdNavWrap .prodNav li {
    border-radius: 5px;
    -webkit-border-radius: 5px;
    border: 0;
    padding: 0 9px;
    line-height: 28px
}

.pdNavWrap .prodNavR {
    background: 0 0
}

.pdNavWrap .prodNavR li {
    padding: 0
}

.pdNavWrap .prodNavR a {
    padding: 0 9px
}

.pdNavWrap li {
    align-items: center;
    display: flex
}

.pdNavWrap .share {
    position: relative
}

.pdNavWrap .share .icon-share {
    width: 28px;
    height: 28px;
    line-height: 28px
}

.pdNavWrap .sharePopup {
    top: 36px;
    right: 0
}

.pdNavWrap .sharePopup a {
    padding: 0 !important
}

.btnVid {
    border: 1px solid #e60049;
    padding: 2px 10px 2px;
    border-radius: 20px;
    font-size: 13px;
    line-height: 24px;
    font-weight: 400;
    color: #e60049;
    font-style: italic;
    cursor: pointer
}

.btnVid .icon-play {
    color: #e60049;
    vertical-align: -2px;
    margin-right: 5px
}

.prodRatingStrip {
    position: absolute;
    top: 0;
    right: 0;
    background: #f5f5f5;
    border-radius: 20px;
    font-size: 12px;
    line-height: 18px;
    width: auto;
    color: #221629;
    padding: 3px 8px 4px;
    border: 1px solid #28ad00
}

.prodRatingStrip:before {
    content: '';
    position: absolute;
    background: #777;
    height: 1px;
    bottom: 5px;
    right: 7px;
    left: 25px
}

.prodRatingStrip>* {
    display: inline-block;
    vertical-align: middle
}

.prodRatingStrip .icon-star-fill {
    vertical-align: -1px;
    color: #ffa236
}

.prodRatingStrip .prodReviewCont {
    font-size: 12px;
    padding-left: 2px
}

.prodNameHeader h1 {
    font-size: 14px;
    line-height: 1.2;
    margin: 0 40px 15px 0;
    font-weight: 700
}

.prodNameHeader .cadTopSpec {
    margin: 0 0 20px
}

.prodNameHeader .cadTopSpec li {
    font-size: 13px;
    margin-left: 8px
}

.prodNameHeader .cadTopSpec i {
    font-size: 13px
}

.prodNameHeader .cadTopSpec span {
    letter-spacing: normal;
    padding: 2px 0 0 5px
}

.prodLeftMain .slick-next {
    right: 0
}

.prodLeftMain .slick-prev {
    left: 0
}

.prodLeftMain .slick-next,
.prodLeftMain .slick-prev {
    background: rgba(40, 173, 0, .6) !important
}

.prodLeftMain .slick-next:before,
.prodLeftMain .slick-prev:before {
    border-color: #fff
}

.prodLeftMain .slick-next:hover,
.prodLeftMain .slick-prev:hover {
    background: #28ad00 !important
}

.prodLeftMain .slick-next.slick-disabled,
.prodLeftMain .slick-prev.slick-disabled {
    opacity: 0;
    visibility: hidden
}

.kybSliderNav .slick-next,
.kybSliderNav .slick-prev {
    background: 0 0 !important;
    -webkit-box-shadow: none;
    box-shadow: none;
    width: 30px;
    top: 25px
}

.kybSliderNav .slick-next:before,
.kybSliderNav .slick-prev:before {
    border-color: #28ad00
}

.kybSliderNav .slick-next:hover,
.kybSliderNav .slick-prev:hover {
    background: 0 0 !important
}

.kybSliderNav .slick-next:after,
.kybSliderNav .slick-prev:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: -1
}

.kybSliderNav .slick-arrow i {
    position: absolute;
    top: -10px;
    bottom: -35px;
    right: -16px;
    left: -16px;
    z-index: -1;
    pointer-events: none
}

.kybSliderNav .slick-next {
    right: -16px
}

.kybSliderNav .slick-next i {
    background: -moz-linear-gradient(90deg, rgba(255, 255, 255, 0) 0, #fcfcfc 50%);
    background: -webkit-linear-gradient(90deg, rgba(255, 255, 255, 0) 0, #fcfcfc 50%);
    background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0, #fcfcfc 50%)
}

.kybSliderNav .slick-prev {
    left: -16px
}

.kybSliderNav .slick-prev i {
    background: -moz-linear-gradient(90deg, #fff 50%, rgba(252, 252, 252, 0) 100%);
    background: -webkit-linear-gradient(90deg, #fff 50%, rgba(252, 252, 252, 0) 100%);
    background: linear-gradient(90deg, #fff 50%, rgba(252, 252, 252, 0) 100%)
}

.prodBody {
    margin: 0 -16px 20px;
    position: relative;
    min-height: 213px
}

.prodBody.pdNwBody {
    margin-bottom: 33px
}

.prodBody.pdNwBody .pItem {
    border-top: 0
}

.prodBody.pdNwBody .modelTagBody {
    top: 80%
}

.prodBody.pdNwBody .modelTagBody div span {
    transform: skew(0);
    -webkit-transform: skew(0);
    -o-transform: skew(0);
    border-radius: 0 0 5px 5px
}

.prodBody.pdNwBody img {
    width: auto;
    max-height: 250px
}

.prodBody .modelTag {
    z-index: 60
}

.prodBody .modelTagBody {
    top: 60%;
    z-index: 1
}

.prodBody .loaderOverlay {
    position: absolute
}

.prodBody img {
    width: 100%
}

.prodBody .pItem {
    position: relative;
    border-top: 1px solid #e7e7e7
}

.prodBody .prodTotal {
    background: rgba(0, 0, 0, .6);
    color: #fff;
    font-size: 14px;
    line-height: 25px;
    position: absolute;
    bottom: 7px;
    right: 7px;
    padding: 5px 14px;
    border-radius: 8px
}

.prodBody .prdAllBtnTrigger {
    position: absolute;
    top: 50%;
    right: 0;
    margin-top: -20px;
    width: 40px;
    height: 40px;
    background: #28ad00;
    color: #fff;
    box-shadow: 0 0 14px 0 rgba(0, 0, 0, .2);
    text-align: center;
    padding: 9px 0;
    line-height: 1;
    cursor: pointer;
    z-index: 55
}

.prodBody .prdAllBtnTrigger .icon-arrow {
    display: block
}

.prodBody .prodCaption {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 16px 65px 16px 16px;
    background: -moz-linear-gradient(0deg, rgba(0, 0, 0, .8) 37%, rgba(18, 22, 22, 0) 100%);
    background: -webkit-linear-gradient(0deg, rgba(0, 0, 0, .8) 37%, rgba(18, 22, 22, 0) 100%);
    background: linear-gradient(0deg, rgba(0, 0, 0, .8) 37%, rgba(18, 22, 22, 0) 100%);
    white-space: normal
}

.prodBody .slick-dots {
    bottom: -20px
}

.prodBody .slick-dots li.slick-active button:before {
    background: #28ad00
}

.prodBody .slick-slide.slick-loading img {
    display: none
}

.prodBody .slick-initialized .slick-slide {
    display: block;
    opacity: 1
}

.prodBody .thumb-slide.slick-current .pdRd {
    border-color: #28ad00
}

.prodBody .playIconDot {
    position: relative;
    color: #28ad00
}

.prodBody .playIconDot:before {
    font-size: 12px
}

.prodBody .iconQRcode {
    position: absolute;
    bottom: -12px;
    right: 20px;
    padding: 10px;
    z-index: 5
}

.prodBody .iconQRcode i {
    font-size: 16px;
    display: inline-block;
    animation: iconQR 3s infinite
}

.prodBody .arBox {
    max-width: 100%;
    max-height: 100%;
    border: 0
}

.prodBody .scanQRcode .btn {
    max-width: 140px
}

.prod-360-video {
    min-height: 213px
}

.prod-360-video video {
    max-width: 100%
}

.pro-ar {
    min-height: 213px
}

.prodMain {
    min-height: 213px
}

.prodMain img {
    height: auto
}

.prodMain .slick-slide {
    opacity: .8
}

.prodMain .slick-current {
    opacity: 1
}

.prodMain .slick-track {
    transition: all 1.2s cubic-bezier(.4, 0, .5, 1) !important
}

#prodRideSlider img {
    width: auto;
    max-height: 213px
}

.prodCaption .proCapTitle,
.prodCaption p {
    color: #fff;
    line-height: 1.4
}

.prodCaption p {
    font-size: 12px
}

.prodCaption .proCapTitle {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 5px
}

.prodSpecNav::-webkit-scrollbar {
    display: none
}

.prodSpecNav {
    -ms-overflow-style: none;
    scrollbar-width: none;
    margin: 0 -16px 15px -16px;
    padding: 5px 16px
}

.prodSpecNav .itemName {
    text-align: center;
    cursor: pointer
}

.prodSpecNav .itemName.active .prodIcon {
    background: #fff;
    box-shadow: 0 3px 6px rgba(0, 0, 0, .16);
    color: #28ad00
}

.prodSpecNav .prodAllSpecBtn {
    font-size: 12px;
    line-height: 1.1;
    background: #f5f5f5;
    border-radius: 50%;
    color: #aeaeae
}

.prodSpecNav .prodIcon {
    width: 50px;
    height: 50px;
    font-size: 28px;
    line-height: 50px;
    display: inline-block;
    vertical-align: middle;
    background: #f5f5f5;
    border-radius: 50%;
    color: #aeaeae
}

.prodSpecNav .prodIcon.icon-category {
    font-size: 22px
}

.prodSpecNav .wyndIcon {
    display: flex !important;
    justify-content: center;
    align-items: center
}

.prodSpecNav .wyndIcon img {
    width: 36px;
    height: 36px
}

.prodSpecNav .itemTitle {
    margin-top: 8px;
    font-size: 12px
}

.prodSpecNav .prodAllSpecBtn .prodIcon {
    font-size: 12px;
    line-height: 1.2;
    padding: 12px 0
}

.clanItemMain {
    margin-top: 20px
}

.clanItemMain .clainItem>* {
    padding: 5px !important;
    position: relative
}

.clanItemMain img {
    width: 100%;
    height: auto;
    border: 0;
    display: block;
    border-radius: 4px;
    -webkit-border-radius: 4px
}

#prodSlider [data-lazy] {
    min-height: 213px
}

@media only screen and (min-width:360px) {
    .prodNav {
        font-size: 12px
    }

    .prodNav li {
        padding: 6px 11px;
        line-height: 26px
    }

    #prodSlider [data-lazy] {
        min-height: 240px
    }

    .prodBody {
        min-height: 220px
    }

    .pro-ar,
    .prod-360-video {
        min-height: 220px
    }

    .prodNameHeader .sizeFlipBody {
        width: 103px
    }

    #productPage #prodRideSlider img {
        max-height: 240px
    }
}

@media only screen and (min-width:375px) {
    #productPage #prodRideSlider img {
        max-height: 250px
    }

    #prodSlider [data-lazy] {
        min-height: 250px
    }
}

@media only screen and (min-width:390px) {
    #productPage #prodRideSlider img {
        max-height: 264px
    }
}

@media only screen and (min-width:412px) {
    .prodNav li {
        padding: 6px 16px
    }

    .prodBody {
        min-height: 240px
    }

    .pro-ar,
    .prod-360-video {
        min-height: 240px
    }

    #productPage #prodRideSlider img {
        max-height: 276px
    }

    #prodSlider [data-lazy] {
        min-height: 276px
    }
}

@media only screen and (min-width:520px) {
    #productPage #prodRideSlider img {
        max-height: 362px
    }
}

@media only screen and (min-width:768px) {
    #productPage #prodRideSlider img {
        max-height: 512px
    }
}

@media only screen and (min-width:820px) {
    #productPage #prodRideSlider img {
        max-height: 600px
    }
}

@keyframes pulse {
    0% {
        box-shadow: 0 0 0 0 rgba(0, 0, 0, .2)
    }

    100% {
        box-shadow: 0 0 0 8px transparent
    }
}

@keyframes iconQR {
    0% {
        transform: scale(1)
    }

    30% {
        transform: scale(1.2)
    }

    30% {
        transform: scale(1.4)
    }

    100% {
        transform: scale(1)
    }
}

@media only screen and (min-width:1024px) {
    .pdRightSide .cadTopSpec li {
        margin-left: 12px
    }

    .pdLatest .colorWidget .attrBtn {
        padding: 0
    }

    .prodNameHeader .cadTopSpec li {
        margin-left: 12px
    }
}

.kybBody .prodSpecNav {
    margin: 30px 0 15px 0;
    padding: 0;
    height: auto
}

.kybBody .kybImg {
    height: auto;
    width: 100%
}

.kybBody .kybTitle {
    font-weight: 600;
    color: #fff;
    font-size: 16px;
    margin-bottom: 8px
}

.kybBody .kybItemNav {
    opacity: 1;
    margin-right: 12px;
    text-align: center
}

.kybBody .kybItem {
    position: relative;
    border: 1px solid #e7e7e7;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    overflow: hidden
}

.kybBody .slick-next.slick-disabled,
.kybBody .slick-prev.slick-disabled {
    opacity: 0;
    visibility: hidden
}

.kybSliderNav .slick-list {
    overflow: visible
}

.kybSliderNav .is-active .prodIcon {
    background: #fff;
    box-shadow: 0 3px 6px rgba(0, 0, 0, .16);
    color: #28ad00
}

.kybSlider {
    margin-bottom: 20px
}

.kybSlider>div:nth-child(1n+2) {
    display: none
}

.kybSlider.slick-initialized>div:nth-child(1n+2) {
    display: block
}

.kybSlider [data-lazy] {
    min-height: 190px
}

.kybContent {
    width: 100%;
    background: #000;
    padding: 15px
}

.kybContent p {
    color: #fff;
    font-size: 12px;
    line-height: 1.4
}

.kybWynd {
    text-align: left;
    border: 0 !important
}

.kybWynd .itemList {
    padding-top: 8px;
    padding-bottom: 20px;
    display: inline-flex;
    flex-wrap: wrap
}

.kybWynd li {
    display: flex;
    align-items: center;
    margin-top: 12px;
    font-size: 14px;
    width: 50%;
    padding-right: 8px;
    line-height: 1.1
}

.kybWynd .imgHold {
    min-width: 32px;
    max-width: 32px
}

.kybWynd .imgHold img {
    margin: 0;
    width: 22px
}

.kybWynd .wyndApp {
    padding-top: 20px
}

.kybWynd .wyndImg {
    border-radius: 8px
}

@media only screen and (min-width:360px) {
    .kybSlider [data-lazy] {
        min-height: 217px
    }
}

@media only screen and (min-width:375px) {
    .kybSlider [data-lazy] {
        min-height: 227px
    }
}

@media only screen and (min-width:414px) {
    .kybSlider [data-lazy] {
        min-height: 253px
    }
}

.bikeSizeSec #tab4 {
    max-width: 1000px;
    margin: 0 auto
}

.bikeSizeSec .tab-head {
    border-bottom: 0
}

.bikeSizeSec .tab-head>li {
    border: 0;
    background: rgba(0, 0, 0, .5);
    line-height: 1;
    padding: 10px;
    margin: 0 5px;
    min-width: 38px;
    color: #fff;
    border-radius: 4px
}

.bikeSizeSec .tab-head>li.active {
    background: #28ad00;
    color: #fff;
    font-size: 14px;
    font-weight: 400
}

.bikeSizeSec .tableWrap span,
.bikeSizeSec .tableWrap strong {
    display: inline-block;
    vertical-align: middle
}

.bikeSizeSec .tableWrap strong {
    width: calc(100% - 31px)
}

@media only screen and (min-width:1024px) {
    .bikeSizeSec .tab-head>li {
        padding: 8px;
        min-width: 45px
    }

    .bikeSizeSec .tab-head>li.active {
        font-size: 16px
    }

    .bikeSizeSec .tableWrap td,
    .bikeSizeSec .tableWrap th {
        font-size: 16px;
        line-height: 24px;
        padding: 13px 20px
    }

    .bikeSizeSec .tableWrap .toolTag {
        width: 24px;
        height: 24px
    }

    .bikeSizeSec .tableWrap strong {
        width: calc(100% - 36px)
    }
}

.tableWrap {
    width: 100%;
    text-align: left
}

.tableWrap.tBorder td,
.tableWrap.tBorder th {
    border: 1px solid #ddd
}

.tableWrap.tGray tr:nth-child(odd) td,
.tableWrap.tGray tr:nth-child(odd) th {
    background: #f5f5f5
}

.tableWrap td,
.tableWrap th {
    font-size: 12px;
    line-height: 20px;
    padding: 10px
}

.tableWrap td:first-child,
.tableWrap th:first-child {
    width: 60%
}

.tableWrap th {
    text-transform: uppercase;
    font-weight: 600
}

.tableWrap th strong {
    display: inline-block;
    vertical-align: middle
}

.tableWrap .toolTag {
    background: #000;
    color: #fff;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    text-align: center;
    margin-right: 8px;
    font-weight: 400
}

.vorBnrWrap {
    position: relative
}

.vorBnrWrap:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    -webkit-background: linear-gradient(0deg, #2a2a2a 0, rgba(42, 42, 42, .6) 51.57%, rgba(42, 42, 42, 0) 100%);
    -moz-background: linear-gradient(0deg, #2a2a2a 0, rgba(42, 42, 42, .6) 51.57%, rgba(42, 42, 42, 0) 100%);
    background: linear-gradient(0deg, #2a2a2a 0, rgba(42, 42, 42, .6) 51.57%, rgba(42, 42, 42, 0) 100%);
    width: 100%;
    height: 60%
}

.vorBnrWrap .vorBnrCont {
    position: absolute;
    left: 110px;
    right: 0;
    bottom: 12px;
    z-index: 2
}

.vorBnrWrap h1 {
    font-size: 16px;
    color: #fff;
    font-weight: 700;
    font-style: italic
}

.userProfile {
    position: relative;
    width: 74px;
    height: 74px;
    margin: -37px auto 0;
    border: 3px solid #fff
}

.userProfile .imgB {
    border-radius: 50%;
    -webkit-border-radius: 50%;
    min-width: 100%;
    min-height: 100%
}

.userInfoCard {
    border-radius: 5px;
    -webkit-border-radius: 5px;
    padding-bottom: 16px;
    z-index: 6
}

.userInfoCard .userProfile {
    position: absolute;
    left: 0;
    top: -50px;
    overflow: hidden;
    left: 16px;
    width: 100px;
    height: 100px;
    margin: 0
}

.userInfoCard .userInfo {
    padding: 10px 16px 10px 110px
}

.userInfoCard .userName {
    font-size: 16px;
    font-weight: 600
}

.userInfoCard .city {
    font-size: 12px;
    font-weight: 600;
    font-style: italic
}

.userInfoCard .verifiedTag {
    margin-top: 7px;
    font-size: 12px;
    font-weight: 600;
    font-style: italic
}

.userInfoCard .verifyIcon {
    width: 16px;
    height: 16px;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    margin-right: 3px
}

.userInfoCard .sharePopup {
    top: 51px;
    right: 7px
}

.userInfoCard .prodInfo {
    padding: 13px 10px;
    font-size: 12px
}

.userInfoCard .prodInfo>* {
    vertical-align: top;
    width: 27.5%;
    padding-left: 8px
}

.userInfoCard .prodInfo>:first-child {
    padding-left: 0
}

.userInfoCard .prodItem {
    width: calc(100% - 55px)
}

.userInfoCard .title {
    font-size: 12px;
    margin-bottom: 3px;
    text-transform: uppercase
}

.userInfoCard .itemName {
    font-style: italic;
    font-weight: 600;
    font-size: 12px;
    line-height: 1.1
}

.userInfoCard .vorRating {
    min-width: 95px
}

.userInfoCard .rating {
    padding: 0
}

.userInfoCard .rating i {
    margin-right: 1px;
    font-size: 13px
}

.userInfoCard .cardListWidget {
    padding: 0;
    align-items: center;
    width: 45%;
    font-size: 12px
}

.userInfoCard .pdName {
    max-width: 100%
}

.userInfoCard .imgThumb {
    width: 50px;
    height: auto;
    padding-right: 10px
}

.userInfoCard .btnRound {
    position: absolute;
    top: -21px;
    right: 10px;
    background: #fff;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    padding: 5px;
    font-size: 16px;
    width: 43px;
    height: 43px;
    -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, .16);
    box-shadow: 0 3px 6px rgba(0, 0, 0, .16);
    color: #28ad00
}

.userInfoCard .icon-share {
    line-height: 33px
}

.vorPage .vorHeading {
    font-size: 16px;
    font-weight: 700;
    font-style: italic;
    margin: 10px 0 22px 0
}

.vorPage .vorText {
    font-size: 14px;
    font-weight: 300;
    line-height: 1.7;
    color: #656565
}

.vorPage .pdSimilarSlider {
    width: 100%;
    margin-bottom: 20px
}

.vorPage #similarSlider .slick-slide {
    padding: 0
}

.vorMain {
    max-width: 400px;
    margin: 35px auto 0
}

.vorMain .slick-slide img {
    width: 100%
}

.vorMain .prodNav li {
    padding: 8px 15px
}

.vorMain .prodNav .icon-gallery {
    font-size: 100%
}

.vorMain .slick-disabled {
    display: none
}

.vorSlider2 .item {
    border-radius: 5px;
    -webkit-border-radius: 5px;
    overflow: hidden
}

.vorSlider2 .slick-dots {
    text-align: left
}

.moreVorReview {
    margin: 0 -16px;
    padding: 12px 16px 12px
}

.moreVorReview .slick-slide {
    opacity: 1
}

.reviewCard {
    width: 150px;
    margin: 5px 2px;
    padding: 0;
    -webkit-box-shadow: 0 3px 6px rgba(34, 22, 41, .1);
    box-shadow: 0 3px 6px rgba(34, 22, 41, .1);
    border-radius: 5px;
    -webkit-border-radius: 5px;
    font-size: 12px;
    line-height: 1.2;
    overflow: hidden;
    display: block;
    background: #fff
}

.reviewCard .reviewCont {
    padding: 0 8px;
    min-height: 95px
}

.reviewCard .userName {
    margin: 6px 0 4px;
    font-weight: 600
}

.reviewCard .city {
    font-size: 12px;
    font-style: italic
}

.reviewCard .ratingFtr {
    margin: 10px 10px 0;
    border-top: 1px dashed #dfdfdf
}

.reviewCard .imgHolder {
    width: 100%;
    height: 75px;
    background-size: cover !important;
    background-repeat: no-repeat !important
}

@media only screen and (min-width:1024px) {
    .vorBnrWrap .vorBnrCont {
        bottom: 90px;
        max-width: 600px;
        left: 5%
    }

    .vorBnrWrap h1 {
        font-size: 30px
    }

    .userProfile {
        width: 166px;
        height: 166px;
        margin-top: -83px
    }

    .userInfoCard {
        margin-top: -45px;
        background: #fff
    }

    .userInfoCard.container-fluid {
        padding: 30px 40px 30px 245px !important
    }

    .userInfoCard .userProfile {
        width: 165px;
        height: 165px;
        top: 50%;
        left: 40px;
        transform: translateY(-50%);
        -webkit-transform: translateY(-50%)
    }

    .userInfoCard .userInfo {
        padding: 0 0 35px 0
    }

    .userInfoCard .userName {
        font-size: 28px
    }

    .userInfoCard .city,
    .userInfoCard .verifiedTag {
        font-size: 18px
    }

    .userInfoCard .verifyIcon {
        width: 36px;
        height: 36px
    }

    .userInfoCard .verifiedTag {
        position: absolute;
        top: 28px;
        right: 50px
    }

    .userInfoCard .imgThumb {
        width: 100px
    }

    .userInfoCard .cardListWidget {
        width: 45%
    }

    .userInfoCard .prodItem {
        width: calc(100% - 105px)
    }

    .userInfoCard .title {
        font-size: 18px;
        margin-bottom: 5px
    }

    .userInfoCard .itemName {
        font-size: 18px
    }

    .userInfoCard .vorRating {
        width: 60px
    }

    .userInfoCard .rating {
        margin-bottom: 8px
    }

    .userInfoCard .rating i {
        margin-right: 6px;
        font-size: 20px
    }

    .userInfoCard .prodInfo {
        padding: 0
    }

    .userInfoCard .prodInfo>* {
        padding: 0 20px 0 0
    }

    .userInfoCard .prodInfo>:last-child {
        padding-right: 0
    }

    .userInfoCard .btnRound {
        top: -30px;
        right: 30px;
        padding: 5px;
        font-size: 24px;
        width: 60px;
        height: 60px;
        cursor: pointer
    }

    .userInfoCard .icon-share {
        line-height: 52px
    }

    .userInfoCard .sharePopup {
        top: 70px;
        right: 16px
    }

    .vorPage .vorHeading {
        font-size: 30px
    }

    .vorPage .vorText {
        font-size: 18px
    }

    .vorPage #similarSlider {
        margin-top: 80px;
        margin-bottom: 35px
    }

    .vorMain {
        max-width: 500px
    }

    .vorMain .prodNav li {
        padding: 10px 35px
    }

    .vorMain .slick-prev {
        left: -70px
    }

    .vorMain .slick-next {
        right: -70px
    }

    .vorSlider2 .slick-dots {
        text-align: center
    }

    .moreVorReview {
        padding: 15px 0 0
    }

    .reviewCard {
        width: auto;
        margin: 12px
    }

    .reviewCard .reviewCont {
        padding: 0 16px;
        min-height: 200px
    }

    .reviewCard .userName {
        font-size: 26px;
        margin: 16px 0 8px;
        line-height: 1.1
    }

    .reviewCard .city {
        font-size: 20px;
        font-style: italic
    }

    .reviewCard .rating {
        padding: 20px 0 25px
    }

    .reviewCard .rating i {
        width: 28px;
        height: 28px;
        font-size: 24px;
        margin-right: 8px
    }

    .reviewCard .imgHolder {
        height: 205px
    }
}

.countryToggle .bultCircle {
    font-size: 14px
}

.countryToggle .bultCircle:before {
    content: "";
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    width: 5px;
    height: 5px;
    background: #28ad00;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    display: inline-block;
    vertical-align: baseline;
    margin-right: 8px;
    line-height: 1.2
}

.country-origin-wrap {
    flex-direction: column-reverse;
    align-items: flex-end !important
}

.country-origin-text {
    cursor: pointer;
    text-decoration: underline;
    font-size: 12px
}

.menufecharAddrToggle {
    margin-top: 6px;
    font-size: 12px;
    color: #9e9e9e
}

.instaVidGallery.skeleton .cardVid {
    background-color: #dddbdd;
    position: relative;
    overflow: hidden
}

.instaVidGallery.skeleton .cardVid::after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    transform: translateX(-100%);
    background-image: linear-gradient(90deg, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .2) 20%, rgba(255, 255, 255, .5) 60%, rgba(255, 255, 255, 0))
}

.instaVidGallery.skeleton .cardVid.active-animation::after {
    -webkit-animation: shimmer2 1.5s infinite;
    -moz-animation: shimmer2 1.5s infinite;
    animation: shimmer2 1.5s infinite
}

.instaVidGallery .item {
    padding: 15px 0
}

.instaVidGallery .slick-slide {
    opacity: 1
}

.instaVidGallery .cardVid {
    width: 210px;
    position: relative;
    border-radius: 5px;
    min-height: 480px;
    display: flex;
    margin: auto;
    flex-flow: column;
    transition: all .2s ease-in-out;
    -webkit-overflow-scrolling: touch
}

.instaVidGallery .cardVid .img {
    border-radius: 5px;
    overflow: hidden;
    box-shadow: 0 0 14px rgba(0, 0, 0, .15)
}

.instaVidGallery .cardName {
    letter-spacing: normal;
    color: #fff;
    font-size: 12px
}

.instaVidGallery .priceHolder {
    padding: 0
}

.instaVidGallery .cardPrice {
    display: flex;
    justify-content: center;
    align-items: baseline;
    margin-top: 8px;
    column-gap: 4px;
    font-size: 12px;
    color: #fff;
    letter-spacing: inherit;
    zoom: .9
}

.instaVidGallery .priceOff {
    color: #ffdc00
}

.instaVidGallery .ratingItem {
    min-height: 28px
}

.instaVidGallery .cutPrice {
    color: #fff;
    font-size: 12px;
    text-decoration: none;
    position: relative
}

.instaVidGallery .cutPrice:before {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: #fff;
    width: 100%;
    height: 1px;
    z-index: 1
}

.instaVidGallery .vidAnimation::after,
.instaVidGallery .vidAnimation::before {
    background: rgba(152, 98, 249, .6);
    content: "";
    height: 100%;
    position: absolute;
    transition: all .2s;
    transition-delay: .2s;
    transform: translateY(0) translateX(0);
    width: 100%;
    z-index: -1;
    border-radius: 5px
}

.instaVidGallery .vidAnimation::after {
    background: rgba(255, 139, 95, .6)
}

.instaVidGallery .vidAnimation:hover {
    animation-name: hoverPop;
    animation-duration: .4s
}

.instaVidGallery .vidAnimation:hover::before {
    animation: slick-hover-2 3s .4s linear infinite;
    transform: translateY(-20px) translateX(-20px)
}

.instaVidGallery .vidAnimation:hover::after {
    animation: slick-hover 3s .4s linear infinite reverse;
    transform: translateY(20px) translateX(20px)
}

.instaVidGallery .vidAnimation:hover .playBtn:before {
    background: #28ad00;
    color: #fff
}

.instaVidGallery .vidItem {
    height: 373px;
    position: relative;
    border-radius: 4px 4px 0 0;
    overflow: hidden;
    cursor: pointer
}

.instaVidGallery video {
    display: block;
    object-fit: cover;
    width: 100%;
    height: 100%
}

.instaVidGallery .modelTag,
.instaVidGallery .viewVid {
    position: absolute;
    top: 5px;
    background: rgba(255, 255, 255, .9);
    z-index: 1;
    padding: 5px;
    border-radius: 4px;
    font-size: 12px;
    line-height: 1;
    color: #959595;
    box-shadow: 0 0 14px 0 rgba(0, 0, 0, .2);
    cursor: pointer
}

.instaVidGallery .modelTag {
    text-transform: uppercase;
    right: auto;
    left: 5px;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    color: #000;
    font-weight: 400
}

.instaVidGallery .viewVid {
    right: 5px
}

.instaVidGallery .playBtn {
    pointer-events: none
}

.instaVidGallery .playBtn:before {
    transition: all .2s ease-in-out;
    border-color: #fff;
    color: #919191;
    background: rgba(255, 255, 255, .7)
}

.instaVidGallery .listItem {
    position: relative;
    width: 100%;
    background: #221629;
    color: #fff;
    border-radius: 0 0 5px 5px;
    padding: 10px 8px 15px;
    min-width: 100%;
    font-size: 12px
}

.instaVidGallery .btn {
    margin-top: 8px;
    border-radius: 5px;
    padding: 5px 9px
}

.instaVidGallery .rating {
    justify-content: center;
    align-items: baseline;
    padding: 8px 0 0
}

.instaVidGallery .rating i {
    width: 10px;
    height: 10px
}

.instaVidGallery .slick-next.slick-disabled,
.instaVidGallery .slick-prev.slick-disabled {
    visibility: hidden
}

.instaVidGallery.skeleton .vidItem {
    height: 373px
}

.instaVidGallery.skeleton .viewVid {
    width: 50px;
    height: 23px;
    box-shadow: none;
    background: #cfcfcf
}

.instaVidGallery.skeleton .item {
    margin: 0 auto
}

.instaVidGallery.skeleton .listItem {
    background: #c1c1c1;
    height: 107px
}

.instaVidGallery.skeleton .modelTag {
    min-width: 38px;
    min-height: 22px;
    background: #cfcfcf;
    box-shadow: none
}

.instaVidGallery .slick-dots {
    bottom: -50px
}

.instaVidGallery .likeVid.active {
    color: #28ad00
}

.instaVidGallery .share {
    position: relative
}

.instaVidGallery .share .icon-share {
    color: #bdb9bf
}

.instaVidGallery .sharePopup {
    background: #000;
    top: 40px;
    right: 0;
    padding: 0 10px;
    column-gap: 5px;
    width: auto;
    visibility: hidden;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    position: absolute;
    z-index: 1;
    font-size: 20px;
    line-height: 20px
}

.instaVidGallery .sharePopup::after {
    content: "";
    position: absolute;
    top: -10px;
    right: 10px;
    border-width: 5px;
    border-style: solid;
    border-color: transparent transparent #000 transparent
}

.instaVidGallery .sharePopup.active {
    visibility: visible;
    -webkit-animation: fadeIn 1s;
    animation: fadeIn 1s
}

.instaVidGallery .sharePopup a {
    margin: 0 5px;
    color: #fff
}

.instaVidGallery .sharePopup a:hover {
    color: #28ad00
}

.instaVidGallery .sharePopup>* {
    height: 100%;
    min-height: 40px;
    display: flex;
    align-items: center
}

.instaVidGallery .shareMore {
    position: relative;
    width: 24px;
    height: 24px
}

.instaVidGallery .shareMore i {
    background: #fff;
    width: 4px;
    height: 4px;
    display: inline-block;
    vertical-align: middle;
    margin: 0 2px;
    border-radius: 50%;
    -webkit-border-radius: 50%
}

.watch-shop-sec .view_more_btn {
    position: relative;
    bottom: -15px
}

#modalInstaVideo {
    -webkit-backdrop-filter: blur(25px);
    backdrop-filter: blur(25px);
    text-align: center
}

#modalInstaVideo .closeBtnCustom {
    top: 35px;
    right: 10px
}

#modalInstaVideo .modalMainBottom {
    height: 100vh;
    max-height: 100%
}

#modalInstaVideo .skeleton {
    white-space: nowrap
}

#modalInstaVideo .skeleton .item {
    display: inline-block;
    vertical-align: middle;
    width: 100%;
    padding: 0
}

#modalInstaVideo .skeleton .cardVid {
    width: 100%;
    height: 100vh;
    overflow: hidden
}

#modalInstaVideo .skeleton .cardVid:before {
    background-size: 800px
}

#modalInstaVideo .skeleton .listItem {
    background: #c1c1c1;
    height: 107px
}

#modalInstaVideo .slick-slide {
    opacity: .2;
    pointer-events: none
}

#modalInstaVideo .slick-dotted.slick-slider {
    margin-bottom: 0
}

#modalInstaVideo .slick-current {
    opacity: 1;
    pointer-events: initial
}

#modalInstaVideo .cardVid {
    width: 100vw;
    height: 100%;
    min-height: auto;
    margin: 0 auto;
    border-radius: 0
}

#modalInstaVideo .item {
    padding: 0
}

#modalInstaVideo .vidItem {
    height: 90vh;
    border-radius: 0
}

#modalInstaVideo .slick-next {
    right: 0
}

#modalInstaVideo .slick-prev {
    left: 0
}

#modalInstaVideo .cardVid .btn {
    height: auto;
    font-size: 16px;
    padding: 8px 15px
}

#modalInstaVideo .listItem {
    border: 0;
    box-shadow: none;
    position: absolute;
    left: 0;
    bottom: 0;
    background: rgba(34, 22, 41, .7);
    font-size: 14px
}

#modalInstaVideo .loaderWidget {
    z-index: -1;
    background: 0 0
}

#modalInstaVideo .mute-btn {
    width: 50px;
    bottom: 169px;
    right: 15px;
    height: 30px;
    font-size: 16px;
    line-height: 30px;
    position: absolute;
    border-radius: 20px;
    text-align: center;
    background: #ffffffad;
    box-shadow: 4px 4px 14px rgba(34, 22, 41, .1)
}

#modalInstaVideo .mute-btn.mute:after {
    content: "";
    display: block;
    width: 20px;
    height: 2px;
    background: red;
    position: absolute;
    top: 14px;
    left: 15px;
    transform: rotate(50deg)
}

#modalInstaVideo .cardName {
    font-size: 18px
}

#modalInstaVideo .cardPrice {
    font-size: 16px;
    zoom: 1
}

#modalInstaVideo .cutPrice {
    font-size: 14px
}

#modalInstaVideo .priceOff {
    font-size: 18px !important
}

#modalInstaVideo .ratingItem {
    min-height: 27px
}

#modalInstaVideo .rating i {
    width: 14px;
    height: 14px
}

.watchShopPage .instaVidGallery {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    column-gap: 15px;
    row-gap: 15px
}

.watchShopPage .item {
    padding: 0;
    width: 260px
}

.watchShopPage .vidItem {
    height: 350px
}

.watchShopPage .cardVid {
    width: 100%;
    min-height: 457px
}

@media only screen and (min-width:414px) {
    .watchShopPage .instaVidGallery {
        row-gap: 35px
    }

    .watchShopPage .item {
        width: 310px
    }

    .watchShopPage .vidItem {
        height: 450px
    }
}

@media only screen and (min-width:768px) {
    #modalInstaVideo:after {
        background: rgba(255, 255, 255, .8)
    }

    #modalInstaVideo .modalMainBottom {
        max-width: 700px;
        background: 0 0;
        top: 50%;
        left: 50%;
        bottom: auto;
        transform: translate(-50%, -50%);
        height: auto
    }

    #modalInstaVideo .closeBtnCustom {
        top: -55px;
        right: 20px;
        width: 40px;
        height: 40px
    }

    #modalInstaVideo .closeBtnCustom:after,
    #modalInstaVideo .closeBtnCustom:before {
        top: 13px;
        left: 2px;
        height: 2px;
        width: 80%
    }

    #modalInstaVideo .instaVidGallery {
        margin: auto;
        max-width: 600px
    }

    #modalInstaVideo .slick-list {
        overflow: visible
    }

    #modalInstaVideo .cardVid {
        max-width: 100%;
        width: 100%;
        margin: 0 auto;
        transform: scale(.7);
        -webkit-transform: scale(.7);
        -moz-transform: scale(.7);
        background: #d9d9d9;
        overflow: hidden;
        border-radius: 5px;
        -webkit-border-radius: 5px;
        flex-flow: row
    }

    #modalInstaVideo .cardVid .btn {
        font-size: 16px;
        padding: 8px 15px;
        margin-top: 20px
    }

    #modalInstaVideo .mute-btn {
        bottom: 20px
    }

    #modalInstaVideo .vidItem {
        width: 350px;
        height: 620px
    }

    #modalInstaVideo .listItem {
        width: calc(100% - 350px);
        min-width: auto;
        position: static;
        background: #221629;
        padding: 20px;
        display: flex;
        flex-flow: column;
        justify-content: center;
        border-radius: 0;
        -webkit-border-radius: 0
    }

    #modalInstaVideo .item.active .cardVid,
    #modalInstaVideo .item.slick-current .cardVid {
        transform: scale(1);
        -webkit-transform: scale(1);
        -moz-transform: scale(1)
    }

    #modalInstaVideo .skeleton {
        min-height: 653px
    }

    #modalInstaVideo .skeleton .item {
        width: 600px;
        height: 653px;
        position: relative
    }

    #modalInstaVideo .skeleton .item:first-child {
        transform: translateX(-600px)
    }

    #modalInstaVideo .skeleton .item.active {
        transform: translateX(-600px)
    }

    #modalInstaVideo .skeleton .item:nth-child(3) {
        transform: translateX(-600px)
    }

    #modalInstaVideo .skeleton .cardVid {
        height: 100%
    }

    #modalInstaVideo .skeleton .vidItem {
        width: 350px;
        height: 620px
    }

    #modalInstaVideo .skeleton .listItem {
        height: 100%;
        background: #d7d7d7
    }

    #modalInstaVideo .slick-prev {
        left: -50px
    }

    #modalInstaVideo .slick-next {
        right: -50px
    }

    #modalInstaVideo .slick-dots {
        bottom: -30px
    }

    #modalInstaVideo .slick-dotted.slick-slider {
        margin-bottom: 30px
    }

    #modalInstaVideo .cardImg img {
        border-radius: 5px;
        -webkit-border-radius: 5px
    }

    #modalInstaVideo .colorWidget {
        padding: 0 0 6px 0
    }

    #modalInstaVideo .colorWidget .colorTitle {
        margin: 0 0 6px 0;
        color: #fff;
        font-size: 16px;
        font-weight: 400
    }

    #modalInstaVideo .colorWidget .colorBtn img {
        border-radius: 50%;
        -webkit-border-radius: 50%
    }

    .watchShopPage .instaVidGallery {
        column-gap: 30px;
        row-gap: 30px
    }

    #watch-shop-main #modalInstaVideo .skeleton .item {
        width: 650px;
        transform: translateX(0)
    }

    #watch-shop-main #modalInstaVideo .skeleton .item.active {
        transform: translateX(0)
    }

    #watch-shop-main #modalInstaVideo .instaVidGallery {
        max-width: 650px
    }

    #watch-shop-main #modalInstaVideo .cardVid {
        transform: scale(1);
        -webkit-transform: scale(1);
        -moz-transform: scale(1)
    }
}

@media only screen and (min-width:1024px) {
    .instaVidGallery .cardVid {
        width: 280px
    }

    .instaVidGallery .vidItem {
        min-height: 373px
    }

    .instaVidGallery .cardName {
        font-size: 15px
    }

    .instaVidGallery .priceOff {
        font-size: 15px !important
    }

    .instaVidGallery .btn,
    .instaVidGallery .cardPrice,
    .instaVidGallery .listItem {
        font-size: 14px;
        zoom: 1
    }

    .instaVidGallery .cutPrice {
        font-size: 13px
    }

    .instaVidGallery .rating {
        column-gap: 3px
    }

    .instaVidGallery .listItem {
        padding: 12px 8px 15px
    }

    #modalInstaVideo .modalMainBottom {
        max-width: 750px
    }

    #modalInstaVideo .skeleton {
        min-height: 653px
    }

    #modalInstaVideo .skeleton .item {
        width: 750px;
        height: 653px;
        position: relative
    }

    #modalInstaVideo .skeleton .item:first-child {
        transform: translateX(-750px)
    }

    #modalInstaVideo .skeleton .item.active {
        transform: translateX(-750px)
    }

    #modalInstaVideo .skeleton .item:nth-child(3) {
        transform: translateX(-750px)
    }

    #modalInstaVideo .slick-prev {
        left: -70px
    }

    #modalInstaVideo .slick-next {
        right: -70px
    }

    #modalInstaVideo .cardVid,
    #modalInstaVideo .instaVidGallery {
        max-width: 750px
    }

    .watchShopPage .instaVidGallery {
        column-gap: 20px;
        row-gap: 20px
    }

    .watchShopPage .cardVid {
        width: 100%
    }

    .watchShopPage .vidItem {
        height: 500px
    }

    #watch-shop-main #modalInstaVideo .skeleton .item {
        width: 750px
    }

    #watch-shop-main #modalInstaVideo .instaVidGallery {
        max-width: 750px
    }

    .watch-shop-sec .view_more_btn {
        bottom: 30px
    }

    #productPage #instaVidSliderModal .cardVid {
        transform: scale(1)
    }
}

@media only screen and (min-width:1360px) {
    .watchShopPage .item {
        width: 280px
    }

    .watchShopPage .vidItem {
        height: 400px
    }
}

@media only screen and (min-width:1400px) {
    .watchShopPage .item {
        width: 310px
    }
}

@media only screen and (min-width:1600px) {
    .watchShopPage .item {
        width: 282px
    }
}

@media only screen and (min-width:1900px) {
    .watchShopPage .item {
        width: 287px
    }
}

@keyframes hoverPop {

    0%,
    100% {
        transform: scale(1)
    }

    33% {
        transform: scale(1.05)
    }

    66% {
        transform: scale(.9)
    }
}

@keyframes slick-hover {
    0.00% {
        transform: translateY(20px) translateX(20px)
    }

    16.67% {
        transform: translateY(-13px) translateX(-9px)
    }

    33.33% {
        transform: translateY(4px) translateX(12px)
    }

    50.00% {
        transform: translateY(20px) translateX(-20px)
    }

    66.67% {
        transform: translateY(-3px) translateX(8px)
    }

    83.33% {
        transform: translateY(-15px) translateX(-11px)
    }

    100.00% {
        transform: translateY(20px) translateX(20px)
    }
}

@keyframes slick-hover-2 {
    0.00% {
        transform: translateY(-20px) translateX(-20px)
    }

    16.67% {
        transform: translateY(3px) translateX(-5px)
    }

    33.33% {
        transform: translateY(18px) translateX(-10px)
    }

    50.00% {
        transform: translateY(-20px) translateX(20px)
    }

    66.67% {
        transform: translateY(15px) translateX(-4px)
    }

    83.33% {
        transform: translateY(-1px) translateX(15px)
    }

    100.00% {
        transform: translateY(-20px) translateX(-20px)
    }
}

@-webkit-keyframes shimmer2 {
    100% {
        -webkit-transform: translateX(100%)
    }
}

@-moz-keyframes shimmer2 {
    100% {
        -moz-transform: translateX(100%)
    }
}

@keyframes shimmer2 {
    100% {
        transform: translateX(100%)
    }
}

.offerTimer {
    padding: 5px 5px 5px 120px !important;
    border-radius: 4px;
    margin: 0 0 12px;
    text-align: center;
    position: relative;
    z-index: 1;
    background: #fffad9;
    width: 100%;
    display: inline-block;
    border: 1px solid orange
}

.offerTimer:before {
    content: " ";
    position: absolute;
    top: 30px;
    left: 60px;
    border-width: 8px;
    border-style: solid;
    border-color: orange transparent transparent transparent
}

.offerTimer .offerText {
    font-size: 14px;
    color: #221629;
    position: absolute;
    top: 0;
    left: 0;
    background: orange;
    padding: 5px 12px;
    border-radius: 3px 0 0 3px;
    color: #161616;
    bottom: 0;
    font-weight: 400;
    min-width: 120px
}

.offerTimer .offerText i {
    margin-right: 5px;
    display: inline-block;
    vertical-align: middle
}

.offerTimer span {
    font-size: 14px;
    margin: 0 1px 0 2px;
    color: #221629;
    font-weight: 600
}

.offerTimer span:first-child {
    margin-left: 0
}

.fitHeader {
    position: sticky;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 99;
    box-shadow: 0 0 20px rgba(187, 242, 71, .5);
    background: #221629
}

.fitHeader .fitHead {
    padding-top: 10px;
    padding-bottom: 10px;
    justify-content: space-between
}

.fitHeader .logo {
    max-width: 140px
}

.fitHeader .fitLogo {
    max-width: 40px
}

.fitBharatPage {
    color: #221629;
    padding-bottom: 40px
}

.fitBharatPage h1,
.fitBharatPage h2 {
    text-align: center;
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 24px;
    text-transform: uppercase
}

.fitBharatPage h1+p,
.fitBharatPage h2+p {
    margin-bottom: 24px;
    margin-top: -8px;
    font-weight: 600;
    text-align: center;
    font-size: 14px;
    line-height: 1.4
}

.fitBharatPage .playVid2 {
    pointer-events: visible
}

.fitBharatPage .sect {
    padding-top: 40px
}

.fitBharatPage .tBold {
    font-weight: 600
}

.fitBharatPage .btnCurve {
    border-radius: 20px
}

.fitBharatPage .secTitle {
    margin-top: 30px;
    margin-bottom: 30px
}

.fitBharatPage .secTitle+p {
    margin-bottom: 15px
}

.fitBharatPage .sectBrd {
    position: relative
}

.fitBharatPage .sectBrd:before {
    content: "";
    position: absolute;
    left: 50%;
    bottom: -7px;
    transform: translateX(-50%);
    width: 100px;
    height: 2px;
    background: #bbf247
}

.fitBharatPage .termsBtnGroup {
    justify-content: space-between;
    margin-bottom: 20px
}

.fitBharatPage .link {
    color: #bbf247;
    text-decoration: underline;
    cursor: pointer
}

.fitBharatPage .link:hover {
    text-decoration: none
}

.fitBharatPage .btn-accent {
    background: #bbf247
}

.fitBharatPage .swipeSlider {
    padding-bottom: 15px
}

.fitBharatPage .thinScrollBar::-webkit-scrollbar-thumb {
    background: #bbf247 !important
}

.fitBharatPage .thinScrollBar::-webkit-scrollbar-thumb:hover {
    background: #bbf247
}

.fitBharatPage .slick-dots li {
    margin: 0 10px
}

.fitBharatPage .slick-dots li button:before {
    width: 12px;
    height: 12px;
    border-color: #bbf247
}

.fitBharatPage .slick-dots li.slick-active button:before {
    width: 12px;
    height: 12px;
    background: #bbf247
}

.fitBharatPage .winnerSec {
    margin-top: 30px
}

.fitBharatPage .winnerSec .title {
    font-size: 13px
}

.fitBharatPage .winnerSlider img {
    width: 100%
}

.fitBharatPage .winnerSlider .slick-next {
    right: 0
}

.fitBharatPage .winnerSlider .slick-prev {
    left: 0
}

.fitBharatPage .winSecHead {
    justify-content: space-between
}

.fitBharatPage .justify-content-end {
    justify-content: end !important
}

.fitBharatPage .winnerOption {
    border-radius: 20px;
    height: 26px;
    padding: 0 5px 0 10px;
    border-color: #bbf247;
    width: 110px;
    margin-left: 5px;
    font-weight: 600;
    font-size: 13px
}

.fitBharatPage .tableScroll {
    overflow-y: scroll
}

.fitBharatPage .table {
    width: 100%;
    min-width: 550px;
    margin-top: 12px;
    display: table
}

.fitBharatPage .table td,
.fitBharatPage .table th {
    border: 1px solid #ededed;
    padding: 8px 5px;
    font-size: 12px;
    text-align: center
}

.fitBharatPage .table td:first-child,
.fitBharatPage .table th:first-child {
    width: 55px
}

.fitBharatPage .table td:last-child,
.fitBharatPage .table th:last-child {
    width: 80px
}

.fitBharatPage .table th {
    color: #000;
    font-weight: 600;
    background-color: #ececec;
    border-color: #e3e3e3
}

.fitBharatPage .table td {
    font-weight: 300
}

.fitBharatPage .table tr:nth-child(even) td {
    background-color: #f9f9f9
}

.fitBharatPage .instaVidGallery .item {
    padding: 0;
    width: auto
}

.fitBharatPage .instaVidGallery .slick-slide {
    opacity: 1
}

.fitBharatPage .instaVidGallery .btn {
    margin-top: 8px;
    border-radius: 5px;
    padding: 5px 9px
}

.fitBharatPage .instaVidGallery .slick-next.slick-disabled,
.fitBharatPage .instaVidGallery .slick-prev.slick-disabled {
    visibility: hidden
}

.fitBharatPage .muteBtn {
    width: 50px;
    bottom: 15px;
    right: 15px;
    height: 30px;
    font-size: 16px;
    line-height: 30px;
    position: absolute;
    border-radius: 20px;
    text-align: center;
    background: #ffffffad;
    box-shadow: 4px 4px 14px rgba(34, 22, 41, .1)
}

.fitBharatPage .muteBtn.mute:after {
    content: "";
    display: block;
    width: 20px;
    height: 2px;
    background: red;
    position: absolute;
    top: 14px;
    left: 15px;
    transform: rotate(50deg)
}

.fitBharatPage .cardVid {
    width: 210px;
    min-height: 373px
}

.fitBharatPage .vidItem {
    height: 373px;
    border-radius: 0
}

.fitBharatPage .playBtn {
    pointer-events: none
}

.fitBharatPage .playBtn:before {
    background: 0 0;
    color: #fff;
    border-width: 4px;
    border-color: #fff
}

.fitBharatPage .sectParticipate .noGutter {
    padding-left: 0;
    padding-right: 0
}

.fitBharatPage .sectParticipate .btn {
    min-width: 150px;
    font-size: 14px
}

.fitBharatPage .paricipateCont {
    padding-left: 30px;
    padding-right: 30px
}

.fitBharatPage .btnJoin {
    text-align: center
}

.fitBharatPage .listTitle {
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 8px
}

.fitBharatPage .listBullet {
    font-size: 13px;
    line-height: 1.4;
    margin-bottom: 24px
}

.fitBharatPage .listBullet li {
    padding-left: 30px;
    position: relative;
    margin-bottom: 12px
}

.fitBharatPage .listBullet li:before {
    content: "";
    position: absolute;
    left: 10px;
    top: 7px;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: #221629
}

.fitBharatPage .galleryWrap {
    display: flex;
    flex-wrap: wrap;
    row-gap: 10px
}

.fitBharatPage .galleryWrap .gItems {
    flex-basis: 100%;
    display: flex;
    flex-wrap: wrap;
    row-gap: 10px;
    column-gap: 10px
}

.fitBharatPage .galleryWrap img {
    width: 100%;
    display: block;
    object-fit: cover;
    height: 100%;
    position: relative;
    -webkit-transform: scale(1);
    transform: scale(1);
    transition: all .3s ease-in-out
}

.fitBharatPage .galleryWrap figcaption {
    position: absolute;
    bottom: -100%;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .7);
    opacity: 0;
    transition: all .3s ease-in-out;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    text-align: center;
    padding: 20px 5px
}

.fitBharatPage .galleryWrap .item {
    flex-basis: calc(50% - 5px);
    position: relative;
    overflow: hidden;
    cursor: pointer
}

.fitBharatPage .galleryWrap .item.full {
    flex-basis: 100%
}

.fitBharatPage .galleryWrap .item:hover img {
    -webkit-transform: scale(1.3);
    transform: scale(1.3)
}

.fitBharatPage .galleryWrap .item:hover figcaption {
    bottom: 0;
    opacity: 1
}

.fitBharatPage .modalBody h3 {
    text-align: center;
    margin-bottom: 20px
}

.fitBharatPage .modalBody .modalContent {
    padding: 30px 20px 10px
}

.fitBharatPage .modalBody .closeIconBtn:hover:after,
.fitBharatPage .modalBody .closeIconBtn:hover:before {
    background: #bbf247
}

.fitBharatPage .faqContent a,
.fitBharatPage .faqMain .faqTitle .icon-arrow,
.fitBharatPage .text-accent {
    color: #bbf247
}

.cardFit {
    width: 310px;
    padding: 20px 15px;
    border-radius: 15px;
    text-align: center
}

.cardFit.first {
    background-image: linear-gradient(120deg, #f6d365 0, #fda085 100%)
}

.cardFit.second {
    background-image: linear-gradient(to top, #9795f0 0, #fbc8d4 100%)
}

.cardFit.third {
    background-image: linear-gradient(to right, #74ebd5 0, #9face6 100%)
}

.cardFit .thumb {
    min-width: 110px;
    min-height: 110px;
    height: 110px;
    border-radius: 50%;
    overflow: hidden;
    border: 2px solid #fff;
    justify-content: center;
    align-items: center;
    flex-basis: 110px
}

.cardFit img {
    max-width: 120px;
    min-height: 110px;
    height: auto;
    object-fit: cover
}

.cardFit .cHead {
    font-size: 100px;
    color: #242323;
    font-weight: 800;
    font-family: arial;
    margin-bottom: 12px;
    column-gap: 10px;
    justify-content: center
}

.cardFit .name {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 12px
}

.cardFit .distanceItem {
    column-gap: 10px;
    font-size: 12px;
    justify-content: center
}

.cardFit .distanceItem li {
    background: #fff;
    padding: 5px;
    flex: 0 0 calc(33.333% - 7px);
    border-radius: 5px
}

.cardFit .distanceItem .itemName {
    font-weight: 600
}

.cardFit .distanceItem p {
    font-size: 12px
}

.totalAudiance {
    background: #fff8f4;
    background: -webkit-linear-gradient(to right, #fbfbfb, #fff8f4);
    background: linear-gradient(to right, #fbfbfb, #fff8f4);
    border-radius: 15px;
    -webkit-border-radius: 15px;
    border: 1px solid #fff4e9;
    margin-top: 30px
}

.totalAudiance .cdPart {
    justify-content: space-between;
    text-align: center;
    padding-top: 15px;
    padding-bottom: 15px
}

.totalAudiance .item {
    min-width: 25%
}

.totalAudiance .item:first-child {
    max-width: 40%
}

.totalAudiance .item div {
    font-size: 15px;
    font-weight: 600;
    padding-top: 4px
}

#appWrap .appList {
    max-width: 100%;
    display: flex;
    justify-content: center;
    column-gap: 15px;
    padding-top: 10px
}

#appWrap .appList a {
    max-width: 120px
}

@media only screen and (min-width:768px) {
    .cardFit {
        width: 400px
    }

    .cardFit .thumb {
        min-width: 140px;
        min-height: 140px;
        height: 140px
    }

    .cardFit img {
        max-width: 160px;
        min-height: 140px
    }

    .cardFit .name {
        font-size: 26px
    }

    .fitBharatPage h1,
    .fitBharatPage h2 {
        font-size: 36px;
        margin-bottom: 30px
    }

    .fitBharatPage h1+p,
    .fitBharatPage h2+p {
        margin-bottom: 45px;
        font-size: 22px
    }

    .fitBharatPage .sect {
        padding-top: 60px
    }

    .fitBharatPage .secTitle {
        margin-top: 40px
    }

    .fitBharatPage .secTitle+p {
        margin-bottom: 20px
    }

    .fitBharatPage .winnerSec {
        margin-top: 40px
    }

    .fitBharatPage .listBullet {
        font-size: 18px
    }

    .fitBharatPage .table {
        margin-top: 12px
    }

    .fitBharatPage .table td,
    .fitBharatPage .table th {
        padding: 10px 15px;
        font-size: 16px
    }

    .fitBharatPage .table td:first-child,
    .fitBharatPage .table th:first-child {
        width: 70px
    }

    .fitBharatPage .table td:last-child,
    .fitBharatPage .table th:last-child {
        width: auto
    }

    .fitBharatPage .topWinSec {
        column-gap: 30px;
        justify-content: center
    }

    .fitBharatPage .winnerSec .title {
        font-size: 18px
    }

    .fitBharatPage .winnerOption {
        font-size: 18px;
        height: 34px;
        width: 150px;
        padding: 0 20px 0 15px
    }

    .fitBharatPage .galleryWrap figcaption {
        font-size: 20px
    }

    #appWrap .appList {
        column-gap: 30px
    }

    #appWrap .appList a {
        max-width: 190px
    }
}

@media only screen and (min-width:992px) {
    .cardFit {
        width: calc(33.333% - 20px)
    }

    .cardFit .thumb {
        min-width: 140px;
        min-height: 140px
    }

    .cardFit img {
        max-width: 155px;
        min-height: 140px
    }

    .fitBharatPage h1,
    .fitBharatPage h2 {
        margin-bottom: 30px
    }

    .fitBharatPage h1+p,
    .fitBharatPage h2+p {
        margin-bottom: 45px
    }

    .fitBharatPage .sect {
        padding-top: 70px
    }

    .fitBharatPage .sectBrd:before {
        width: 150px
    }

    .fitBharatPage .sectParticipate .noGutter {
        padding-left: 15px;
        padding-right: 15px
    }

    .fitBharatPage .secTitle {
        margin-top: 0
    }

    .fitBharatPage .paricipateCont {
        text-align: left
    }

    .fitBharatPage .paricipateCont h2 {
        margin-top: 0;
        text-align: left
    }

    .fitBharatPage .paricipateCont h2+p {
        text-align: left
    }

    .fitBharatPage .paricipateCont .sectBrd:before {
        left: 0;
        transform: translateX(0)
    }

    .fitBharatPage .table {
        margin-top: 18px
    }

    .fitBharatPage .btnJoin {
        text-align: left
    }

    .fitBharatPage .listTitle {
        font-size: 22px;
        margin-bottom: 8px
    }

    .fitBharatPage .topWinSec {
        column-gap: 30px
    }

    .fitBharatPage .galleryWrap {
        column-gap: 10px
    }

    .fitBharatPage .galleryWrap .gItems {
        flex-basis: calc(33.33% - 7px)
    }

    .fitBharatPage .galleryWrap .item.full {
        height: 49%
    }

    .fitBharatPage .galleryWrap figcaption {
        font-size: 16px
    }

    .fitBharatPage .owl-nav [class*=owl-] {
        margin-top: -25px;
        width: 50px;
        height: 50px
    }

    .fitBharatPage .owl-nav button.owl-prev {
        left: -10px
    }

    .fitBharatPage .owl-nav button.owl-next {
        right: -10px
    }
}

.fitHeader .fitHead {
    min-height: 60px
}

.fitHeader .logo {
    width: 100%;
    max-width: 140px;
    height: auto
}

.fitHeader .freedomLogo {
    max-width: 30px
}

#freedom-ride .cardFit .distanceItem li {
    flex: 0 0 50%;
    background-color: #ffffff78
}

#freedom-ride .cardFit .distanceItem p {
    font-size: 14px;
    font-weight: 600;
    color: #f7a556
}

#freedom-ride .cardFit.first {
    background: linear-gradient(90deg, #dcbf71 0, #ead6a0 100%)
}

#freedom-ride .cardFit.second {
    background: linear-gradient(90deg, #c8c9ca 0, #ebedee 100%)
}

#freedom-ride .cardFit.third {
    background: linear-gradient(90deg, #ddc7a5 0, #fbe6c5 100%)
}

#freedom-ride.fitBharatPage {
    padding-bottom: 0
}

#freedom-ride .sec-title {
    position: relative;
    display: block;
    text-align: center
}

#freedom-ride .sec-title img {
    width: 240px
}

#freedom-ride .sec-title h2 {
    position: absolute;
    top: 49%;
    left: 50%;
    transform: translate(-50%, -51%);
    font-size: 16px;
    white-space: nowrap;
    margin: 0;
    font-weight: 600
}

#freedom-ride .how-it-works .cyclist-round {
    width: 100%;
    margin-bottom: 30px
}

#freedom-ride .how-it-works .card {
    padding: 0;
    border-radius: 4px
}

#freedom-ride .how-it-works .card.last-day {
    background: linear-gradient(90deg, rgba(20, 138, 67, .5) 0, rgba(195, 225, 207, .5) 25%, #fff 50%, rgba(253, 220, 186, .5) 75%, rgba(248, 153, 53, .5) 100%)
}

#freedom-ride .how-it-works .title {
    column-gap: 10px
}

#freedom-ride .how-it-works .title img {
    width: 18px
}

#freedom-ride .how-it-works .date {
    font-size: 12px;
    writing-mode: vertical-lr;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translate(0, -50%);
    white-space: nowrap;
    height: 100%;
    text-align: center;
    border-left: 1px solid #eee;
    padding: 0 5px;
    font-weight: 600;
    transform: rotate(-180deg);
    transform-origin: 50% 25%;
    background-color: #fff
}

#freedom-ride .how-it-works sup {
    top: 0
}

#freedom-ride .how-it-works .right-content {
    padding: 15px 15px 15px 50px
}

#freedom-ride .how-it-works h4 {
    font-size: 14px
}

#freedom-ride .how-it-works .wynd-coin {
    column-gap: 10px;
    margin-top: 15px;
    font-size: 12px
}

#freedom-ride .how-it-works .wynd-coin img {
    width: 20px
}

#freedom-ride #prizes .prizeWrap {
    gap: 15px;
    text-align: left;
    flex-direction: column
}

#freedom-ride #prizes .prize-1 {
    height: 225px
}

#freedom-ride #prizes .prize-1 .title {
    background-color: #e3b867;
    font-size: 14px
}

#freedom-ride #prizes .prize-1 h3 {
    font-size: 18px;
    text-align: center;
    position: relative;
    left: 50px
}

#freedom-ride #prizes .prize-1 .bottom-bg {
    background-color: #ddb261;
    height: 100px
}

#freedom-ride #prizes .prize-1 .prize-img {
    width: 200px;
    bottom: 4px;
    right: 20px
}

#freedom-ride #prizes .prize-1 .trofi-img {
    width: 70px;
    left: 20px;
    bottom: 0
}

#freedom-ride #prizes .prize-2,
#freedom-ride #prizes .prize-3 {
    width: calc(50% - 7px);
    min-width: calc(50% - 7px)
}

#freedom-ride #prizes .prize-2 .bottom-bg,
#freedom-ride #prizes .prize-3 .bottom-bg {
    background-color: #c6bbb3
}

#freedom-ride #prizes .prize-2 .title,
#freedom-ride #prizes .prize-3 .title {
    background-color: #b5aba7
}

#freedom-ride #prizes .prize-2 h3,
#freedom-ride #prizes .prize-3 h3 {
    font-size: 12px;
    padding: 25px 5px 0 8px
}

#freedom-ride #prizes .prize-2 .prize-img,
#freedom-ride #prizes .prize-3 .prize-img {
    width: 130px;
    bottom: 0;
    left: 50%;
    transform: translate(-50%, 0)
}

#freedom-ride #prizes .prize-2 .trofi-img,
#freedom-ride #prizes .prize-3 .trofi-img {
    width: 20px;
    right: 10px;
    top: 5px
}

#freedom-ride #prizes .prize-3 {
    width: calc(50% - 15px)
}

#freedom-ride #prizes .prize-3 .bottom-bg {
    background-color: #c58a60
}

#freedom-ride #prizes .prize-3 .title {
    background-color: #bd7e53
}

#freedom-ride #prizes .prize-3 .prize-img {
    width: 90px
}

#freedom-ride #prizes .prize-4 .title {
    background-color: #b9dcac
}

#freedom-ride #prizes .prize-4 h3 {
    font-size: 12px;
    position: absolute;
    right: 40px;
    top: 40px
}

#freedom-ride #prizes .prize-4 .prize-img {
    right: 30px;
    bottom: 0;
    width: 130px
}

#freedom-ride #prizes .prize-4 .trofi-img {
    bottom: 0;
    width: 60px;
    left: 30px
}

#freedom-ride #prizes .prize-4 .bottom-bg {
    height: 85px;
    background-color: #a3d393
}

#freedom-ride #prizes .right-panel {
    gap: 14px;
    flex-wrap: wrap
}

#freedom-ride #prizes .right-panel .card {
    height: 200px
}

#freedom-ride #prizes .card {
    border-radius: 6px;
    overflow: hidden;
    padding: 0
}

#freedom-ride #prizes .title {
    display: inline-block;
    font-size: 12px;
    padding: 5px 12px;
    border-radius: 6px;
    font-weight: 600
}

#freedom-ride #prizes .prize-img {
    z-index: 9;
    position: absolute
}

#freedom-ride #prizes .trofi-img {
    z-index: 9;
    position: absolute
}

#freedom-ride #prizes .bottom-bg {
    width: 100%;
    height: 70px;
    position: absolute;
    bottom: -20px;
    left: 0;
    border-radius: 50% 50% 0 0
}

#freedom-ride #special-bonus {
    position: relative;
    margin-top: 40px;
    padding-top: 50px;
    background: linear-gradient(90deg, #725ebd 0, #9172a4 25%, #f5c06c 50%, #ba6d8d 75%, #a53d9d 100%)
}

#freedom-ride #special-bonus .special-bonus-wrap {
    flex-direction: column-reverse;
    row-gap: 30px
}

#freedom-ride #special-bonus .insta-post {
    width: 100%;
    height: auto
}

#freedom-ride #special-bonus .right-panel {
    text-align: center
}

#freedom-ride #special-bonus .sec-title {
    position: absolute;
    top: -32px;
    left: 50%;
    transform: translate(-50%, 0)
}

#freedom-ride #special-bonus .sec-title img {
    width: 250px
}

#freedom-ride #special-bonus .sec-title h2 {
    font-size: 18px
}

#freedom-ride #special-bonus h4 {
    font-size: 20px;
    color: #fff;
    font-weight: 600
}

#freedom-ride #special-bonus .wynd-points {
    background: #221629;
    font-size: 20px;
    color: #fff;
    font-weight: 600;
    padding: 10px 15px 10px 10px;
    border-radius: 50px;
    margin: 15px 0;
    display: inline-block
}

#freedom-ride #special-bonus .wynd-points img {
    width: 30px;
    margin-right: 8px;
    vertical-align: middle
}

#freedom-ride #special-bonus p {
    color: #fff;
    font-size: 14px
}

#freedom-ride .sectParticipate .flex-wrap {
    flex-direction: column
}

#freedom-ride #rider-gallery .rider-gallery-wrap {
    flex-direction: column;
    row-gap: 20px
}

#freedom-ride #rider-gallery .img-box {
    flex-wrap: wrap;
    gap: 20px;
    width: 100%
}

#freedom-ride #rider-gallery .img-box:nth-child(odd) .img-wrap:nth-child(-n+2) {
    width: calc(50% - 10px)
}

#freedom-ride #rider-gallery .img-box:nth-child(even) .img-wrap:nth-child(n+2) {
    width: calc(50% - 10px)
}

#freedom-ride #rider-gallery .img-wrap {
    width: 100%;
    height: 150px;
    line-height: 0;
    overflow: hidden;
    position: relative
}

#freedom-ride #rider-gallery .img-wrap img {
    max-width: 100%;
    min-height: 150px;
    object-fit: cover
}

.prizeList {
    flex-wrap: wrap
}

.prizeList .item {
    flex: 1 1 calc(50% - 10px);
    margin: 5px;
    overflow: hidden
}

.prizeList img {
    -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, .15);
    box-shadow: 0 0 8px rgba(0, 0, 0, .15);
    border-radius: 8px;
    -webkit-border-radius: 8px
}

.prizeList .item:first-child {
    flex: 1 1 100%
}

.prizeList img {
    width: 100%
}

@media only screen and (min-width:992px) {
    .fitHeader .freedomLogo {
        max-width: 45px
    }

    .fitHeader .freedomLogo.winterLogo {
        max-width: 55px
    }

    #freedom-ride .cardFit .distanceItem p {
        font-size: 16px
    }

    #freedom-ride .sec-title {
        display: inline-block
    }

    #freedom-ride .sec-title img {
        width: 370px
    }

    #freedom-ride .sec-title h2 {
        font-size: 28px
    }

    #freedom-ride .how-it-works .cyclist-round {
        width: auto;
        margin-bottom: 0
    }

    #freedom-ride .how-it-works .title {
        column-gap: 15px
    }

    #freedom-ride .how-it-works .title img {
        width: auto
    }

    #freedom-ride .how-it-works .date {
        font-size: 16px;
        padding: 0 8px
    }

    #freedom-ride .how-it-works .right-content {
        padding: 22px 22px 22px 85px
    }

    #freedom-ride .how-it-works h4 {
        font-size: 24px
    }

    #freedom-ride .how-it-works .wynd-coin {
        margin-top: 25px;
        font-size: 18px
    }

    #freedom-ride .how-it-works .wynd-coin img {
        width: auto
    }

    #freedom-ride #prizes .prizeWrap {
        gap: 30px;
        flex-direction: row
    }

    #freedom-ride #prizes .title {
        font-size: 18px;
        padding: 8px 30px
    }

    #freedom-ride #prizes .bottom-bg {
        height: 110px
    }

    #freedom-ride #prizes .prize-1 {
        width: 50%;
        height: 650px
    }

    #freedom-ride #prizes .prize-1 .title {
        font-size: 24px
    }

    #freedom-ride #prizes .prize-1 h3 {
        font-size: 36px;
        top: 50px;
        left: -30px
    }

    #freedom-ride #prizes .prize-1 .bottom-bg {
        height: 170px
    }

    #freedom-ride #prizes .prize-1 .prize-img {
        width: auto;
        left: 48%;
        bottom: 50px;
        transform: translate(-52%, 10px)
    }

    #freedom-ride #prizes .prize-1 .trofi-img {
        right: 30px;
        left: auto;
        width: 130px
    }

    #freedom-ride #prizes .prize-2,
    #freedom-ride #prizes .prize-3 {
        width: calc(50% - 15px);
        min-width: initial
    }

    #freedom-ride #prizes .prize-2 h3,
    #freedom-ride #prizes .prize-3 h3 {
        font-size: 18px;
        max-width: 200px;
        padding: 15px 0 0 20px
    }

    #freedom-ride #prizes .prize-2 .prize-img,
    #freedom-ride #prizes .prize-3 .prize-img {
        width: 230px
    }

    #freedom-ride #prizes .prize-2 .trofi-img,
    #freedom-ride #prizes .prize-3 .trofi-img {
        width: auto;
        right: 20px;
        top: 10px
    }

    #freedom-ride #prizes .prize-3 .prize-img {
        width: 170px
    }

    #freedom-ride #prizes .prize-4 h3 {
        font-size: 18px
    }

    #freedom-ride #prizes .prize-4 .prize-img {
        width: 220px;
        right: 60px
    }

    #freedom-ride #prizes .prize-4 .trofi-img {
        width: 90px;
        left: 50px
    }

    #freedom-ride #prizes .prize-4 .bottom-bg {
        height: 130px
    }

    #freedom-ride #prizes .right-panel {
        width: 50%;
        gap: 30px
    }

    #freedom-ride #prizes .right-panel .card {
        height: 310px
    }

    #freedom-ride .prizeList {
        flex-wrap: wrap;
        align-items: start
    }

    #freedom-ride .prizeList .itemHold {
        flex: 1 1 calc(50% - 10px);
        flex-wrap: wrap;
        align-items: start
    }

    #freedom-ride .prizeList .item {
        flex: 1 1 calc(50% - 10px);
        margin: 5px
    }

    #freedom-ride .prizeList .item:first-child {
        flex: 1 1 calc(50% - 10px)
    }

    #freedom-ride #special-bonus {
        padding-top: 80px;
        margin-top: 70px
    }

    #freedom-ride #special-bonus .special-bonus-wrap {
        column-gap: 50px;
        flex-direction: row;
        justify-content: space-around
    }

    #freedom-ride #special-bonus .sec-title {
        position: relative;
        top: 0;
        left: 0;
        transform: translate(0)
    }

    #freedom-ride #special-bonus .insta-post {
        width: auto
    }

    #freedom-ride #special-bonus .right-panel {
        text-align: left;
        max-width: 550px
    }

    #freedom-ride #special-bonus h4 {
        font-size: 38px
    }

    #freedom-ride #special-bonus .wynd-points {
        font-size: 34px;
        margin: 20px 0;
        padding: 10px 25px 10px 12px
    }

    #freedom-ride #special-bonus .wynd-points img {
        width: 50px
    }

    #freedom-ride #special-bonus p {
        font-size: 18px
    }

    #freedom-ride .sectParticipate .flex-wrap {
        column-gap: 20px;
        flex-direction: row
    }

    #freedom-ride #rider-gallery .rider-gallery-wrap {
        flex-direction: row;
        column-gap: 20px
    }

    #freedom-ride #rider-gallery .img-box {
        width: 33%
    }

    #freedom-ride #rider-gallery .img-wrap {
        height: 200px
    }

    #freedom-ride #rider-gallery .img-wrap img {
        min-height: 200px
    }
}

@media only screen and (min-width:1920px) {
    #freedom-ride #prizes .prize-4 h3 {
        right: 160px
    }

    #freedom-ride #prizes .prize-4 .prize-img {
        right: 180px
    }
}

.cdCaresWiz .cd {
    position: relative;
    padding: 16px;
    margin-top: 28px;
    text-align: left;
    overflow: hidden
}

.cdCaresWiz .cycleBg {
    position: absolute;
    left: 0;
    bottom: 0;
    background-size: contain !important;
    background-repeat: no-repeat;
    width: 100%;
    height: 95%;
    z-index: 0;
    opacity: .1;
    pointer-events: none
}

.cdCaresWiz .cdAssmbled {
    background: #fffcf2
}

.cdCaresWiz .cdWiz {
    background: #fffcf2
}

.cdCaresWiz .cdCare {
    background: #f2faff
}

.cdCaresWiz .imgLogo {
    width: auto;
    height: 16px;
    display: inline-block;
    vertical-align: middle;
    width: auto
}

.cdCaresWiz .cont {
    max-width: calc(100% - 100px);
    position: relative;
    z-index: 2
}

.cdCaresWiz .cont p {
    color: #505050
}

.cdCaresWiz .name {
    font-size: 15px;
    font-weight: 600;
    color: #221629;
    margin: 16px 0 5px
}

.cdCaresWiz .cdAssmbled .imgLogo {
    width: 190px
}

.cdCaresWiz .cdAssmbled .imgRgt {
    width: 160px;
    right: -50px
}

.cdCaresWiz .imgRgt {
    position: absolute;
    right: 10px;
    bottom: 0;
    width: 100px;
    height: auto;
    z-index: 2
}

.cdCaresWiz .tag {
    border-radius: 30px;
    padding: 4px 18px;
    margin-top: 14px;
    display: inline-block;
    vertical-align: middle;
    font-size: 12px;
    font-style: italic
}

#superComboPage {
    background: #f3f3f3
}

#superComboPage #breadcrumb {
    margin-bottom: 0
}

.scOfferBnr {
    position: relative;
    border-radius: 0;
    -webkit-border-radius: 0;
    background-repeat: no-repeat !important;
    background-size: cover !important
}

.scOfferBnr * {
    z-index: 1;
    position: relative
}

.scOfferBnr:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .65)
}

.scCard {
    margin-bottom: 16px;
    padding: 0 16px 16px;
    width: 100%
}

.scCard:last-child {
    margin-bottom: 0
}

.scCard .cdHead {
    position: relative;
    min-height: 55px;
    border-bottom: 1px solid #d9d9d9;
    overflow: hidden;
    padding: 0 16px;
    font-size: 18px;
    font-weight: 700;
    font-style: italic;
    margin: 0 -16px
}

.scCard .cdHead:before {
    content: "";
    position: absolute;
    top: 30%;
    left: 0;
    height: 20px;
    width: 300px;
    background: rgba(40, 173, 0, .1);
    -webkit-transform: rotate(-22deg);
    transform: rotate(-22deg)
}

.scCard .cdContent {
    flex-wrap: wrap
}

.scCard .cdItem {
    flex: 0 0 100%;
    margin-top: 16px
}

.scCard .cdItem .imgThumb {
    width: 90px;
    min-width: 90px;
    height: 70px;
    justify-content: center
}

.scCard .cdItem img {
    height: auto;
    width: auto;
    max-width: 100%;
    max-height: 100%
}

.scCard .cardPrice {
    display: flex;
    align-items: center
}

.scCard .name,
.scCard .price {
    font-size: 14px;
    line-height: 1.1;
    font-weight: 700
}

.scCard .price .icon-rupee {
    zoom: .75;
    font-weight: 700
}

.scCard .name {
    margin-bottom: 6px
}

.scCard .comboBtnHold {
    justify-content: space-between;
    column-gap: 20px
}

.scCard .btn {
    margin-top: 16px;
    height: 40px;
    width: 50%;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    text-transform: uppercase;
    max-width: 150px;
    font-size: 14px
}

.scCard .btn-edit {
    width: calc(50% - 20px);
    padding-top: 9px
}

.scCard .icon-edit {
    font-size: 85%
}

.scCard .cdFooter {
    border-top: 1px dashed #dedede;
    padding-top: 15px
}

#btnCreateCombo.scSticky {
    max-width: 290px;
    font-size: 18px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    padding: 12px 16px
}

.createCard {
    padding-bottom: 51px;
    margin-bottom: 16px;
    border: 1px solid transparent;
    position: relative
}

.createCard .loaderOverlay {
    position: absolute;
    z-index: 10;
    border-radius: 12px;
    -webkit-border-radius: 12px
}

.createCard.active,
.createCard.selected {
    border-color: #28ad00
}

.createCard.active .tickMark,
.createCard.selected .tickMark {
    background: #28ad00;
    border-color: #28ad00;
    opacity: 1
}

.createCard.active .tickMark:before,
.createCard.selected .tickMark:before {
    opacity: 1
}

.createCard.active .tickMark i,
.createCard.selected .tickMark i {
    border-color: #fff
}

.createCard .closeIconBtn {
    top: -20px;
    right: 12px
}

.createCard .closeIconBtn:after,
.createCard .closeIconBtn:before {
    background: #6a6a6a
}

.createCard .closeIconBtn:hover:after,
.createCard .closeIconBtn:hover:before {
    background: #f44336
}

.createCard .prodInfoList {
    padding: 8px 0
}

.createCard .prodInfoList li {
    padding-left: 16px;
    position: relative;
    margin-bottom: 12px;
    line-height: 1.2
}

.createCard .prodInfoList li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 4px;
    width: 6px;
    height: 6px;
    background: #979797;
    border-radius: 50%
}

.createCard .cardFooterGroup {
    justify-content: center;
    border-top: 0;
    column-gap: 10px;
    height: 42px;
    bottom: 10px
}

.createCard .cardFooterGroup .btn {
    border-radius: 30px;
    -webkit-border-radius: 30px;
    border-color: #ffdc00
}

.createCard .cardFooterGroup li {
    height: 40px;
    line-height: 38px;
    min-width: 120px
}

.createCard .cardFooterGroup li:nth-child(2) {
    border: 0
}

.createCard .cardColor.zoomed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    zoom: 1.5;
    z-index: 9;
    text-align: center
}

.createCard .cardColor.zoomed:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(255, 255, 255, .9);
    z-index: -1;
    border: 1px solid red;
    border-radius: 4px
}

.createCombo .modalFooter .btn {
    border-radius: 4px
}

.createCombo .modalFooter .btnFooter {
    font-size: 18px;
    color: #28ad00
}

.createCombo .arrowRight {
    border-style: solid;
    display: inline-block;
    padding: 3px;
    margin-left: 3px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    border-color: #fff;
    border-width: 0 1px 1px 0;
    vertical-align: -.5px;
    position: relative;
    z-index: 1;
    padding: 6px;
    top: -1px
}

.createCombo .modalProductLists .createCard {
    padding-bottom: 0
}

.createCombo .modalProductLists .createCard .cardName {
    margin: 5px 15px 3px;
    letter-spacing: 1.5px
}

.createCombo .modalProductLists .modalFooter {
    background: #fff;
    border-top: 1px solid #dfdfdf;
    padding: 8px;
    font-weight: 600
}

.createCombo .modalProductLists .modalFooter span.text-sm {
    font-weight: 400
}

.createCombo .modalProductLists .modalFooter .btn {
    height: 50px;
    min-width: 70px;
    margin-top: 8px
}

.tickMark {
    position: absolute;
    left: -1px;
    top: -1px;
    border: 1px solid #e7e7e7;
    width: 26px;
    height: 26px;
    text-align: center;
    line-height: 25px;
    z-index: 1;
    border-radius: 10px 0 10px 0;
    -webkit-border-radius: 10px 0 10px 0;
    background: #e9e9e9
}

.tickMark i {
    width: 16px;
    height: 8px;
    border-left: 2px solid #c5c5c5;
    border-bottom: 2px solid #c5c5c5;
    position: absolute;
    left: 50%;
    top: calc(50% - 4px);
    transform: translate(-50%, -50%) rotate(-45deg)
}

.stepMain {
    position: relative
}

.scSprit {
    width: 40px;
    height: 40px;
    margin: 0 auto;
    background: url(https://d60i6mpkbdpwe.cloudfront.net/assets/ninetyone/images/supper_combo/sc_sprite.svg) no-repeat;
    background-size: 132px
}

.btnSave {
    position: fixed;
    bottom: 50px;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: auto;
    z-index: 5;
    height: 60px;
    border-radius: 8px;
    font-size: 18px;
    padding: 0 36px 0 20px;
    text-transform: uppercase;
    width: 220px;
    opacity: 0;
    visibility: hidden;
    transition: all .3s ease-in-out
}

.btnSave.active {
    opacity: 1;
    visibility: visible;
    bottom: 10px
}

.btnSave.static {
    position: absolute;
    bottom: -10px
}

.btnSave i {
    position: absolute;
    top: 20px;
    right: 16px;
    transform: rotate(-90deg)
}

.createdCombo .benefiteList li {
    width: 25%
}

.createdCombo .benefiteList .list {
    font-size: 12px;
    min-height: 60px
}

.createdCombo .benefiteList .icon-holder {
    margin-top: -25px;
    background: #fff;
    border-radius: 4px;
    height: 36px;
    width: 36px;
    max-width: 100%;
    box-shadow: 0 0 6px rgba(0, 0, 0, .1);
    border: 1px solid #f3f3f3;
    margin-bottom: 10px
}

.createdCombo .scCard {
    margin-bottom: 24px
}

.createdCombo .cdComboPrice .cardPrice {
    font-size: 24px
}

.createdCombo .cdComboPrice .text {
    font-style: italic
}

.createdCombo .btn {
    max-width: 100%;
    height: 60px;
    font-size: 20px
}

.scSearchBox .searchBtn {
    z-index: 1;
    width: 26px;
    height: 26px;
    padding: 3px;
    font-size: 16px;
    border: 1px solid #28ad00;
    border-radius: 4px
}

.scSearchInput {
    background: #fff;
    border-radius: 5px;
    width: 100%;
    transition: all .3s ease;
    z-index: 5;
    margin-bottom: 18px
}

.scSearchInput input {
    box-sizing: border-box
}

.scSearchInput .closeIcon {
    top: -3px;
    right: -3px;
    width: 26px;
    height: 26px;
    background: #fff;
    border-radius: 4px;
    box-shadow: 0 0 4px rgba(0, 0, 0, .1)
}

.scSearchInput .closeIcon:after,
.scSearchInput .closeIcon:before {
    top: 12px;
    left: 5px;
    width: 60%
}

.selectMore .createCard {
    padding-bottom: 0
}

.selectMore .modalContent {
    padding-bottom: 80px
}

@media only screen and (min-width:1024px) {
    .createCombo .modalFooter {
        background: #fff;
        box-shadow: 0 -3px 14px rgba(0, 0, 0, .15)
    }

    .scSearchInput {
        width: 320px
    }
}

.bikeTypeList {
    flex-wrap: nowrap
}

.bikeTypeList.noSBorder::-webkit-scrollbar {
    display: none
}

.bikeTypeList .item {
    border: 1px solid #dfdfdf;
    line-height: 31px;
    font-size: 12px;
    color: #221629;
    display: block;
    padding: 0 20px;
    border-radius: 26px;
    white-space: nowrap
}

.bikeTypeList .item.active {
    color: #27a800;
    border-color: #27a800
}

.scStep {
    justify-content: space-between;
    text-transform: uppercase;
    margin: 20px 0 30px;
    position: relative;
    z-index: 1;
    padding: 0 16px
}

.scStep .stepPrgbar {
    position: absolute;
    bottom: 50px;
    height: 1px;
    left: 16px;
    right: 16px;
    background: #d9d9d9;
    z-index: -1
}

.scStep .indicator {
    height: 100%;
    width: 0%;
    transition: all .3s ease;
    -webkit-transition: all .3s ease
}

.scStep .scTop {
    color: #cecece;
    font-size: 12px;
    font-weight: 700
}

.scStep .scDigit {
    font-size: 29px;
    -webkit-text-fill-color: transparent;
    -webkit-text-stroke-color: #cecece;
    -webkit-text-stroke-width: 1px;
    letter-spacing: 3.5px;
    line-height: 1
}

.scStep .stepName {
    font-size: 15px;
    margin-top: -8px;
    position: relative;
    z-index: 1
}

.scStep .stepIcon {
    width: 50px;
    height: 50px;
    border: 1px solid #cecece;
    margin: 0 auto 6px;
    align-items: center;
    background: #fff;
    justify-content: center
}

.scStep .icon-right {
    color: #28ad00;
    font-size: 18px
}

.scStep .stepItem {
    text-align: center
}

.scStep .stepItem.active .stepIcon {
    background-color: #28ad00;
    -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, .16);
    box-shadow: 0 3px 6px rgba(0, 0, 0, .16)
}

.scStep .stepItem.active .scSprit.bike {
    background-position: 1px -39px
}

.scStep .stepItem.active .scSprit.acc {
    background-position: -48px -37px
}

.scStep .stepItem.active .scSprit.bags {
    background-position: -94px -40px
}

.scStep .stepItem.done .stepIcon {
    background-color: #000;
    -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, .16);
    box-shadow: 0 3px 6px rgba(0, 0, 0, .16)
}

.scSprit.bike {
    background-position: 1px 6px
}

.scSprit.acc {
    background-position: -48px 8px
}

.scSprit.bags {
    background-position: -94px 5px
}

.searchBtn {
    position: absolute;
    right: 0;
    top: 0;
    width: 30px;
    height: 30px;
    padding: 6px;
    font-size: 16px
}

.referHero {
    min-height: 572px;
    color: #fff;
    background-repeat: no-repeat;
    background-size: cover;
    overflow: hidden
}

.referHero h1,
.referHero h2,
.referHero p {
    color: #fff
}

.referHero h1 {
    margin-bottom: 12px;
    justify-content: center
}

.referHero h2 {
    font-size: 18px
}

.referHero .referImg img {
    position: relative;
    bottom: -18px
}

.referWidget {
    margin-top: 24px
}

.referWidget .shareWidgets {
    margin-top: 16px;
    justify-content: center;
    column-gap: 10px
}

.referWidget .shareWidgets a,
.referWidget .shareWidgets span {
    min-width: 26px;
    height: 26px;
    line-height: 26px;
    background: #fff
}

.referWidget .socialList {
    column-gap: 8px
}

.referWidget .referTitle {
    font-size: 16px
}

.referWidget .fieldInput,
.referWidget .shareWidgets a,
.referWidget .shareWidgets span {
    border-radius: 5px;
    -webkit-border-radius: 5px
}

.referWidget .fieldInput {
    border: 0;
    padding: 0 100px 0 15px;
    font-size: 12px
}

.referWidget #copyLink {
    position: absolute;
    right: -1px;
    top: 0;
    height: 40px;
    padding: 11px 16px;
    border-radius: 0 5px 5px 0;
    -webkit-border-radius: 0 5px 5px 0
}

.referWidget .shareMore i {
    background: #26551b;
    width: 3px;
    height: 3px;
    margin: 0 2px
}

.referEarnPage .table tr.active {
    background: #28ad00;
    color: #fff
}

.referEarnPage .referBnrWrap {
    justify-content: space-between
}

.referEarnPage .referHeroCont {
    padding-top: 20px;
    max-width: 225px;
    margin: 0 auto
}

.referEarnPage .referHeroCont img {
    margin-right: 8px;
    width: 20px
}

.referEarnPage .referHeroCont p {
    line-height: 1.3;
    font-size: 18px
}

.referEarnPage .referHeroCont .icon-rupee {
    font-weight: 700
}

.referEarnPage .referPointsGrp {
    flex-wrap: wrap;
    justify-content: space-between;
    column-gap: 30px;
    font-size: 12px;
    margin-top: 20px
}

.referEarnPage .referPointsGrp .item {
    flex: 1 1 calc(50% - 30px)
}

.referEarnPage .referPointsGrp .btn,
.referEarnPage .referPointsGrp .pointBtn {
    border-radius: 5px;
    -webkit-border-radius: 5px
}

.referEarnPage .referPointsGrp .pointBtn {
    height: 36px;
    width: 100%;
    background: #fff;
    color: #26551b;
    font-size: 18px;
    font-weight: 600;
    padding: 0 10px
}

.referEarnPage .referPointsGrp .btn {
    flex: 1 1 100%;
    margin-top: 20px;
    font-size: 15px;
    padding: 16px 0;
    line-height: 1
}

.referEarnPage .reVideCont h2+p {
    font-weight: 700
}

.referEarnPage .reVideCont h2 {
    color: #28ad00;
    font-size: 20px
}

.referEarnPage .reVideCont h3 {
    font-size: 15px
}

.referEarnPage .reVideCont p {
    font-size: 13px;
    margin-top: 16px
}

.referEarnPage .vidSection .videoBox {
    margin-top: 8px
}

.referEarnPage .cycleStep {
    position: absolute;
    left: 0;
    top: 50%;
    max-width: 200px
}

.referEarnPage .faqMain .secTitle {
    padding-bottom: 40px
}

.referEarnPage .faqMain .tab-main {
    -webkit-box-shadow: none;
    box-shadow: none;
    padding: 0
}

.referEarnPage .faqMain .faqPanel {
    -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, .16);
    box-shadow: 0 0 3px rgba(0, 0, 0, .16);
    margin-top: 20px;
    padding: 0 12px;
    border-top: 0;
    border-radius: 5px;
    -webkit-border-radius: 5px
}

.referEarnPage .faqMain .faqTitle {
    padding: 12px 15px 7px 0
}

.referEarnPage .faqMain .faqTitle .icon-arrow {
    top: 16px
}

.referEarnPage .faqMain .faqTitle.active~.faqContent {
    padding-bottom: 15px
}

.referEarnPage .muteBtn {
    width: 50px;
    bottom: 15px;
    right: 15px;
    height: 30px;
    font-size: 16px;
    line-height: 30px;
    position: absolute;
    border-radius: 20px;
    text-align: center;
    background: rgba(255, 255, 255, .8);
    color: #221629;
    box-shadow: 4px 4px 14px rgba(34, 22, 41, .1)
}

.referEarnPage .muteBtn.mute:after {
    content: "";
    display: block;
    width: 20px;
    height: 2px;
    background: red;
    position: absolute;
    top: 14px;
    left: 15px;
    transform: rotate(50deg)
}

.referEarnPage .swipeSlider {
    padding-bottom: 15px
}

.referEarnPage .tableScroll {
    overflow-y: scroll
}

.referEarnPage .table {
    width: 100%;
    min-width: 550px;
    margin-top: 12px;
    display: table
}

.referEarnPage .table td,
.referEarnPage .table th {
    border: 1px solid #ededed;
    padding: 8px 5px;
    font-size: 12px;
    text-align: center
}

.referEarnPage .table th {
    color: #000;
    font-weight: 600;
    background-color: #ececec;
    border-color: #e3e3e3
}

.referEarnPage .table td {
    font-weight: 300
}

.referEarnPage .table tr:nth-child(even) td {
    background-color: #f9f9f9
}

.reHowWorkSec .roadBg {
    margin: 80px 0 10px
}

#modalReferEarn .modalMain {
    font-size: 16px;
    font-weight: 300
}

.erhowSprite {
    background: url(https://d60i6mpkbdpwe.cloudfront.net/assets/ninetyone/images/refer_earn/how_work_sprite.svg) no-repeat;
    max-width: 115px;
    min-width: 115px;
    height: 106px;
    position: relative;
    zoom: .3
}

.erhowSprite:after {
    content: "";
    position: absolute;
    left: 60px;
    top: 107px;
    height: 60px;
    width: 2px;
    border-left: 2px dotted #28ad00;
    z-index: -1
}

.workStep1 {
    background-position: 0 0
}

.workStep2 {
    background-position: -118px 0;
    max-width: 118px;
    min-width: 118px
}

.workStep3 {
    background-position: -243px 0
}

.workStep3:after {
    border-left: 0;
    border-top: 2px dashed #28ad00;
    height: 2px;
    width: 130px;
    top: 54px;
    left: 100%
}

.workStep4 {
    background-position: -364px 0;
    max-width: 122px;
    min-width: 122px
}

.workStep4:after {
    border-left: 0;
    border-top: 2px dashed #28ad00;
    height: 2px;
    width: 115px;
    top: 50px;
    left: -110px
}

.reStepWrap {
    height: 245px;
    justify-content: space-between;
    position: absolute;
    left: 0;
    top: 60px;
    width: 100%;
    flex-wrap: wrap
}

.reStepWrap .item {
    max-width: 160px;
    position: relative;
    width: 100%;
    min-height: 80px
}

.reStepWrap .stepInfo {
    max-width: 500px;
    column-gap: 5px;
    align-items: flex-start
}

.reStepWrap .stepInfo p {
    font-size: 12px;
    line-height: 1.2
}

.reStepWrap .step1 {
    align-self: baseline;
    left: 7.5%
}

.reStepWrap .step2 {
    align-self: baseline;
    left: -2px;
    top: 0
}

.reStepWrap .step3 {
    align-self: baseline;
    left: 11%;
    top: 5px
}

.reStepWrap .step3 .stepInfo {
    flex-direction: row-reverse
}

.reStepWrap .step4 {
    align-self: end;
    top: 10%;
    left: -3%
}

.referLogin {
    max-width: 600px;
    margin: 20px auto 0
}

.referLogin .btn,
.referLogin .fieldInput {
    height: 40px;
    border: 0
}

.referLogin .fieldInput {
    font-size: 16px;
    padding: 0 16px
}

.referLogin .btn,
.referLogin .fieldControl {
    border-radius: 5px;
    -webkit-border-radius: 5px
}

.referLogin .fieldControl {
    box-shadow: 0 0 3px rgba(0, 0, 0, .16);
    overflow: hidden
}

.referLogin .btn {
    font-size: 16px;
    font-weight: 600;
    margin-top: 16px
}

#whyChooseSec {
    min-height: 453px
}

#whyChooseSec:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    background: rgba(0, 0, 0, .6);
    width: 100%;
    height: 100%;
    z-index: 0
}

#whyChooseSec h2,
#whyChooseSec h3,
#whyChooseSec p {
    color: #fff
}

#whyChooseSec .container-full {
    position: relative;
    z-index: 1;
    color: #fff
}

.chooseSprite {
    background: url(https://d60i6mpkbdpwe.cloudfront.net/assets/ninetyone/images/refer_earn/choose_sprite.svg) no-repeat;
    width: 90px;
    height: 90px;
    margin: 0 auto;
    zoom: .45
}

.reBrandSpec {
    justify-content: center;
    margin-top: 70px;
    column-gap: 10px;
    row-gap: 32px;
    flex-wrap: wrap
}

.reBrandSpec .iconHold {
    width: 70px;
    height: 70px;
    overflow: hidden;
    background: #f0f4f7;
    margin: 0 auto;
    margin-bottom: 10px;
    align-items: center
}

.reBrandSpec li {
    flex: 1 1 calc(33.33% - 10px)
}

.reBrandSpec h3,
.reBrandSpec p {
    max-width: 130px;
    margin: 0 auto;
    line-height: 1.1;
    font-size: 12px
}

.reBrandSpec h3 {
    font-weight: 600
}

.reBrandSpec p {
    margin-top: 6px;
    font-weight: 300
}

.reBrandSpec .spDesign {
    background-position: 0 0
}

.reBrandSpec .spBrand {
    background-position: -95px 0;
    width: 104px
}

.reBrandSpec .spSafety {
    background-position: -204px 0;
    height: 94px;
    width: 95px
}

.reBrandSpec .spWorld {
    background-position: -306px 0
}

.reBrandSpec .spWarrenty {
    background-position: -401px 0;
    width: 94px
}

.reBrandSpec .spService {
    background-position: -500px 0
}

#whyChooseSec .reBrandSpec {
    align-items: start
}

@media only screen and (min-width:375px) {
    .referHero {
        min-height: 586px
    }

    .reStepWrap .stepInfo p {
        line-height: 1.2
    }

    .reStepWrap .step2 {
        left: -2%
    }

    .reStepWrap .step4 {
        top: 15%;
        left: -4%
    }

    .workStep3:after {
        width: 143px
    }

    .workStep4:after {
        left: -116px
    }
}

@media only screen and (min-width:375px) {
    .reStepWrap .item {
        max-width: 165px
    }
}

@media only screen and (min-width:412px) {
    .referHero {
        min-height: 620px
    }

    .reStepWrap .item {
        max-width: 175px
    }

    .reStepWrap .step2 {
        top: 2px
    }

    .reStepWrap .step3 {
        left: 13%;
        top: 13px
    }

    .reStepWrap .step4 {
        top: 22%;
        left: -5%
    }
}

@media only screen and (min-width:430px) {
    .reStepWrap .step2 {
        left: -3%
    }

    .reStepWrap .step3 {
        left: 15%
    }

    .reStepWrap .step4 {
        top: 23%;
        left: -7%
    }
}

@media only screen and (min-width:568px) {
    .erhowSprite {
        zoom: .5
    }

    .reHowWorkSec .roadBg {
        margin: 130px 0 20px
    }

    .reStepWrap {
        height: 442px;
        top: 80px
    }

    .reStepWrap .stepInfo {
        align-items: center
    }

    .reStepWrap .stepInfo p {
        max-width: 200px;
        font-size: 13px
    }

    .reStepWrap .item {
        max-width: 41%
    }

    .reStepWrap .step3 {
        top: -18px
    }

    .reStepWrap .step4 {
        top: -48px
    }
}

@media only screen and (min-width:768px) {
    .reStepWrap {
        height: 538px
    }

    .referEarnPage .table {
        margin-top: 12px
    }

    .referEarnPage .table td,
    .referEarnPage .table th {
        padding: 10px 15px;
        font-size: 16px
    }
}

@media only screen and (min-width:1024px) {
    .reStepWrap {
        height: 680px
    }

    .reStepWrap .item {
        max-width: 44%
    }

    .reStepWrap .step1 {
        left: 9.5%
    }

    .reStepWrap .step2 {
        left: 1%
    }

    .referEarnPage .table {
        margin-top: 18px
    }

    .referEarnPage.share-earn {
        padding: 30px 0
    }

    .referEarnPage.share-earn .referHeroCont {
        padding-top: 0
    }

    .referEarnPage.share-earn .referPointsGrp {
        margin-top: 30px
    }

    .referEarnPage.share-earn .referPointsGrp .pointBtn {
        height: 54px;
        font-size: 23px
    }

    .referEarnPage.share-earn.referHero {
        min-height: auto;
        border-radius: 6px
    }

    .referEarnPage.share-earn.referHero h1 {
        font-size: 26px;
        margin-bottom: 40px
    }

    .referEarnPage.share-earn.referHero h2 {
        font-size: 18px
    }

    .referEarnPage.share-earn .referImg {
        width: 400px
    }

    .referEarnPage.share-earn .referImg img {
        width: 370px;
        position: absolute;
        bottom: -50px;
        right: 0
    }

    #modalReferEarn .modalMain {
        font-size: 20px;
        max-width: 520px
    }
}

@media only screen and (min-width:1280px) {
    .referEarnPage .referBnrWrap {
        justify-content: start
    }

    .referEarnPage .referHeroCont {
        padding-top: 70px;
        max-width: 580px;
        margin: 0;
        text-align: left
    }

    .referEarnPage .referHeroCont img {
        margin-right: 18px;
        width: 39px
    }

    .referEarnPage .referPointsGrp {
        margin-top: 50px;
        font-size: 23px;
        column-gap: 60px
    }

    .referEarnPage .referPointsGrp .pointBtn {
        height: 70px;
        font-size: 38px;
        padding: 0 20px
    }

    .referEarnPage .referPointsGrp .btn {
        margin-top: 40px;
        padding: 16px 0;
        font-size: 36px
    }

    .referEarnPage .reVideCont {
        padding-right: 8%
    }

    .referEarnPage .reVideCont h2 {
        font-size: 40px
    }

    .referEarnPage .reVideCont h3 {
        font-size: 24px
    }

    .referEarnPage .reVideCont p {
        font-size: 24px;
        margin-top: 36px
    }

    .referEarnPage .faqMain .secTitle {
        padding-bottom: 40px
    }

    .referEarnPage .faqMain .faqPanel {
        margin-top: 20px;
        padding: 0 30px
    }

    .referEarnPage .faqMain .faqTitle {
        padding: 30px 300px 30px 0
    }

    .referEarnPage .faqMain .faqTitle .icon-arrow {
        top: 35px
    }

    .referEarnPage .faqMain .faqTitle.active~.faqContent {
        padding-bottom: 30px
    }

    .referWidget {
        max-width: 790px;
        align-items: baseline;
        column-gap: 24px
    }

    .referWidget .refeLinkBox {
        flex: 1 1 auto
    }

    .referWidget #copyLink,
    .referWidget .fieldInput {
        font-size: 16px
    }

    .referWidget #copyLink {
        padding: 9px 16px
    }

    .referWidget .socialList {
        margin-top: 4px;
        text-align: center
    }

    .referWidget .shareWidgets {
        margin-top: 0
    }

    .referWidget .shareWidgets a {
        font-size: 20px
    }

    .referWidget .shareWidgets a,
    .referWidget .shareWidgets span {
        min-width: 40px;
        height: 40px;
        line-height: 40px;
        background: #fff
    }

    .referHero {
        min-height: 620px
    }

    .referHero h1 {
        margin-bottom: 50px;
        justify-content: start
    }

    .referHero h2 {
        font-size: 35px
    }

    .referHero p {
        font-size: 18px
    }

    .referHero .referImg {
        position: absolute;
        right: 0;
        bottom: 0;
        width: 685px;
        height: 100%
    }

    .referHero .referImg img {
        bottom: -38px
    }

    .reHowWorkSec .roadBg {
        margin: 200px 0
    }

    #whyChooseSec {
        min-height: 453px
    }

    .referLogin {
        max-width: 800px;
        margin: 55px auto 0
    }

    .referLogin .btn,
    .referLogin .fieldInput {
        height: 70px
    }

    .referLogin .fieldInput {
        font-size: 20px
    }

    .referLogin .btn {
        width: 200px;
        position: absolute;
        top: 0;
        right: 0;
        font-size: 24px;
        font-weight: 600;
        margin-top: 0
    }

    .chooseSprite {
        zoom: 1
    }

    .reBrandSpec {
        margin-top: 70px;
        column-gap: 10px;
        flex-wrap: nowrap
    }

    .reBrandSpec .iconHold {
        width: 160px;
        height: 160px;
        margin-bottom: 16px
    }

    .reBrandSpec li {
        flex: 1 1 calc(16.67% - 5px)
    }

    .reBrandSpec h3,
    .reBrandSpec p {
        max-width: 215px
    }

    .reBrandSpec h3 {
        font-size: 20px
    }

    .reBrandSpec p {
        font-size: 18px;
        margin-top: 18px;
        font-weight: 400
    }

    .erhowSprite {
        zoom: 1
    }

    .erhowSprite:after {
        height: 230px
    }

    .reStepWrap {
        height: 500px;
        top: 130px;
        flex-wrap: nowrap
    }

    .reStepWrap .stepInfo {
        column-gap: 10px;
        background: #fff;
        align-items: center
    }

    .reStepWrap .stepInfo p {
        max-width: 275px;
        font-size: 20px;
        padding-left: 10px
    }

    .reStepWrap .item {
        max-width: 500px;
        min-width: 400px;
        min-height: 130px
    }

    .reStepWrap .step1 {
        left: 13%
    }

    .reStepWrap .step2 {
        align-self: end;
        left: -17%;
        top: 115px
    }

    .reStepWrap .step2 .stepInfo {
        flex-direction: row-reverse
    }

    .reStepWrap .step3 {
        left: -4.5%;
        top: 2px
    }

    .reStepWrap .step3 .stepInfo {
        flex-direction: row
    }

    .reStepWrap .step4 {
        top: 115px;
        left: -37%
    }

    .reStepWrap .step4 .stepInfo {
        flex-direction: row-reverse
    }

    .workStep2:after {
        top: auto;
        bottom: 90px
    }

    .workStep3:after {
        border-top: 0;
        border-left: 2px dotted #28ad00;
        left: 53%
    }

    .workStep4:after {
        border-top: 0;
        border-left: 2px dotted #28ad00;
        left: 53%;
        top: auto;
        bottom: 100%
    }
}

@media only screen and (min-width:1360px) {
    .reHowWorkSec .roadBg {
        margin: 210px 0 160px
    }

    .reStepWrap .step2 {
        left: -13.5%
    }

    .reStepWrap .step3 {
        left: 0
    }

    .reStepWrap .step4 {
        left: -29%
    }
}

@media only screen and (min-width:1400px) {
    .reStepWrap .step2 {
        left: -12%
    }

    .reStepWrap .step3 {
        left: 1.5%
    }

    .reStepWrap .step4 {
        left: -26%
    }
}

@media only screen and (min-width:1440px) {
    .reStepWrap .step2 {
        left: -10.5%
    }

    .reStepWrap .step3 {
        left: 3%
    }

    .reStepWrap .step4 {
        left: -23%
    }
}

@media only screen and (min-width:1600px) {
    .reHowWorkSec .roadBg {
        margin: 200px 0 130px
    }

    .reStepWrap .step1 {
        left: 14%
    }

    .reStepWrap .step2 {
        left: -5%;
        top: 135px
    }

    .reStepWrap .step3 {
        left: 9.5%
    }

    .reStepWrap .step4 {
        top: 135px;
        left: -12%
    }
}

@media only screen and (min-width:1680px) {
    .reStepWrap .step2 {
        top: 160px;
        left: -5%
    }

    .reStepWrap .step3 {
        left: 10.5%
    }

    .reStepWrap .step4 {
        top: 160px;
        left: -10.5%
    }
}

@media only screen and (min-width:1920px) {
    .reHowWorkSec .roadBg {
        margin: 180px 0
    }

    .erhowSprite:after {
        height: 270px
    }

    .reStepWrap {
        height: 530px
    }

    .reStepWrap .step2 {
        top: 180px
    }

    .reStepWrap .step4 {
        top: 180px
    }
}

#pdHeder {
    background: #262626;
    position: sticky;
    top: 0;
    z-index: 99
}

#pdHeder img {
    height: auto
}

#pdHeder .pdLogo {
    max-width: 143px
}

#pdHeder .brandLogo {
    max-width: 24px
}

#pdHeder .rowHead {
    justify-content: space-between;
    height: 60px
}

#pdHeder #proHomeBtn {
    margin-left: auto
}

#prodLanding {
    background: #000
}

#prodLanding .infoRight span,
#prodLanding .secTitle,
#prodLanding h1,
#prodLanding h2,
#prodLanding h3,
#prodLanding h4,
#prodLanding h5,
#prodLanding p {
    color: #fff
}

#prodLanding .secTitle,
#prodLanding h1,
#prodLanding h2 {
    font-size: 20px
}

#prodLanding .secTitle+p,
#prodLanding h1+p,
#prodLanding h2+p {
    color: rgba(255, 255, 255, .89);
    margin-bottom: 20px
}

#prodLanding .heading .secTitle,
#prodLanding .heading h1,
#prodLanding .heading h2 {
    margin-bottom: 20px
}

#prodLanding .section {
    padding: 50px 0
}

#prodLanding .heroSlideBody {
    margin-top: 0 !important;
    height: 500px
}

#prodLanding .heroSlideBody .bannerVideo,
#prodLanding .heroSlideBody video[poster] {
    width: 100%
}

#prodLanding .heroSlideBody .pauseBtn {
    color: #000
}

#prodLanding .heroSlideBody .dot {
    background: #28ad00;
    margin: 0 8px;
    border: 0;
    box-shadow: 0 0 5px rgba(255, 255, 255, .5);
    color: #28ad00
}

#prodLanding .heroSlideBody .dot:not(.active) {
    background: #262626;
    color: #262626
}

#prodLanding .heroSlideBody .sliderDot {
    bottom: 12px
}

#prodLanding .heroSlideBody .sliderDot .icon-play {
    background: 0 0;
    display: inline-flex;
    align-items: center;
    box-shadow: none;
    font-size: 18px
}

#prodLanding .heroSlideBody .sliderDot .icon-play:not(.active) {
    background: 0 0;
    font-size: 14px
}

#prodLanding .slick-dots li.slick-active button:before {
    background: #28ad00
}

#prodLanding .slick-dots li:not(.slick-active) button:before {
    background: #262626;
    border-color: #262626
}

#prodLanding .tabsWrap {
    display: flex;
    justify-content: center;
    column-gap: 30px
}

#prodLanding .tabsWrap li {
    padding-bottom: 4px;
    cursor: pointer;
    opacity: .4;
    font-size: 15px;
    color: #fff;
    border-bottom: 2px solid transparent
}

#prodLanding .tabsWrap li.current {
    opacity: 1;
    border-color: #28ad00
}

#prodLanding .tab_content {
    display: none;
    position: relative;
    min-height: 170px;
    z-index: 0
}

#prodLanding .tab_content.current {
    display: inherit;
    animation: fadeIn ease 1s;
    -webkit-animation: fadeIn ease 1s;
    -moz-animation: fadeIn ease 1s
}

#prodLanding .contactWidget .item {
    min-width: auto;
    width: 100%;
    max-width: 100%
}

#prodLanding #watch-shop {
    padding-bottom: 50px
}

#prodLanding #watchShopSlider {
    margin-bottom: 12px
}

#prodLanding #modalInstaVideo .vidItem .playBtn:before {
    bottom: 140px
}

#prodLanding .everyRide .item {
    position: relative
}

#prodLanding .everyRide .slick-arrow {
    background: 0 0;
    top: auto;
    bottom: 32px;
    height: 30px;
    width: 24px
}

#prodLanding .everyRide .slick-arrow:before {
    border-color: #fff
}

#prodLanding .everyRide .slick-next {
    right: calc(20% - 24px)
}

#prodLanding .everyRide .slick-prev {
    left: calc(20% - 24px)
}

#prodLanding .rideDesc {
    position: absolute;
    bottom: 12px;
    max-width: 80%;
    right: 0;
    left: 0;
    margin: auto;
    background: rgba(38, 38, 38, .8);
    border-radius: 3px;
    -webkit-border-radius: 3px;
    padding: 5px 35px;
    min-height: 100px;
    display: flex;
    flex-direction: column;
    justify-content: center
}

#prodLanding .rideDesc .h3,
#prodLanding .rideDesc h3 {
    font-size: 14px;
    line-height: 1.1;
    margin-bottom: 5px
}

#prodLanding .rideDesc p {
    line-height: 1.1;
    font-weight: 300
}

#prodLanding .muteBtn {
    width: 50px;
    bottom: 15px;
    right: 15px;
    height: 30px;
    font-size: 16px;
    line-height: 30px;
    position: absolute;
    border-radius: 20px;
    text-align: center;
    background: rgba(255, 255, 255, .8);
    color: #221629;
    box-shadow: 4px 4px 14px rgba(34, 22, 41, .1)
}

#prodLanding .muteBtn.mute:after {
    content: "";
    display: block;
    width: 20px;
    height: 2px;
    background: red;
    position: absolute;
    top: 14px;
    left: 15px;
    transform: rotate(50deg)
}

#prodLanding .playBtn {
    pointer-events: none
}

#prodLanding #careMainSlider,
#prodLanding .cardVoiceRider,
#prodLanding .cdCaresWiz .cd,
#prodLanding .contactWidget .item,
#prodLanding .instaVidGallery .listItem {
    background: #262626
}

#prodLanding .cdCaresWiz .tag,
#prodLanding .instaVidGallery .viewVid span {
    color: #000
}

#prodLanding #modalInstaVideo .listItem {
    background: rgba(38, 38, 38, .8)
}

#prodLanding .contactWidget .itemTitle {
    color: #fff
}

#prodLanding .cardVoiceRider .name {
    color: #fff
}

#prodLanding .cardVoiceRider .listModalInfo .imgThumb img {
    width: auto
}

#prodLanding .cd {
    overflow: hidden;
    margin-top: 0
}

#prodLanding .noCostEmi {
    padding-top: 2px
}

#prodLanding #testRide .fieldInput {
    border-radius: 6px;
    -webkit-border-radius: 6px;
    color: #959595
}

#prodLanding #testRide .btn {
    width: auto;
    margin: 0;
    font-weight: 400
}

#prodLanding .allRiderRiviewBtn {
    color: #28ad00
}

@keyframes fadeIn {
    0% {
        transform: translate(0, 30px);
        opacity: 0
    }

    100% {
        transform: translate(0, 0);
        opacity: 1
    }
}

@-moz-keyframes fadeIn {
    0% {
        transform: translate(0, 30px);
        opacity: 0
    }

    100% {
        transform: translate(0, 0);
        opacity: 1
    }
}

@-webkit-keyframes fadeIn {
    0% {
        transform: translate(0, 30px);
        opacity: 0
    }

    100% {
        transform: translate(0, 0);
        opacity: 1
    }
}

#prodLanding #testRide .QCwrap .modalMain {
    background: #262626
}

#prodLanding #testRide .QCwrap .modalContent {
    position: relative
}

#prodLanding #testRide .QCwrap .closeIconBtn {
    top: -18px;
    right: -20px;
    left: auto
}

#prodLanding .closeIconBtn {
    position: absolute;
    top: 12px;
    right: 8px;
    z-index: 105;
    -webkit-transition-delay: .3s;
    transition-delay: .3s;
    cursor: pointer
}

#prodLanding .closeIconBtn:after,
#prodLanding .closeIconBtn:before {
    content: "";
    background: #221629;
    position: absolute;
    left: 7px;
    top: 17px;
    height: 2px;
    width: 60%
}

#prodLanding .closeIconBtn:before {
    content: "";
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

#prodLanding .closeIconBtn:after {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    display: block
}

#careMainSlider .cd {
    max-width: 1000px;
    margin: 0 auto;
    padding: 20px
}

#careMainSlider .name {
    color: #fff
}

#careMainSlider p {
    color: rgba(255, 255, 255, .89)
}

#careMainSlider .cdCareLogo {
    width: auto;
    max-width: 100%;
    margin: 0;
    height: 14px
}

#careMainSlider .cycleBg {
    opacity: .04
}

#careMainSlider .careBtnGroup {
    column-gap: 12px;
    margin-top: 12px;
    line-height: 21px
}

#careMainSlider .careBtnGroup span {
    background: #fff;
    border-radius: 2px;
    padding: 0 8px
}

#careMainSlider .careBtnGroup img {
    max-width: 100%;
    width: auto;
    display: initial;
    height: 7px
}

#careMainSlider .slick-dots li:not(.slick-active) button:before {
    background: #5d5757;
    border-color: #5d5757
}

#careMainSlider .imgRgt {
    right: -24px;
    bottom: -6px;
    width: 150px
}

#careMainSlider .cdAssmbled .imgRgt {
    right: -62px;
    bottom: -34px;
    width: 180px
}

#careMainSlider .cdWiz .imgRgt {
    right: -15px;
    bottom: -8px
}

.bookRideOuter {
    border-radius: 10px;
    -webkit-border-radius: 10px;
    padding: 20px;
    background: #262626;
    text-align: left
}

.bookRideOuter .customCheckbox,
.bookRideOuter .fieldInput,
.bookRideOuter .fieldLabel {
    background: #000
}

.bookRideOuter .fieldLabel {
    color: #959595
}

.bookRideOuter .customCheckbox {
    padding: 12px 16px 12px 46px;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    font-weight: 600;
    color: #fff
}

.bookRideOuter .customIndicator {
    top: 12px;
    left: 16px;
    background: #fff;
    border-color: #fff
}

#bookRideThank {
    color: #fff;
    display: none;
    opacity: 0;
    visibility: hidden
}

#bookRideThank.active {
    display: block;
    opacity: 1;
    visibility: visible
}

#bookRideThank .thankContent {
    display: flex;
    flex-direction: column;
    min-height: 330px;
    justify-content: center;
    border: 1px dashed #393838;
    padding: 16px;
    border-radius: 12px;
    -webkit-border-radius: 12px
}

#bookRideThank .title {
    font-size: 20px;
    margin-bottom: 12px
}

#bookRideThank .tagHeading {
    font-size: 18px;
    margin-bottom: 12px
}

#bookRideThank p {
    font-size: 14px;
    font-weight: 300;
    margin-bottom: 12px
}

@media only screen and (min-width:360px) {
    #prodLanding .heroSlideBody {
        height: 577px
    }
}

@media only screen and (min-width:375px) {
    #prodLanding .heroSlideBody {
        height: 600px
    }
}

@media only screen and (min-width:412px) {
    #prodLanding .heroSlideBody {
        height: 660px
    }
}

@media only screen and (min-width:1024px) {
    #pdHeder .pdLogo {
        max-width: 200px
    }

    #pdHeder .rowHead {
        height: 70px
    }

    #pdHeder .brandLogo {
        max-width: 30px
    }

    #prodLanding .quickContact {
        margin-left: 0;
        margin-right: 0
    }

    #prodLanding .secTitle,
    #prodLanding h1,
    #prodLanding h2 {
        font-size: 36px
    }

    #prodLanding .secTitle+p,
    #prodLanding h1+p,
    #prodLanding h2+p {
        margin-bottom: 30px
    }

    #prodLanding .heading .secTitle,
    #prodLanding .heading h1,
    #prodLanding .heading h2 {
        margin-bottom: 54px
    }

    #prodLanding .section {
        padding: 70px 0
    }

    #prodLanding .heroSlideBody {
        height: 453px
    }

    #prodLanding .heroSlideBody .dot {
        width: 22px;
        height: 22px
    }

    #prodLanding .heroSlideBody .dot:not(.active) {
        width: 18px;
        height: 18px
    }

    #prodLanding .heroSlideBody .sliderDot {
        bottom: 22px
    }

    #prodLanding .heroSlideBody .sliderDot .icon-play {
        font-size: 22px
    }

    #prodLanding .heroSlideBody .sliderDot .icon-play:not(.active) {
        font-size: 18px
    }

    #prodLanding .slick-next,
    #prodLanding .slick-prev {
        border-radius: 6px;
        -webkit-border-radius: 6px;
        background: #262626 !important
    }

    #prodLanding .slick-dots li {
        height: 30px;
        width: 30px
    }

    #prodLanding .slick-dots li button {
        height: 30px;
        width: 30px
    }

    #prodLanding .slick-dots li button:before {
        width: 18px;
        height: 18px
    }

    #prodLanding .slick-dots li.slick-active button:before {
        width: 22px;
        height: 22px
    }

    #prodLanding .tabsWrap {
        column-gap: 50px;
        margin-bottom: 30px
    }

    #prodLanding .tabsWrap li {
        padding-top: 12px;
        font-size: 20px
    }

    #prodLanding .tab_content {
        min-height: 500px
    }

    #prodLanding .rideDesc {
        max-width: 830px;
        min-height: 220px;
        padding: 5px 55px
    }

    #prodLanding .rideDesc h3 {
        font-size: 36px;
        margin-bottom: 14px
    }

    #prodLanding .rideDesc p {
        font-size: 20px
    }

    #prodLanding .everyRide .slick-arrow {
        bottom: 110px;
        background: 0 0 !important;
        -webkit-box-shadow: none;
        box-shadow: none
    }

    #prodLanding .everyRide .slick-arrow:before {
        padding: 6px
    }

    #prodLanding .everyRide .slick-next {
        right: calc(16% - 24px)
    }

    #prodLanding .everyRide .slick-prev {
        left: calc(16% - 24px)
    }

    #prodLanding #watchShopSlider {
        margin-bottom: 45px
    }

    #prodLanding #watchShopSlider .slick-dots {
        bottom: -33px
    }

    #prodLanding .watchShopSlider .cardVid {
        width: 265px
    }

    #prodLanding #modalInstaVideo .listItem {
        background: #262626
    }

    #prodLanding #modalInstaVideo .vidItem .playBtn:before {
        bottom: 0
    }

    #prodLanding .noCostEmi,
    #prodLanding .noCostEmiWrap {
        margin-top: 0
    }

    #prodLanding .quickContact h2+p {
        margin-bottom: 61px
    }

    #prodLanding .quickContact li {
        display: block;
        width: 100%
    }

    #prodLanding #testRide .btn {
        font-size: 16px
    }

    #prodLanding #testRide .QCwrap .modalMain {
        background: #262626
    }

    #prodLanding #testRide .QCwrap .modalContent {
        padding: 50px 28px 60px
    }

    #prodLanding #testRide .QCwrap .closeIconBtn:after,
    #prodLanding #testRide .QCwrap .closeIconBtn:before {
        top: 20px;
        left: 9px
    }

    #careMainSlider .cd {
        padding: 40px 16px;
        min-height: 570px
    }

    #careMainSlider .name {
        font-size: 30px;
        margin: 36px 0 20px
    }

    #careMainSlider p {
        font-size: 26px
    }

    #careMainSlider .tag {
        font-size: 26px;
        margin-top: 26px
    }

    #careMainSlider .slick-dots {
        bottom: 20px
    }

    #careMainSlider .cdCareLogo {
        height: 33px
    }

    #careMainSlider .careBtnGroup {
        column-gap: 30px;
        margin-top: 80px
    }

    #careMainSlider .careBtnGroup img {
        height: 20px
    }

    #careMainSlider .careBtnGroup span {
        line-height: 70px;
        padding: 0 20px;
        cursor: pointer
    }

    #careMainSlider .cdAssmbled .imgRgt {
        right: -140px;
        width: 570px;
        bottom: -35px
    }

    #careMainSlider .imgRgt {
        bottom: -13px;
        width: 400px;
        pointer-events: none
    }

    #careMainSlider .cycleBg {
        -moz-transform: scaleX(-1);
        -o-transform: scaleX(-1);
        -webkit-transform: scaleX(-1);
        transform: scaleX(-1);
        filter: FlipH
    }

    .bookRideOuter {
        padding: 45px
    }
}

@media only screen and (min-width:1280px) {
    #prodLanding .heroSlideBody {
        height: 500px
    }
}

@media only screen and (min-width:1360px) {
    #prodLanding .heroSlideBody {
        height: 550px
    }

    #careMainSlider .cd {
        min-height: 530px
    }
}

@media only screen and (min-width:1400px) {
    #prodLanding .heroSlideBody {
        height: 640px
    }

    #careMainSlider .cd {
        max-width: 1300px;
        padding: 90px 16px;
        min-height: 570px
    }

    #careMainSlider .careBtnGroup {
        column-gap: 54px
    }

    #careMainSlider .careBtnGroup img {
        height: 26px
    }

    #careMainSlider .careBtnGroup span {
        line-height: 93px
    }

    #careMainSlider .imgRgt {
        right: 45px;
        bottom: -13px;
        width: 420px
    }

    #careMainSlider .cdAssmbled .imgRgt {
        right: 0;
        width: 650px;
        bottom: -22px
    }

    #careMainSlider .cdWiz .imgRgt {
        right: 45px;
        bottom: -51px
    }
}

@media only screen and (min-width:1600px) {
    #pdHeder .pdLogo {
        max-width: 250px
    }

    #pdHeder .rowHead {
        height: 80px
    }

    #pdHeder .brandLogo {
        max-width: 40px
    }

    #prodLanding .heroSlideBody {
        height: 660px
    }

    #prodLanding .section {
        padding: 100px 0
    }

    #prodLanding .secTitle+p,
    #prodLanding h1+p,
    #prodLanding h2+p {
        margin-bottom: 54px
    }

    #prodLanding .quickContact h2+p {
        margin-bottom: 85px
    }

    #prodLanding .noCostEmi {
        margin-top: 0
    }

    #prodLanding .watchShopSlider .cardVid {
        width: 280px
    }
}

@media only screen and (min-width:1680px) {
    #prodLanding .heroSlideBody {
        height: 740px
    }

    #careMainSlider .cd {
        min-height: 600px
    }
}

@media only screen and (min-width:1920px) {
    #pdHeder .pdLogo {
        max-width: 300px
    }

    #pdHeder .rowHead {
        height: 90px
    }

    #prodLanding .heroSlideBody {
        height: 810px
    }

    #careMainSlider .cd {
        max-width: 1600px;
        min-height: 640px
    }
}

.payWidget {
    line-height: 1.2;
    background: #dbffd0;
    margin-bottom: 0;
    margin-top: 12px
}

.payWidget .payLogo {
    padding-right: 10px;
    max-width: 50px;
    flex-shrink: 0
}

.payWidget img {
    height: auto
}

.payWidget .title {
    font-size: 14px;
    color: #000
}

.payWidget p {
    line-height: 1.1
}

.payWidget .icon-rupee {
    font-size: 100%;
    zoom: .75;
    font-weight: 700
}

.payWidget .payCont {
    zoom: .85
}

.payCard {
    border-radius: 4px;
    -webkit-border-radius: 4px;
    padding: 10px;
    padding: 15px 10px;
    justify-content: space-between;
    font-size: 16px;
    margin-bottom: 20px
}

.payCard.pdY {
    padding-top: 0;
    padding-bottom: 0
}

.payCard.payCdAccnt {
    background: #28ad00;
    color: #fff
}

.payCard .payLogo {
    flex-shrink: 0;
    max-width: 90px;
    padding-left: 15PX
}

.payCard .payCardDescp {
    flex-grow: 1
}

.payCard .title {
    font-size: 22px
}

.payCard .subTitle {
    font-size: 14px
}

.payCard.benefit {
    column-gap: 12px;
    font-size: 13px;
    line-height: 1.2
}

.payCard.payCdBgLight {
    background: #dbffd0;
    color: #28ad00
}

.payCard .item {
    text-align: center;
    flex: 1
}

.payCard .itemIcon {
    width: 28px;
    margin: 0 auto
}

.payCard p {
    line-height: 1.2
}

.payCard .icon-rupee {
    font-weight: 700
}

.payCard.payStep {
    border: 1px solid #c7c7c7;
    font-size: 12px;
    align-items: start;
    margin: 20px 0 1px;
    column-gap: 8px;
    color: #646464
}

.payCard.payStep .selectLogo {
    max-width: 24px;
    vertical-align: middle
}

.payCard .stepName {
    border: 1px solid #28ad00;
    padding: 5px 10px;
    line-height: 1;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    margin-bottom: 12px;
    white-space: nowrap;
    color: #28ad00
}

#modal91Pay .modalMainBottom {
    max-width: 380px !important
}

#modal91Pay .modalContent {
    padding: 12px
}

#modal91Pay .selectPay {
    font-weight: 300;
    font-size: 18px
}

#modal91Pay .selectLogo {
    width: 40px
}

.helpDesk {
    position: fixed;
    right: -60px;
    bottom: 110px;
    width: 40px;
    height: 40px;
    font-size: 20px;
    line-height: 1;
    color: #fff;
    z-index: 20;
    box-shadow: 0 3px 6px rgba(0, 0, 0, .16), 0 3px 6px rgba(0, 0, 0, .23);
    background: #28ad00;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    justify-content: center;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    cursor: pointer
}

.helpDesk.active {
    opacity: 1;
    visibility: visible;
    right: 10px
}

.helpDesk:focus span,
.helpDesk:hover span {
    position: relative;
    animation: helpZoom .3s 2
}

@keyframes helpZoom {
    0% {
        transform: scale(1, 1)
    }

    50% {
        transform: scale(1.1, 1.1)
    }

    100% {
        transform: scale(1, 1)
    }
}

.contentPage h1 {
    text-transform: capitalize
}

.contentPage h2 {
    text-align: center;
    margin-bottom: 20px;
    padding-top: 20px;
    font-size: 22px
}

.contentPage h2.h2 {
    font-weight: 700;
    font-size: 24px;
    line-height: 1.1;
    padding-top: 30px
}

.contentPage h4 {
    margin-bottom: 12px
}

.contentPage p {
    font-size: 12px
}

.contentPage a {
    color: #28ad00
}

.contentPage ol,
.contentPage ul {
    margin-bottom: 20px;
    margin-left: 20px
}

.contentPage ol li,
.contentPage ul li {
    margin-top: 8px;
    font-size: 12px
}

.contentPage ol li::before,
.contentPage ul li::before {
    content: "\2022";
    font-weight: 700;
    color: #221629;
    margin-left: -16px;
    display: inline-block;
    font-size: 14px;
    width: 16px
}

.contentPage ol.highlights,
.contentPage ul.highlights {
    color: #6ca420
}

.contentPage ol.highlights li::before,
.contentPage ul.highlights li::before {
    content: "\2022";
    font-weight: 700;
    color: #28ad00;
    margin-left: -16px;
    display: inline-block;
    font-size: 16px;
    width: 16px
}

.contentPage p {
    margin-bottom: 20px
}

.contentPage.offerText h2 {
    text-align: left
}

.contentPage.offerText a {
    color: #fff
}

.contentPage .tableWrap {
    text-align: center
}

.contentPage .tableWrap td:first-child,
.contentPage .tableWrap th:first-child {
    width: auto
}

.contentPage.bank-terms h2 {
    text-align: left
}

@media only screen and (min-width:1024px) {
    .contentPage h1 span {
        font-size: 28px
    }

    .contentPage h2 {
        font-size: 24px;
        padding-top: 30px
    }

    .contentPage h2.h2 {
        font-size: 36px;
        padding-top: 40px
    }

    .contentPage p {
        font-size: 16px;
        font-weight: 400;
        max-width: 100%
    }

    .contentPage ol>li,
    .contentPage p,
    .contentPage ul>li {
        font-size: 16px
    }

    .contentPage ol>li::before,
    .contentPage p::before,
    .contentPage ul>li::before {
        font-size: 16px
    }
}

.borderRed {
    border-color: red !important
}

.invalidError {
    color: red
}

#checkoutPage h1,
#checkoutPage h2 {
    font-size: 12px;
    text-transform: uppercase
}

#checkoutPage .noSpace .cardWidget {
    margin-left: 6px;
    margin-right: 6px;
    width: auto
}

#checkoutPage .stickyEnd .cardWidget {
    margin-left: -10px;
    margin-right: -10px
}

#checkoutPage .freeWidget {
    column-gap: 6px
}

#checkoutPage .freeWidget .customControl {
    padding-left: 0
}

#checkoutPage .freeWidget .plusIcon {
    top: -1px
}

#checkoutPage .freeWidget .plusIcon::after,
#checkoutPage .freeWidget .plusIcon::before {
    content: "";
    width: 15px;
    height: 3px;
    background: #000
}

#checkoutPage .freeWidget .freeItem {
    background: #28ad00;
    min-height: 26px;
    padding: 0 12px 0 6px;
    line-height: 24px;
    z-index: 0;
    margin-right: -6px;
    border-radius: 5px 0 0 5px;
    font-weight: 600;
    color: #fff;
    border: 1px solid #dfdfdf
}

#checkoutPage .freeWidget .cutLine {
    position: relative
}

#checkoutPage .freeWidget .cutLine::after {
    content: "";
    position: absolute;
    top: 50%;
    margin-top: -1px;
    border: 1px solid #f71100;
    left: 4px;
    right: 4px
}

#checkoutPage .freeWidget .freeItemInfo {
    font-family: "DM Sans", sans-serif;
    opacity: 0;
    visibility: hidden;
    position: absolute;
    background: #777;
    width: 280px;
    z-index: 5;
    right: 0;
    top: 35px;
    font-size: 16px;
    zoom: .85;
    color: #fff;
    padding-bottom: 8px;
    margin-bottom: 0
}

#checkoutPage .freeWidget .freeItemInfo.active {
    visibility: visible;
    opacity: 1
}

#checkoutPage .freeWidget .freeItemInfo:after {
    right: 2px;
    border: solid transparent;
    content: "";
    position: absolute;
    border-color: rgba(247, 247, 247, 0);
    border-right-color: #f7f7f7;
    border-width: 10px;
    top: -8px;
    border-top: 0;
    border-bottom-color: #777
}

#checkoutPage .freeWidget .freeItemInfo li {
    position: relative;
    padding-left: 25px;
    margin-bottom: 7px;
    font-size: 12px;
    color: #fff
}

#checkoutPage .freeWidget .freeItemInfo li:before {
    font-family: icomoon !important;
    content: "\e966";
    position: absolute;
    top: 2px;
    left: 5px;
    color: #fff;
    font-size: 12px;
    zoom: .75
}

#checkoutPage .emptyBox {
    border: 1px dashed #dfdfdf;
    color: #959595;
    line-height: 1.4;
    padding: 15px 20px;
    justify-content: center;
    margin-top: 24px;
    border-radius: 4px;
    -webkit-border-radius: 4px
}

#checkoutPage .continueShopping {
    line-height: 40px
}

#checkoutPage .slideToggle {
    position: relative;
    transition: all .3s ease-in-out
}

#checkoutPage .slideToggle:after {
    content: "\e958";
    position: absolute;
    right: 0;
    font-size: 12px;
    color: #221629;
    font-family: icomoon
}

#checkoutPage .slideToggle.arrowUp {
    padding: 15px 12px;
    background: #f3f3f3
}

#checkoutPage .slideToggle.arrowUp:after {
    transform: rotate(-90deg);
    right: 8px
}

#checkoutPage h1.couponList {
    line-height: 1.4;
    padding: 15px 20px
}

#checkoutPage .modalBody h2 {
    font-size: 24px
}

#checkoutPage .customCheckbox {
    font-size: 12px;
    line-height: 18px;
    padding-left: 24px
}

#checkoutPage .tcUrlWrap {
    margin-bottom: 10px
}

#checkoutPage .tcUrlWrap .customIndicator {
    width: 16px;
    height: 16px;
    top: 5px;
    border-radius: 4px;
    -webkit-border-radius: 4px
}

#checkoutPage .tcUrlWrap .customIndicator:after {
    left: 5px;
    top: 2px;
    width: 3px;
    height: 6px
}

#checkoutPage .tcUrlWrap .customControl {
    margin-bottom: 0
}

#checkoutPage .errorHold {
    text-align: right;
    position: absolute;
    right: 18px;
    top: -16px
}

#checkoutPage .insuranceInfo>* {
    vertical-align: top
}

#checkoutPage .insuranceInfo .customCheckbox {
    font-size: 12px;
    font-family: "DM Sans", sans-serif;
    padding-left: 30px;
    margin-bottom: 0;
    white-space: nowrap
}

#checkoutPage .insuranceInfo input {
    left: 0;
    top: 0
}

#checkoutPage .insuranceInfo .insuranceAmount {
    width: 50px;
    font-size: 12px
}

#checkoutPage .insuranceInfo .insuranceAmount .icon-rupee {
    font-size: 75%
}

#checkoutPage .agreeBlock {
    font-size: 12px;
    margin: -18px 0 16px 30px
}

#checkoutPage .actionButton {
    margin: 8px 0
}

#checkoutPage .actionButton .reomveBtn {
    font-size: 18px;
    line-height: 1.2
}

#checkoutPage .cdBox {
    -webkit-box-shadow: 0 0 8px 0 rgba(0, 0, 0, .1) !important;
    box-shadow: 0 0 8px 0 rgba(0, 0, 0, .1) !important;
    margin-bottom: 16px;
    background: #fff;
    padding: 16px
}

#checkoutPage .cdBox.no {
    margin-left: -16px;
    margin-right: -16px
}

#checkoutPage .cdBox.top0 {
    padding-top: 0
}

#checkoutPage .cdBox .customIndicator {
    top: 0
}

#checkoutPage .cdBox .ffChecked {
    cursor: default
}

#checkoutPage .cdBox .ffChecked .customCheckbox {
    padding-left: 5px;
    cursor: default
}

#checkoutPage .cdBox .customControl {
    padding-top: 0
}

#checkoutPage .cdBox .couponTag {
    padding-top: 0
}

#checkoutPage .cdBox.placeOrderBtn {
    padding: 0
}

#checkoutPage .cdBox.orederSummary .orderMain li {
    margin-bottom: 8px
}

#checkoutPage .cdBox .cardWidget {
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 0 !important
}

#checkoutPage .cdBox .cardWidget .btnChange {
    border-radius: 0 4px 0 4px
}

#checkoutPage .cdBox.placeOrderBtn {
    margin-bottom: 0 !important
}

#checkoutPage .cdRCont {
    padding-top: 40px
}

#checkoutPage #modalTermsConditions p {
    padding-bottom: 16px
}

#checkoutPage #modalTermsConditions ul li {
    padding: 8px 16px
}

#checkoutPage .paymentOption {
    padding: 30px 0 16px;
    border-top: 1px solid #ddd
}

#checkoutPage .paymentOption .bank-icon-group {
    justify-content: space-between
}

#checkoutPage .paymentOption .bank-icon-group .more-icon {
    column-gap: 10px
}

#checkoutPage .paymentOption .bank-icon-group .gPay {
    zoom: .6
}

#checkoutPage .paymentOption .bank-icon-group .phonePe {
    zoom: .75
}

#checkoutPage .paymentOption .bajaj-full {
    zoom: 1;
    width: 80px;
    height: 22px;
    background-position: 0 -148px !important
}

#checkoutPage .paymentOption .gPay {
    zoom: .85
}

#checkoutPage .paymentOption .razorpay {
    zoom: .8
}

#checkoutPage .paymentOption .hdfc-full {
    zoom: .75
}

#checkoutPage .paymentOption .payu {
    zoom: .8
}

#checkoutPage .paymentOption .snapmint {
    zoom: 1
}

#checkoutPage .paymentOption .cards {
    margin-right: 9px
}

#checkoutPage .paymentOption .emi {
    margin-right: 9px
}

#checkoutPage .paymentOption .upi {
    margin: 0 16px 0 7px
}

#checkoutPage .paymentOption .net-banking {
    margin: 0 15px 0 3px
}

#checkoutPage .paymentOption .wallets {
    margin: 0 14px 0 2px
}

#checkoutPage .paymentOption .split {
    zoom: 1.8
}

#checkoutPage .paymentOption .customControl {
    color: #616161;
    font-size: 12px;
    width: 100%;
    padding: 20px 15px 20px 30px;
    font-family: "DM Sans", sans-serif
}

#checkoutPage .paymentOption .customControl .pymntText {
    color: #616161;
    display: inline-block;
    vertical-align: middle;
    font-weight: 600;
    line-height: 1.5
}

#checkoutPage .paymentOption .customControl .pymntText span {
    font-size: 12px
}

#checkoutPage .paymentOption .customControl .note {
    font-size: 12px
}

#checkoutPage .paymentOption .customControl .customIndicator {
    top: 22px;
    left: 10px;
    height: 14px;
    width: 14px
}

#checkoutPage .paymentOption .customControl .customIndicator:after {
    height: 6px;
    width: 6px
}

#checkoutPage .paymentOption .customControl .labelBorder {
    top: 50%;
    left: 50%;
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: -1;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    border: 1px dashed #dfdfdf;
    transform: translate(-50%, -50%)
}

#checkoutPage .paymentOption .customControl input:checked~.labelBorder {
    border: 1px solid #28ad00
}

#checkoutPage .paymentOption .customControl .iconListDot {
    width: 8px;
    height: 8px;
    margin: 0 8px;
    border-radius: 50%;
    background-color: #9e9e9e;
    display: inline-block
}

#checkoutPage .paymentOption .customControl p {
    color: #616161;
    font-size: 12px;
    margin-top: 10px;
    display: inline-block;
    width: calc(100% - 35px)
}

#checkoutPage .paymentOption .customControl .icon-info {
    font-size: 14px;
    vertical-align: middle
}

#checkoutPage .paymentOption .customControl .tooltip {
    margin-left: 15px
}

#checkoutPage .paymentOption .customControl .tooltip .tooltiptext {
    left: 9px
}

#checkoutPage .paymentOption .ninetyPayText {
    column-gap: 3px;
    font-size: 15px
}

#checkoutPage .paymentOption .viewPlans {
    font-size: 12px;
    margin-top: 4px;
    text-decoration: underline
}

#checkoutPage .paymentOption .accordionWrap {
    padding: 20px
}

#checkoutPage .paymentOption .accordion {
    padding: 0
}

#checkoutPage .paymentOption .accordion.active {
    background: 0 0
}

#checkoutPage .paymentOption .accordion:after {
    position: absolute;
    top: 20px;
    right: 20px;
    border-color: #28ad00
}

#checkoutPage .paymentOption .accordionPanel {
    padding: 0
}

#checkoutPage .paymentOption .accordionPanel .customControl:last-child {
    margin-bottom: 0
}

#checkoutPage .paymentOption .codMsg {
    padding: 10px 10px;
    margin-top: 12px;
    border-radius: 4px;
    display: none
}

#checkoutPage .paymentOption .codMsg.success {
    background: #1e6808;
    color: #fff
}

#checkoutPage .paymentOption .codMsg.failure {
    background: #f5c2c7
}

#checkoutPage .paymentOption .codMsg.active {
    display: block
}

#checkoutPage .paymentOption .codWrap.disabled .cash {
    filter: grayscale(1)
}

#checkoutPage .paymentOption .codWrap.disabled .pymntText {
    color: #ccc
}

#checkoutPage .paymentOption .codWrap.disabled p {
    color: #ccc
}

#checkoutPage .paymentOptionDetail>.paymentInputHolder:first-child,
#checkoutPage .paymentOptionDetail>.paymentInputHolder:nth-child(2) {
    padding-right: 8px
}

#checkoutPage .editInsuranceBtn {
    font-size: 12px;
    color: #959595;
    margin-top: 12px;
    padding-bottom: 6px
}

#checkoutPage .editInsuranceBtn .icon-edit {
    font-size: 12px
}

#checkoutPage #placeBtn {
    margin-left: -16px;
    margin-right: -16px;
    width: auto;
    display: block
}

#checkoutPage #panelInsurance:before {
    position: absolute;
    left: 20px;
    top: -8px;
    content: '';
    display: block;
    position: absolute;
    height: 0;
    width: 0;
    border-bottom: 8px solid #959595;
    border-left: 6.66667px solid transparent;
    border-right: 6.66667px solid transparent
}

#checkoutPage .checkBoxClick {
    position: relative;
    left: -30px;
    padding-left: 30px;
    z-index: 1
}

#checkoutPage #panelShiping {
    margin: 0 -16px 16px;
    padding: 16px 16px 0
}

#checkoutPage .placeOrderBtn {
    margin: 0 -16px
}

#checkoutPage .placeOrderBtn .invalidError {
    padding: 0 10px 10px;
    text-align: center
}

#checkoutPage .placeOrderBtn .addedItemCount {
    padding: 8px 5px;
    line-height: 1;
    color: #616161
}

#checkoutPage .placeOrderBtn .emiTextList {
    background: #eaffe4;
    min-height: 32px;
    padding: 8px 5px;
    text-align: center
}

#checkoutPage .placeOrderBtn .emiTextList>div:last-child {
    padding-left: 2px
}

#checkoutPage .placeOrderBtn .icon-add-to-cart {
    color: #28ad00
}

#checkoutPage .placeOrderBtn.sticky {
    position: fixed;
    bottom: 0;
    width: 100%;
    z-index: 999
}

#checkoutPage .totalPayable {
    height: 60px;
    line-height: 1;
    border-top: 1px solid #ebebeb
}

#checkoutPage .totalPayable .totalAmt {
    padding-left: 20px
}

#checkoutPage .totalPayable .cutMrp {
    font-weight: 400;
    font-size: 14px
}

#checkoutPage .totalPayable .cutMrp:after {
    content: "";
    position: absolute;
    height: 1px;
    background: #000;
    width: 100%;
    top: calc(50% - 1px);
    left: 0
}

#checkoutPage .totalPayable .mrpPayable {
    font-size: 18px;
    margin-top: 3px
}

#checkoutPage .totalPayable .mrpPayable .icon-rupee {
    font-weight: 600
}

#checkoutPage .totalPayable .btn {
    height: 100%;
    border-radius: 0;
    flex-basis: 50%;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 600
}

#checkoutPage .freeAccess {
    width: 100%;
    bottom: 0;
    color: #000;
    font-size: 14px;
    background-color: #90ee90;
    position: absolute;
    text-align: center
}

#checkoutPage .dashChangeBtn {
    position: absolute;
    top: 10px;
    right: 10px;
    font-size: 12px;
    padding: 3px 7px;
    border-radius: 4px;
    z-index: 5;
    overflow: hidden;
    cursor: pointer
}

#checkoutPage .dashChangeBtn:after,
#checkoutPage .dashChangeBtn:before {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    height: 100%
}

#checkoutPage .dashChangeBtn:after {
    background: #fff;
    z-index: -1
}

#checkoutPage .dashChangeBtn:before {
    background: -webkit-linear-gradient(90deg, rgba(0, 229, 114, .2) 0, rgba(141, 198, 63, .2) 50%, rgba(254, 236, 0, .2) 100%);
    background: linear-gradient(90deg, rgba(0, 229, 114, .2) 0, rgba(141, 198, 63, .2) 50%, rgba(254, 236, 0, .2) 100%);
    z-index: 1
}

#checkoutPage .dashChangeBtn i {
    margin-right: 4px;
    font-size: 12px
}

#checkoutPage .cardWidget {
    margin-bottom: 25px !important
}

#checkoutPage .cardWidget .dashBtnTag.dashOnCard {
    right: auto;
    left: 16px;
    top: 16px
}

#checkoutPage .cd3D {
    position: absolute;
    left: 12px;
    right: 12px;
    top: -5px;
    height: 100%;
    background: #fff;
    z-index: -2;
    box-shadow: 0 0 8px #5ad23580;
    border-radius: 8px
}

#checkoutPage .cd3D.two {
    top: -10px;
    z-index: -3;
    left: 24px;
    right: 24px
}

#checkoutPage .cd3D.three {
    top: -15px;
    z-index: -4;
    left: 36px;
    right: 36px
}

#checkoutPage .fieldControl .rightTick {
    width: 26px;
    height: 26px;
    line-height: 25px;
    top: 15px;
    zoom: .68
}

#checkoutPage .fieldControl.selectFieldCustom .rightTick {
    right: 16px;
    z-index: 1
}

#checkoutPage .cardWidgetWrap .showMore {
    display: block;
    font-size: 12px;
    font-weight: 600;
    color: #221629;
    background: #e0e0e0;
    text-align: center;
    padding: 7px 0 5px;
    margin: 20px -16px 0
}

#checkoutPage .cardWidgetWrap .showMore::before {
    content: "VIEW MORE ITEM/S"
}

#checkoutPage .cardWidgetWrap .showMore.showLess::before {
    content: "VIEW LESS"
}

#checkoutPage .cardWidgetWrap .showMore.showLess .arrowRight {
    transform: rotate(-135deg);
    vertical-align: -1px
}

#checkoutPage .cardWidgetWrap .arrowRight {
    border-style: solid;
    display: inline-block;
    padding: 3px;
    margin-left: 3px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    border-color: #221629;
    border-width: 0 1px 1px 0;
    vertical-align: -1px;
    padding: 3px;
    margin-left: 6px;
    vertical-align: 2px
}

#checkoutPage .addAccWidget {
    column-gap: 10px;
    justify-content: space-between
}

#checkoutPage .addAccWidget .btn {
    font-size: 12px;
    border-radius: 4px;
    padding: 8px
}

#checkoutPage .cardListWidget .imgThumb img {
    max-width: 100%;
    max-height: 75px;
    width: auto;
    height: auto;
    margin: 0 auto
}

#checkoutPage .cardListWidget .soldText {
    line-height: 1
}

#checkoutPage .stripRockstar {
    background: #fff;
    padding: 8px 16px;
    margin: 0 -10px
}

#checkoutPage .stripRockstar.stickyBottom {
    margin: 0 !important;
    bottom: 87px
}

#checkoutPage .offerTimer {
    border: 1px solid #ffeb3b;
    padding: 8px 30px 6px;
    background: #fff
}

#checkoutPage .offerTimer .counttime {
    font-size: 20px;
    color: #f44336;
    letter-spacing: 3px
}

#checkoutPage .cardListWidget .cutPrice {
    font-size: 12px;
    zoom: .8
}

#checkoutPage .btn-sticky.active {
    bottom: 88px;
    left: 0;
    position: fixed;
    width: 100%;
    background: #fff;
    padding-top: 0;
    z-index: 100;
    transition: all .4s ease-in-out;
    border-top: 1px solid #f0f0f0
}

#checkoutPage .btn-sticky.active .tcUrlWrap {
    text-align: center;
    margin-bottom: 0;
    background: #efffea
}

#checkoutPage .fieldControl #bill-email,
#checkoutPage .fieldControl #billingaddress {
    padding-right: 35px
}

#checkoutPage .fieldTextarea {
    height: auto;
    min-height: 40px;
    padding-top: 7px;
    padding-bottom: 7px;
    overflow: hidden
}

#checkoutPage .contryField .fieldLabel {
    left: 60px !important
}

#checkoutPage .contryField .fieldInput {
    padding-left: 62px !important
}

#checkoutPage .countryCode {
    position: absolute;
    left: 1px;
    top: 1px;
    color: #959595;
    padding: 12px 6px;
    background: #fff;
    z-index: 1;
    bottom: 1px;
    font-size: 14px;
    border-right: 1px solid rgba(0, 0, 0, .24)
}

#checkoutPage .altNumberBtn {
    text-align: right;
    margin-top: -12px;
    margin-bottom: 15px;
    line-height: 1.5
}

#checkoutPage #emailField .eac-sugg {
    margin-left: -9px
}

#checkoutPage .recentlyViewCard .card {
    min-width: 325px;
    margin-top: 8px
}

#checkoutPage .combo-view-btn {
    bottom: -8px;
    position: relative;
    border-radius: 0 0 8px 8px;
    -webkit-border-radius: 0 0 8px 8px
}

#checkoutPage #combo-all-items {
    display: none;
    transition: max-height .5s ease-out
}

#checkoutPage #combo-all-items.show-items {
    border-top: 1px solid #efefef
}

#checkoutPage .cardWidget .btnChange {
    position: absolute;
    right: 0;
    top: 0;
    padding: 2px 6px;
    -webkit-border-radius: 0 0 0 4px;
    border-radius: 0 0 0 4px;
    font-size: 12px;
    color: #fff;
    background: #28ad00
}

#checkoutPage .cardWidget .btnChange .icon-edit {
    font-size: 90%
}

#checkoutPage .refer-discount-strip {
    background: #fffbd7;
    border: 1px dashed #efd700
}

#checkoutPage .checkoutContainer .cardListWidget {
    padding-bottom: 0;
    -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, .15);
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, .15)
}

#checkoutPage .checkoutContainer .cardListWidget .leftThumbWrap {
    padding-top: 10px;
    min-height: 100px
}

#checkoutPage .checkoutContainer .cardListWidget .leftThumbWrap .leftThumb {
    position: relative;
    left: auto;
    top: auto;
    width: 25%;
    min-width: 150px;
    height: 100%;
    min-height: 100px;
    box-shadow: none;
    border: 1px solid #ebebeb;
    display: table-cell
}

#checkoutPage .checkoutContainer .cardListWidget .leftThumbWrap .leftThumb img {
    max-height: 65px
}

#checkoutPage .checkoutContainer .cardListWidget .leftThumbWrap .cdRCont {
    padding-top: 4px;
    width: calc(100% - 120px);
    padding-left: 20px
}

#checkoutPage .checkoutContainer .cardListWidget .leftThumbWrap .fittedWrap {
    top: auto;
    bottom: 50px
}

#checkoutPage .checkoutContainer .cardListWidget .imgThumb {
    position: absolute;
    top: -14px;
    left: 16px;
    background: #fff;
    box-shadow: 0 0 5px rgba(40, 173, 0, .9);
    border-radius: 4px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 60px;
    height: 50px;
    z-index: 2;
    padding: 4px
}

#checkoutPage .checkoutContainer .cardListWidget .imgThumb img {
    max-width: 100%;
    max-height: 45px;
    height: auto;
    margin: 0 auto
}

#checkoutPage .checkoutContainer .cardListWidget .soldText {
    line-height: 1
}

#checkoutPage .checkoutContainer .cardWidget {
    margin-top: 32px;
    -webkit-box-shadow: none;
    box-shadow: none;
    z-index: 3
}

#checkoutPage .addressWrap {
    border: 1px solid #ebebeb;
    margin: 12px 16px 0
}

#checkoutPage.checkoutNew {
    background: #f1f1f1
}

#checkoutPage.checkoutNew .cardWidgetWrap {
    padding: 0 16px 16px;
    margin-left: -16px;
    margin-right: -16px;
    background: #fff;
    -webkit-box-shadow: 0 0 14px 0 rgba(96, 96, 96, .2);
    box-shadow: 0 0 14px 0 rgba(96, 96, 96, .2)
}

#checkoutPage.checkoutNew .cardWidgetWrap .showMore {
    background: 0 0;
    margin-top: 0
}

#checkoutPage.checkoutNew .cardWidgetWrap .arrowRight {
    border-color: #28ad00
}

#checkoutPage.checkoutNew .stickyEnd .cardWidget {
    margin: 32px 0 0 !important
}

#checkoutPage.checkoutNew .paymentOption {
    border-top: 0;
    padding: 0
}

#checkoutPage.checkoutNew .customControl {
    z-index: 1
}

#checkoutPage.checkoutNew .stripRockstar {
    margin: 0 -16px;
    width: auto
}

#checkoutPage.checkoutNew .freeAccess {
    border-radius: 0 0 4px 4px;
    -webkit-border-radius: 0 0 4px 4px;
    padding: 8px 0 3px;
    z-index: -1;
    top: -5px;
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .15);
    box-shadow: 0 0 5px rgba(0, 0, 0, .15);
    position: relative
}

#checkoutPage.checkoutNew .emptyBox {
    justify-content: center;
    text-align: center;
    min-height: 285px;
    color: #221629;
    border: 0;
    margin-top: 0;
    border-radius: 0;
    -webkit-border-radius: 0
}

#checkoutPage.checkoutNew .quantityControl .qtyControl {
    border: 1px solid #dfdfdf;
    border-radius: 4px
}

#checkoutPage.checkoutNew .fittedWrap {
    top: 10px
}

#checkoutPage.checkoutNew #combo-all-items.show-items {
    border-top: 0
}

#checkoutPage.checkoutNew #combo-all-items .cardListWidget {
    overflow: visible;
    margin-top: 32px
}

#checkoutPage.checkoutNew .combo-view-btn {
    bottom: 0
}

#checkoutPage .fittedWrap {
    position: absolute;
    right: 12px;
    top: 5px;
    z-index: 1
}

#checkoutPage .fittedWrap .cares-head {
    float: none;
    position: relative;
    padding-left: 16px;
    justify-content: center
}

#checkoutPage .fittedWrap .cares-head h4 {
    width: auto;
    zoom: .8
}

#checkoutPage .fittedWrap .cares-head .icon-info {
    left: 0;
    top: 0;
    font-size: 18px
}

#checkoutPage .cartFtr {
    align-items: center;
    justify-content: space-around;
    border-top: 1px solid #ebebeb;
    margin: 11px -16px 0;
    padding: 0 16px;
    min-height: 35px
}

#checkoutPage .cartFtr>div {
    flex: 1
}

#checkoutPage .cartFtr .actionButton {
    margin: 0;
    color: #959595;
    justify-content: end;
    position: relative
}

#checkoutPage .cartFtr .actionButton::before {
    content: "";
    position: absolute;
    left: 0;
    top: -1px;
    bottom: -1px;
    background-color: #ebebeb;
    width: 1px
}

#checkoutPage .cartFtr .actionButton .reomveBtn {
    font-size: 12px;
    line-height: 32px
}

#checkoutPage .cartFtr .tQty {
    padding-right: 4px;
    color: #959595
}

.checkoutMain {
    z-index: 0
}

.trendingIcon {
    padding: 5px;
    background: #27a80024;
    height: 18px;
    width: 22px
}

.checkoutNew .trendingText {
    padding-right: 2px;
    margin-bottom: 5px;
    line-height: 1
}

.checkoutNew .fittedWrap .cares-head {
    padding-left: 0 !important
}

.checkoutNew .fittedWrap .cares-btn {
    border-radius: 4px;
    -webkit-border-radius: 4px
}

.checkoutNew .preOrderTopHint {
    font-size: 16px
}

.checkoutNew .tcUrlWrap .customIndicator {
    margin-bottom: 0
}

#PopupAdd .cardCompare {
    cursor: pointer
}

.preOrderTopHint {
    background: #fff;
    z-index: 1;
    position: relative;
    padding: 16px;
    margin-bottom: 20px !important
}

#modalBajaj iframe {
    width: 100%;
    height: 100%;
    position: relative;
    background: 0 0;
    display: block;
    border: 0;
    margin: 0;
    padding: 0;
    z-index: 605
}

#modalBajaj .modalMainBottom {
    max-width: 100%;
    height: 88vh;
    padding: 16px 10px
}

#modalBajaj .headerPopup {
    background: #0069b4;
    margin: -16px -10px 20px -10px;
    padding: 15px 20px 15px;
    color: #fff
}

#modalBajaj .headerPopup .logo {
    width: 90px;
    height: 50px;
    border-radius: 5px;
    background: #f9f9f9
}

#modalBajaj .headerPopup .logo .bajaj {
    width: 50px;
    height: 14px;
    margin-left: 18px;
    transform: scale(1.3)
}

#modalBajaj .headerPopup .price {
    font-size: 18px;
    text-align: center
}

#modalBajaj .headerPopup .price .icon-rupee {
    font-size: 13px;
    margin-right: 5px
}

#modalBajaj .title {
    font-size: 15px;
    padding: 5px 10px 5px
}

#modalBajaj .closeIconBtn {
    width: 30px;
    height: 30px;
    top: -15px !important;
    right: 20px
}

#modalBajaj .closeIconBtn:after,
#modalBajaj .closeIconBtn:before {
    left: 4px;
    top: 9px;
    width: 65%
}

.btnFetchOrder {
    height: 40px;
    font-size: 16px
}

#order-number~.errorText {
    position: relative !important;
    bottom: auto
}

@media only screen and (min-width:390px) {
    #checkoutPage .cardListWidget .cutPrice {
        zoom: 1
    }
}

@media only screen and (min-width:1024px) {
    #modalBajaj .headerPopup {
        margin-bottom: 10px
    }

    #modalBajaj .headerPopup .logo {
        width: 100px;
        height: 60px
    }

    #modalBajaj .headerPopup .logo .bajaj {
        margin-left: 23px;
        transform: scale(1.5)
    }

    #modalBajaj .headerPopup .price {
        font-size: 24px
    }

    #modalBajaj .headerPopup .price .icon-rupee {
        font-size: 17px
    }

    #checkoutPage .shipAddressMain>.invalidError {
        display: table-cell;
        position: relative;
        top: -14px;
        left: 4px
    }

    #checkoutPage .stripRockstar {
        margin: 0 0 0 45px
    }

    #checkoutPage .offerTimer {
        padding: 8px 30px 6px
    }

    #checkoutPage .offerTimer .counttime {
        font-size: 22px
    }

    #checkoutPage .shipAddressMain {
        width: calc(100% - 160px)
    }

    #checkoutPage .gstOuter,
    #checkoutPage .shipAddressMain {
        display: inline-block;
        vertical-align: middle
    }

    #checkoutPage .gstOuter {
        width: 155px
    }

    #checkoutPage .altNumberBtn {
        margin-top: 0;
        position: absolute;
        right: 8px;
        bottom: -10px;
        font-size: 12px
    }

    #checkoutPage .cardWidget .btnChange {
        -webkit-border-radius: 0 8px 0 4px;
        border-radius: 0 8px 0 4px
    }

    #checkoutPage .addAccWidget .btn {
        padding: 8px 16px
    }
}

.modalBody iframe {
    width: 100% !important
}

@media only screen and (min-width:360px) {
    #modalBajaj .modalMainBottom {
        height: 78vh
    }
}

@media only screen and (min-width:411px) {
    #modalBajaj .modalMainBottom {
        height: 68vh
    }

    #checkoutPage .shipAddressMain {
        width: calc(100% - 155px);
        float: left
    }

    #checkoutPage .gstOuter {
        width: 155px;
        text-align: left;
        float: right
    }
}

@media (max-height:560px) and (max-width:400px) {
    #modalBajaj .modalMainBottom {
        height: 90vh
    }

    #modalBajaj .headerPopup {
        margin-bottom: 5px;
        padding: 10px 20px 10px
    }

    #modalBajaj .title {
        padding-bottom: 0
    }
}

@media only screen and (min-width:1024px) {
    #modalBajaj .modalMainBottom {
        max-width: 360px;
        height: 500px
    }

    #checkoutPage .freeAccess {
        font-size: 16px;
        position: relative;
        top: 8px
    }
}

#contactUsPage .QCwrap {
    padding: 0
}

#contactUsPage .contact-form {
    padding: 25px 16px
}

#contactUsPage .contact-form.become-dealer {
    padding: 0
}

#contactUsPage .contact-form.become-dealer.lgField .fieldLabel {
    line-height: 1.4;
    white-space: nowrap
}

#contactUsPage .contact-form .inputGroup {
    box-shadow: 4px 4px 14px rgba(34, 22, 41, .1);
    padding: 20px 15px 25px;
    margin-bottom: 30px
}

#contactUsPage .cardWidget {
    box-shadow: none;
    padding: 40px 0 10px
}

#contactUsPage .cardWidget p {
    text-align: center;
    margin: 0 auto;
    padding: 0 16px
}

#contactUsPage .fieldInput {
    color: #959595
}

#contactUsPage .valText {
    position: absolute;
    right: 1px;
    top: 1px;
    bottom: 1px;
    line-height: 50px;
    font-size: 12px;
    background: #ededed;
    padding: 0 8px;
    color: #9595a3;
    border-left: 1px solid #c2c2c2
}

#contactUsPage .error {
    color: red
}

#contactUsPage .dealerBtn {
    max-width: 400px;
    width: 100%;
    margin: 30px auto 40px;
    display: block
}

.become-dealer .inputGroup {
    margin-left: -8px;
    margin-right: -8px
}

.cdDealer {
    margin-bottom: 40px
}

.cdDealer .cont {
    max-width: calc(100% - 130px);
    position: relative;
    z-index: 2
}

.cdDealer .cont p {
    color: #505050
}

.cdDealer .cd {
    position: relative;
    padding: 16px;
    margin-top: 28px;
    text-align: left;
    overflow: hidden;
    background: #fffcf2;
    border: 1px solid #e3e3e3
}

.cdDealer .btn {
    min-width: 130px
}

.cdDealer .name {
    font-size: 15px;
    font-weight: 600;
    color: #221629;
    margin-bottom: 5px
}

.cdDealer .imgRgt {
    position: relative;
    z-index: 2
}

.cdDealer .imgRgt.pos-a {
    position: absolute;
    right: 10px;
    bottom: 0;
    height: 140px;
    width: 140px
}

.cdDealer .cdEscooter {
    background: #f2faff
}

.cdDealer .fieldInput:placeholder-shown~.fieldLabel {
    color: #000
}

@media only screen and (min-width:412px) {
    .become-dealer .inputGroup {
        margin-left: 0;
        margin-right: 0
    }
}

#howtobuyPage {
    background: #efc02f;
    background-image: radial-gradient(#000 8%, transparent 0);
    background-size: 15px 15px;
    background-position: 0 0, 8px 8px;
    margin-top: 54px
}

#howtobuyPage .card .cardImg {
    margin: 8px 0
}

#howtobuyPage .cardBottomPanel .card {
    padding-bottom: 51px;
    margin-bottom: 24px;
    overflow: hidden
}

#howtobuyPage .quickView {
    cursor: pointer
}

#howtobuyPage .subheader {
    color: #28ad00;
    font-size: 14px;
    margin-top: 10px
}

#howtobuyPage .subheader.modalOpener1 {
    color: #000;
    padding: 5px 10px
}

#howtobuyPage .subheader.modalOpener1 a {
    color: #28ad00
}

#howtobuyPage .filterHeaderWidget {
    background: #fff
}

#howtobuyPage .filterHeaderWidget h1 {
    font-size: 18px
}

#howtobuyPage .modalOpener {
    font-weight: 700;
    position: relative;
    display: inline-block;
    font-size: 16px;
    cursor: pointer
}

#howtobuyPage .modalOpener:before {
    content: "";
    position: absolute;
    top: 5px;
    right: -15px;
    border-style: solid;
    display: inline-block;
    padding: 3px;
    margin-left: 3px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    border-color: #28ad00;
    border-width: 0 2px 2px 0;
    vertical-align: -1px;
    padding: 2px;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

#howtobuyPage .modalOpener.subheader:before {
    display: none
}

#howtobuyPage .activefilter {
    display: block
}

#howtobuyPage .activefilter li {
    border-radius: 22px;
    background-color: #424242;
    font-weight: 600;
    padding: 9px 25px 9px 15px;
    color: #fff;
    letter-spacing: 1.01px;
    text-transform: uppercase;
    font-size: 12px;
    display: inline-block;
    margin: 3px 5px;
    position: relative
}

#howtobuyPage .activefilter li:before {
    content: "";
    position: absolute;
    top: 10px;
    right: 12px;
    border-style: solid;
    display: inline-block;
    padding: 3px;
    margin-left: 3px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    border-color: #fff;
    border-width: 0 2px 2px 0;
    vertical-align: -1px;
    padding: 2px;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

#howtobuyPage .activefilter li .clearfilter {
    position: absolute;
    right: 12px;
    font-size: 26px;
    font-weight: 400;
    line-height: 26px;
    cursor: pointer
}

#howtobuyPage .activefilter .icon-rupee {
    font-size: 75%
}

#howtobuyPage #modalFrogBikes .modalMainBottom,
#howtobuyPage .leftPreference .modalMainBottom {
    border-radius: 10px 10px 0 0;
    -webkit-border-radius: 10px 10px 0 0
}

#howtobuyPage #modalFrogBikes .card,
#howtobuyPage .leftPreference .card {
    border-radius: 0;
    margin-bottom: 0;
    padding-bottom: 60px
}

#howtobuyPage #modalFrogBikes .card .cardFooterGroup,
#howtobuyPage .leftPreference .card .cardFooterGroup {
    border-radius: 0;
    padding: 0 16px;
    border: 0
}

#howtobuyPage #modalFrogBikes .card .cardFooterGroup li,
#howtobuyPage .leftPreference .card .cardFooterGroup li {
    width: 100%
}

#howtobuyPage #modalFrogBikes .card .cardFooterGroup li .btn,
#howtobuyPage .leftPreference .card .cardFooterGroup li .btn {
    border-radius: 8px;
    -webkit-border-radius: 8px
}

#howtobuyPage #modalFrogBikes .filter-header,
#howtobuyPage .leftPreference .filter-header {
    color: #28ad00;
    font-weight: 700;
    text-transform: uppercase;
    text-align: left
}

#howtobuyPage #modalFrogBikes .filter-content,
#howtobuyPage .leftPreference .filter-content {
    margin: 8px 0 10px
}

#howtobuyPage #modalFrogBikes .filter-content.height-content,
#howtobuyPage .leftPreference .filter-content.height-content {
    margin: 30px 0;
    margin-top: 30px
}

#howtobuyPage #modalFrogBikes hr,
#howtobuyPage .leftPreference hr {
    border: .5px solid #dfdfdf
}

#howtobuyPage #modalFrogBikes .genderTypes,
#howtobuyPage .leftPreference .genderTypes {
    margin-top: 20px;
    text-align: center;
    position: relative
}

#howtobuyPage #modalFrogBikes .genderTypes.biketyperadio,
#howtobuyPage .leftPreference .genderTypes.biketyperadio {
    margin: 0 -15px
}

#howtobuyPage #modalFrogBikes .genderTypes .RadioCustom,
#howtobuyPage .leftPreference .genderTypes .RadioCustom {
    display: inline-block;
    vertical-align: top;
    max-width: 225px;
    width: 80px;
    margin: 0 10px 5px 0;
    font-family: "DM Sans", sans-serif;
    border: 1px solid transparent;
    border-radius: 30px;
    width: 18%;
    position: relative;
    margin-right: 16px;
    transition: .5s background-color ease;
    cursor: pointer;
    height: auto
}

#howtobuyPage #modalFrogBikes .genderTypes .RadioCustom .imgWraper,
#howtobuyPage .leftPreference .genderTypes .RadioCustom .imgWraper {
    width: 58px;
    height: 58px;
    border-radius: 50%;
    background: #fff;
    margin-left: 3px
}

#howtobuyPage #modalFrogBikes .genderTypes .RadioCustom .imgWraper img,
#howtobuyPage .leftPreference .genderTypes .RadioCustom .imgWraper img {
    width: 90%;
    border-radius: 50%
}

#howtobuyPage #modalFrogBikes .genderTypes .RadioCustom .textlabel,
#howtobuyPage .leftPreference .genderTypes .RadioCustom .textlabel {
    position: initial;
    font-size: 12px;
    color: #221629;
    white-space: normal;
    display: block;
    padding: 0 5px
}

#howtobuyPage #modalFrogBikes .genderTypes .RadioCustom input,
#howtobuyPage .leftPreference .genderTypes .RadioCustom input {
    position: absolute;
    z-index: -1;
    opacity: 0
}

#howtobuyPage #modalFrogBikes .genderTypes .RadioCustom input[type=radio]:checked~.textlabel,
#howtobuyPage .leftPreference .genderTypes .RadioCustom input[type=radio]:checked~.textlabel {
    font-weight: 700;
    color: #28ad00
}

#howtobuyPage #modalFrogBikes .genderTypes .RadioCustom input[type=radio]:checked~.imgWraper,
#howtobuyPage .leftPreference .genderTypes .RadioCustom input[type=radio]:checked~.imgWraper {
    border: 1px solid #63ac4a
}

#howtobuyPage #modalFrogBikes .genderTypes .RadioCustom input[type=radio]:checked~.imgWraper:before,
#howtobuyPage .leftPreference .genderTypes .RadioCustom input[type=radio]:checked~.imgWraper:before {
    display: inline-block
}

#howtobuyPage #modalFrogBikes .genderTypes .RadioCustom.active,
#howtobuyPage .leftPreference .genderTypes .RadioCustom.active {
    border: 1px solid transparent;
    background: #fff;
    cursor: auto
}

#howtobuyPage #modalFrogBikes .genderTypes .RadioCustom.active .spacIcona:before,
#howtobuyPage .leftPreference .genderTypes .RadioCustom.active .spacIcona:before {
    color: #fff
}

#howtobuyPage #modalFrogBikes .genderTypes .disabletype,
#howtobuyPage .leftPreference .genderTypes .disabletype {
    opacity: .4
}

#howtobuyPage #modalFrogBikes .genderTypes .slick-disabled,
#howtobuyPage .leftPreference .genderTypes .slick-disabled {
    display: none !important
}

#howtobuyPage #modalFrogBikes .genderTypes .slick-next,
#howtobuyPage #modalFrogBikes .genderTypes .slick-prev,
#howtobuyPage .leftPreference .genderTypes .slick-next,
#howtobuyPage .leftPreference .genderTypes .slick-prev {
    font-size: 0;
    line-height: 0;
    top: 25%;
    right: 0;
    width: 40px;
    height: 40px;
    transform: translate(0, -50%);
    cursor: pointer;
    color: transparent;
    border: none;
    outline: 0;
    background: #fff;
    box-shadow: 0 3px 7px rgba(0, 0, 0, .1);
    border-radius: 50%;
    z-index: 1
}

#howtobuyPage #modalFrogBikes .genderTypes .slick-next:before,
#howtobuyPage #modalFrogBikes .genderTypes .slick-prev:before,
#howtobuyPage .leftPreference .genderTypes .slick-next:before,
#howtobuyPage .leftPreference .genderTypes .slick-prev:before {
    border: 1px solid #000;
    border-width: 0 0 2px 2px;
    width: 10px;
    height: 10px;
    font-size: 0;
    transform: rotate(-315deg);
    display: block;
    margin: 0 15px;
    cursor: pointer;
    padding: 5px
}

#howtobuyPage #modalFrogBikes .genderTypes .slick-prev,
#howtobuyPage .leftPreference .genderTypes .slick-prev {
    left: 0
}

#howtobuyPage #modalFrogBikes .genderTypes .slick-next,
#howtobuyPage .leftPreference .genderTypes .slick-next {
    right: 0
}

#howtobuyPage #modalFrogBikes .genderTypes .slick-next:before,
#howtobuyPage .leftPreference .genderTypes .slick-next:before {
    transform: rotate(-135deg) !important
}

#howtobuyPage #modalFrogBikes .checkboxWrap,
#howtobuyPage .leftPreference .checkboxWrap {
    text-align: left
}

#howtobuyPage #modalFrogBikes .checkboxWrap .customControl,
#howtobuyPage .leftPreference .checkboxWrap .customControl {
    padding: 10px 0;
    margin-right: 10px;
    margin-bottom: 8px;
    font-size: 12px;
    text-transform: uppercase
}

#howtobuyPage #modalFrogBikes .checkboxWrap .icon-rupee,
#howtobuyPage .leftPreference .checkboxWrap .icon-rupee {
    font-size: 75%
}

#howtobuyPage #modalFrogBikes .checkboxWrap .customIndicator,
#howtobuyPage .leftPreference .checkboxWrap .customIndicator {
    border-radius: 4px
}

#howtobuyPage #modalFrogBikes .halfBox,
#howtobuyPage .leftPreference .halfBox {
    float: left;
    width: 100%;
    padding-left: 15px
}

#howtobuyPage #modalFrogBikes .halfBox .genderTypes,
#howtobuyPage .leftPreference .halfBox .genderTypes {
    margin: 0;
    display: inline-block;
    vertical-align: middle;
    width: 100%
}

#howtobuyPage #modalFrogBikes .halfBox .genderTypes.checkboxWrap,
#howtobuyPage .leftPreference .halfBox .genderTypes.checkboxWrap {
    margin-bottom: 0
}

#howtobuyPage #modalFrogBikes .halfBox .genderTypes .RadioCustom,
#howtobuyPage .leftPreference .halfBox .genderTypes .RadioCustom {
    float: left;
    border: 1px solid #e3e3e3;
    width: auto;
    height: auto;
    padding: 3px 15px;
    line-height: normal;
    text-transform: uppercase
}

#howtobuyPage #modalFrogBikes .halfBox .genderTypes .RadioCustom .textlabel,
#howtobuyPage .leftPreference .halfBox .genderTypes .RadioCustom .textlabel {
    display: inline-block;
    vertical-align: middle
}

#howtobuyPage #modalFrogBikes .halfBox .genderTypes .RadioCustom.active,
#howtobuyPage .leftPreference .halfBox .genderTypes .RadioCustom.active {
    border: 1px solid #221629;
    background: #221629
}

#howtobuyPage #modalFrogBikes .halfBox .genderTypes .RadioCustom.active .textlabel,
#howtobuyPage .leftPreference .halfBox .genderTypes .RadioCustom.active .textlabel {
    color: #fff
}

#howtobuyPage #modalFrogBikes .halfBox .genderTypes .RadioCustom input[type=radio]:checked~.textlabel,
#howtobuyPage .leftPreference .halfBox .genderTypes .RadioCustom input[type=radio]:checked~.textlabel {
    color: #fff
}

#howtobuyPage #modalFrogBikes .halfBox .genderTypes .RadioCustom:last-child,
#howtobuyPage .leftPreference .halfBox .genderTypes .RadioCustom:last-child {
    margin-right: 0
}

#howtobuyPage #modalFrogBikes .halfBox .genderTypes .customCheckbox,
#howtobuyPage .leftPreference .halfBox .genderTypes .customCheckbox {
    border: 1px solid #e3e3e3;
    width: auto;
    height: auto;
    padding: 8px 15px 8px 35px;
    line-height: normal;
    text-transform: uppercase;
    border-radius: 30px
}

#howtobuyPage #modalFrogBikes .halfBox .genderTypes .customCheckbox .customIndicator,
#howtobuyPage .leftPreference .halfBox .genderTypes .customCheckbox .customIndicator {
    left: 10px;
    top: 6px
}

#howtobuyPage #modalFrogBikes .card .controlSwitch {
    margin-left: -16px
}

#howtobuyPage #modalFrogBikes .filter-header {
    white-space: nowrap
}

#howtobuyPage #modalFrogBikes .closeIconBtn {
    opacity: 0;
    visibility: hidden
}

#howtobuyPage #modalFrogBikes .showmeMainBottom.modalMainBottom .closeIconBtn {
    opacity: 1;
    visibility: visible
}

#howtobuyPage #modalFrogBikes .controlSwitch {
    width: 86px;
    height: 26px
}

#howtobuyPage #modalFrogBikes .heightControl {
    padding-left: 0
}

#howtobuyPage .moreFltrBtn .icon-filter {
    line-height: 1.1;
    vertical-align: -1px;
    padding-right: 4px
}

#howtobuyPage .bikesTitle {
    margin: 0 -16px 15px;
    font-size: 18px;
    background: #efc02f;
    padding: 5px 0
}

.timeline-item {
    background-color: #fff;
    border-radius: 3px;
    padding: 12px
}

@keyframes placeHolderShimmer {
    0% {
        background-position: -468px 0
    }

    100% {
        background-position: 468px 0
    }
}

.animated-background {
    animation-duration: 1.5s;
    animation-fill-mode: forwards;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    animation-name: placeHolderShimmer;
    background: #f6f7f8;
    background: linear-gradient(to right, #eee 8%, #ddd 18%, #eee 33%);
    background-size: 800px 104px;
    height: 40px;
    position: relative;
    margin: 0 0 15px
}

.background-masker {
    background: #fff;
    position: absolute
}

.background-masker.content-top {
    height: 20px
}

.background-masker.content-first-end,
.background-masker.content-second-end,
.background-masker.content-third-end {
    width: auto;
    left: 380px;
    right: 0;
    top: 60px;
    height: 8px
}

@media only screen and (max-width:330px) {
    #howtobuyPage #modalFrogBikes .card {
        max-width: 100%;
        width: 100%;
        padding-left: 12px;
        padding-right: 12px
    }
}

@media only screen and (min-width:360px) {
    #howtobuyPage .filterHeaderWidget h1 {
        font-size: 24px
    }

    #howtobuyPage #modalFrogBikes .halfBox .genderTypes,
    #howtobuyPage .leftPreference .halfBox .genderTypes {
        margin: 0 0 10px
    }

    #howtobuyPage #modalFrogBikes .halfBox .genderTypes .RadioCustom,
    #howtobuyPage .leftPreference .halfBox .genderTypes .RadioCustom {
        padding: 6px 15px
    }

    #howtobuyPage #modalFrogBikes .halfBox .genderTypes.checkboxWrap,
    #howtobuyPage .leftPreference .halfBox .genderTypes.checkboxWrap {
        margin-bottom: 6px
    }

    #howtobuyPage #modalFrogBikes .filter-content,
    #howtobuyPage .leftPreference .filter-content {
        margin: 15px 0
    }

    #howtobuyPage #modalFrogBikes .filter-content.height-content,
    #howtobuyPage .leftPreference .filter-content.height-content {
        margin-top: 35px
    }
}

#registerBikePage h2 {
    text-align: center;
    margin: 20px 0 16px;
    padding-top: 20px
}

#registerBikePage .rgtrText {
    max-width: 290px;
    margin: 0 auto
}

#registerBikePage .rgtrText a {
    font-weight: 700
}

#registerBikePage .stepTwoBox {
    padding-bottom: 20px
}

#registerBikePage #registerMainForm {
    margin-top: 27px;
    position: relative;
    min-height: 160px;
    padding-bottom: 30px
}

#registerBikePage #registerMainForm .purchaseOption {
    margin-bottom: 24px
}

#registerBikePage #registerMainForm .purchaseOption .labelText {
    font-size: 13px;
    margin-bottom: 7px
}

#registerBikePage #registerMainForm .purchaseOption .selectTrigger {
    background: #28ad00;
    color: #fff;
    border-color: #28ad00;
    font-size: 14px
}

#registerBikePage #registerMainForm .purchaseOption .arrow:before {
    border-color: #fff
}

#registerBikePage #registerMainForm #onlineBtn {
    width: 100%;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    height: 40px
}

#registerBikePage #registerMainForm .clearformBtn {
    padding: 6px 0;
    font-size: 12px;
    outline: 0
}

#registerBikePage #registerMainForm .fieldControl .easy-autocomplete {
    width: 100% !important
}

#registerBikePage #registerMainForm #onlineDetail {
    margin-top: 24px
}

#registerBikePage .file-select {
    display: flex
}

#registerBikePage .file-select .file-select-button {
    min-width: 130px
}

#registerBikePage .file-select .file-select-name {
    width: calc(100% - 130px)
}

#registerBikePage .checkBoxmain {
    margin-top: 12px
}

#registerBikePage .checkBoxmain .customControl {
    font-size: 12px;
    font-weight: 400;
    color: #959595;
    padding-left: 30px
}

#registerBikePage .checkBoxmain .signUpText {
    line-height: 12px;
    margin-top: -2px
}

#registerBikePage .checkBoxmain .tcUrl {
    font-size: 12px;
    color: #959595;
    margin-bottom: 9px
}

#registerBikePage .easy-autocomplete-container {
    z-index: 5
}

#registerBikePage .easy-autocomplete-container ul {
    max-height: 200px;
    overflow-y: scroll
}

#registerBikePage .file-upload,
#registerBikePage .fileUploadControl {
    z-index: 0
}

#registerBikePage .ptb15 {
    padding: 15px 0
}

#registerBikePage .starRating {
    margin-bottom: 20px;
    text-align: center
}

#registerBikePage .starRating .rating {
    padding: 0
}

#registerBikePage .starRating .ratingText {
    font-size: 14px;
    line-height: 1.2;
    color: #221629;
    font-weight: 600;
    margin-top: 5px
}

#registerBikePage .starRating span {
    -webkit-background-size: cover;
    background-size: cover
}

#registerBikePage .starRating span:last-child {
    margin-right: 0
}

#registerBikePage .starRating span {
    font-size: 40px;
    cursor: pointer;
    margin: 0 10px;
    display: inline-block;
    width: 32px;
    height: 32px
}

#registerBikePage .starRating span.selected:before {
    color: #ffa236
}

#registerBikePage .typyReview textarea {
    border: 1px solid #dfdfdf;
    height: 200px;
    color: #353535;
    font-size: 12px;
    font-weight: 400;
    width: 100%;
    padding: 12px 50px 12px 16px;
    resize: none;
    margin: 12px 0 16px
}

#registerBikePage .typyReview .wordCount {
    position: absolute;
    right: 6px;
    bottom: 24px;
    font-size: 12px;
    color: #7c7c7c
}

#registerBikePage .reviewSecmain select {
    border: 1px solid #dfdfdf;
    padding: 13px 16px;
    width: 100%;
    -webkit-appearance: none;
    appearance: none;
    font-size: 12px;
    line-height: 26px;
    outline: 0;
    font-weight: 400;
    color: #7c7c7c
}

#registerBikePage .reviewSecmain .icon-arrow {
    position: absolute;
    top: 17px;
    right: 14px;
    width: 20px;
    height: 20px;
    font-size: 12px;
    text-align: center;
    line-height: 20px
}

#registerBikePage .invalidError {
    font-size: 12px
}

#registerBikePage .thankyouMsg {
    text-align: center;
    font-size: 36px;
    color: #333;
    letter-spacing: 5px
}

#registerBikePage .thankuScreen .invalidError {
    margin-bottom: 10px
}

#registerBikePage .thankuScreen .imgHolder {
    width: 90px;
    height: auto
}

#registerBikePage .RgsThankumsg .btn {
    line-height: 40px;
    color: #28ad00;
    max-width: 344px;
    width: 100%
}

#registerBikePage .customSelectMain .optionList {
    position: initial
}

#registerBikePage .customSelectMain .option {
    line-height: normal;
    border-bottom: 1px solid #eee;
    padding: 8px 12px 8px 12px
}

#registerBikePage .customSelectMain .option span {
    padding-left: 10px;
    vertical-align: middle
}

#registerBikePage .fieldControlRadio {
    width: 100%
}

#registerBikePage .fieldControlRadio .title {
    font-size: 13px;
    margin-bottom: 10px
}

#registerBikePage .fieldControlRadio .pdTypList {
    column-gap: 20px
}

#registerBikePage .fieldControlRadio .customRadio {
    padding: 2px 0 0 24px
}

#registerBikePage .fieldControlRadio sup {
    color: red;
    font-size: 12px
}

.registeredWidget {
    width: 228px;
    margin-top: 60px
}

.registeredWidget .registered-icon {
    background: url(https://d60i6mpkbdpwe.cloudfront.net/assets/ninetyone/images/registered-icon.png) no-repeat center;
    -webkit-background-size: cover;
    background-size: cover;
    width: 32px;
    height: 32px
}

.registeredWidget p {
    font-size: 14px;
    line-height: 18px;
    padding-top: 14px
}

.approvedTag {
    position: absolute;
    bottom: 14px;
    left: -5px;
    width: 24px;
    height: 24px;
    border: 1px dashed #28ad00
}

.approvedTag:before {
    font-family: icomoon !important;
    content: "\e966";
    position: absolute;
    bottom: 0;
    left: 0;
    font-size: 12px;
    line-height: 23px;
    width: 100%;
    height: 100%;
    color: #28ad00
}

@media only screen and (min-width:1023px) {
    #registerBikePage #registerMainForm {
        min-height: 300px;
        padding-bottom: 50px
    }

    #registerBikePage #registerMainForm .purchageOption {
        margin-top: 24px;
        display: table;
        width: calc(100% - 7px)
    }

    #registerBikePage #registerMainForm .customSelectMain,
    #registerBikePage #registerMainForm .labelText {
        display: table-cell;
        vertical-align: middle
    }

    #registerBikePage #registerMainForm .labelText {
        width: 235px;
        margin-bottom: 0
    }

    #registerBikePage #registerMainForm .customSelectMain {
        width: calc(100% - 310px)
    }

    #registerBikePage #registerMainForm .customSelectMain .option span {
        padding-left: 0
    }

    #registerBikePage #registerMainForm .customSelectMain .optionList {
        position: absolute
    }

    #registerBikePage .purchaseOption .selectTrigger {
        width: 153px
    }
}

#thankYouNew .thankBnr {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 100vh;
    text-align: center;
    padding: 20px
}

#thankYouNew .thankImg {
    max-width: 250px;
    height: auto
}

.thankBnrCont {
    margin-top: 20px
}

.thankBnrCont h1 {
    font-size: 24px;
    color: #28ad00;
    margin-bottom: 15px
}

.thankBnrCont p {
    font-size: 16px;
    color: #333;
    margin-bottom: 10px
}

.thankBnrCont a {
    color: #28ad00;
    text-decoration: none
}

.trackOrder .serchOrder.card {
    padding: 25px;
    width: 100%;
    max-width: 100%
}

.trackOrder .serchOrder .trackOuterInput {
    margin-bottom: 20px;
    width: 100%
}

.trackOrder .serchOrder .fieldControl .fieldInput {
    padding: 0 10px
}

.trackOrder .serchOrder .fieldControl .fieldLabel {
    top: 15px;
    left: 10px;
    font-size: 12px
}

.trackOrder .serchOrder .btn {
    padding: 10px 12px;
    border-radius: 3px;
    width: 100%;
    height: 40px
}

.trackOrder .serchOrder .icon-tracking {
    font-size: 45px;
    text-align: center;
    display: block;
    color: #28ad00
}

.trackOrder .form-wrap {
    align-items: flex-start;
    flex-direction: column;
    align-items: center
}

.trackOrder .orderDetails.card {
    padding: 20px
}

.trackOrder .orderDetails .titleWrap {
    border-bottom: 1px dashed #bdb9bf;
    flex-direction: column;
    align-items: start
}

.trackOrder .orderDetails .titleWrap .tooltiptext {
    left: 60px
}

.trackOrder .orderDetails .titleWrap .wiz-assembly {
    font-size: 14px
}

.trackOrder .orderDetails .title {
    padding-bottom: 15px
}

.trackOrder .orderDetails .title span {
    color: #959595;
    font-size: 12px
}

.trackOrder .orderDetails .title span:nth-child(2n) {
    border-right: 1px solid #959595;
    padding-right: 4px
}

.trackOrder .orderDetails .productImg img {
    max-width: 100px
}

.trackOrder .orderDetails .orderTrack {
    margin: 20px 0
}

.trackOrder .orderDetails .orderTrack .track {
    width: 31%;
    display: inline-block;
    height: 6px;
    background: #f1f1f1;
    position: relative
}

.trackOrder .orderDetails .orderTrack .track .orderStatus {
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background: #b5b3b6;
    position: absolute;
    top: -5px;
    left: -5px
}

.trackOrder .orderDetails .orderTrack .track .orderStatus i {
    line-height: 17px;
    display: block;
    text-align: center;
    color: #fff;
    font-size: 12px
}

.trackOrder .orderDetails .orderTrack .track .orderStatus i.arrowCheck {
    display: none
}

.trackOrder .orderDetails .orderTrack .track .icon-shipping {
    display: none;
    font-size: 18px;
    position: absolute;
    color: #ffdc00;
    top: -16px;
    left: 30px
}

.trackOrder .orderDetails .orderTrack .track .label {
    position: absolute;
    top: 15px;
    left: -5px;
    font-size: 12px;
    color: #28ad00;
    opacity: 0
}

.trackOrder .orderDetails .orderTrack .track:first-child .orderStatus {
    background: #28ad00
}

.trackOrder .orderDetails .orderTrack .track:first-child .orderStatus .arrowCheck {
    display: block
}

.trackOrder .orderDetails .orderTrack .track:first-child .label {
    opacity: 1
}

.trackOrder .orderDetails .orderTrack .track:last-child {
    width: 0
}

.trackOrder .orderDetails .estDelDate {
    color: #959595;
    margin-top: 38px;
    font-size: 12px
}

.trackOrder .orderDetails .USPS {
    border-top: 1px dashed #bdb9bf;
    padding: 15px 0;
    font-size: 12px;
    display: none;
    margin-top: 10px
}

.trackOrder .orderDetails .USPS span span {
    color: #1492e6;
    text-decoration: underline
}

.trackOrder .orderDetails .USPS.through {
    margin-top: 40px
}

.trackOrder .orderDetails .callCusCare {
    text-align: center;
    border-top: 1px solid #dfdfdf;
    margin: 18px -20px 0;
    padding-top: 20px;
    font-size: 12px
}

.trackOrder .orderDetails .callCusCare .icon-call {
    margin-right: 10px
}

.trackOrder .orderDetails.processing .track:nth-child(1) {
    background: #28ad00
}

.trackOrder .orderDetails.processing .track:nth-child(1) .orderStatus {
    background: #28ad00
}

.trackOrder .orderDetails.processing .track:nth-child(1) .orderStatus .arrowCheck {
    display: block
}

.trackOrder .orderDetails.processing .track:nth-child(2) .orderStatus {
    background: #28ad00
}

.trackOrder .orderDetails.processing .track:nth-child(2) .label {
    opacity: 1
}

.trackOrder .orderDetails.inTransit .track:nth-child(1),
.trackOrder .orderDetails.inTransit .track:nth-child(2) {
    background: #28ad00
}

.trackOrder .orderDetails.inTransit .track:nth-child(1) .orderStatus,
.trackOrder .orderDetails.inTransit .track:nth-child(2) .orderStatus {
    background: #28ad00
}

.trackOrder .orderDetails.inTransit .track:nth-child(1) .orderStatus .arrowCheck,
.trackOrder .orderDetails.inTransit .track:nth-child(2) .orderStatus .arrowCheck {
    display: block
}

.trackOrder .orderDetails.inTransit .track:nth-child(1) .label,
.trackOrder .orderDetails.inTransit .track:nth-child(2) .label {
    opacity: 1
}

.trackOrder .orderDetails.inTransit .track:nth-child(1) i,
.trackOrder .orderDetails.inTransit .track:nth-child(2) i {
    display: none
}

.trackOrder .orderDetails.inTransit .track:nth-child(3) {
    background: linear-gradient(785deg, #ffc000 33%, #f0dca2 60%, #f5efef 75%, #f0ece1 84%)
}

.trackOrder .orderDetails.inTransit .track:nth-child(3) .orderStatus {
    background: #28ad00
}

.trackOrder .orderDetails.inTransit .track:nth-child(3) .orderStatus .arrowCheck {
    display: block
}

.trackOrder .orderDetails.inTransit .track:nth-child(3) .label {
    opacity: 1
}

.trackOrder .orderDetails.inTransit .track:nth-child(3) i {
    display: none
}

.trackOrder .orderDetails.inTransit .orderTrack .track .icon-shipping {
    display: block
}

.trackOrder .orderDetails.inTransit .USPS {
    display: block
}

.trackOrder .orderDetails.delivered .track {
    background: #28ad00
}

.trackOrder .orderDetails.delivered .track .orderStatus {
    background: #28ad00
}

.trackOrder .orderDetails.delivered .track .orderStatus .arrowCheck {
    display: block
}

.trackOrder .orderDetails.delivered .track .label {
    opacity: 1
}

.trackOrder .orderDetails.delivered .track i {
    display: none
}

.trackOrder #errmsg {
    top: 50%;
    left: 50%;
    position: absolute;
    transform: translate(-50%, -50%)
}

.trackOrder .trackTableHeading {
    margin-top: 14px;
    font-size: 16px;
    font-weight: 600
}

.trackOrder .orderTrackTable {
    width: 100%
}

.trackOrder .orderTrackTable thead {
    background: #f5f5f5
}

.trackOrder .orderTrackTable td,
.trackOrder .orderTrackTable th {
    line-height: 1.4;
    padding: 8px;
    border: 1px solid #ccc;
    text-align: left
}

.trackOrder .orderTrackTable th {
    font-weight: 600;
    font-size: 12px
}

.trackOrder .orderTrackTable td {
    font-size: 12px
}

.trackOrder .resendOTP {
    position: absolute;
    right: 16px;
    top: 13px;
    z-index: 999999;
    color: #28ad00;
    cursor: pointer
}

.trackOrder .timerOTP {
    position: absolute;
    right: 16px;
    top: 13px;
    color: #28ad00
}

@media only screen and (max-width:330px) {
    .trackOrder .serchOrder .btn {
        padding: 10px 0
    }
}

#caresPage .serviceSteps {
    padding-top: 20px
}

#caresPage .serviceSteps li {
    margin-bottom: 25px;
    padding: 0 10px;
    vertical-align: top
}

#caresPage .serviceSteps h3 {
    font-size: 16px;
    line-height: 1.2
}

#caresPage .serviceSteps p {
    font-size: 12px;
    color: #959595;
    line-height: 1.3;
    padding-top: 6px
}

#caresPage .serviceSteps .doorStep {
    max-width: 72px;
    margin: 0 auto 10px
}

#caresPage .serviceSteps .spritHolder {
    position: relative;
    margin: 5px auto 12px;
    overflow: hidden;
    width: 90px;
    height: 76px
}

#caresPage .serviceSteps .crSprite {
    zoom: 1.2
}

#caresPage .serviceSteps .crSprite.stepAssemb {
    zoom: 1.16
}

#caresPage .caresTestimonials .slick-track {
    width: 100%
}

#caresPage .caresTestimonials .slick-active {
    opacity: 1
}

#caresPage .caresTestimonials .caresCard {
    margin: 12px;
    padding: 10px 18px 10px;
    width: auto;
    -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, .16);
    box-shadow: 0 3px 6px rgba(0, 0, 0, .16);
    border-radius: 5px;
    -webkit-border-radius: 5px
}

#caresPage .caresTestimonials .slick-dots {
    bottom: -20px
}

#caresPage .caresTestimonials .slick-next,
#caresPage .caresTestimonials .slick-next:hover,
#caresPage .caresTestimonials .slick-prev,
#caresPage .caresTestimonials .slick-prev:hover {
    background: #28ad00 !important
}

#caresPage .whyCaresTitle {
    font-size: 21px
}

#caresPage .caresLogoHold {
    max-width: 210px;
    margin: 0 auto 20px
}

.caresBanner {
    -webkit-background-size: cover;
    background-size: cover;
    position: relative;
    text-align: center
}

.caresBanner:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, .86);
    z-index: 0
}

.caresBanner .container-fluid {
    z-index: 2;
    position: relative;
    min-height: 202px
}

.caresBanner p {
    font-size: 25px
}

.countBg {
    background: url(https://d60i6mpkbdpwe.cloudfront.net/assets/ninetyone/images/cares/countbg.svg) no-repeat center #131c1b;
    background-size: 145px
}

.countBg .countWidget {
    padding: 50px 0;
    color: #fff
}

@media only screen and (min-width:1024px) {
    #caresPage .caresTestimonials .caresCard {
        padding: 12px 15px
    }

    #caresPage .caresLogoHold {
        max-width: 380px;
        margin-bottom: 50px
    }

    #caresPage .serviceSteps li {
        width: calc(33.33% - 4px)
    }

    #caresPage .serviceSteps h3 {
        font-size: 18px
    }

    #caresPage .serviceSteps p {
        font-size: 14px
    }

    #caresPage .serviceSteps .doorStep {
        max-width: initial;
        width: 140px;
        height: auto
    }

    #caresPage .serviceSteps .spritHolder {
        width: 140px;
        height: 110px
    }

    #caresPage .serviceSteps .crSprite {
        zoom: 1.7
    }

    #caresPage .serviceSteps .crSprite.stepAssemb {
        zoom: 1.6
    }

    #caresPage .countBg {
        background-size: 255px
    }

    #caresPage .countWidget {
        font-size: 30px;
        padding: 65px 0
    }

    #caresPage .countWidget .title {
        font-size: 62px
    }

    .caresBanner .container-fluid {
        min-height: 350px
    }

    .caresBanner p {
        font-size: 50px
    }
}

#hamburgerMenu {
    position: relative;
    width: 22px;
    flex-shrink: 0;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    cursor: pointer
}

#hamburgerMenu span {
    display: block;
    height: 3px;
    background: #111;
    margin: 13px 0;
    position: relative
}

#hamburgerMenu span:after,
#hamburgerMenu span:before {
    content: "";
    position: absolute;
    left: 0;
    width: 100%;
    height: 3px;
    background: #111
}

#hamburgerMenu span:before {
    top: -7px
}

#hamburgerMenu span:after {
    bottom: -7px
}

#closeNav {
    position: absolute;
    height: 30px;
    width: 30px;
    top: 20px;
    left: 300px;
    z-index: 105;
    opacity: 0;
    -webkit-transition-delay: .7s;
    transition-delay: .7s;
    border-radius: 0 4px 4px 0;
    -webkit-border-radius: 0 4px 4px 0;
    cursor: pointer
}

#closeNav:after,
#closeNav:before {
    content: "";
    background: #111;
    position: absolute;
    left: 3px;
    top: 13px;
    height: 2px;
    width: 75%
}

#closeNav:before {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

#closeNav:after {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg)
}

#navBody {
    left: 0;
    top: 0;
    z-index: 100;
    width: 0;
    color: #000;
    overflow: hidden;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease
}

#navBody:before {
    content: "";
    position: fixed;
    left: 0;
    top: 0;
    bottom: 0;
    background: rgba(17, 17, 17, .5);
    width: 100%;
    height: 100vh;
    z-index: 100;
    opacity: 0;
    visibility: hidden;
    transition: all .3s ease-in-out;
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px)
}

#navBody.active {
    width: 100%;
    opacity: 1;
    left: 0
}

#navBody.active:before {
    opacity: 1;
    visibility: visible
}

#navBody.active .navMain {
    animation: slideFromLeft .5s cubic-bezier(.68, -.55, .27, 1.55) forwards;
    -webkit-animation: slideFromLeft .5s cubic-bezier(.68, -.55, .27, 1.55) forwards;
    -moz-animation: slideFromLeft .5s cubic-bezier(.68, -.55, .27, 1.55) forwards
}

#navBody.active #closeNav {
    opacity: 1
}

#navBody .navMain {
    width: 300px;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 101;
    font-size: 14px;
    padding: 16px;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%)
}

#navBody .nav-list::-webkit-scrollbar {
    display: none
}

#navBody .nav-list {
    overflow-y: auto;
    max-height: calc(100% - 20px);
    scrollbar-width: none;
    -ms-overflow-style: none;
    flex-direction: column
}

#navBody .nav-list>li {
    width: 100%;
    flex-wrap: wrap
}

#navBody .nav-list svg {
    max-width: 20px;
    flex: 0 0 20px
}

#navBody .nav-list li .navTitle,
#navBody .nav-list li a {
    display: flex;
    padding: 8px 0;
    color: #282828;
    position: relative;
    font-size: 14px;
    justify-content: flex-start;
    align-items: center;
    line-height: 1;
    column-gap: 6px;
    min-width: 100%
}

#navBody .nav-list li .navTitle:hover,
#navBody .nav-list li a:hover {
    color: #5ad235
}

#navBody .nav-list li.active a {
    color: #5ad235
}

#navBody .nav-list .navTitle {
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    cursor: pointer;
    flex: 1
}

#navBody .nav-list .navTitle::after {
    content: "";
    border-style: solid;
    padding: 3px;
    margin-left: 3px;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    border-color: #84858a;
    border-width: 0 1px 1px 0;
    position: absolute;
    right: 16px;
    top: 10px
}

#navBody .nav-list .navTitle.active {
    color: #5ad235;
    border-radius: 4px;
    -webkit-border-radius: 4px
}

#navBody .nav-list .navTitle.active::after {
    -webkit-transform: rotate(-135deg);
    -ms-transform: rotate(-135deg);
    -o-transform: rotate(-135deg);
    transform: rotate(-135deg);
    top: 15px;
    border-color: #5ad235
}

#navBody .nav-list .navTitle.active path {
    fill: #5ad235
}

#navBody .subNav {
    overflow: hidden;
    max-height: 0;
    -webkit-transition: max-height .3s ease-out;
    -o-transition: max-height .3s ease-out;
    transition: max-height .3s ease-out;
    background: #f8f8f8;
    border-radius: 4px;
    -webkit-border-radius: 4px
}

#navBody .subNav ul {
    padding: 12px 16px 8px;
    white-space: normal
}

#navBody .subNav li a {
    line-height: 30px;
    padding: 0;
    color: #000;
    font-weight: 400;
    font-size: 12px;
    width: 100%
}

#navBody .navSubTitle {
    font-weight: 600;
    font-size: 13px
}

#navBody .navSubTitle~ul {
    padding-left: 30px;
    padding-top: 8px
}

#navBody .iconHolder {
    display: inline-block;
    font-size: 18px;
    line-height: 1;
    width: 42px;
    vertical-align: -2px;
    color: #5ad235
}

#navBody .iconHolder.icon-mountain-bikes {
    font-size: 14px
}

#navBody .iconHolder.icon-ktm {
    font-size: 12px;
    color: #ef5713;
    vertical-align: middle;
    zoom: .7;
    margin: -3px 18px 0 0
}

#navBody .iconHolder.icon-translation {
    font-weight: 600
}

#navBody .iconHolder .bianchiIcon img {
    margin-left: 6px;
    width: 16px;
    height: auto
}

#navBody .icon-img {
    display: inline-block;
    vertical-align: middle;
    margin-right: 20px
}

@media screen and (max-device-height:645px) and (orientation:portrait) and (-webkit-min-device-pixel-ratio:2) {
    #navBody .scrollNav {
        bottom: 138px;
        left: 50%;
        height: 25px;
        width: 40px;
        position: absolute;
        background: #eee;
        transform: translate(-50%, 0);
        border-radius: 10px 10px 0 0;
        z-index: 999
    }

    #navBody .scrollNav:before {
        content: "";
        border-style: solid;
        display: inline-block;
        padding: 3px;
        margin-left: 3px;
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
        border-color: #5ad235;
        border-width: 0 2px 2px 0;
        vertical-align: -1px;
        -webkit-transition: all .3s ease-out;
        -o-transition: all .3s ease-out;
        transition: all .3s ease-out;
        position: absolute;
        left: 13px;
        top: 9px;
        z-index: 999
    }
}

@media only screen and (min-width:768px) and (max-width:1089px) {
    #hamburgerMenu span {
        height: 4px;
        margin: 13px 0
    }

    #hamburgerMenu span:after,
    #hamburgerMenu span:before {
        height: 4px
    }

    #hamburgerMenu span:before {
        top: -10px
    }

    #hamburgerMenu span:after {
        bottom: -10px
    }
}

@media only screen and (min-width:667px) {
    #navBody .navMain {
        width: 380px;
        padding: 24px
    }

    #closeNav {
        left: 380px
    }
}

.slideFromLeft {
    animation: slideFromLeft .5s cubic-bezier(.68, -.55, .27, 1.55) forwards;
    -webkit-animation: slideFromLeft .5s cubic-bezier(.68, -.55, .27, 1.55) forwards;
    -moz-animation: slideFromLeft .5s cubic-bezier(.68, -.55, .27, 1.55) forwards
}

@-webkit-keyframes slideFromLeft {
    0% {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
        opacity: 0
    }

    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1
    }
}

@-moz-keyframes slideFromLeft {
    0% {
        -moz-transform: translateX(-100%);
        transform: translateX(-100%);
        opacity: 0
    }

    100% {
        -moz-transform: translateX(0);
        transform: translateX(0);
        opacity: 1
    }
}

@keyframes slideFromLeft {
    0% {
        -webkit-transform: translateX(-100%);
        -moz-transform: translateX(-100%);
        transform: translateX(-100%);
        opacity: 0
    }

    100% {
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        transform: translateX(0);
        opacity: 1
    }
}

.easy-autocomplete {
    position: relative
}

.easy-autocomplete input {
    border-color: #dfdfdf;
    border-radius: 3px;
    border-style: solid;
    border-width: 1px;
    color: #555;
    float: none;
    padding: 6px 12px
}

.easy-autocomplete input:focus,
.easy-autocomplete input:hover {
    box-shadow: none
}

.easy-autocomplete a {
    display: block
}

.easy-autocomplete.eac-green-light input:focus,
.easy-autocomplete.eac-green-light input:hover {
    border-color: #5ad235;
    box-shadow: 0 1px 1px rgba(0, 0, 0, .075) inset, 0 0 8px rgba(90, 210, 53, .2)
}

.easy-autocomplete.eac-green-light ul {
    border-color: #5ad235;
    box-shadow: 0 1px 1px rgba(0, 0, 0, .075) inset, 0 0 8px rgba(90, 210, 53, .2)
}

.easy-autocomplete.eac-green-light ul .eac-category,
.easy-autocomplete.eac-green-light ul li {
    border-color: #5ad235
}

.easy-autocomplete.eac-green-light ul .eac-category.selected,
.easy-autocomplete.eac-green-light ul li.selected {
    background-color: #5ad235;
    color: #fff
}

.easy-autocomplete.eac-green-light ul .eac-category.selected .categorieField,
.easy-autocomplete.eac-green-light ul li.selected .categorieField {
    background: #212121
}

.easy-autocomplete.eac-green-light ul .eac-category.selected .categorieField:after,
.easy-autocomplete.eac-green-light ul li.selected .categorieField:after {
    border-top-color: #212121
}

.easy-autocomplete.eac-bootstrap input {
    border-color: #ccc;
    border-radius: 4px;
    border-style: solid;
    border-width: 1px;
    color: #555;
    padding: 6px 12px
}

.easy-autocomplete-container {
    left: 0;
    position: absolute;
    width: 100%;
    z-index: 2
}

.easy-autocomplete-container .sub-pro {
    display: flex;
    flex-flow: column;
    gap: 10px;
    margin-top: 10px;
    padding: 0 0 8px;
    border-radius: 4px
}

.easy-autocomplete-container .sub-pro .bikeType {
    width: 45px;
    display: inline-block
}

.easy-autocomplete-container .sub-pro .attr {
    border: 1px solid #e0e0e0;
    padding: 3px 6px;
    border-radius: 4px;
    color: #757575;
    font-size: 12px;
    zoom: .85;
    line-height: 18px;
    margin-left: 12px;
    display: inline-block;
    background: #fafafa
}

.easy-autocomplete-container ul {
    background: none repeat scroll 0 0 #fff;
    display: none;
    margin-top: 0;
    padding-bottom: 0;
    padding-left: 0;
    position: relative;
    top: -1px
}

.easy-autocomplete-container ul .eac-category,
.easy-autocomplete-container ul li {
    background: inherit;
    border-color: #ccc;
    border-image: none;
    border-style: solid;
    border-width: 0 1px;
    display: block;
    font-size: 14px;
    font-weight: 400;
    padding: 4px 12px;
    border-bottom: 1px solid #f7f7f7 !important
}

.easy-autocomplete-container ul li:last-child {
    border-radius: 0 0 2px 2px;
    border-width: 0 1px 1px
}

.easy-autocomplete-container ul li.selected {
    background: none repeat scroll 0 0 #ebebeb;
    cursor: pointer
}

.easy-autocomplete-container ul li.selected .sub-pro .attr {
    background: #efefef
}

.easy-autocomplete-container ul li.selected div {
    font-weight: 400
}

.easy-autocomplete-container ul li div {
    display: block;
    font-weight: 400;
    word-break: break-all;
    padding: 0 8px 0
}

.easy-autocomplete-container .categorieField {
    background: #eee;
    padding: 6px 10px;
    border-radius: 4px;
    margin: 0 -12px;
    position: relative;
    margin-bottom: 5px
}

.easy-autocomplete-container .categorieField:after {
    top: 100%;
    left: 22px;
    border: solid transparent;
    content: "";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(255, 255, 255, 0);
    border-top-color: #efefef;
    border-width: 9px;
    margin-left: -10px
}

.easy-autocomplete-container .categorieField .icon-category {
    vertical-align: middle;
    margin-right: 10px
}

.easy-autocomplete-container ul li b {
    font-weight: 700
}

.easy-autocomplete-container ul .eac-category {
    color: #aaa;
    font-style: italic
}

.eac-description .eac-item span {
    color: #aaa;
    font-style: italic;
    font-size: .9em
}

.eac-icon-left .eac-item img {
    margin-right: 4px;
    max-height: 30px
}

.eac-icon-right .eac-item {
    margin-top: 8px;
    min-height: 24px;
    position: relative
}

.eac-icon-right .eac-item img {
    margin-left: 4px;
    max-height: 30px;
    position: absolute;
    right: -4px;
    top: -8px
}

.pl-2,
.px-2 {
    padding-left: .5rem !important
}

.pr-2,
.px-2 {
    padding-right: .5rem !important
}

.mb-3,
.my-3 {
    margin-bottom: 1rem !important
}

.autoSearchBox {
    display: flex;
    flex-direction: row-reverse
}

.autoSearchBox .allBrandCatg {
    position: relative;
    z-index: 1
}

.autoSearchBox .allBrand,
.autoSearchBox .srchWrap {
    height: 46px
}

.autoSearchBox .allBrndList {
    font-size: 16px
}

.autoSearchBox .allBrndList li {
    display: flex;
    margin-top: 20px;
    align-items: center;
    white-space: nowrap;
    cursor: pointer
}

.autoSearchBox .allBrndList li:first-child {
    margin-top: 8px
}

.autoSearchBox .allBrndList li:hover {
    color: #5ad235
}

.autoSearchBox .allBrndList li:hover .srchSpt {
    opacity: 1
}

.autoSearchBox .allBrndList .srchSpt {
    opacity: .7
}

.autoSearchBox .fieldInput {
    border: 0;
    background: 0 0
}

.autoSearchBox .searchResult {
    background: #f6f6f6;
    z-index: 0;
    top: 0;
    left: 0;
    right: 0;
    position: fixed;
    min-width: 100%;
    overflow: hidden;
    padding: 75px 16px 80px
}

.autoSearchBox .no-result {
    background-color: #fff8e1;
    border: 1px dashed #ff00006b;
    border-radius: 4px;
    padding: 6px;
    font-size: 14px;
    margin: 0 6px 15px
}

.autoSearchBox .title {
    font-size: 16px;
    margin: 0 0 20px 6px;
    font-weight: 600;
    text-transform: uppercase;
    color: #a5a5a5
}

.autoSearchBox .srcList {
    flex-wrap: wrap;
    row-gap: 16px;
    align-items: start
}

.autoSearchBox .priceListOff {
    column-gap: 4px
}

.autoSearchBox .srchCrd {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex: 100%;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    box-shadow: 0 0 2px rgba(0, 0, 0, .16);
    padding: 16px 8px;
    max-width: 100%;
    position: relative;
    min-height: 80px
}

.autoSearchBox .srchCrd:hover {
    -webkit-box-shadow: 0 0 5px rgba(90, 210, 53, .7);
    box-shadow: 0 0 5px rgba(90, 210, 53, .7)
}

.autoSearchBox .srchCrd img {
    flex: 0 0 55px;
    max-width: 55px;
    height: auto;
    max-height: 60px;
    width: auto;
    object-fit: contain
}

.autoSearchBox .badge {
    position: absolute;
    top: 0;
    left: 0;
    color: #fff;
    padding: 1px 8px;
    border-radius: 10px 0 0;
    font-size: 10px;
    text-transform: uppercase
}

.autoSearchBox .badge.right {
    left: auto;
    right: 0;
    -webkit-border-radius: 0 10px 0 0;
    border-radius: 0 10px 0 0
}

.autoSearchBox .srcPrdImg {
    width: 70px;
    height: auto;
    margin-right: 12px
}

.autoSearchBox .crdInfo {
    display: flex;
    flex-direction: column;
    padding-left: 8px;
    width: calc(100% - 55px)
}

.autoSearchBox .pdName {
    font-size: 12px;
    line-height: 1.1;
    font-weight: 600
}

.autoSearchBox .pdSpec {
    display: flex;
    flex-direction: column;
    margin-top: 10px
}

.autoSearchBox .specList {
    display: flex;
    align-items: center;
    margin-bottom: 5px
}

.autoSearchBox .specLabel {
    font-size: 14px;
    min-width: 30px;
    margin-right: 6px;
    flex: 0 0 auto
}

.autoSearchBox .pdSpecOptions {
    display: flex;
    flex-wrap: wrap;
    row-gap: 4px
}

.autoSearchBox .specBtn {
    background-color: #f5f5f5;
    border: 0;
    border-radius: 3px;
    padding: 2px 5px;
    font-size: 12px;
    margin-right: 5px;
    cursor: pointer;
    font-weight: 300;
    zoom: .85
}

.autoSearchBox .specBtn span {
    display: none
}

.autoSearchBox .specBtn:hover {
    background-color: #e9e9e9
}

.autoSearchBox .specBtn:last-child {
    margin-right: 0
}

.autoSearchBox .cutPrice {
    font-size: 12px;
    zoom: .85;
    color: #777575;
    text-decoration: line-through
}

.autoSearchBox .icon-rupee {
    font-size: 75%
}

.srchFtrBtn {
    width: 100%;
    height: 57px;
    background: #fff;
    padding: 0 20px;
    position: absolute;
    bottom: 0;
    left: 0;
    box-shadow: 0 -1px 8px rgba(0, 0, 0, .1);
    -webkit-box-shadow: 0 -1px 8px rgba(0, 0, 0, .1)
}

.srchFtrBtn .btn {
    display: flex;
    align-items: center;
    height: 57px;
    padding: 0;
    background: #fff;
    font-size: 16px;
    width: 100%
}

.srchFtrBtn .arrowLeftLine {
    top: 0;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    width: 18px;
    transition: all .3s ease-in-out;
    margin-left: auto
}

.allBrand {
    position: relative;
    z-index: 5
}

.allBrand .btnBrnd {
    height: 100%;
    position: relative;
    line-height: 1.1;
    background: #e9e9e9;
    padding: 0 30px 0 16px;
    display: flex;
    align-items: center;
    font-size: 12px;
    border-radius: 10px 0 0 10px;
    -webkit-border-radius: 10px 0 0 10px;
    cursor: pointer;
    white-space: nowrap
}

.allBrand .btnBrnd::after {
    content: "";
    position: absolute;
    right: 10px;
    top: 18px;
    content: '';
    display: block;
    position: absolute;
    height: 0;
    width: 0;
    border-top: 8px solid #000;
    border-left: 6.66667px solid transparent;
    border-right: 6.66667px solid transparent
}

.allBrand .brndDropdown {
    overflow: hidden;
    visibility: hidden;
    opacity: 0;
    height: 0;
    position: absolute;
    top: 46px;
    left: 0;
    width: 232px;
    background: #fff;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, .15);
    box-shadow: 0 0 20px rgba(0, 0, 0, .15);
    padding: 16px
}

.allBrand .brndDropdown.active {
    opacity: 1;
    visibility: visible;
    height: auto
}

.allBrand a {
    display: flex;
    align-items: center;
    width: 100%;
    margin-top: 20px;
    column-gap: 10px
}

.allBrand a:first-child {
    margin-top: 0
}

.allBrand a:hover {
    color: #5ad235
}

.srchSpt {
    background: url(https://d60i6mpkbdpwe.cloudfront.net/assets/ninetyone/images/search-catg-v2.svg) no-repeat;
    display: flex;
    zoom: 1.2
}

.srchSpt.es {
    background-position: 0 0;
    width: 24px;
    height: 20px;
    margin: 0 10px 0 6px
}

.srchSpt.rdons {
    background-position: -27px 0;
    width: 22px;
    height: 17px;
    margin: 0 11px 0 7px
}

.srchSpt.e91 {
    background-position: -53px 0;
    width: 23px;
    height: 15px;
    margin: 0 10px 0 7px
}

.srchSpt.ktm {
    background-position: -79px 0;
    width: 28px;
    height: 10px;
    margin: 0 8px 0 4px
}

.srchSpt.bnk {
    background-position: -126px 0;
    width: 20px;
    height: 19px;
    margin: 0 12px 0 8px
}

.srchSpt.wynd {
    background-position: -110px 0;
    width: 13px;
    height: 19px;
    margin: 0 11px 0 9px;
    zoom: 1.45
}

.srchSpt.combo {
    background-position: -151px 0;
    width: 21px;
    height: 16px;
    margin: 0 11px 0 8px
}

.srchSpt.acc {
    background-position: -192px 0;
    width: 17px;
    height: 18px;
    margin: 0 10px 0 8px;
    zoom: 1.4
}

.srchSpt.bckpack {
    background-position: -176px 0;
    width: 13px;
    height: 20px;
    margin: 0 12px 0 9px;
    zoom: 1.4
}

.srchSpt.treadmill {
    background-position: -83px -25px;
    width: 19px;
    height: 19px;
    margin: 0 15px 0 6px
}

#eac-container-provider-remote {
    max-height: 400px;
    overflow-y: auto;
    background: #fff;
    border-radius: 13px;
    -webkit-border-radius: 13px;
    -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, .15);
    box-shadow: 0 0 8px rgba(0, 0, 0, .15)
}

.srchCollection {
    position: relative;
    width: 100%;
    margin-bottom: 22px;
    background: #fff
}

.srchCollection .item {
    padding: 7px 10px;
    cursor: pointer;
    display: flex;
    align-items: center;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    background: #f6f6f6;
    margin: 0 0 15px;
    font-weight: 300;
    line-height: 1.1
}

.srchCollection .item.active,
.srchCollection .item:hover {
    background-color: #5ad235;
    color: #fff
}

.srchCollection .item.active .icon-search,
.srchCollection .item:hover .icon-search {
    color: #fff
}

.srchCollection .icon-search {
    position: relative !important;
    margin-right: 6px;
    top: 1px !important;
    left: 0 !important;
    font-size: 90% !important
}

.srchCollection .title {
    margin: 0 0 20px 0
}

.collectionsResult {
    display: flex;
    justify-content: start;
    column-gap: 10px;
    flex-wrap: wrap;
    font-size: 12px
}

.tredingSearch {
    position: relative;
    top: 30px;
    width: 100%;
    background: #fff;
    z-index: 1;
    font-size: 12px;
    font-weight: 400;
    opacity: 0;
    display: none;
    transition: all .3s ease-in-out;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, .15);
    box-shadow: 0 0 8px rgba(0, 0, 0, .15)
}

.tredingSearch::-webkit-scrollbar {
    width: 10px
}

.tredingSearch::-webkit-scrollbar-track {
    background: #e8e8e8;
    margin-top: 0;
    margin-bottom: 0
}

.tredingSearch::-webkit-scrollbar-thumb {
    background: #5ad235 !important;
    border-color: #e8e8e8;
    border-left-width: 2px;
    border-right-width: 2px;
    border-style: solid
}

.tredingSearch::-webkit-scrollbar-thumb:hover {
    background: #5ad235
}

.tredingSearch.active {
    top: 24px;
    display: block;
    opacity: 1
}

.tredingSearch .searchList {
    padding: 15px 15px 10px
}

.tredingSearch .item {
    padding: 6px 10px;
    cursor: pointer;
    display: inline-block;
    vertical-align: middle;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    background: #f6f6f6;
    margin: 0 5px 15px;
    font-weight: 300;
    color: #000
}

.tredingSearch .item.active,
.tredingSearch .item:hover {
    background-color: #5ad235;
    color: #fff
}

.tredingSearch .item.active .icon-search,
.tredingSearch .item:hover .icon-search {
    color: #fff
}

.tredingSearch .icon-search {
    position: relative !important;
    margin-right: 6px;
    top: 1px !important;
    left: 0 !important;
    font-size: 90% !important
}

.tredingSearch .title {
    font-size: 16px;
    margin: 0 0 12px 6px;
    font-weight: 600;
    text-transform: uppercase;
    color: #a5a5a5
}

.tredingSearch.loader {
    z-index: 999;
    min-height: 300px
}

.tredingSearch .loaderWidget {
    position: absolute
}

.arrowLeftLine {
    position: relative;
    top: 17px;
    width: 100%;
    height: 2px;
    background: #111;
    display: block;
    pointer-events: none
}

.arrowLeftLine:after,
.arrowLeftLine:before {
    content: '';
    position: absolute;
    width: 10px;
    height: 2px;
    left: 0;
    background: #111
}

.arrowLeftLine:before {
    top: 4px;
    transform: rotate(45deg)
}

.arrowLeftLine:after {
    top: -4px;
    transform: rotate(-45deg)
}

.crdSrcWrap {
    min-height: 100px
}

.crdSrcWrap.row {
    display: flex;
    flex-wrap: wrap;
    margin-right: -16px;
    margin-left: -16px
}

.crdSrcWrap.row::before {
    display: none
}

.crdSrcWrap.swipeSlider {
    margin-left: -16px;
    margin-right: -16px;
    padding: 6px 16px 20px;
    -webkit-overflow-scrolling: touch;
    -moz-overflow-scrolling: touch;
    display: flex !important;
    align-items: center;
    justify-content: flex-start
}

.crdSrcWrap.swipeSlider::-webkit-scrollbar-track {
    background: #eaeaea;
    margin-left: 16px;
    margin-right: 16px
}

.crdSrcWrap.swipeSlider::-webkit-scrollbar-thumb {
    background: #5ad235 !important;
    border-radius: 2px;
    -webkit-border-radius: 2px
}

.crdSrcWrap.swipeSlider.thinScrollBar::-webkit-scrollbar {
    width: 6px;
    height: 6px
}

.crdSrcWrap .col-4 {
    position: relative;
    width: 100%;
    padding-right: 16px;
    padding-left: 16px;
    flex: 0 0 33.33333%;
    max-width: 33.33333%
}

.crdSrcWrap .crd {
    border-radius: 8px;
    -webkit-border-radius: 8px;
    box-shadow: 0 0 2px rgba(0, 0, 0, .16);
    padding: 22px 10px 0 !important;
    min-height: 310px !important;
    overflow: hidden;
    min-width: auto
}

.crdSrcWrap .crd .crdPrice {
    padding-left: 0;
    padding-right: 0;
    font-weight: 600
}

.crdSrcWrap .crd .crdPrice .icon-rupee {
    zoom: 1
}

.crdSrcWrap .crd .cutPrice {
    color: #616161;
    font-weight: 400
}

.crdSrcWrap .crd .priceOff {
    color: #5ad235
}

.crdSrcWrap .btnHold {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 100% !important;
    margin: 0
}

.crdSrcWrap .btnHold .btn {
    font-size: 12px !important;
    width: 100%;
    border-radius: 0 0 5px 5px !important;
    padding: 8px 16px
}

.crdSrcWrap .btnHold .btn:hover {
    background: #e6c600;
    color: #fff
}

.crdSrcWrap .crdImg {
    margin: 8px -8px !important;
    min-height: 140px !important
}

.crdSrcWrap .crdName {
    zoom: .8;
    min-height: 40px;
    color: #000;
    font-weight: 600;
    text-transform: capitalize !important;
    display: flex;
    justify-content: start;
    text-align: left
}

.crdSrcWrap .emiText {
    font-size: 12px;
    font-weight: 300;
    font-style: italic;
    color: #959595;
    text-transform: none
}

.crdSrcWrap .crdTopSpec {
    column-gap: 12px;
    margin-top: 0
}

.crdSrcWrap .crdTopSpec li {
    display: flex;
    align-items: center;
    column-gap: 5px
}

.crdSrcWrap .crdTopSpec i {
    color: #5ad235;
    font-size: 14px
}

.crdSrcWrap .icon-rupee {
    font-size: 75%
}

.crdSrcWrap .crd .crdPrice,
.crdSrcWrap .crdModelTag,
.crdSrcWrap .crdTopSpec li {
    zoom: .75
}

.crdSrcWrap .crdImg img {
    width: 100%;
    aspect-ratio: 3/2;
    object-fit: contain;
    -webkit-object-fit: contain;
    object-position: center;
    height: 100%
}

.crdSrcWrap.swipeSlider .swipeItem {
    flex: 0 0 calc(200px - 8px);
    width: 200px
}

@media only screen and (min-width:1024px) {
    .crdSrcWrap {
        gap: 0 !important;
        row-gap: 16px !important
    }

    .crdSrcWrap .crdName {
        font-size: 18px !important;
        min-height: 50px
    }

    .crdSrcWrap .crdModelTag {
        zoom: .6
    }

    .crdSrcWrap .crd {
        max-width: 240px;
        min-height: 340px !important
    }

    .crdSrcWrap .crd .crdPrice {
        font-size: 16px !important
    }

    .crdSrcWrap .icon-rupee {
        zoom: 1 !important
    }
}

@media only screen and (min-width:1600px) {
    .allBrand .btnBrnd {
        font-size: 14px
    }
}

.arrowLeftLine {
    position: relative;
    top: 17px;
    width: 100%;
    height: 2px;
    background: #111;
    display: block;
    pointer-events: none
}

.arrowLeftLine:after,
.arrowLeftLine:before {
    content: '';
    position: absolute;
    width: 10px;
    height: 2px;
    left: 0;
    background: #111
}

.arrowLeftLine:before {
    top: 4px;
    transform: rotate(45deg)
}

.arrowLeftLine:after {
    top: -4px;
    transform: rotate(-45deg)
}

@media only screen and (min-width:1024px) {
    .autoSearchBox {
        width: 580px;
        margin: 3px 0
    }

    .autoSearchBox .fieldInput {
        width: 100%;
        height: 46px;
        padding: 0 40px 0 16px
    }

    .autoSearchBox .fieldInput:focus,
    .autoSearchBox .fieldInput:hover {
        -webkit-box-shadow: none !important;
        box-shadow: none !important
    }

    .autoSearchBox .icon-search {
        position: absolute;
        right: 0;
        left: auto;
        top: 0;
        font-size: 16px;
        z-index: 1;
        pointer-events: none;
        color: #787878
    }

    .autoSearchBox .searchResult {
        border-radius: 12px;
        -webkit-border-radius: 12px;
        -webkit-box-shadow: 0 0 16px rgba(0, 0, 0, .16);
        box-shadow: 0 0 16px rgba(0, 0, 0, .16);
        background: #fff;
        top: 55px;
        left: auto;
        right: 0;
        width: calc(100% + 136px);
        position: absolute;
        min-width: auto;
        z-index: 5;
        padding: 30px 8px 70px 16px;
        display: flex;
        flex-wrap: wrap;
        align-items: stretch;
        justify-content: space-between
    }

    .autoSearchBox .srcList {
        column-gap: 16px;
        align-items: stretch
    }

    .autoSearchBox .srchCrd {
        max-width: 315px;
        width: 100%
    }

    .autoSearchBox .tredingSearch {
        top: 55px;
        z-index: 101
    }

    .tredingSearch {
        position: absolute;
        right: 0;
        font-size: 14px;
        max-height: 400px;
        overflow-y: auto;
        width: calc(100% + 136px)
    }

    .tredingSearch .title {
        font-size: 20px;
        margin-bottom: 16px
    }

    .tredingSearch .item {
        padding: 8px 10px
    }

    .tredingSearch.loader {
        min-height: 400px
    }

    .srchWrap {
        max-width: 420px;
        width: 100%;
        position: relative;
        background: #f5f5f5;
        border-radius: 0 12px 12px 0;
        -webkit-border-radius: 0 12px 12px 0
    }

    .srchWrap>.icon-search {
        width: 40px;
        height: 100%;
        line-height: 46px;
        cursor: pointer;
        text-align: center
    }

    .srchFtrBtn {
        background: #f6f6f6
    }

    .srchFtrBtn .btn {
        background: #f6f6f6
    }

    .srchFtrBtn .btn:hover .arrowLeftLine {
        right: -5px
    }

    .srchFtrBtn .arrowLeftLine {
        margin-left: 8px
    }

    .srchCollection {
        padding-right: 10px;
        font-size: 13px;
        width: 160px;
        border-right: 1px solid #dedede;
        margin-bottom: 0;
        padding-bottom: 12px
    }

    .srchCollection .item:last-child {
        margin-bottom: 0
    }

    .srchProd {
        flex: 0 0 calc(100% - 165px);
        max-width: calc(100% - 165px);
        width: 100%;
        max-height: 320px;
        overflow-y: auto;
        padding: 5px 5px 5px 10px
    }

    .srchProd::-webkit-scrollbar {
        width: 6px;
        height: 6px;
        border-radius: 2px;
        -webkit-border-radius: 2px;
        padding-bottom: 16px
    }

    .srchProd::-webkit-scrollbar-track {
        background: #eaeaea;
        margin-left: 16px;
        margin-right: 16px;
        border-radius: 2px;
        -webkit-border-radius: 2px
    }

    .srchProd::-webkit-scrollbar-thumb {
        background: #5ad235 !important;
        border-radius: 2px;
        -webkit-border-radius: 2px
    }

    .srchProd::-webkit-scrollbar-thumb:hover {
        background: #5ad235
    }

    .srchProd .title {
        padding-left: 0
    }

    ::placeholder {
        color: #787878
    }

    :-ms-input-placeholder {
        color: #787878
    }

    ::-ms-input-placeholder {
        color: #787878
    }

    .easy-autocomplete-container {
        z-index: 102
    }

    .easy-autocomplete-container>ul {
        max-height: 400px;
        overflow-y: auto;
        border-radius: 10px;
        -webkit-border-radius: 10px;
        margin-top: 10px
    }

    .easy-autocomplete-container>ul::-webkit-scrollbar {
        width: 10px
    }

    .easy-autocomplete-container>ul::-webkit-scrollbar-track {
        background: #e8e8e8
    }

    .easy-autocomplete-container>ul::-webkit-scrollbar-thumb {
        background: #5ad235 !important;
        border-color: #e8e8e8;
        border-left-width: 2px;
        border-right-width: 2px;
        border-style: solid
    }

    .easy-autocomplete-container>ul::-webkit-scrollbar-thumb:hover {
        background: #5ad235
    }

    .easy-autocomplete-container ul .eac-category,
    .easy-autocomplete-container ul li {
        padding: 0;
        border: 0
    }

    #hamburgerMenu2 {
        height: 39px;
        width: 31px;
        padding: 17px 0 17px 10px;
        margin-left: 11px
    }
}

@media only screen and (min-width:1360px) {
    .autoSearchBox {
        width: 680px
    }

    .autoSearchBox .srchCrd {
        max-width: 220px
    }

    .autoSearchBox .srchCrd img {
        flex: 0 0 40px;
        max-width: 40px
    }

    .autoSearchBox .crdInfo {
        width: calc(100% - 40px)
    }

    .autoSearchBox .specLabel {
        font-size: 10px
    }

    .autoSearchBox .specBtn {
        padding: 2px 3px;
        font-size: 9px
    }

    .srchWrap {
        max-width: 540px
    }
}

@media only screen and (min-width:1600px) {
    .autoSearchBox {
        width: 835px
    }

    .autoSearchBox .pdName {
        font-size: 14px
    }

    .autoSearchBox .searchResult,
    .autoSearchBox .tredingSearch {
        width: calc(100% + 150px)
    }

    .autoSearchBox .searchResult {
        padding: 30px 8px 70px 24px
    }

    .autoSearchBox .srchCrd {
        max-width: 285px
    }

    .autoSearchBox .srchCrd img {
        flex: 0 0 55px;
        max-width: 55px
    }

    .autoSearchBox .crdInfo {
        width: calc(100% - 55px)
    }

    .autoSearchBox .specLabel {
        font-size: 14px
    }

    .autoSearchBox .specBtn {
        padding: 2px 5px;
        font-size: 12px
    }

    .srchWrap {
        max-width: 680px
    }

    .collectionsResult {
        font-size: 14px
    }

    .srchCollection {
        width: 175px
    }

    .srchProd {
        flex: 0 0 calc(100% - 185px);
        max-width: calc(100% - 185px)
    }
}

@media only screen and (min-width:1900px) {
    .autoSearchBox {
        width: 870px
    }
}

@media only screen and (min-width:1024px) {

    .container-fluid,
    .webContainer {
        max-width: 1600px
    }

    #headerWap {
        display: none
    }

    #headerWeb {
        display: block
    }

    #header-main {
        position: fixed;
        top: 0;
        right: 0;
        left: 0;
        min-height: 68px;
        width: 100%;
        z-index: 100;
        background: #fff;
        -webkit-transition: transform .3s ease-in-out;
        -o-transition: transform .3s ease-in-out;
        transition: transform .3s ease-in-out;
        -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, .16);
        box-shadow: 0 2px 6px rgba(0, 0, 0, .16)
    }

    #header-main.scroll-down {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%)
    }

    #header-main.scroll-up {
        position: fixed;
        background: rgba(255, 255, 255, .9);
        -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .1);
        box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .1);
        z-index: 100;
        top: 0;
        background: rgba(255, 255, 255, .9);
        -webkit-animation-duration: 1s;
        animation-duration: 1s;
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both;
        -webkit-animation-name: headerUp;
        animation-name: headerUp
    }

    #header-main .webContainer {
        max-width: 100%
    }

    #header-main .logo {
        max-width: 260px;
        margin-left: 8px
    }

    #header-main .logo img {
        width: 100%;
        display: flex;
        height: auto
    }

    #header-main .ebikeLogo img {
        max-width: 90px
    }

    #header-main .rideonsLogo img {
        max-width: 200px
    }

    #header-main .treadmillLogo img {
        max-width: 132px
    }

    #header-main .navLinkAni {
        position: relative;
        cursor: pointer
    }

    #header-main .navLinkAni:after {
        display: block;
        content: '';
        margin: 0 8px;
        border-bottom: solid 3px #959595;
        transform: scaleX(0);
        transition: transform 250ms ease-in-out
    }

    #header-main .navLinkAni>* {
        cursor: pointer
    }

    #header-main .navLinkAni:hover:after {
        transform: scaleX(1)
    }

    #header-main .navLinkAni .icon-arrow {
        font-size: 12px;
        padding-left: 5px;
        line-height: 1px
    }

    #header-main .navLinkAni .icon-search,
    #header-main .navLinkAni .navlink,
    #header-main .navLinkAni a {
        padding: 8px;
        display: block
    }

    #header-main .navLinkAni a.icon-ktm {
        color: #ef5713;
        font-size: 13px
    }

    #header-main .navLinkAni a.icon-mountains {
        font-size: 22px
    }

    #header-main #eac-container-provider-remote ul li>div {
        padding: 8px 20px
    }

    #header-main .iconCart {
        position: relative;
        width: 30px;
        height: 30px;
        opacity: .8;
        display: flex
    }

    #header-main .cart .addcartNumber {
        position: absolute;
        top: 0;
        left: 9px;
        font-size: 12px;
        width: 18px;
        height: 18px;
        line-height: 18px;
        text-align: center;
        font-family: 'DM Sans' !important;
        color: #000;
        font-weight: 600
    }

    #header-main .cart .addcartNumber.active {
        color: #28ad00
    }

    #header-main .cart span {
        display: block
    }

    #header-main .cart a {
        margin-right: 4px
    }

    #header-main .autoSearchBox {
        width: 480px
    }

    #header-main .autoSearchBox .srchWrap {
        max-width: 100%
    }

    #header-main .autoSearchBox .searchResult,
    #header-main .autoSearchBox .tredingSearch {
        width: 700px
    }

    .offerActive+.main {
        padding-top: 100px
    }

    .offerActive.headerCateg+.main {
        padding-top: 152px
    }

    .main {
        padding-top: 68px
    }

    .offerHead {
        position: relative;
        left: 0;
        top: 0;
        font-size: 14px;
        padding: 0 16px;
        z-index: 100;
        height: 0;
        overflow: hidden
    }

    .offerHead.active {
        -webkit-transition: top .3s ease-in-out;
        -o-transition: top .3s ease-in-out;
        transition: top .3s ease-in-out;
        top: 0;
        height: 32px;
        padding: 5px 16px;
        display: flex;
        align-items: center;
        justify-content: center
    }

    .offerHead .codeTag {
        padding: 3px 5px 2px
    }

    .offerHead .closeIcon {
        right: 29px;
        top: 5px
    }

    .offerHeadCont {
        justify-content: center;
        zoom: 1
    }

    .srchOverlay {
        position: fixed;
        left: 0;
        top: 0;
        width: 100vw;
        height: 0;
        background: rgba(17, 17, 17, .5);
        opacity: 0;
        visibility: hidden;
        transition: all .3s ease-in-out;
        backdrop-filter: blur(12px);
        -webkit-backdrop-filter: blur(12px);
        z-index: 99
    }

    .srchOverlay.active {
        height: 100vh;
        opacity: 1;
        visibility: visible
    }

    .topHeader {
        min-height: 54px;
        text-align: right;
        justify-content: end;
        padding-top: 8px !important;
        padding-bottom: 8px !important
    }

    .topHeader .srcRight {
        justify-content: flex-end
    }

    .topHeader a {
        color: #000
    }

    .topHeader .hamburgeIcon {
        width: 6px;
        height: 6px;
        background: #959595;
        margin-left: 6px;
        padding: 0
    }

    .topHeader .hamburgeIcon:after,
    .topHeader .hamburgeIcon:before {
        content: "";
        position: absolute;
        top: 0;
        width: 6px;
        height: 6px;
        background: #959595;
        display: block;
        border-radius: 50%;
        -webkit-border-radius: 50%
    }

    .topHeader .hamburgeIcon:before {
        left: -9px
    }

    .topHeader .hamburgeIcon:after {
        right: -9px
    }

    .headTopLink {
        white-space: nowrap;
        padding-left: 24px
    }

    .headTopLink li {
        font-size: 14px;
        margin-left: 24px;
        cursor: pointer;
        text-align: left
    }

    .headTopLink li:hover {
        color: #5ad235;
        -webkit-transition: all .1s ease-in-out;
        -o-transition: all .1s ease-in-out;
        transition: all .1s ease-in-out
    }

    .headTopLink li:hover>* {
        color: #5ad235
    }

    .headTopLink li:hover .hamburgeIcon,
    .headTopLink li:hover .hamburgeIcon:after,
    .headTopLink li:hover .hamburgeIcon:before {
        background: #5ad235
    }

    .headTopLink .icon-img {
        width: 15px;
        opacity: .7
    }

    .headTopLink .icon-img,
    .headTopLink .iconHolder {
        margin-right: 4px
    }

    .logoItem {
        min-height: 36px;
        align-items: center;
        max-width: 290px;
        flex: 0 0 290px;
        margin-right: auto;
        column-gap: 8px
    }

    #navBody .nav-list.navFirst li {
        font-size: 16px
    }

    #navBody .nav-list li .navTitle,
    #navBody .nav-list li a {
        font-size: 18px
    }

    #navBody .navSubTitle {
        font-size: 16px
    }

    #navBody .subNav li a {
        font-size: 16px
    }

    .navCatgWrap {
        background: #111;
        min-height: 52px
    }

    .navCatgWrap .webContainer {
        padding: 0 16px !important
    }

    .navCatg {
        display: flex;
        column-gap: 5px;
        font-size: 12px
    }

    .navCatg li:first-child {
        margin-left: -10px
    }

    .navCatg a {
        color: #fff;
        height: 52px;
        display: flex;
        align-items: center;
        column-gap: 3px;
        transition: 1s all ease;
        position: relative;
        overflow: hidden;
        z-index: 1;
        padding: 4px 3px
    }

    .navCatg a::before {
        background: #292929;
        content: "";
        position: absolute;
        top: 50%;
        left: 50%;
        z-index: -1;
        transition: all .6s ease;
        width: 120%;
        height: 0%;
        transform: translate(-50%, -50%) rotate(45deg)
    }

    .navCatg a:hover {
        color: #5ad235
    }

    .navCatg a:hover::before {
        height: 480%
    }

    .navOfferBtn {
        margin-left: auto;
        font-weight: 700
    }

    .navOfferBtn a {
        padding: 0 18px;
        background: #000;
        background: -moz-linear-gradient(0deg, #222 0, #292929 100%);
        background: -webkit-linear-gradient(0deg, #222 0, #292929 100%);
        background: linear-gradient(0deg, #222 0, #292929 100%)
    }

    .navOfferBtn a:hover {
        color: #fff
    }

    .navOfferBtn a:hover:before {
        background: #1464b2
    }

    .catgSpWeb {
        background: url(https://d60i6mpkbdpwe.cloudfront.net/assets/ninetyone/images/catgSpWeb_v2.webp) no-repeat;
        width: 32px;
        height: 32px
    }

    .iconMen {
        background-position: 2px -1px
    }

    .iconWomen {
        background-position: -29px -1px
    }

    .iconKids {
        background-position: -60px -2px
    }

    .iconMtb {
        background-position: -91px -3px
    }

    .iconHbb {
        background-position: -122px -1px
    }

    .iconEbike {
        background-position: -153px -4px
    }

    .iconFtb {
        background-position: -185px -5px
    }

    .iconMS {
        background-position: -219px -5px;
        width: 33px
    }

    .iconSS {
        background-position: -253px -5px;
        width: 36px
    }

    .iconOffer {
        background-position: -292px -2px;
        width: 34px
    }

    .iconCombo {
        background-position: -330px -2px;
        width: 32px
    }
}

@media only screen and (min-width:1260px) {
    #header-main .autoSearchBox {
        width: 540px
    }

    #header-main .autoSearchBox .searchResult,
    #header-main .autoSearchBox .tredingSearch {
        width: 860px
    }
}

@media only screen and (min-width:1360px) {
    #header-main .autoSearchBox {
        width: 480px
    }

    #header-main .autoSearchBox .searchResult,
    #header-main .autoSearchBox .tredingSearch {
        width: 670px
    }
}

@media only screen and (min-width:1440px) {
    #header-main .autoSearchBox {
        width: 540px
    }

    #header-main .autoSearchBox .searchResult,
    #header-main .autoSearchBox .tredingSearch {
        width: 880px
    }

    #header-main .autoSearchBox .srchCrd {
        max-width: 320px
    }
}

@media only screen and (min-width:1600px) {
    .webContainer {
        padding: 0 40px
    }

    #header-main .autoSearchBox {
        width: 650px
    }

    #header-main .autoSearchBox .searchResult,
    #header-main .autoSearchBox .tredingSearch {
        width: 910px
    }

    .topHeader .webContainer {
        padding-left: 40px !important;
        padding-right: 40px !important
    }

    .headTopLink li {
        font-size: 16px
    }

    .navCatg {
        column-gap: 6px;
        font-size: 14px
    }

    .navCatg a {
        column-gap: 4px;
        z-index: 1;
        padding: 4px 5px
    }

    .navCatgWrap {
        background: #111;
        min-height: 52px
    }

    .navCatgWrap .webContainer {
        padding: 0 40px !important
    }

    .autoSearchBox .pdName,
    .autoSearchBox .srchCrd .prMain,
    .priceListOff .priceOff {
        font-weight: 600
    }
}

@media only screen and (min-width:1900px) {
    #header-main .autoSearchBox {
        width: 950px
    }

    #header-main .autoSearchBox .searchResult,
    #header-main .autoSearchBox .tredingSearch {
        width: 950px
    }

    .navCatg {
        column-gap: 8px
    }

    .navCatg a {
        column-gap: 6px;
        z-index: 1;
        padding: 4px 10px
    }
}

@-webkit-keyframes headerUp {
    from {
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
        visibility: visible
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@keyframes headerUp {
    from {
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
        visibility: visible
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

.bnkSprtFtr {
    background: url(https://d60i6mpkbdpwe.cloudfront.net/assets/outdoors/bankSpriteFtr.webp) no-repeat;
    display: flex;
    zoom: .8;
    height: 24px
}

.masterFtr,
.paytmFtr,
.phonePeFtr {
    zoom: 1
}

.hdfcFtr {
    width: 140px;
    background-position: 0 0
}

.visaFtr {
    width: 74px;
    background-position: -148px 0
}

.masterFtr {
    width: 50px;
    height: 30px;
    background-position: -228px 0
}

.upiFtr {
    width: 89px;
    background-position: 0 -35px
}

.phonePeFtr {
    width: 104px;
    height: 29px;
    background-position: -94px -34px
}

.paytmFtr {
    width: 74px;
    background-position: -206px -35px
}

.snapmintFtr {
    width: 108px;
    height: 29px;
    background-position: 0 -68px;
    zoom: .9
}

.bajajFtr {
    width: 88px;
    background-position: -112px -69px
}

.payuFtr {
    width: 56px;
    height: 28px;
    background-position: -287px -35px
}

.razorpayFtr {
    width: 143px;
    height: 29px;
    background-position: 1px -100px
}

.payFtr {
    width: 140px;
    height: 29px;
    background-position: -204px -67px
}

.ninetypayFtr {
    width: 60px;
    height: 32px;
    background-position: -284px 0
}

.bgGrid {
    background-color: #f1ffe9;
    background-image: repeating-linear-gradient(45deg, rgba(166, 166, 166, .05) 0, rgba(166, 166, 166, .05) 1px, transparent 1px, transparent 11px, rgba(166, 166, 166, .05) 11px, rgba(166, 166, 166, .05) 12px, transparent 12px, transparent 32px), repeating-linear-gradient(135deg, rgba(166, 166, 166, .05) 0, rgba(166, 166, 166, .05) 1px, transparent 1px, transparent 11px, rgba(166, 166, 166, .05) 11px, rgba(166, 166, 166, .05) 12px, transparent 12px, transparent 32px), repeating-linear-gradient(90deg, rgba(166, 166, 166, .05) 0, rgba(166, 166, 166, .05) 1px, transparent 1px, transparent 11px, rgba(166, 166, 166, .05) 11px, rgba(166, 166, 166, .05) 12px, transparent 12px, transparent 32px), repeating-linear-gradient(0deg, rgba(166, 166, 166, .05) 0, rgba(166, 166, 166, .05) 1px, transparent 1px, transparent 11px, rgba(166, 166, 166, .05) 11px, rgba(166, 166, 166, .05) 12px, transparent 12px, transparent 32px), linear-gradient(90deg, #f1ffe9, #fff2f2) !important
}

.headCagWrap .headerBrand {
    background: #fff;
    align-items: start;
    row-gap: 16px
}

.headCagWrap .headerBrand a {
    box-shadow: none;
    -webkit-box-shadow: none;
    background: #fff;
    padding: 0;
    max-width: 95px;
    margin: 0 auto;
    transition: all .3s ease-in-out
}

.headCagWrap .headerBrand .imgWrap {
    box-shadow: inset 0 0 16px #e9e9e9;
    margin-bottom: 6px;
    padding: 8px
}

.headCagWrap .headerBrand h2 {
    margin: 0;
    padding: 0;
    white-space: nowrap
}

.headCagWrap .headerBrand .item {
    padding: 0 4px
}

.headerBrand {
    min-width: 100%;
    flex-wrap: wrap;
    row-gap: 12px
}

.headerBrand .item {
    display: flex;
    flex-direction: column;
    flex: 0 0 33.33%;
    max-width: 33.33%;
    align-items: center;
    padding: 4px
}

.headerBrand a {
    background: rgba(255, 255, 255, .8);
    box-shadow: 0 0 6px rgba(0, 0, 0, .2);
    display: block;
    width: 100%;
    max-width: 125px;
    padding: 6px 8px 0;
    overflow: hidden
}

.headerBrand .imgWrap {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 70px
}

.headerBrand img {
    width: 100%;
    aspect-ratio: 3/4;
    object-fit: contain;
    mix-blend-mode: darken;
    object-position: center;
    height: 100%
}

.headerBrand h2 {
    font-size: 12px;
    font-weight: 400;
    text-align: center;
    background: #fff;
    margin: 4px -8px 0;
    padding: 7px 4px
}

.catgSprt {
    background: url(https://d60i6mpkbdpwe.cloudfront.net/assets/outdoors/category_spr3.webp) no-repeat;
    width: 124px;
    height: 84px;
    zoom: .63
}

.catgSprt.cycle {
    background-position: -5px -2px;
    width: 113px
}

.catgSprt.ecycle {
    background-position: -120px -3px
}

.catgSprt.treadmill {
    background-position: -244px -1px;
    width: 95px
}

.catgSprt.escooter {
    background-position: -341px 0
}

.catgSprt.access {
    background-position: -469px -2px;
    width: 108px
}

.catgSprt.rideons {
    background-position: -581px -1px
}

.catgSprt.discover {
    background-position: -712px 0;
    width: 70px;
    height: 86px
}

.catgSprt.cycleV2 {
    background-position: -144px -99px;
    width: 64px;
    height: 44px
}

.catgSprt.ecycleV2 {
    background-position: -3px -93px;
    width: 40px;
    height: 57px
}

.catgSprt.treadmillV2 {
    background-position: -87px -92px;
    width: 53px;
    height: 56px
}

.catgSprt.escooterV2 {
    background-position: -48px -91px;
    width: 33px;
    height: 58px
}

.catgSprt.rideonsV2 {
    background-position: -211px -93px;
    width: 55px;
    height: 55px
}

.catgSprt.ellipticalsV2 {
    background-position: -273px -91px;
    width: 43px;
    height: 58px
}

.catgSprt.spinbikeV2 {
    background-position: -323px -91px;
    width: 56px;
    height: 59px
}

@media only screen and (min-width:768px) {
    .headerBrand .item {
        flex: 0 0 16.667%;
        max-width: 16.667%
    }
}

.tooltipCont {
    position: relative;
    cursor: pointer
}

.tooltipBox2 {
    position: absolute;
    bottom: 120%;
    padding: 20px !important;
    background: #fff !important;
    box-shadow: 0 0 8px rgba(90, 210, 53, .15);
    opacity: 0;
    visibility: hidden;
    transform: translateY(5px);
    transition: opacity .3s ease, transform .3s ease, visibility .3s;
    z-index: 10;
    width: auto !important
}

.tooltipBox2.right {
    right: 0
}

.tooltipBox2.right::after {
    right: 20px
}

.tooltipBox2.left {
    left: 0
}

.tooltipBox2.left::after {
    left: 20px
}

.tooltipBox2::after {
    content: "";
    position: absolute;
    bottom: -6px;
    content: '';
    display: block;
    position: absolute;
    height: 0;
    width: 0;
    border-top: 8px solid #fff;
    border-left: 6.66667px solid transparent;
    border-right: 6.66667px solid transparent
}

.tooltipBox2 .visitText {
    background: 0 0 !important;
    color: #000;
    font-size: 18px;
    padding: 0 !important;
    min-height: auto !important;
    font-weight: 700
}

.tooltipBox2 .btn {
    padding: 4px 8px !important;
    font-size: 14px;
    background: 0 0 !important;
    color: #000 !important;
    min-height: auto !important;
    justify-content: space-between !important;
    box-shadow: 0 0 6px 0 rgba(0, 0, 0, .2) !important
}

.tooltipBox2 .btn:hover {
    box-shadow: 0 0 6px 0 rgba(90, 210, 53, .5) !important;
    color: #5ad235 !important
}

.tooltipBox2 .catgSprt {
    zoom: .45;
    margin-left: 24px
}

.tooltipBox2.show {
    opacity: 1;
    visibility: visible;
    transform: translateY(0)
}

.footer {
    background: #000;
    color: #bdb9bf;
    border-radius: 0;
    padding-top: 40px;
    line-height: 24px;
    border-top: 1px solid rgba(255, 255, 255, .1)
}

.footer.ftrBottom {
    padding-bottom: 95px
}

.footer .ftrFluid::before {
    display: none
}

.footer .row::before {
    display: none
}

.footer .no-gutters {
    margin-right: 0;
    margin-left: 0
}

.footer .no-gutters>.col,
.footer .no-gutters>[class*=col-] {
    padding-right: 0;
    padding-left: 0
}

.footer .ftrCrd,
.footer .no-gutters>.ftrCrd {
    padding: 16px
}

.footer .no-gutters>.ftrLogo {
    padding: 20px 0 8px
}

.footer .no-gutters>.ftrLogo .cNav {
    padding: 12px 32px 12px 16px
}

.footer .collapsFtr>li,
.footer .ftrCrd {
    background: #1e1e1e;
    border-radius: 8px;
    -webkit-border-radius: 8px
}

.footer h4 {
    font-size: 14px;
    line-height: 1.2;
    color: #fff
}

.footer .ftrPayOption {
    column-gap: 16px;
    row-gap: 16px;
    flex-wrap: wrap;
    flex-direction: row
}

.footer .ftrPayOption li {
    display: flex;
    align-items: center;
    justify-content: center;
    background: #343434;
    flex: 0 0 calc(50% - 8px);
    min-width: calc(50% - 8px);
    height: 48px;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    padding: 4px;
    line-height: 1
}

.footer .ninetypay {
    align-self: center
}

.footer .hdfc-full {
    zoom: .8
}

.footer .ninetypay,
.footer .visa {
    zoom: 1.4
}

.footer .mastercard {
    zoom: 1.3
}

.footer .paytm,
.footer .snapmint {
    zoom: 1.2
}

.footer .appMarketing {
    column-gap: 16px;
    margin-top: 12px;
    justify-content: flex-start
}

.footer .appMarketing li {
    flex: 0 0 calc(50% - 8px);
    max-width: calc(190px - 8px)
}

.footer .appMarketing a,
.footer .appMarketing div {
    min-height: 50px;
    padding: 12px 4px;
    justify-content: center;
    background: #000;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    width: 100%
}

.footer .copywrite,
.footer a {
    color: #bdb9bf
}

.footer .copywrite {
    text-align: center;
    padding: 16px;
    font-size: 12px
}

.footer .tooltip .tooltiptext {
    width: 215px;
    background: #fff;
    transform: translateX(-3%) translateY(-50%);
    box-shadow: 0 0 20px rgba(90, 210, 53, .2);
    text-align: left;
    padding: 16px;
    flex-direction: column;
    row-gap: 8px;
    bottom: 5px;
    align-items: baseline
}

.footer .tooltip .tooltiptext:after {
    bottom: -16px;
    right: 85%;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    border-bottom-color: #fff
}

.footer .tooltip .tooltiptext.right {
    left: -68px
}

.footer .tooltip .tooltiptext.right:after {
    bottom: -16px;
    right: 5%
}

.footer .tooltip a {
    background: 0 0;
    height: auto;
    color: #000;
    padding: 0;
    text-align: left;
    min-height: auto;
    justify-content: start;
    font-style: normal;
    cursor: pointer
}

.footer .tooltip a:hover {
    margin-top: 0;
    box-shadow: none
}

.footer .tooltip svg path {
    fill: #000
}

.appMarketing,
.appMarketing a,
.ftrSprite,
.sSprite,
.socialFtr {
    display: flex;
    align-items: center
}

.collapsFtr {
    width: 100%
}

.collapsFtr>li {
    width: 100%
}

.cNav {
    background: 0 0;
    cursor: pointer;
    padding: 16px 32px 16px 16px;
    position: relative
}

.cNav::after,
.cNav:before {
    content: "";
    position: absolute;
    top: 50%;
    right: 16px;
    background: #fff;
    width: 10px;
    height: 2px;
    -webkit-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out
}

.cNav::after {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg)
}

.cNav.active {
    color: #fff
}

.cNav.active::after,
.cNav.active:before {
    background: #5ad235
}

.cNav.active::after {
    margin-top: 10px;
    opacity: 0;
    visibility: hidden
}

.cNav.active+.cPanel {
    padding-bottom: 16px
}

.cPanel {
    padding: 0 16px;
    overflow: hidden;
    max-height: 0;
    font-size: 14px;
    display: flex;
    row-gap: 8px;
    flex-direction: column;
    justify-content: left !important;
    -webkit-transition: max-height .3s ease-out;
    -o-transition: max-height .3s ease-out;
    transition: max-height .3s ease-out
}

.cPanel a {
    display: block;
    font-weight: 400
}

.cPanel li {
    width: 100%
}

.socialFtr {
    flex-wrap: wrap;
    row-gap: 8px;
    column-gap: 4px;
    margin-top: 12px
}

.socialFtr a {
    background: #292929;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    padding: 4px
}

.socialFtr .sSprite {
    background: url(https://d60i6mpkbdpwe.cloudfront.net/assets/ninetyone/images/social-media-sprite1.svg) no-repeat;
    width: 30px;
    height: 30px;
    position: relative;
    justify-content: center
}

.socialFtr .linkedin {
    background-position: 0 0
}

.socialFtr .youtube {
    background-position: -32px 0
}

.socialFtr .facebook {
    background-position: -64px 0
}

.socialFtr .twitter {
    background-position: -96px 0
}

.socialFtr .instagram {
    background-position: -128px 0
}

.socialFtr .pinterest {
    background-position: -160px 0
}

.socialFtr .threads {
    background-position: -192px 0
}

.ftrSprite {
    background: url(https://d60i6mpkbdpwe.cloudfront.net/assets/outdoors/ftr_sprite.webp) no-repeat;
    position: relative;
    zoom: .9;
    justify-content: center
}

.ftrSprite.adroid {
    background-position: 0 0;
    width: 134px;
    height: 34px
}

.ftrSprite.ios {
    background-position: -140px 0;
    width: 112px;
    height: 33px
}

.ftrSprite.amazon {
    background-position: 2px -44px;
    width: 95px;
    height: 30px
}

.ftrSprite.flipkart {
    background-position: -106px -44px;
    width: 108px;
    height: 30px
}

@media only screen and (min-width:1024px) {
    .container-fluid.ftrFluid {
        max-width: 100%;
        padding: 0 40px
    }

    hr {
        border: none;
        background: rgba(255, 255, 255, .15);
        height: 1px;
        margin: 35px 0
    }

    .footer {
        background: linear-gradient(300deg, #000 60%, #383838 100%);
        color: #bdb9bf;
        border-radius: 0
    }

    .footer .ftrCrd,
    .footer .ftrLogo {
        border-radius: 16px;
        -webkit-border-radius: 16px
    }

    .footer .ftrLogo {
        height: 100%;
        row-gap: 16px;
        padding: 16px
    }

    .footer .ftrPayOption {
        column-gap: 16px;
        row-gap: 16px;
        flex-wrap: wrap
    }

    .footer .ftrPayOption li {
        display: flex;
        align-items: center;
        justify-content: center;
        background: rgba(35, 35, 35, .9);
        flex: 0 0 calc(33.33% - 12px);
        min-width: calc(33.33% - 12px);
        height: 48px;
        border-radius: 8px;
        -webkit-border-radius: 8px;
        padding: 4px
    }

    .footer h4 {
        font-size: 18px;
        margin-bottom: 14px;
        font-weight: 700;
        color: #fff
    }

    .footer .categList {
        row-gap: 14px;
        display: flex;
        flex-direction: column;
        line-height: 1.1;
        font-size: 16px
    }

    .footer .categList+h4 {
        margin-top: 30px
    }

    .footer .categList a {
        font-weight: 400
    }

    .footer .categList a:hover {
        margin-left: 4px
    }

    .footer>.clearfix:before {
        display: none
    }

    .footer a {
        transition: all .2s ease-in-out
    }

    .footer a:hover {
        color: #5ad235
    }

    .footer .ftrMid {
        margin-top: 50px;
        padding: 18px 40px
    }

    .footer .ftrMid a:hover {
        margin-top: -2px;
        -webkit-box-shadow: 0 0 12px rgba(90, 210, 53, .3);
        box-shadow: 0 0 12px rgba(90, 210, 53, .3)
    }

    .footer .ninetypay {
        align-self: center
    }

    .footer .ninetypay,
    .footer .visa {
        zoom: 1.4
    }

    .footer .bajaj-full,
    .footer .mastercard,
    .footer .pay,
    .footer .payu,
    .footer .razorpay {
        zoom: 1.3
    }

    .footer .paytm,
    .footer .snapmint {
        zoom: 1.2
    }

    .footer .copywrite {
        padding: 28px 0;
        font-size: 16px
    }

    .tooltipBox2 {
        min-width: 250px;
        padding: 24px !important
    }

    .tooltipBox2 .btn {
        padding: 11px 20px !important;
        font-size: 18px
    }

    .tooltipBox2 .btn:hover {
        margin-top: 0 !important
    }

    .tooltipBox2 .catgSprt {
        zoom: .6
    }

    .tooltipBox2 .visitText {
        font-size: 22px
    }

    .socialFtr .sSprite {
        zoom: 1.3
    }
}

@media only screen and (min-width:1360px) {
    .socialFtr {
        justify-content: space-between
    }
}

.easy-autocomplete {
    position: relative
}

.easy-autocomplete input {
    border-color: #dfdfdf;
    border-radius: 3px;
    border-style: solid;
    border-width: 1px;
    color: #555;
    float: none;
    padding: 6px 12px
}

.easy-autocomplete input:focus,
.easy-autocomplete input:hover {
    box-shadow: none
}

.easy-autocomplete a {
    display: block
}

.easy-autocomplete.eac-green-light input:focus,
.easy-autocomplete.eac-green-light input:hover {
    border-color: #5ad235;
    box-shadow: 0 1px 1px rgba(0, 0, 0, .075) inset, 0 0 8px rgba(90, 210, 53, .2)
}

.easy-autocomplete.eac-green-light ul {
    border-color: #5ad235;
    box-shadow: 0 1px 1px rgba(0, 0, 0, .075) inset, 0 0 8px rgba(90, 210, 53, .2)
}

.easy-autocomplete.eac-green-light ul .eac-category,
.easy-autocomplete.eac-green-light ul li {
    border-color: #5ad235
}

.easy-autocomplete.eac-green-light ul .eac-category.selected,
.easy-autocomplete.eac-green-light ul li.selected {
    background-color: #5ad235;
    color: #fff
}

.easy-autocomplete.eac-green-light ul .eac-category.selected .categorieField,
.easy-autocomplete.eac-green-light ul li.selected .categorieField {
    background: #212121
}

.easy-autocomplete.eac-green-light ul .eac-category.selected .categorieField:after,
.easy-autocomplete.eac-green-light ul li.selected .categorieField:after {
    border-top-color: #212121
}

.easy-autocomplete.eac-bootstrap input {
    border-color: #ccc;
    border-radius: 4px;
    border-style: solid;
    border-width: 1px;
    color: #555;
    padding: 6px 12px
}

.easy-autocomplete-container {
    left: 0;
    position: absolute;
    width: 100%;
    z-index: 2
}

.easy-autocomplete-container .sub-pro {
    display: flex;
    flex-flow: column;
    gap: 10px;
    margin-top: 10px;
    padding: 0 0 8px;
    border-radius: 4px
}

.easy-autocomplete-container .sub-pro .bikeType {
    width: 45px;
    display: inline-block
}

.easy-autocomplete-container .sub-pro .attr {
    border: 1px solid #e0e0e0;
    padding: 3px 6px;
    border-radius: 4px;
    color: #757575;
    font-size: 12px;
    zoom: .85;
    line-height: 18px;
    margin-left: 12px;
    display: inline-block;
    background: #fafafa
}

.easy-autocomplete-container ul {
    background: none repeat scroll 0 0 #fff;
    display: none;
    margin-top: 0;
    padding-bottom: 0;
    padding-left: 0;
    position: relative;
    top: -1px
}

.easy-autocomplete-container ul .eac-category,
.easy-autocomplete-container ul li {
    background: inherit;
    border-color: #ccc;
    border-image: none;
    border-style: solid;
    border-width: 0 1px;
    display: block;
    font-size: 14px;
    font-weight: 400;
    padding: 4px 12px;
    border-bottom: 1px solid #f7f7f7 !important
}

.easy-autocomplete-container ul li:last-child {
    border-radius: 0 0 2px 2px;
    border-width: 0 1px 1px
}

.easy-autocomplete-container ul li.selected {
    background: none repeat scroll 0 0 #ebebeb;
    cursor: pointer
}

.easy-autocomplete-container ul li.selected .sub-pro .attr {
    background: #efefef
}

.easy-autocomplete-container ul li.selected div {
    font-weight: 400
}

.easy-autocomplete-container ul li div {
    display: block;
    font-weight: 400;
    word-break: break-all;
    padding: 0 8px 0
}

.easy-autocomplete-container .categorieField {
    background: #eee;
    padding: 6px 10px;
    border-radius: 4px;
    margin: 0 -12px;
    position: relative;
    margin-bottom: 5px
}

.easy-autocomplete-container .categorieField:after {
    top: 100%;
    left: 22px;
    border: solid transparent;
    content: "";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(255, 255, 255, 0);
    border-top-color: #efefef;
    border-width: 9px;
    margin-left: -10px
}

.easy-autocomplete-container .categorieField .icon-category {
    vertical-align: middle;
    margin-right: 10px
}

.easy-autocomplete-container ul li b {
    font-weight: 700
}

.easy-autocomplete-container ul .eac-category {
    color: #aaa;
    font-style: italic
}

.eac-description .eac-item span {
    color: #aaa;
    font-style: italic;
    font-size: .9em
}

.eac-icon-left .eac-item img {
    margin-right: 4px;
    max-height: 30px
}

.eac-icon-right .eac-item {
    margin-top: 8px;
    min-height: 24px;
    position: relative
}

.eac-icon-right .eac-item img {
    margin-left: 4px;
    max-height: 30px;
    position: absolute;
    right: -4px;
    top: -8px
}

.pl-2,
.px-2 {
    padding-left: .5rem !important
}

.pr-2,
.px-2 {
    padding-right: .5rem !important
}

.mb-3,
.my-3 {
    margin-bottom: 1rem !important
}

.autoSearchBox {
    display: flex;
    flex-direction: row-reverse
}

.autoSearchBox .allBrandCatg {
    position: relative;
    z-index: 1
}

.autoSearchBox .allBrand,
.autoSearchBox .srchWrap {
    height: 46px
}

.autoSearchBox .allBrndList {
    font-size: 16px
}

.autoSearchBox .allBrndList li {
    display: flex;
    margin-top: 20px;
    align-items: center;
    white-space: nowrap;
    cursor: pointer
}

.autoSearchBox .allBrndList li:first-child {
    margin-top: 8px
}

.autoSearchBox .allBrndList li:hover {
    color: #5ad235
}

.autoSearchBox .allBrndList li:hover .srchSpt {
    opacity: 1
}

.autoSearchBox .allBrndList .srchSpt {
    opacity: .7
}

.autoSearchBox .fieldInput {
    border: 0;
    background: 0 0
}

.autoSearchBox .searchResult {
    background: #f6f6f6;
    z-index: 0;
    top: 0;
    left: 0;
    right: 0;
    position: fixed;
    min-width: 100%;
    overflow: hidden;
    padding: 75px 16px 80px
}

.autoSearchBox .no-result {
    background-color: #fff8e1;
    border: 1px dashed #ff00006b;
    border-radius: 4px;
    padding: 6px;
    font-size: 14px;
    margin: 0 6px 15px
}

.autoSearchBox .title {
    font-size: 16px;
    margin: 0 0 20px 6px;
    font-weight: 600;
    text-transform: uppercase;
    color: #a5a5a5
}

.autoSearchBox .srcList {
    flex-wrap: wrap;
    row-gap: 16px;
    align-items: start
}

.autoSearchBox .priceListOff {
    column-gap: 4px
}

.autoSearchBox .srchCrd {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex: 100%;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    box-shadow: 0 0 2px rgba(0, 0, 0, .16);
    padding: 16px 8px;
    max-width: 100%;
    position: relative;
    min-height: 80px
}

.autoSearchBox .srchCrd:hover {
    -webkit-box-shadow: 0 0 5px rgba(90, 210, 53, .7);
    box-shadow: 0 0 5px rgba(90, 210, 53, .7)
}

.autoSearchBox .srchCrd img {
    flex: 0 0 55px;
    max-width: 55px;
    height: auto;
    max-height: 60px;
    width: auto;
    object-fit: contain
}

.autoSearchBox .badge {
    position: absolute;
    top: 0;
    left: 0;
    color: #fff;
    padding: 1px 8px;
    border-radius: 10px 0 0;
    font-size: 10px;
    text-transform: uppercase
}

.autoSearchBox .badge.right {
    left: auto;
    right: 0;
    -webkit-border-radius: 0 10px 0 0;
    border-radius: 0 10px 0 0
}

.autoSearchBox .srcPrdImg {
    width: 70px;
    height: auto;
    margin-right: 12px
}

.autoSearchBox .crdInfo {
    display: flex;
    flex-direction: column;
    padding-left: 8px;
    width: calc(100% - 55px)
}

.autoSearchBox .pdName {
    font-size: 12px;
    line-height: 1.1;
    font-weight: 600
}

.autoSearchBox .pdSpec {
    display: flex;
    flex-direction: column;
    margin-top: 10px
}

.autoSearchBox .specList {
    display: flex;
    align-items: center;
    margin-bottom: 5px
}

.autoSearchBox .specLabel {
    font-size: 14px;
    min-width: 30px;
    margin-right: 6px;
    flex: 0 0 auto
}

.autoSearchBox .pdSpecOptions {
    display: flex;
    flex-wrap: wrap;
    row-gap: 4px
}

.autoSearchBox .specBtn {
    background-color: #f5f5f5;
    border: 0;
    border-radius: 3px;
    padding: 2px 5px;
    font-size: 12px;
    margin-right: 5px;
    cursor: pointer;
    font-weight: 300;
    zoom: .85
}

.autoSearchBox .specBtn span {
    display: none
}

.autoSearchBox .specBtn:hover {
    background-color: #e9e9e9
}

.autoSearchBox .specBtn:last-child {
    margin-right: 0
}

.autoSearchBox .cutPrice {
    font-size: 12px;
    zoom: .85;
    color: #777575;
    text-decoration: line-through
}

.autoSearchBox .icon-rupee {
    font-size: 75%
}

.srchFtrBtn {
    width: 100%;
    height: 57px;
    background: #fff;
    padding: 0 20px;
    position: absolute;
    bottom: 0;
    left: 0;
    box-shadow: 0 -1px 8px rgba(0, 0, 0, .1);
    -webkit-box-shadow: 0 -1px 8px rgba(0, 0, 0, .1)
}

.srchFtrBtn .btn {
    display: flex;
    align-items: center;
    height: 57px;
    padding: 0;
    background: #fff;
    font-size: 16px;
    width: 100%
}

.srchFtrBtn .arrowLeftLine {
    top: 0;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    width: 18px;
    transition: all .3s ease-in-out;
    margin-left: auto
}

.allBrand {
    position: relative;
    z-index: 5
}

.allBrand .btnBrnd {
    height: 100%;
    position: relative;
    line-height: 1.1;
    background: #e9e9e9;
    padding: 0 30px 0 16px;
    display: flex;
    align-items: center;
    font-size: 12px;
    border-radius: 10px 0 0 10px;
    -webkit-border-radius: 10px 0 0 10px;
    cursor: pointer;
    white-space: nowrap
}

.allBrand .btnBrnd::after {
    content: "";
    position: absolute;
    right: 10px;
    top: 18px;
    content: '';
    display: block;
    position: absolute;
    height: 0;
    width: 0;
    border-top: 8px solid #000;
    border-left: 6.66667px solid transparent;
    border-right: 6.66667px solid transparent
}

.allBrand .brndDropdown {
    overflow: hidden;
    visibility: hidden;
    opacity: 0;
    height: 0;
    position: absolute;
    top: 46px;
    left: 0;
    width: 232px;
    background: #fff;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, .15);
    box-shadow: 0 0 20px rgba(0, 0, 0, .15);
    padding: 16px
}

.allBrand .brndDropdown.active {
    opacity: 1;
    visibility: visible;
    height: auto
}

.allBrand a {
    display: flex;
    align-items: center;
    width: 100%;
    margin-top: 20px;
    column-gap: 10px
}

.allBrand a:first-child {
    margin-top: 0
}

.allBrand a:hover {
    color: #5ad235
}

.srchSpt {
    background: url(https://d60i6mpkbdpwe.cloudfront.net/assets/ninetyone/images/search-catg-v2.svg) no-repeat;
    display: flex;
    zoom: 1.2
}

.srchSpt.es {
    background-position: 0 0;
    width: 24px;
    height: 20px;
    margin: 0 10px 0 6px
}

.srchSpt.rdons {
    background-position: -27px 0;
    width: 22px;
    height: 17px;
    margin: 0 11px 0 7px
}

.srchSpt.e91 {
    background-position: -53px 0;
    width: 23px;
    height: 15px;
    margin: 0 10px 0 7px
}

.srchSpt.ktm {
    background-position: -79px 0;
    width: 28px;
    height: 10px;
    margin: 0 8px 0 4px
}

.srchSpt.bnk {
    background-position: -126px 0;
    width: 20px;
    height: 19px;
    margin: 0 12px 0 8px
}

.srchSpt.wynd {
    background-position: -110px 0;
    width: 13px;
    height: 19px;
    margin: 0 11px 0 9px;
    zoom: 1.45
}

.srchSpt.combo {
    background-position: -151px 0;
    width: 21px;
    height: 16px;
    margin: 0 11px 0 8px
}

.srchSpt.acc {
    background-position: -192px 0;
    width: 17px;
    height: 18px;
    margin: 0 10px 0 8px;
    zoom: 1.4
}

.srchSpt.bckpack {
    background-position: -176px 0;
    width: 13px;
    height: 20px;
    margin: 0 12px 0 9px;
    zoom: 1.4
}

.srchSpt.treadmill {
    background-position: -83px -25px;
    width: 19px;
    height: 19px;
    margin: 0 15px 0 6px
}

#eac-container-provider-remote {
    max-height: 400px;
    overflow-y: auto;
    background: #fff;
    border-radius: 13px;
    -webkit-border-radius: 13px;
    -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, .15);
    box-shadow: 0 0 8px rgba(0, 0, 0, .15)
}

.srchCollection {
    position: relative;
    width: 100%;
    margin-bottom: 22px;
    background: #fff
}

.srchCollection .item {
    padding: 7px 10px;
    cursor: pointer;
    display: flex;
    align-items: center;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    background: #f6f6f6;
    margin: 0 0 15px;
    font-weight: 300;
    line-height: 1.1
}

.srchCollection .item.active,
.srchCollection .item:hover {
    background-color: #5ad235;
    color: #fff
}

.srchCollection .item.active .icon-search,
.srchCollection .item:hover .icon-search {
    color: #fff
}

.srchCollection .icon-search {
    position: relative !important;
    margin-right: 6px;
    top: 1px !important;
    left: 0 !important;
    font-size: 90% !important
}

.srchCollection .title {
    margin: 0 0 20px 0
}

.collectionsResult {
    display: flex;
    justify-content: start;
    column-gap: 10px;
    flex-wrap: wrap;
    font-size: 12px
}

.tredingSearch {
    position: relative;
    top: 30px;
    width: 100%;
    background: #fff;
    z-index: 1;
    font-size: 12px;
    font-weight: 400;
    opacity: 0;
    display: none;
    transition: all .3s ease-in-out;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, .15);
    box-shadow: 0 0 8px rgba(0, 0, 0, .15)
}

.tredingSearch::-webkit-scrollbar {
    width: 10px
}

.tredingSearch::-webkit-scrollbar-track {
    background: #e8e8e8;
    margin-top: 0;
    margin-bottom: 0
}

.tredingSearch::-webkit-scrollbar-thumb {
    background: #5ad235 !important;
    border-color: #e8e8e8;
    border-left-width: 2px;
    border-right-width: 2px;
    border-style: solid
}

.tredingSearch::-webkit-scrollbar-thumb:hover {
    background: #5ad235
}

.tredingSearch.active {
    top: 24px;
    display: block;
    opacity: 1
}

.tredingSearch .searchList {
    padding: 15px 15px 10px
}

.tredingSearch .item {
    padding: 6px 10px;
    cursor: pointer;
    display: inline-block;
    vertical-align: middle;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    background: #f6f6f6;
    margin: 0 5px 15px;
    font-weight: 300;
    color: #000
}

.tredingSearch .item.active,
.tredingSearch .item:hover {
    background-color: #5ad235;
    color: #fff
}

.tredingSearch .item.active .icon-search,
.tredingSearch .item:hover .icon-search {
    color: #fff
}

.tredingSearch .icon-search {
    position: relative !important;
    margin-right: 6px;
    top: 1px !important;
    left: 0 !important;
    font-size: 90% !important
}

.tredingSearch .title {
    font-size: 16px;
    margin: 0 0 12px 6px;
    font-weight: 600;
    text-transform: uppercase;
    color: #a5a5a5
}

.tredingSearch.loader {
    z-index: 999;
    min-height: 300px
}

.tredingSearch .loaderWidget {
    position: absolute
}

.arrowLeftLine {
    position: relative;
    top: 17px;
    width: 100%;
    height: 2px;
    background: #111;
    display: block;
    pointer-events: none
}

.arrowLeftLine:after,
.arrowLeftLine:before {
    content: '';
    position: absolute;
    width: 10px;
    height: 2px;
    left: 0;
    background: #111
}

.arrowLeftLine:before {
    top: 4px;
    transform: rotate(45deg)
}

.arrowLeftLine:after {
    top: -4px;
    transform: rotate(-45deg)
}

.crdSrcWrap {
    min-height: 100px
}

.crdSrcWrap.row {
    display: flex;
    flex-wrap: wrap;
    margin-right: -16px;
    margin-left: -16px
}

.crdSrcWrap.row::before {
    display: none
}

.crdSrcWrap.swipeSlider {
    margin-left: -16px;
    margin-right: -16px;
    padding: 6px 16px 20px;
    -webkit-overflow-scrolling: touch;
    -moz-overflow-scrolling: touch;
    display: flex !important;
    align-items: center;
    justify-content: flex-start
}

.crdSrcWrap.swipeSlider::-webkit-scrollbar-track {
    background: #eaeaea;
    margin-left: 16px;
    margin-right: 16px
}

.crdSrcWrap.swipeSlider::-webkit-scrollbar-thumb {
    background: #5ad235 !important;
    border-radius: 2px;
    -webkit-border-radius: 2px
}

.crdSrcWrap.swipeSlider.thinScrollBar::-webkit-scrollbar {
    width: 6px;
    height: 6px
}

.crdSrcWrap .col-4 {
    position: relative;
    width: 100%;
    padding-right: 16px;
    padding-left: 16px;
    flex: 0 0 33.33333%;
    max-width: 33.33333%
}

.crdSrcWrap .crd {
    border-radius: 8px;
    -webkit-border-radius: 8px;
    box-shadow: 0 0 2px rgba(0, 0, 0, .16);
    padding: 22px 10px 0 !important;
    min-height: 310px !important;
    overflow: hidden;
    min-width: auto
}

.crdSrcWrap .crd .crdPrice {
    padding-left: 0;
    padding-right: 0;
    font-weight: 600
}

.crdSrcWrap .crd .crdPrice .icon-rupee {
    zoom: 1
}

.crdSrcWrap .crd .cutPrice {
    color: #616161;
    font-weight: 400
}

.crdSrcWrap .crd .priceOff {
    color: #5ad235
}

.crdSrcWrap .btnHold {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 100% !important;
    margin: 0
}

.crdSrcWrap .btnHold .btn {
    font-size: 12px !important;
    width: 100%;
    border-radius: 0 0 5px 5px !important;
    padding: 8px 16px
}

.crdSrcWrap .btnHold .btn:hover {
    background: #e6c600;
    color: #fff
}

.crdSrcWrap .crdImg {
    margin: 8px -8px !important;
    min-height: 140px !important
}

.crdSrcWrap .crdName {
    zoom: .8;
    min-height: 40px;
    color: #000;
    font-weight: 600;
    text-transform: capitalize !important;
    display: flex;
    justify-content: start;
    text-align: left
}

.crdSrcWrap .emiText {
    font-size: 12px;
    font-weight: 300;
    font-style: italic;
    color: #959595;
    text-transform: none
}

.crdSrcWrap .crdTopSpec {
    column-gap: 12px;
    margin-top: 0
}

.crdSrcWrap .crdTopSpec li {
    display: flex;
    align-items: center;
    column-gap: 5px
}

.crdSrcWrap .crdTopSpec i {
    color: #5ad235;
    font-size: 14px
}

.crdSrcWrap .icon-rupee {
    font-size: 75%
}

.crdSrcWrap .crd .crdPrice,
.crdSrcWrap .crdModelTag,
.crdSrcWrap .crdTopSpec li {
    zoom: .75
}

.crdSrcWrap .crdImg img {
    width: 100%;
    aspect-ratio: 3/2;
    object-fit: contain;
    -webkit-object-fit: contain;
    object-position: center;
    height: 100%
}

.crdSrcWrap.swipeSlider .swipeItem {
    flex: 0 0 calc(200px - 8px);
    width: 200px
}

@media only screen and (min-width:1024px) {
    .crdSrcWrap {
        gap: 0 !important;
        row-gap: 16px !important
    }

    .crdSrcWrap .crdName {
        font-size: 18px !important;
        min-height: 50px
    }

    .crdSrcWrap .crdModelTag {
        zoom: .6
    }

    .crdSrcWrap .crd {
        max-width: 240px;
        min-height: 340px !important
    }

    .crdSrcWrap .crd .crdPrice {
        font-size: 16px !important
    }

    .crdSrcWrap .icon-rupee {
        zoom: 1 !important
    }
}

@media only screen and (min-width:1600px) {
    .allBrand .btnBrnd {
        font-size: 14px
    }
}

.arrowLeftLine {
    position: relative;
    top: 17px;
    width: 100%;
    height: 2px;
    background: #111;
    display: block;
    pointer-events: none
}

.arrowLeftLine:after,
.arrowLeftLine:before {
    content: '';
    position: absolute;
    width: 10px;
    height: 2px;
    left: 0;
    background: #111
}

.arrowLeftLine:before {
    top: 4px;
    transform: rotate(45deg)
}

.arrowLeftLine:after {
    top: -4px;
    transform: rotate(-45deg)
}

@media only screen and (min-width:1024px) {
    .autoSearchBox {
        width: 580px;
        margin: 3px 0
    }

    .autoSearchBox .fieldInput {
        width: 100%;
        height: 46px;
        padding: 0 40px 0 16px
    }

    .autoSearchBox .fieldInput:focus,
    .autoSearchBox .fieldInput:hover {
        -webkit-box-shadow: none !important;
        box-shadow: none !important
    }

    .autoSearchBox .icon-search {
        position: absolute;
        right: 0;
        left: auto;
        top: 0;
        font-size: 16px;
        z-index: 1;
        pointer-events: none;
        color: #787878
    }

    .autoSearchBox .searchResult {
        border-radius: 12px;
        -webkit-border-radius: 12px;
        -webkit-box-shadow: 0 0 16px rgba(0, 0, 0, .16);
        box-shadow: 0 0 16px rgba(0, 0, 0, .16);
        background: #fff;
        top: 55px;
        left: auto;
        right: 0;
        width: calc(100% + 136px);
        position: absolute;
        min-width: auto;
        z-index: 5;
        padding: 30px 8px 70px 16px;
        display: flex;
        flex-wrap: wrap;
        align-items: stretch;
        justify-content: space-between
    }

    .autoSearchBox .srcList {
        column-gap: 16px;
        align-items: stretch
    }

    .autoSearchBox .srchCrd {
        max-width: 315px;
        width: 100%
    }

    .autoSearchBox .tredingSearch {
        top: 55px;
        z-index: 101
    }

    .tredingSearch {
        position: absolute;
        right: 0;
        font-size: 14px;
        max-height: 400px;
        overflow-y: auto;
        width: calc(100% + 136px)
    }

    .tredingSearch .title {
        font-size: 20px;
        margin-bottom: 16px
    }

    .tredingSearch .item {
        padding: 8px 10px
    }

    .tredingSearch.loader {
        min-height: 400px
    }

    .srchWrap {
        max-width: 420px;
        width: 100%;
        position: relative;
        background: #f5f5f5;
        border-radius: 0 12px 12px 0;
        -webkit-border-radius: 0 12px 12px 0
    }

    .srchWrap>.icon-search {
        width: 40px;
        height: 100%;
        line-height: 46px;
        cursor: pointer;
        text-align: center
    }

    .srchFtrBtn {
        background: #f6f6f6
    }

    .srchFtrBtn .btn {
        background: #f6f6f6
    }

    .srchFtrBtn .btn:hover .arrowLeftLine {
        right: -5px
    }

    .srchFtrBtn .arrowLeftLine {
        margin-left: 8px
    }

    .srchCollection {
        padding-right: 10px;
        font-size: 13px;
        width: 160px;
        border-right: 1px solid #dedede;
        margin-bottom: 0;
        padding-bottom: 12px
    }

    .srchCollection .item:last-child {
        margin-bottom: 0
    }

    .srchProd {
        flex: 0 0 calc(100% - 165px);
        max-width: calc(100% - 165px);
        width: 100%;
        max-height: 320px;
        overflow-y: auto;
        padding: 5px 5px 5px 10px
    }

    .srchProd::-webkit-scrollbar {
        width: 6px;
        height: 6px;
        border-radius: 2px;
        -webkit-border-radius: 2px;
        padding-bottom: 16px
    }

    .srchProd::-webkit-scrollbar-track {
        background: #eaeaea;
        margin-left: 16px;
        margin-right: 16px;
        border-radius: 2px;
        -webkit-border-radius: 2px
    }

    .srchProd::-webkit-scrollbar-thumb {
        background: #5ad235 !important;
        border-radius: 2px;
        -webkit-border-radius: 2px
    }

    .srchProd::-webkit-scrollbar-thumb:hover {
        background: #5ad235
    }

    .srchProd .title {
        padding-left: 0
    }

    ::placeholder {
        color: #787878
    }

    :-ms-input-placeholder {
        color: #787878
    }

    ::-ms-input-placeholder {
        color: #787878
    }

    .easy-autocomplete-container {
        z-index: 102
    }

    .easy-autocomplete-container>ul {
        max-height: 400px;
        overflow-y: auto;
        border-radius: 10px;
        -webkit-border-radius: 10px;
        margin-top: 10px
    }

    .easy-autocomplete-container>ul::-webkit-scrollbar {
        width: 10px
    }

    .easy-autocomplete-container>ul::-webkit-scrollbar-track {
        background: #e8e8e8
    }

    .easy-autocomplete-container>ul::-webkit-scrollbar-thumb {
        background: #5ad235 !important;
        border-color: #e8e8e8;
        border-left-width: 2px;
        border-right-width: 2px;
        border-style: solid
    }

    .easy-autocomplete-container>ul::-webkit-scrollbar-thumb:hover {
        background: #5ad235
    }

    .easy-autocomplete-container ul .eac-category,
    .easy-autocomplete-container ul li {
        padding: 0;
        border: 0
    }

    #hamburgerMenu2 {
        height: 39px;
        width: 31px;
        padding: 17px 0 17px 10px;
        margin-left: 11px
    }
}

@media only screen and (min-width:1360px) {
    .autoSearchBox {
        width: 680px
    }

    .autoSearchBox .srchCrd {
        max-width: 220px
    }

    .autoSearchBox .srchCrd img {
        flex: 0 0 40px;
        max-width: 40px
    }

    .autoSearchBox .crdInfo {
        width: calc(100% - 40px)
    }

    .autoSearchBox .specLabel {
        font-size: 10px
    }

    .autoSearchBox .specBtn {
        padding: 2px 3px;
        font-size: 9px
    }

    .srchWrap {
        max-width: 540px
    }
}

@media only screen and (min-width:1600px) {
    .autoSearchBox {
        width: 835px
    }

    .autoSearchBox .pdName {
        font-size: 14px
    }

    .autoSearchBox .searchResult,
    .autoSearchBox .tredingSearch {
        width: calc(100% + 150px)
    }

    .autoSearchBox .searchResult {
        padding: 30px 8px 70px 24px
    }

    .autoSearchBox .srchCrd {
        max-width: 285px
    }

    .autoSearchBox .srchCrd img {
        flex: 0 0 55px;
        max-width: 55px
    }

    .autoSearchBox .crdInfo {
        width: calc(100% - 55px)
    }

    .autoSearchBox .specLabel {
        font-size: 14px
    }

    .autoSearchBox .specBtn {
        padding: 2px 5px;
        font-size: 12px
    }

    .srchWrap {
        max-width: 680px
    }

    .collectionsResult {
        font-size: 14px
    }

    .srchCollection {
        width: 175px
    }

    .srchProd {
        flex: 0 0 calc(100% - 185px);
        max-width: calc(100% - 185px)
    }
}

@media only screen and (min-width:1900px) {
    .autoSearchBox {
        width: 870px
    }
}

@font-face {
    font-family: covered_by_your_graceregular;
    src: url(https://d60i6mpkbdpwe.cloudfront.net/assets/outdoors/fonts/coveredbyyourgrace-webfont.woff2) format("woff2"), url(https://d60i6mpkbdpwe.cloudfront.net/assets/outdoors/fonts/coveredbyyourgrace-webfont.woff) format("woff");
    font-weight: 400;
    font-style: normal
}

.dropDownMain {
    position: relative;
    cursor: pointer
}

.dropDownMain .dropDownMenu {
    position: absolute;
    top: 50px;
    padding: 0;
    left: 0;
    width: 100%;
    padding: 8px;
    opacity: 0;
    height: 0;
    text-align: left;
    padding: 0 !important;
    -webkit-box-shadow: 0 0 15px 0 rgba(0, 0, 0, .2);
    box-shadow: 0 0 15px 0 rgba(0, 0, 0, .2);
    background: #fff;
    width: 210px;
    font-size: 12px;
    line-height: 20px;
    z-index: 101;
    overflow: hidden;
    font-size: 16px;
    color: #fff;
    border-radius: 3px;
    -webkit-border-radius: 3px
}

.dropDownMain .dropDownMenu.megaMenu {
    width: 760px;
    left: auto;
    right: 50%;
    transform: translateX(calc(50% - 25px));
    -webkit-transform: translateX(calc(50% - 25px));
    border-radius: 10px;
    -webkit-border-radius: 10px
}

.dropDownMain .dropDownMenu li:first-child {
    margin-top: 8px
}

.dropDownMain .dropDownMenu li:last-child {
    margin-bottom: 8px
}

.dropDownMain .dropDownMenu a {
    padding: 8px;
    display: block;
    -webkit-transition: all .1s ease-in-out;
    -o-transition: all .1s ease-in-out;
    transition: all .1s ease-in-out;
    color: #111
}

.dropDownMain .dropDownMenu a:hover {
    color: #5ad235 !important
}

.dropDownMain .dropDownMenu li {
    margin: 0 !important;
    width: 100%;
    padding: 0 8px
}

.dropDownMain .dropDownMenu li:first-child {
    margin-top: 8px !important
}

.dropDownMain .dropDownMenu li:last-child {
    margin-bottom: 8px !important
}

.dropDownMain .dropDownMenu.large {
    width: 225px
}

.dropDownMain:hover {
    color: #ffdc00
}

.dropDownMain:hover .dropDownMenu {
    -webkit-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    transition: all .3s ease-in;
    top: 36px;
    opacity: 1;
    height: auto
}

.dropDownMain .icon-arrow-sm {
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
    font-size: 12px;
    vertical-align: 0;
    margin-left: 4px
}

.megaBody {
    display: flex !important;
    align-items: start !important;
    padding: 25px;
    column-gap: 25px
}

.megaBody .itemName {
    font-size: 16px;
    color: #a5a5a5 !important;
    font-weight: 700;
    margin-bottom: 16px;
    white-space: nowrap;
    text-transform: uppercase
}

.megaBody .megaMenuList {
    display: flex !important;
    flex-direction: column;
    row-gap: 16px
}

.megaBody .megaMenuList li {
    padding: 0 !important;
    margin-left: 0 !important;
    white-space: nowrap
}

.megaBody .megaMenuList a {
    padding: 0 !important;
    font-size: 14px !important;
    font-weight: 300 !important
}

.megaBody .icon-rupee {
    font-size: 100%;
    zoom: .7
}

.compareFixedWidget {
    position: absolute;
    top: 246px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 9;
    background: #fff;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -webkit-box-shadow: 4px 4px 14px 0 rgba(96, 96, 96, .4);
    box-shadow: 4px 4px 14px 0 rgba(96, 96, 96, .4)
}

.compareFixedWidget .bikeList li {
    text-align: center;
    padding: 30px 16px 10px;
    position: relative;
    border-right: 1px solid #eee;
    width: 240px;
    height: 210px
}

.compareFixedWidget .bikeList li:last-child {
    border: 0
}

.compareFixedWidget .bikeList .cardImg {
    width: 205px;
    height: 110px;
    position: relative;
    display: block;
    margin: 5px auto 25px;
    overflow: hidden
}

.compareFixedWidget .bikeList .cardImg img {
    height: 100%;
    margin: 0 auto;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.compareFixedWidget .bikeList .bikeName {
    margin: auto;
    font-size: 16px
}

.compareFixedWidget .bikeList .closeIconBtn {
    width: 20px;
    height: 20px;
    top: 15px;
    right: 15px
}

.compareFixedWidget .bikeList .closeIconBtn:after,
.compareFixedWidget .bikeList .closeIconBtn:before {
    background: #959595;
    height: 1px
}

.compareFixedWidget .clearAll {
    font-size: 20px;
    line-height: 40px;
    margin: 10px 25px
}

.compareFixedWidget .btn {
    width: 240px;
    height: 60px;
    line-height: 1.2;
    font-size: 20px;
    padding: 0;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    border: 0;
    white-space: normal;
    padding: 7px 5px
}

.compareFixedWidget .btn:hover {
    background: #5ad235
}

.compareFixedWidget .btn span {
    width: 45px;
    height: 45px;
    line-height: 45px;
    margin-left: 20px;
    background: #009a54;
    border-radius: 4px;
    -webkit-border-radius: 4px
}

.compareFixedWidget .btn .compText {
    max-width: calc(100% - 80px);
    font-size: 15px
}

.frogCareBg {
    padding: 10px 0 35px !important;
    -webkit-background-size: contain !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: bottom !important
}

.frogCarePanel {
    max-width: 957px;
    margin: 0 auto
}

.frogCarePanel>* {
    float: left;
    width: 50%
}

.frogCarePanel>:first-child {
    padding-right: 50px
}

.frogCarePanel>:last-child {
    padding-left: 20px
}

.frogCarePanel .frogCareLogo {
    width: 280px;
    height: auto
}

.frogCarePanel .discr {
    font-size: 18px;
    line-height: 25px;
    margin: 54px 0 21px
}

.frogCarePanel .termsHint {
    padding-top: 8px
}

.frogCarePanel .termsHint .text-red {
    font-size: 75%;
    padding-right: 3px
}

.frogCarePanel .valueList {
    margin-top: 40px
}

.frogCarePanel .valueList li {
    font-size: 16px;
    line-height: 23px;
    margin-bottom: 20px;
    padding: 3px 0 0 34px;
    position: relative;
    font-weight: 400
}

.frogCarePanel .valueList li:after,
.frogCarePanel .valueList li:before {
    content: "";
    position: absolute;
    border-radius: 50%;
    -webkit-border-radius: 50%
}

.frogCarePanel .valueList li:before {
    left: 0;
    top: 0;
    background: rgba(90, 210, 53, .2);
    display: block;
    width: 21px;
    height: 21px
}

.frogCarePanel .valueList li:after {
    width: 5px;
    height: 5px;
    left: 8px;
    top: 8px;
    background: #5ad235
}

.frogCarePanel .valueList li h5 {
    font-size: 16px;
    line-height: 18px;
    font-weight: 600
}

.frogCarePanel .whatsappWidget {
    margin-top: 30px;
    width: auto;
    min-width: 242px;
    height: 57px;
    line-height: 57px;
    border-radius: 41px;
    -webkit-border-radius: 41px;
    font-size: 23px
}

.frogCarePanel .whatsappWidget .iconWhatsapp {
    width: 57px;
    height: 57px;
    background: #111
}

.frogCarePanel .whatsappWidget .whatsappText,
.frogCarePanel .whatsappWidget span {
    padding: 2px 22px 0 22px
}

.frogCarePanel .howItWork {
    position: relative
}

.frogCarePanel .howItWork .title {
    font-size: 18px;
    line-height: 25px;
    letter-spacing: 2.5px;
    padding-bottom: 23px
}

.frogCarePanel .howItWork li {
    display: table;
    margin-bottom: 75px;
    width: 100%
}

.frogCarePanel .howItWork li>* {
    display: table-cell;
    vertical-align: middle
}

.frogCarePanel .howItWork li:last-child {
    margin-bottom: 35px
}

.frogCarePanel .howItWork .iconHolder {
    width: 207px;
    padding-right: 42px;
    position: relative;
    text-align: center
}

.frogCarePanel .howItWork .iconHolder .arrow {
    position: absolute;
    left: 50%;
    top: calc(100% + 5px);
    margin-left: -40px
}

.frogCarePanel .howItWork .iconHolder .crSprite {
    zoom: 2
}

.frogCarePanel .howItWork .iconHolder .crSprite.stepAssemb {
    zoom: 1.9
}

.frogCarePanel .howItWork h4 {
    font-size: 24px;
    margin-top: 0;
    color: #111
}

.frogCarePanel .howItWork p {
    font-size: 19px;
    color: #959595;
    line-height: 21px;
    line-height: 21px;
    word-spacing: 3px
}

.frogCarePanel .howItWork .btn {
    font-size: 20px;
    border-radius: 25px
}

.riderVoiceProduct .card {
    width: calc(100% - 20px);
    margin: 30px auto;
    min-height: 390px;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    padding: 20px 20px 20px;
    position: relative
}

.riderVoiceProduct .card h5 {
    font-size: 20px;
    font-weight: 600;
    max-height: 70px;
    line-height: 1.2;
    overflow: hidden;
    margin-top: 16px
}

.riderVoiceProduct .card p {
    margin-top: 20px;
    max-height: 160px;
    padding-right: 5px
}

.riderVoiceProduct .card .riderName {
    position: absolute;
    bottom: 30px
}

.riderVoiceProduct .card .riderName>span {
    font-size: 14px
}

.riderVoiceProduct .slick-active {
    opacity: 1
}

.riderVoiceProduct .slick-list {
    overflow: visible
}

.riderVoiceProduct .icon-gallery {
    position: absolute;
    bottom: 40px;
    right: 20px;
    font-size: 20px;
    color: #5ad235;
    cursor: pointer
}

.productOverveiw #productSlider2 {
    width: calc(100% - 74px)
}

.productOverveiw #productSlider2 .imgHolder,
.productOverveiw #productSlider2 .videoHolder {
    min-height: 450px
}

.productOverveiw #productSlider2 .imgHolder img,
.productOverveiw #productSlider2 .videoHolder img {
    height: auto;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.productOverveiw #productSlider2 .imgHolder video,
.productOverveiw #productSlider2 .videoHolder video {
    top: 0;
    right: 0;
    height: 100%;
    position: absolute
}

.productOverveiw #productSlider2 .imgHolder.acceImgHolder img,
.productOverveiw #productSlider2 .videoHolder.acceImgHolder img {
    max-width: 360px
}

.productOverveiw #productSlider2 .slick-list {
    margin-right: 20px
}

.productOverveiw #productSlider2 .videoHolder {
    width: 630px;
    margin: 20px auto 0
}

.productOverveiw .productSlider-nav {
    float: right;
    width: 74px
}

.productOverveiw .productSlider-nav .slick-list {
    width: 74px
}

.productOverveiw .productSlider-nav .slick-slide {
    border: 1px solid #dfdfdf;
    width: 74px;
    height: 74px;
    margin-bottom: 7px;
    overflow: hidden;
    cursor: pointer
}

.productOverveiw .productSlider-nav .slick-slide.slick-current {
    border-color: #5ad235
}

.productOverveiw .productSlider-nav .slick-slide:last-child {
    margin-bottom: 0
}

.productOverveiw .productSlider-nav .imgHolder {
    width: 74px;
    height: 74px
}

.productOverveiw .productSlider-nav .imgHolder img {
    width: auto;
    position: relative;
    z-index: -1
}

.productOverveiw .productSlider-nav .imgHolder img {
    max-width: 74px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    margin: 0;
    max-height: 74px
}

.productOverveiw .productSlider-nav .icon-video,
.productOverveiw .productSlider-nav .icon-view-360 {
    height: 100%
}

.productOverveiw .productSlider-nav .icon-video:before,
.productOverveiw .productSlider-nav .icon-view-360:before {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 30px;
    height: 30px;
    margin: -15px 0 0 -15px;
    font-size: 30px;
    line-height: 1;
    color: #e60049
}

.productOverveiw .productSlider-nav .icon-view-360:before {
    color: #5ad235
}

.productOverveiw .specWidget {
    padding: 24px 0;
    white-space: nowrap
}

.productOverveiw .specWidget .specList {
    display: inline-block;
    vertical-align: middle;
    padding: 0 8px;
    font-size: 12px
}

.productOverveiw .specWidget .specList strong {
    font-size: 14px
}

.productOverveiw .specWidget .specList .iconHolder {
    width: 40px;
    font-size: 26px
}

.productOverveiw .specWidget .specList>* {
    display: inline-block;
    vertical-align: middle
}

@media only screen and (min-width:1023px) {

    .productOverveiw #productSlider2 .imgHolder img,
    .productOverveiw #productSlider2 .videoHolder img {
        height: 100%
    }
}

@media only screen and (min-width:1280px) {
    .productOverveiw .specWidget .specList {
        padding: 0 16px
    }

    .productOverveiw .specWidget .specList strong {
        font-size: 16px
    }

    .productOverveiw .specWidget .specList .iconHolder {
        width: 50px;
        font-size: 32px
    }

    .productOverveiw .specWidget .specListBtn {
        width: 50px;
        padding: 0;
        text-align: right
    }

    .productOverveiw .fullSpecHint {
        width: 40px;
        height: 40px;
        font-size: 14px;
        padding-top: 10px
    }

    .productOverveiw .fullSpecHint:hover {
        background: #5ad235;
        color: #fff
    }
}

#riderVoice {
    position: relative
}

#riderVoice .leftPart {
    padding-right: 20px
}

#riderVoice .leftPart h4 {
    font-size: 32px;
    padding-left: 7px;
    min-height: 144px;
    line-height: 1.2;
    font-style: italic
}

#riderVoice .leftPart .imgThumb {
    width: 143px;
    height: 143px;
    overflow: hidden;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    position: relative
}

#riderVoice .leftPart .imgThumb img {
    max-height: 145px;
    max-width: 145px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    min-width: 100%;
    max-width: none
}

#riderVoice .leftPart .riderInfo {
    margin-top: 40px
}

#riderVoice .leftPart .riderInfo>div:first-child {
    width: 143px
}

#riderVoice .leftPart .infoRight {
    padding-left: 40px;
    font-weight: 600
}

#riderVoice .leftPart .infoRight span {
    font-size: 17px;
    vertical-align: middle
}

#riderVoice .leftPart .infoRight span span {
    font-size: 13px;
    letter-spacing: 2px
}

#riderVoice .leftPart .infoRight i {
    font-size: 20px;
    vertical-align: middle
}

#riderVoice .leftPart .infoRight h5 {
    font-size: 24px;
    line-height: 1.2
}

#riderVoice .leftPart .infoRight .ratingText {
    vertical-align: -4px
}

#riderVoice .leftPart p {
    font-size: 18px;
    margin-top: 50px;
    height: 140px;
    overflow-y: auto;
    text-align: justify
}

#riderVoice .leftPart p.thinScrollBar {
    padding-right: 7px
}

#riderVoice .leftPart .bikeDiscWrap {
    margin-top: 50px
}

#riderVoice .leftPart .bikeDiscWrap.twoBike {
    margin-top: 30px
}

#riderVoice .leftPart .bikeDiscWrap.twoBike .modalImg {
    width: 80px
}

#riderVoice .leftPart .bikeDiscWrap.twoBike .modalImg img {
    height: 45px
}

#riderVoice .leftPart .bikeDiscWrap.twoBike .modelSummary {
    vertical-align: top
}

#riderVoice .leftPart .bikeDiscWrap.twoBike .modelDesc {
    padding-left: 12px
}

#riderVoice .leftPart .bikeDiscWrap.twoBike .modelDesc h4 {
    font-size: 14px;
    font-weight: 600
}

#riderVoice .leftPart .bikeDiscWrap.twoBike .modelDesc .seriesText {
    font-size: 12px
}

#riderVoice .leftPart .bikeDiscWrap.twoBike .listModalInfo * {
    vertical-align: top
}

#riderVoice .leftPart .modalImg {
    width: 150px;
    height: 100%;
    overflow: hidden;
    background: #fff;
    border: 3px solid #fff;
    display: table-cell;
    vertical-align: middle
}

#riderVoice .leftPart .modalImg img {
    display: block;
    margin: 0 auto;
    height: 85px;
    width: auto
}

#riderVoice .leftPart .modelDesc {
    padding-left: 30px;
    display: table-cell;
    vertical-align: middle
}

#riderVoice .leftPart .modelDesc h5 {
    font-size: 20px;
    font-weight: 400
}

#riderVoice .leftPart .modelDesc .seriesText {
    font-size: 14px
}

#riderVoice .riderSliderBody .rider-slider-for {
    max-height: 560px;
    margin-bottom: 10px
}

#riderVoice .riderSliderBody .rider-slider-for .imgHolder {
    width: 100%;
    height: 560px;
    background-size: cover !important;
    background-position: top center !important
}

#riderVoice .riderSliderBody .rider-slider-nav {
    max-height: 80px
}

#riderVoice .riderSliderBody .rider-slider-nav .imgHolder {
    max-width: 75px;
    width: 100%;
    height: 80px;
    background-size: cover !important;
    background-position: top center !important;
    position: relative;
    border-radius: 2px
}

#riderVoice .riderSliderBody .rider-slider-nav .imgHolder:after,
#riderVoice .riderSliderBody .rider-slider-nav .imgHolder:before {
    width: 50%;
    height: 5px;
    content: "";
    position: absolute;
    bottom: 0;
    display: none
}

#riderVoice .riderSliderBody .rider-slider-nav .imgHolder:after {
    left: 0;
    border-radius: 20px;
    background: #5ad235
}

#riderVoice .riderSliderBody .rider-slider-nav .imgHolder:before {
    right: 0;
    background: #5ad235;
    opacity: 23%
}

#riderVoice .riderSliderBody .rider-slider-nav .slick-slide {
    margin-right: 10px
}

#riderVoice .riderSliderBody .rider-slider-nav .slick-current .imgHolder:after,
#riderVoice .riderSliderBody .rider-slider-nav .slick-current .imgHolder:before {
    display: block
}

#riderVoice .riderSliderBody .rider-slider-nav .icon-video {
    background: rgba(0, 0, 0, .5)
}

#riderVoice .riderSliderBody .rider-slider-nav .icon-video:before {
    z-index: 1;
    width: 32px;
    height: 32px;
    font-size: 30px;
    margin-left: -15px;
    margin-top: -15px;
    cursor: pointer
}

#riderVoice .riderSliderBody .icon-video {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 0
}

#riderVoice .riderSliderBody .icon-video:before {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 1;
    width: 50px;
    height: 50px;
    font-size: 50px;
    color: #5ad235;
    margin-left: -25px;
    margin-top: -25px;
    border-radius: 50%;
    -webkit-border-radius: 50%
}

@-moz-document url-prefix() {
    #riderVoice .riderSliderBody .icon-video::before {
        width: 78px;
        height: 78px;
        font-size: 78px;
        margin-left: -38px;
        margin-top: -42px
    }
}

#riderVoice .slick-prev {
    left: -50px
}

#riderVoice .slick-next {
    right: -50px
}

#riderVoice .slick-track {
    float: left
}

#riderVoice .slick-slide {
    opacity: 1;
    position: relative
}

#riderVoice .sliderMain {
    width: 90%;
    margin: 50px auto 0
}

#riderVoice .allRiderRiviewBtn {
    font-size: 16px;
    margin-top: 20px;
    color: #5ad235;
    font-weight: 700
}

@media only screen and (min-width:1200px) {
    #voiceRiderPage .gallaryMain .twoBike .listModalInfo {
        width: 50%
    }
}

@media only screen and (min-width:1200px) {
    #riderVoice .sliderMain {
        width: 100%
    }

    #riderVoice .slick-prev {
        left: -100px
    }

    #riderVoice .slick-next {
        right: -100px
    }
}

.topRightHolder {
    position: absolute;
    top: -23px;
    right: 86px
}

.topRightHolder .iconHolder {
    width: 46px;
    height: 46px;
    font-size: 20px;
    line-height: 46px;
    background: #fff;
    border-radius: 50%;
    text-align: center;
    margin-left: 4px;
    cursor: pointer;
    -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, .16);
    box-shadow: 0 3px 6px rgba(0, 0, 0, .16)
}

.topRightHolder .icon-compare {
    color: #efc02f
}

.topRightHolder .active.icon-heart-fill {
    color: red !important
}

.magnifier {
    -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, .15);
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .15);
    width: 320px !important;
    background: #fff
}

.cursorshade {
    background: url(https://d60i6mpkbdpwe.cloudfront.net/assets/ninetyone/images/zoom-mask.png) repeat
}

@media only screen and (min-width:1200px) {
    .magnifier {
        width: 360px !important
    }
}

@media only screen and (min-width:1360px) {
    .magnifier {
        -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, .15);
        box-shadow: 0 0 10px 0 rgba(0, 0, 0, .15);
        width: 475px !important
    }
}

.prodCardInfo {
    padding: 20px;
    position: relative;
    background: #fff;
    box-shadow: 0 3px 0 rgba(0, 0, 0, .16);
    width: 400px;
    -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, .16);
    box-shadow: 0 3px 6px rgba(0, 0, 0, .16);
    border-radius: 4px;
    -webkit-border-radius: 4px
}

.prodCardInfo.active {
    position: fixed;
    top: 92px;
    z-index: 10
}

.prodCardInfo.cardAbs {
    position: absolute;
    bottom: 70px
}

.prodCardInfo .payWidget {
    margin-bottom: 15px;
    margin-top: 0;
    padding: 8px 16px
}

.prodCardInfo .payLogo {
    padding-right: 10px;
    max-width: 55px
}

.prodCardInfo .sizeFlipBody {
    width: 103px
}

.prodCardInfo .cadTopSpec i,
.prodCardInfo .cadTopSpec li {
    font-size: 16px
}

.prodCardInfo .cadTopSpec i {
    vertical-align: -4px
}

.prodCardInfo .prodName {
    line-height: 1.1 !important;
    font-size: 20px !important;
    margin-bottom: 16px !important
}

.prodCardInfo .prodTitle {
    font-size: 16px;
    line-height: 1.3;
    margin-bottom: 16px
}

.prodCardInfo .prodInfoList {
    margin-bottom: 20px
}

.prodCardInfo .prodInfoList li {
    padding-left: 24px;
    position: relative;
    margin-bottom: 12px;
    line-height: 1.2
}

.prodCardInfo .prodInfoList li:before {
    content: "";
    position: absolute;
    left: 0;
    top: 5px;
    width: 10px;
    height: 10px;
    background: #28ad00;
    border-radius: 50%
}

.prodCardInfo .colorWidget {
    padding: 0;
    margin-bottom: 20px
}

.prodCardInfo .colorWidget .beforeslectError {
    font-size: 12px;
    bottom: -19px;
    left: 77px
}

.prodCardInfo .colorTitle {
    font-size: 16px;
    color: #221629;
    font-weight: 600;
    margin-right: 25px;
    float: left
}

.prodCardInfo .colorBtn {
    width: 20px;
    height: 20px
}

.prodCardInfo .colorBtn.active:after {
    left: 5px;
    bottom: -7px
}

.prodCardInfo .soldText {
    margin-bottom: 20px
}

.prodCardInfo .icon-share {
    font-size: 20px;
    cursor: pointer
}

.prodCardInfo .soldOutText {
    margin: 0 0 10px
}

.prodCardInfo .preOrderBtn {
    margin: -8px 0 10px
}

.prodCardInfo .preOrderBtn:hover {
    text-decoration: underline
}

.prodCardInfo .noteStrip {
    margin-top: 0
}

.prodSizeGuide {
    position: relative;
    font-size: 14px;
    line-height: 34px;
    margin-bottom: 20px
}

.prodSizeGuide .item {
    display: inline-block;
    vertical-align: middle;
    margin-right: 15px;
    font-weight: 600
}

.prodSizeGuide .item:last-child {
    margin-right: 0
}

.prodSizeGuide i {
    color: #959595;
    margin-right: 7px
}

.prodSizeGuide .icon-Size_Guide_2 {
    font-size: 16px;
    vertical-align: -3px
}

.prodSizeGuide .icon-compare {
    font-size: 21px;
    vertical-align: -4px
}

.prodPriceHold {
    border-top: 1px dashed #dfdfdf;
    padding-top: 16px;
    margin-bottom: 16px
}

.prodPriceHold .emiStartHint {
    font-size: 13px;
    line-height: 1.1;
    font-style: italic;
    padding-top: 10px
}

.prodPrice {
    font-size: 20px;
    line-height: 1;
    font-weight: 700;
    color: #000;
    text-transform: uppercase
}

.prodPrice .icon-rupee {
    font-size: 71%;
    font-weight: 700
}

.prodPrice .priceOffHold {
    font-size: 14px;
    line-height: 1;
    color: #221629
}

.prodPrice .cutPrice {
    font-weight: 400;
    text-decoration: line-through
}

.buyOption {
    margin-bottom: 15px
}

.buyOption .whishBtn {
    width: 50px;
    padding: 0 5px;
    text-align: right;
    font-size: 26px;
    color: #959595;
    display: none
}

.buyOption .thanksText {
    margin-bottom: 8px
}

.buyOption .icon-heart {
    cursor: pointer
}

.buyOption .icon-heart:hover {
    color: #28ad00
}

.buyOption .icon-heart:hover:before {
    content: "\e93d"
}

.buyOption .icon-heart.active {
    color: red
}

.buyOption .icon-heart.active:before {
    content: "\e93d"
}

.buyOption .btn {
    border-radius: 3px;
    -webkit-border-radius: 3px;
    height: 64px;
    line-height: 48px;
    display: block;
    font-size: 20px
}

.buyOption .notifyPanel .btn {
    width: 40%;
    font-size: 16px;
    font-weight: 400;
    height: 40px;
    line-height: 18px;
    padding: 8px;
    text-transform: uppercase
}

.buyOption .notifyPanel .btn-preview.productNotify {
    background: #fff;
    color: #ff0a0a
}

.buyOption .notifyPanel .btn-notify.productNotify {
    background: #fff;
    color: #0e9fff
}

.buyOption .notifyPanel .btnGroupNotify {
    width: 100%;
    margin-top: 15px
}

.buyOption .notifyPanel .btnGroupNotify .btn {
    width: 40%;
    display: inline-block;
    vertical-align: middle
}

.buyOption .notifyPanel .btnGroupNotify .btnSimilar {
    width: calc(60% - 16px);
    margin-left: 12px
}

.buyOption .notifyPanel+.whishBtn {
    height: 40px;
    padding: 0 5px
}

.buyOption .notifyPanel+.whishBtn .icon-heart {
    line-height: 40px
}

.buyOption .icon-heart.active:before {
    color: red
}

.prodBenifit {
    font-size: 14px;
    line-height: 18px
}

.prodBenifit li {
    margin-right: 10px;
    display: inline-block;
    vertical-align: middle;
    padding-top: 5px
}

.prodBenifit i {
    color: #28ad00;
    font-size: 24px;
    margin-right: 4px;
    vertical-align: -6px
}

@media only screen and (min-width:1024px) {
    .kybBody {
        text-align: left
    }

    .kybBody .kybImg {
        margin-bottom: 0
    }

    .kybBody .kybImg img {
        width: 100%
    }

    .kybBody .kybItem [data-lazy] {
        min-height: 383px
    }

    .kybBody .prodSpecNav {
        margin: 60px 0 20px;
        padding-right: 40px;
        overflow: hidden
    }

    .kybBody .prodSpecNav .slick-list {
        margin-left: -5px;
        margin-right: -5px;
        padding-left: 5px;
        padding-right: 5px
    }

    .kybBody .prodSpecNav .prodIcon {
        width: 70px;
        height: 70px;
        line-height: 70px;
        font-size: 40px
    }

    .kybBody .prodSpecNav .itemName {
        margin-right: 18px
    }

    .kybBody .prodSpecNav .itemTitle {
        font-size: 16px
    }

    .kybBody .kybItemNav {
        cursor: pointer;
        margin-right: 23px;
        margin-left: 5px
    }

    .kybBody .kybSliderNav .slick-next,
    .kybBody .kybSliderNav .slick-prev {
        background: 0 0 !important;
        -webkit-box-shadow: none;
        box-shadow: none;
        width: 50px;
        top: 35px
    }

    .kybBody .kybSliderNav .slick-next:before,
    .kybBody .kybSliderNav .slick-prev:before {
        border-color: #28ad00
    }

    .kybBody .kybSliderNav .slick-next:hover,
    .kybBody .kybSliderNav .slick-prev:hover {
        background: 0 0 !important
    }

    .kybBody .kybSliderNav .slick-next:after,
    .kybBody .kybSliderNav .slick-prev:after {
        content: "";
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        z-index: -1
    }

    .kybBody .kybSliderNav .slick-arrow i {
        position: absolute;
        top: -40px;
        bottom: -75px;
        right: -16px;
        left: -16px;
        z-index: -1;
        pointer-events: none
    }

    .kybBody .kybSliderNav .slick-next {
        right: -16px
    }

    .kybBody .kybSliderNav .slick-next i {
        background: -moz-linear-gradient(90deg, rgba(255, 255, 255, 0) 0, #fcfcfc 50%);
        background: -webkit-linear-gradient(90deg, rgba(255, 255, 255, 0) 0, #fcfcfc 50%);
        background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0, #fcfcfc 50%)
    }

    .kybBody .kybSliderNav .slick-prev {
        left: -16px
    }

    .kybBody .kybSliderNav .slick-prev i {
        background: -moz-linear-gradient(90deg, #fff 50%, rgba(252, 252, 252, 0) 100%);
        background: -webkit-linear-gradient(90deg, #fff 50%, rgba(252, 252, 252, 0) 100%);
        background: linear-gradient(90deg, #fff 50%, rgba(252, 252, 252, 0) 100%)
    }

    .kybItem:before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 60%;
        height: 100%;
        background: -moz-linear-gradient(90deg, rgba(0, 0, 0, .8) 0, rgba(18, 22, 22, 0) 100%);
        background: -webkit-linear-gradient(90deg, rgba(0, 0, 0, .8) 0, rgba(18, 22, 22, 0) 100%);
        background: linear-gradient(90deg, rgba(0, 0, 0, .8) 0, rgba(18, 22, 22, 0) 100%)
    }

    .kybItem.kybWynd::before {
        display: none
    }

    .kybWynd .wynd-logo {
        width: 160px;
        margin: 0
    }

    .kybWynd .wyncCont {
        padding: 0 10px 0 60px;
        width: 380px
    }

    .kybWynd .wyndImg {
        width: calc(100% - 380px)
    }

    .kybWynd .imgHold img {
        width: 24px
    }

    .kybWynd li {
        margin-top: 20px;
        font-size: 16px;
        width: 100%
    }

    .kybWynd .itemList {
        padding-bottom: 30px;
        display: block
    }

    .kybWynd .wyndApp {
        padding-top: 0
    }

    .kybWynd .wyndApp p {
        font-size: 13px;
        color: #959595
    }

    .kybContent {
        width: 40%;
        min-width: 300px;
        font-size: 16px;
        text-align: left;
        position: absolute;
        top: 50%;
        left: 50px;
        transform: translateY(-50%);
        background: 0 0
    }

    .kybContent p {
        font-size: 20px;
        line-height: 1.3
    }

    .kybContent .kybTitle {
        margin-bottom: 16px;
        font-size: 28px;
        line-height: 1.2
    }

    .kybSlider {
        margin-bottom: 60px
    }
}

@media only screen and (min-width:1280px) {
    .kybBody .kybItem [data-lazy] {
        min-height: 501px
    }
}

@media only screen and (min-width:1366px) {
    .kybBody .kybItem [data-lazy] {
        min-height: 558px
    }
}

@media only screen and (min-width:1440px) {
    .kybBody .kybItem [data-lazy] {
        min-height: 607px
    }
}

@media only screen and (min-width:1600px) {

    .kybBody .kybSliderNav .slick-next,
    .kybBody .kybSliderNav .slick-prev {
        top: 48px
    }

    .kybBody .kybItem [data-lazy] {
        min-height: 647px
    }
}

@media only screen and (min-width:1900px) {
    .kybBody .kybItem [data-lazy] {
        min-height: 659px
    }
}

@media only screen and (min-width:1024px) {
    #productPage.prodNewPage .priceWidget .price {
        font-size: 12px
    }

    #productPage.prodNewPage .priceWidget.stickyBottom .btn,
    #productPage.prodNewPage .priceWidget.stickyBottom .price div {
        font-size: 25px
    }

    #productPage.prodNewPage .recentlyViewCard .card {
        min-width: 325px
    }

    .prodNewPage .prodSticky .cutPrice {
        font-size: 18px;
        margin-left: 8px;
        display: inline-block;
        vertical-align: middle
    }

    .prodNewPage .prodSticky .priceOff {
        font-size: 18px !important
    }

    .prodLeftMain {
        float: left;
        width: calc(100% - 390px);
        margin-top: 30px
    }

    .prodLeftMain .secTitle+p,
    .prodLeftMain h2+p {
        max-width: 100% !important
    }

    .prodLeftMain .slick-next,
    .prodLeftMain .slick-prev {
        border-radius: 4px;
        -webkit-border-radius: 4px
    }

    .prodLeftMain .secTitle {
        text-align: left
    }

    .prodLeftMain .reviewHeader li:first-child {
        padding-left: 0
    }

    .prodLeftMain .noCostEmiWrap {
        margin-top: 0
    }

    .prodLeftMain .noCostEmi li {
        margin-right: 2px;
        padding: 0 6px
    }

    .prodLeftMain .noCostEmi li.last {
        padding: 0 12px
    }

    .prodLeftMain .frequentlyBought li {
        width: calc(25% - 29px);
        margin-right: 32px
    }

    .prodLeftMain .frequentlyBought li:last-child {
        margin-right: 0
    }

    .prodLeftMain .frequentlyBought .fbtCard {
        min-width: 160px;
        min-height: 320px;
        max-height: 320px;
        box-shadow: 0 0 14px rgba(0, 0, 0, .15) !important;
        -webkit-box-shadow: 0 0 14px rgba(0, 0, 0, .15) !important
    }

    .prodLeftMain .frequentlyBought .fbtCard:after {
        right: -26px
    }

    .prodLeftMain .frequentlyBought .fbtCard .modalChoose {
        top: 5px;
        right: 5px
    }

    .prodLeftMain .frequentlyBought .fbtCard .cardName {
        font-size: 12px
    }

    .prodLeftMain .frequentlyBought .fbtCard .cardImg {
        height: 130px
    }

    .prodLeftMain .frequentlyBought .fbtCard.accessCard .cardImg {
        width: 135px
    }

    .prodLeftMain .frequentlyBought .fbtCard .cardColor {
        text-align: center;
        margin-top: 8px
    }

    .prodLeftMain .userCard2 {
        max-width: 100%
    }

    .prodLeftMain .userCard2 .title {
        font-size: 20px
    }

    .prodLeftMain .userCard2 .slick-next {
        right: -56px
    }

    .prodLeftMain .userCard2 .slick-prev {
        left: -56px
    }

    .prodLeftMain .riderVoiceProduct .slick-list {
        overflow: hidden
    }

    .prodLeftMain .riderVoiceProduct .card {
        width: calc(100% - 30px);
        margin: 30px 16px;
        min-width: 230px
    }

    .prodLeftMain .recentlyViewCard .card {
        width: 100%
    }

    .prodLeftMain #userReviewCard .reviewHeader {
        margin-top: 60px
    }

    .prodRightMain {
        float: right;
        width: 360px;
        margin-top: 30px
    }

    .prodRightMain .prodPrice .cutPrice {
        font-size: 16px !important
    }

    .prodRightMain .modelTagBody {
        top: 39%
    }

    .prodRightMain .snap_emi_txt {
        max-width: 370px !important
    }

    .prodNav {
        margin: 0 0 30px
    }

    .prodNav li {
        font-size: 14px;
        padding: 9px 35px
    }

    .prodNav li:hover {
        background: #fff;
        border-color: #dfdfdf
    }

    .prodRatingStrip {
        font-size: 16px;
        line-height: 24px;
        padding: 5px 10px;
        right: 10px
    }

    .prodRatingStrip:before {
        right: 8px;
        left: 30px
    }

    .prodRatingStrip .prodReviewCont {
        font-size: 12px
    }

    .prodMain {
        min-height: 400px
    }

    .prodMain .pItem {
        border: 1px solid #e7e7e7;
        border-radius: 4px;
        overflow: hidden;
        white-space: nowrap;
        min-height: 400px;
        max-height: 400px;
        white-space: nowrap;
        float: left
    }

    .prodMain .pItem img {
        max-width: 100%;
        width: auto;
        height: auto;
        max-height: 100%
    }

    .prodBody {
        position: relative;
        width: calc(100% - 80px);
        margin: 0;
        min-height: 400px
    }

    .prodBody .loaderOverlay {
        height: calc(100% - 2px)
    }

    .prodBody .slick-next {
        right: -25px
    }

    .prodBody .slick-prev {
        left: -25px
    }

    .prodBody .prod-360-video video,
    .prodBody .videoBox video {
        object-fit: cover;
        min-height: 400px;
        display: block
    }

    .prodBody .pro-ar {
        min-height: 400px
    }

    .prodBody .prodCaption {
        position: absolute;
        bottom: 0;
        padding: 0;
        padding: 20px 110px 30px 30px;
        white-space: normal
    }

    .prodBody .slick-next,
    .prodBody .slick-prev {
        z-index: 55
    }

    .prodBody .prodTotal {
        bottom: 16px;
        right: 16px;
        min-width: 90px;
        display: inline-block;
        vertical-align: middle;
        text-align: center;
        padding: 12px 20px;
        font-size: 17px;
        line-height: 26px;
        z-index: 55
    }

    .prodBody .prdAllBtnTrigger {
        right: -25px;
        margin-top: -25px;
        width: 50px;
        height: 50px;
        padding: 9px 0;
        border-radius: 4px;
        -webkit-border-radius: 4px
    }

    .prodBody .iconQRcode {
        bottom: -55px;
        cursor: pointer
    }

    .prodBody .iconQRcode img {
        font-size: 24px
    }

    .prodBody .arBox {
        max-width: 100%;
        max-height: 100%;
        border: 0
    }

    .prodBody .scanQRcode .scanMe {
        color: #000;
        font-size: 30px;
        line-height: 1.2;
        text-transform: uppercase;
        font-weight: 600;
        margin-top: 10px
    }

    .pdWebOverView .prodBody {
        min-height: 340px
    }

    .pdWebOverView .prodBody .pro-ar,
    .pdWebOverView .prodBody .prod-360-video video,
    .pdWebOverView .prodBody .videoBox video {
        min-height: 275px
    }

    .pdWebOverView .prod-360-video {
        float: right
    }

    .pdWebOverView .prodMain {
        min-height: 100%
    }

    .pdWebOverView .prodMain .pItem {
        height: 295px;
        min-height: auto;
        max-height: 295px;
        display: flex !important;
        justify-content: center;
        align-items: center
    }

    .pdWebOverView .prodMain img {
        height: 100%;
        width: auto
    }

    .prodCaption p {
        font-size: 20px;
        line-height: 1.2
    }

    .prodCaption .proCapTitle {
        font-size: 36px
    }

    .prodSpecNav {
        margin: -5px -5px 15px -5px;
        padding: 5px
    }

    .prodSpecNav .prodIcon {
        width: 40px;
        height: 40px;
        font-size: 20px;
        line-height: 40px
    }

    .prodSpecNav .itemName {
        margin: 0 0 14px 0
    }

    .prodSpecNav .itemName:hover .prodIcon {
        background: #fff;
        box-shadow: 0 3px 6px rgba(0, 0, 0, .16);
        color: #28ad00
    }

    .prodSpecNav .prodAllSpecBtn .prodIcon {
        font-size: 14px;
        line-height: 1.2;
        padding: 6px 0
    }

    .prodSpecNav .wyndIcon img {
        width: 65px;
        height: 62px
    }

    .offerWidget {
        margin-bottom: 50px
    }

    .benefiteList {
        padding-left: 4px;
        padding-right: 4px;
        margin-left: -8px;
        flex-wrap: nowrap;
        align-items: stretch !important
    }

    .benefiteList .icon-holder {
        max-width: 50px;
        margin-bottom: 8px
    }

    .benefiteList img {
        max-height: 30px;
        max-width: 36px
    }

    .benefiteList li {
        margin-right: 6px;
        flex-grow: initial;
        width: 160px;
        cursor: pointer
    }

    .benefiteList li.wide {
        width: 234px
    }

    .benefiteList .list {
        padding: 10px 12px;
        min-height: 95px;
        font-size: 14px;
        width: 140px
    }

    .benefiteList .wide .list {
        width: 210px
    }

    .benefiteList .tooltipBox {
        margin-bottom: 0;
        font-size: 16px;
        position: relative;
        left: auto;
        top: 5px;
        max-width: 180px;
        min-width: 175px;
        width: auto
    }

    .bTop-light {
        border-top: 1px solid rgba(0, 0, 0, .08)
    }

    .statusdiv {
        background: 0 0 !important
    }

    .statusdiv .zoomHelper {
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        padding-top: 5px;
        font-size: 14px;
        font-weight: 600;
        width: 120px;
        text-align: center
    }

    .magnifierBody .magnifier {
        width: 430px !important
    }

    .prodVORConetnt .vorCard {
        padding: 20px 25px;
        -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, .12);
        box-shadow: 0 0 6px rgba(0, 0, 0, .12);
        border-radius: 4px;
        -webkit-border-radius: 4px;
        position: relative
    }

    .prodVORConetnt .vorCard .icon-gallery {
        vertical-align: middle;
        margin-right: 16px;
        color: #221629;
        cursor: pointer
    }

    .prodVORConetnt .vorRgtItem {
        width: 150px;
        text-align: right;
        vertical-align: top
    }

    .prodVORConetnt .rating {
        padding: 4px 0 0
    }

    .prodVORConetnt .userTitle {
        font-size: 20px;
        vertical-align: top;
        padding-right: 8px
    }

    .prodVORConetnt p {
        font-size: 18px !important;
        line-height: 1.3;
        margin: 16px 0 30px
    }

    .prodVORConetnt .riderName {
        border-top: 1px dashed #ddd;
        padding-top: 16px
    }

    .prodVORConetnt .icon-warranty {
        vertical-align: -2px
    }

    .clanItemMain {
        margin-top: 40px
    }
}

@media only screen and (min-width:1280px) {
    .prodMain {
        min-height: 436px
    }

    .prodMain .pItem {
        min-height: 436px;
        max-height: 436px
    }

    .prodBody {
        width: calc(100% - 100px);
        margin: 0 10px;
        min-height: 436px
    }

    .prodBody .pro-ar,
    .prodBody .prod-360-video video,
    .prodBody .videoBox video {
        min-height: 436px
    }

    .pdWebOverView .prodBody {
        min-height: 425px
    }

    .pdWebOverView .prodBody .pro-ar,
    .pdWebOverView .prodBody .prod-360-video video,
    .pdWebOverView .prodBody .videoBox video {
        min-height: 360px
    }

    .pdWebOverView .prodMain {
        min-height: 100%
    }

    .pdWebOverView .prodMain .pItem {
        height: 380px;
        max-height: 380px;
        min-height: auto
    }

    .magnifierBody .magnifier {
        width: 460px !important
    }

    .prodLeftMain {
        width: calc(100% - 430px)
    }

    .prodRightMain {
        width: 400px
    }

    .prodSpecNav .prodIcon {
        width: 50px;
        height: 50px;
        font-size: 24px;
        line-height: 50px
    }

    .prodSpecNav .prodAllSpecBtn .prodIcon {
        font-size: 16px;
        padding: 11px 0
    }
}

@media only screen and (min-width:1360px) {
    .prodBody {
        min-height: 487px
    }

    .prodBody .pItem {
        min-height: 487px;
        max-height: 487px
    }

    .prodBody .pro-ar,
    .prodBody .prod-360-video video,
    .prodBody .videoBox video {
        min-height: 487px
    }

    .pdWebOverView .prodBody {
        min-height: 456px
    }

    .pdWebOverView .prodBody .pro-ar,
    .pdWebOverView .prodBody .prod-360-video video,
    .pdWebOverView .prodBody .videoBox video {
        min-height: 392px
    }

    .pdWebOverView .prodMain .pItem {
        height: 412px;
        max-height: 412px
    }
}

@media only screen and (min-width:1400px) {
    .prodBody {
        min-height: 541px
    }

    .prodBody .pItem {
        min-height: 541px;
        max-height: 541px
    }

    .prodBody .pro-ar,
    .prodBody .prod-360-video video,
    .prodBody .videoBox video {
        min-height: 541px
    }

    .pdWebOverView .prodBody {
        min-height: 452px
    }

    .pdWebOverView .prodBody .pro-ar,
    .pdWebOverView .prodBody .prod-360-video video,
    .pdWebOverView .prodBody .videoBox video {
        min-height: 400px
    }

    .pdWebOverView .prodMain .pItem {
        height: 420px;
        max-height: 420px
    }
}

@media only screen and (min-width:1600px) {
    .prodMain {
        min-height: 567px
    }

    .prodBody {
        width: calc(100% - 120px);
        min-height: 567px
    }

    .prodBody .pItem {
        min-height: 567px;
        max-height: 567px
    }

    .prodBody .pro-ar,
    .prodBody .prod-360-video video,
    .prodBody .videoBox video {
        min-height: 567px
    }

    .pdWebOverView .prodBody {
        min-height: 542px
    }

    .pdWebOverView .prodBody .pro-ar,
    .pdWebOverView .prodBody .prod-360-video video,
    .pdWebOverView .prodBody .videoBox video {
        min-height: 480px
    }

    .pdWebOverView .prodMain .pItem {
        height: 502px;
        max-height: 502px
    }

    .pdWebOverView .prodMain .pItem img {
        min-height: 86%;
        max-height: 476px
    }

    .prodSliderNav .pdRd {
        min-height: 85px;
        max-height: 85px
    }

    .prodSpecNav .prodIcon {
        width: 60px;
        height: 60px;
        font-size: 30px;
        line-height: 60px
    }

    .prodSpecNav .prodAllSpecBtn .prodIcon {
        padding: 17px 0
    }

    .prodSpecNav .itemName {
        margin-bottom: 18px
    }

    .prodRightMain {
        width: 480px
    }

    .prodLeftMain {
        width: calc(100% - 530px)
    }

    .prodLeftMain .noCostEmi li {
        margin-right: 10px;
        padding: 0 15px
    }

    .prodLeftMain .noCostEmi li.last {
        padding: 0 25px
    }

    .prodLeftMain .frequentlyBought .fbtCard {
        min-width: 200px
    }

    .prodLeftMain .frequentlyBought .fbtCard:after {
        right: -35px
    }

    .prodLeftMain .frequentlyBought .fbtCard .modalChoose {
        top: 10px;
        right: 10px
    }

    .prodLeftMain .frequentlyBought li {
        width: calc(25% - 45px);
        margin-right: 50px
    }

    .prodLeftMain .userCard2 .title {
        font-size: 26px
    }

    .prodCardInfo {
        width: 480px
    }

    .prodCardInfo .prodName {
        font-size: 22px !important
    }

    .prodSizeGuide {
        font-size: 16px
    }

    .prodSizeGuide .btnVid {
        padding: 2px 14px 2px;
        font-size: 14px;
        line-height: 30px
    }

    .prodSizeGuide .icon-Size_Guide_2 {
        font-size: 18px
    }

    .prodSizeGuide .icon-compare {
        font-size: 24px
    }

    .prodSizeGuide .item {
        margin-right: 20px
    }

    .prodPrice {
        font-size: 24px
    }

    .prodPrice .priceOffHold {
        font-size: 16px
    }

    .prodPriceHold .emiStartHint {
        font-size: 14px
    }

    .kybContent {
        font-size: 18px
    }

    .kybContent p {
        font-size: 18px
    }

    .kybBody .prodSpecNav {
        margin-bottom: 50px
    }

    .kybBody .prodSpecNav .prodIcon {
        width: 100px;
        height: 100px;
        line-height: 100px;
        font-size: 50px
    }

    .kybBody .prodSpecNav .itemTitle {
        font-size: 18px
    }

    .magnifierBody .magnifier {
        width: 550px !important
    }
}

@media only screen and (min-width:1920px) {
    .prodMain {
        min-height: 579px
    }

    .prodMain .pItem {
        min-height: 579px;
        max-height: 579px
    }

    .prodBody {
        min-height: 579px
    }

    .prodBody .pro-ar,
    .prodBody .prod-360-video video,
    .prodBody .videoBox video {
        min-height: 579px
    }

    .pdWebOverView .prodBody {
        min-height: 542px
    }

    .pdWebOverView .prodBody .pro-ar,
    .pdWebOverView .prodBody .prod-360-video video,
    .pdWebOverView .prodBody .videoBox video {
        min-height: 472px
    }

    .pdWebOverView .prodMain .pItem {
        height: 483px;
        max-height: 483px
    }

    .pdWebOverView .prodMain .pItem img {
        min-height: 91%;
        max-height: 482px
    }

    .prodSpecNav .prodIcon {
        width: 57px;
        height: 57px;
        font-size: 28px;
        line-height: 57px
    }

    .prodNav li {
        font-size: 16px
    }

    .magnifierBody .magnifier {
        width: 680px !important
    }
}

.thickScrollBar {
    white-space: nowrap
}

.thickScrollBar>* {
    display: inline-block;
    vertical-align: middle
}

.thickScrollBar::-webkit-scrollbar {
    width: 12px;
    height: 12px;
    display: block !important
}

.thickScrollBar::-webkit-scrollbar-track {
    background: rgba(34, 22, 41, .07);
    margin-top: 8px;
    margin-bottom: 8px
}

.thickScrollBar::-webkit-scrollbar-thumb {
    background: #d9d9d9 !important;
    border-radius: 6px
}

.thickScrollBar::-webkit-scrollbar-thumb:hover {
    background: #d9d9d9
}

.thickScrollBar.srl-x {
    overflow-x: auto
}

.thickScrollBar.srl-x::-webkit-scrollbar-track {
    margin-left: 0;
    margin-right: 0;
    border-radius: 6px
}

.thickScrollBar.srl-y {
    overflow-y: auto
}

@media only screen and (min-width:1024px) {

    body,
    html {
        font-size: 16px
    }

    main .secTitle,
    main h1,
    main h2 {
        font-size: 36px;
        line-height: 1.2;
        margin-bottom: 10px
    }

    main .secTitle+p,
    main h2+p {
        font-size: 20px;
        line-height: 1.5;
        max-width: 928px;
        margin: 0 auto
    }

    main .titleSpc .secTitle,
    main .titleSpc h1,
    main .titleSpc h2 {
        margin-bottom: 40px
    }

    main p {
        font-size: 16px
    }

    main .section {
        padding: 70px 0
    }

    #breadcrumb {
        zoom: 1
    }

    #breadcrumb li:last-child {
        max-width: 100%
    }

    .showWeb {
        display: block !important
    }

    .showWap {
        display: none !important
    }

    #registerBikePage h2 {
        font-size: 18px;
        text-align: left;
        margin-top: -18px;
        margin: -18px 0 24px 20px
    }

    #registerBikePage .formOuter {
        padding-left: 80px;
        min-height: 450px
    }

    #registerBikePage .formOuter:before {
        content: "";
        border-left: 1px solid #dfdfdf;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0
    }

    #registerBikePage .starRating {
        max-width: 365px
    }

    #registerBikePage .starRating span {
        margin: 0 12px 0 0;
        width: 60px;
        height: 60px
    }

    #registerBikePage .starRating span:last-child {
        margin-right: 0
    }

    #registerBikePage .stepTwoBox {
        padding: 27px 40px 40px
    }

    #registerBikePage .stepTwoBox .registerHead {
        padding: 24px 50px
    }

    #registerBikePage .stepTwoBox .rating {
        text-align: left
    }

    #registerBikePage .thankuScreen p {
        font-size: 13px
    }

    #registerBikePage .thankuScreen .clearformBtn {
        top: 15px;
        font-size: 12px
    }

    #registerBikePage .thankuScreen .imgHolder {
        width: 132px
    }

    .registeredWidget {
        margin-top: 115px
    }

    .approvedTag {
        bottom: 21px;
        left: -8px;
        width: 41px;
        height: 41px
    }

    .approvedTag:before {
        font-size: 14px;
        line-height: 39px
    }

    .RgsThankumsg {
        padding: 20px 0 40px 0
    }

    .ninetyOneBrand {
        top: 0;
        padding: 2px 0 0 144px;
        font-size: 14px;
        height: 29px;
        margin-top: 10px;
        min-width: 350px;
        max-width: 350px;
        border-bottom: 0
    }

    .ninetyOneBrand .brandTagLine {
        font-size: 12px
    }

    .aboutBrandPage .welcomeBanner {
        min-height: 150px
    }

    .aboutBrandPage .welcomeBanner .btnReturnHome {
        top: 30px;
        right: 60px
    }

    .aboutBrandPage .welcomeConent {
        padding-top: 46px;
        padding-bottom: 60px
    }

    .aboutBrandPage .newUsTitle {
        margin: 60px 0 40px
    }

    .aboutBrandPage .newUsTitle img {
        width: auto
    }

    .aboutBrandPage p {
        font-size: 18px
    }

    .aboutBrandPage .brandLogoList {
        display: table;
        width: 100%
    }

    .aboutBrandPage .brandLogoList li {
        margin: 0;
        display: table-cell;
        vertical-align: middle;
        padding: 0 10px
    }

    .aboutBrandPage .brandLogoList li img {
        max-width: 78%
    }

    #dashHeadBtn {
        right: 440px;
        left: auto;
        bottom: 50%;
        margin-bottom: -20px;
        width: 40px;
        height: 40px;
        line-height: 40px
    }

    #dashHeadBtn .pinecodeBtn {
        padding: 0 10px 0 23px;
        line-height: 32px;
        height: 32px;
        top: 3px
    }

    #modalWithDash.modalBody .modalMainBottom {
        max-width: 600px
    }

    #modalWithDash.modalBody .modalContent {
        padding: 0 30px 15px
    }

    #modalWithDash .dashBtnTag {
        width: 120px;
        height: 120px;
        line-height: 120px;
        margin: -60px auto 20px
    }

    #modalWithDash .dashBtnTag:before {
        font-size: 50px
    }

    #modalWithDash .dashFormField .btn {
        font-size: 16px
    }

    #modalWithDash .dashContent p,
    #modalWithDash .deliveryTitle,
    #modalWithDash .noMatchList li {
        font-size: 15px
    }

    #modalWithDash .deliveryTitle {
        padding-top: 5px
    }

    #modalWithDash .dashContent {
        margin-top: 4px;
        padding: 5px 25px 135px
    }

    #modalWithDash .dashContent.dashNotMatchCont .dashItemList {
        margin-top: 20px;
        margin-bottom: 10px
    }

    #modalWithDash .dashContent.dashNotMatchCont .timer {
        margin-top: 10px
    }

    #modalWithDash .dashContent h3 {
        font-size: 44px;
        line-height: 1;
        margin-bottom: 18px
    }

    #modalWithDash .dashLogo {
        width: 280px;
        height: auto
    }

    #modalWithDash .dashFormField .btn,
    #modalWithDash .dashFormField .fieldInput {
        height: 50px
    }

    #modalWithDash .dashFormField .fieldLabel {
        top: 18px
    }

    #modalWithDash .dashItemList {
        margin-bottom: 20px
    }

    #modalWithDash .dashItemList li {
        font-size: 16px;
        padding-bottom: 15px
    }

    #modalWithDash .dashItemList li:before {
        top: 3px
    }

    #modalWithDash .wayDistance {
        margin: 26px auto 20px
    }

    #modalWithDash .wayDistance span {
        font-size: 14px
    }

    #modalWithDash .wayDistance .place {
        bottom: -21px;
        right: -10px
    }

    #modalWithDash .wayDistance .nextDay {
        bottom: 9px;
        left: 112px;
        font-size: 19px
    }

    #modalWithDash .timer {
        font-size: 16px;
        margin-top: 35px
    }

    #modalWithDash .countdown:before {
        bottom: 120px
    }

    #modalWithDash.failure .dashContent h3 {
        font-size: 32px
    }

    .dashBtnTag.dashOnCard {
        top: 16px;
        right: 35px
    }

    .productHeader .dashBtnTag {
        top: 0;
        right: 42px
    }

    .recketStrip {
        line-height: 26px;
        font-size: 14px;
        cursor: auto
    }

    .recketStrip>* {
        padding: 5px 6px
    }

    .recketStrip .checkNowRocketBtn .btn {
        padding: 0 16px
    }

    #productPage .recketStrip p {
        font-size: 14px
    }

    #home .noCostEmi {
        max-width: 1068px;
        margin-left: auto;
        margin-right: auto;
        padding: 5px 0 20px 0
    }

    #modalQuickView .cardFooter .priceWidget .btn-action {
        font-size: 22px !important
    }

    #modalQuickView .card .cardColor .colorWidget.swipeSlider {
        padding: 3px 2px 7px
    }

    #modalQuickView .colorWidget .attrBtn {
        padding: 5px 7px
    }

    .cardPrice .mrpOff,
    .priceWidget .mrpOff {
        font-size: 14px
    }

    .productOverveiw .productHeader {
        text-align: left;
        padding-left: 0
    }

    .productOverveiw .productHeader .cadTopSpec li {
        font-size: 12px;
        color: #221629
    }

    .productOverveiw .productHeader .seriesText {
        font-size: 16px;
        color: #221629
    }

    .productOverveiw .productHeader .colorWidget .colorBtn {
        width: 28px;
        height: 28px
    }

    .productOverveiw .productHeader .colorWidget .colorBtn.active:after {
        left: 9px;
        bottom: -7px
    }

    .productOverveiw .product_name {
        font-size: 28px;
        padding-right: 64px
    }

    .productOverveiw .priceWidget {
        height: 80px
    }

    .productOverveiw .priceWidget .price {
        font-size: 12px
    }

    .productOverveiw .priceWidget .btn,
    .productOverveiw .priceWidget .price div {
        font-size: 25px
    }

    .productOverveiw .priceWidget .notifyPanel .btn {
        font-size: 12px
    }

    .productOverveiw .priceWidget .cutPrice {
        font-size: 18px;
        margin-left: 8px;
        display: inline-block;
        vertical-align: middle
    }

    .productOverveiw .priceWidget .priceOff {
        font-size: 18px !important
    }

    .productOverveiw .titleLenght {
        margin-bottom: 12px
    }

    .productOverveiw .titleLenght h1 {
        line-height: 1
    }

    .productOverveiw .overviewWrap {
        margin-top: 23px;
        height: 200px
    }

    .productOverveiw .overviewWrap .title {
        color: #959595;
        font-weight: 600
    }

    .productOverveiw .overviewWrap>ul {
        padding-right: 10px
    }

    .productOverveiw .overviewWrap::-webkit-scrollbar-track {
        margin-top: 29px;
        margin-bottom: 0
    }

    .productOverveiw .cadTopSpec.modalSize {
        margin-top: 75px;
        padding-bottom: 16px
    }

    .productOverveiw .cadTopSpec.modalSize i,
    .productOverveiw .cadTopSpec.modalSize li {
        font-size: 18px
    }

    .productOverveiw .cadTopSpec.modalSize li {
        margin: 0 12px 0 0
    }

    .productOverveiw .cadTopSpec.modalSize span {
        font-weight: 600
    }

    .productOverveiw .cadTopSpec.modalSize .icon-Size_Guide_2 {
        font-size: 26px;
        margin-right: 10px
    }

    .productOverveiw .cadTopSpec.modalSize .icon-compare {
        font-size: 22px;
        color: #ffdc00
    }

    .productOverveiw .colorWidget {
        padding-left: 0;
        margin-top: 75px
    }

    .productOverveiw .colorWidget span {
        font-size: 18px;
        color: #221629;
        vertical-align: -4px
    }

    .productOverveiw .emiOption {
        font-size: 13px;
        line-height: 1.2;
        color: #959595
    }

    .productOverveiw .emiOption .viewPlans {
        font-weight: 600
    }

    .productOverveiw .modelTag {
        top: -45px;
        right: 35px;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        letter-spacing: 2.5px
    }

    .productOverveiw .modelTagBody {
        top: -31px;
        transform: rotate(0) translate(-46%, -54%)
    }

    .productOverveiw .productSlider-nav .slick-list {
        height: 410px !important
    }

    .productOverveiw .productSlider-nav .slick-dots {
        width: 200px
    }

    .productOverveiw .view-360 .loaderWidget:before {
        width: 300px;
        height: 72px
    }

    .productOverveiw .view-360 .icon-view-360 {
        font-size: 44px
    }

    .productOverveiw .productBtns>* {
        width: auto;
        font-size: 14px;
        height: 36px;
        line-height: 36px;
        padding: 0 15px;
        min-width: 80px;
        -webkit-transition: box-shadow .3s ease;
        transition: box-shadow .3s ease
    }

    .productOverveiw .productBtns>:hover {
        -webkit-box-shadow: 4px 4px 14px rgba(34, 22, 41, .1);
        box-shadow: 4px 4px 14px rgba(34, 22, 41, .1)
    }

    .productOverveiw .productBtns .icon360 {
        font-size: 24px;
        line-height: 34px
    }

    .productOverveiw .productBtns .qrCode {
        line-height: 41px
    }

    .productOverveiw .productBtns .qrCode i {
        font-size: 18px
    }

    .productOverveiw #productSlider2 .acceImgHolder img {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%)
    }

    .productOverveiw .hdfcCoupon {
        top: -20px;
        right: 130px;
        width: 160px
    }

    #productPage .modalView360 .modalMainBottom {
        height: 420px
    }

    #productPage .modalView360 .modalMainBottom .closeIconBtn {
        top: -16px !important;
        width: 36px;
        height: 36px
    }

    #productPage .modalView360 .modalMainBottom .closeIconBtn:after,
    #productPage .modalView360 .modalMainBottom .closeIconBtn:before {
        left: 6px;
        top: 12px
    }

    .emiPopup {
        max-width: 100%
    }

    .emiPopup .title {
        padding: 18px 20px;
        font-size: 18px
    }

    .emiPopup .modalContent {
        height: 18vh
    }

    .emiPopup .rightPanel .emidetailWraper .mobileTitle {
        cursor: pointer;
        padding: 10px 25px
    }

    .emiPopup .rightPanel .emidetailWraper .mobileTitle .text {
        font-size: 12px;
        padding-left: 54px
    }

    .emiPopup .rightPanel .emidetailWraper .mobileTitle .starExcl {
        margin: 10px 60px 0 0;
        line-height: 22px
    }

    .emiPopup .iconWrap {
        width: 50px
    }

    .emiPopup .iconHolder {
        right: 30px
    }

    .emiPopup .offerWrap {
        padding: 20px
    }

    .emiPopup .offerWrap .couponWraper li {
        width: calc(33% - 3px);
        display: inline-block;
        vertical-align: top
    }

    .emiPopup .offerWrap .subTitle {
        margin-top: 20px
    }

    .emiPopup .offerWrap h4 {
        font-size: 14px
    }

    .emiPopup .bankOffer .iconWrap {
        width: auto;
        padding: 5px 22px
    }

    .emiPopup .bankOffer .walnut-full {
        zoom: 1
    }

    .emiPopup .bankOffer li {
        display: inline-block;
        width: calc(33% - 3px);
        vertical-align: top;
        margin-bottom: 10px
    }

    .emiPopup .bankOffer li .text {
        font-size: 12px;
        width: 85%;
        padding: 8px 0 0
    }

    .emiPopup .couponWraper .StockMsg {
        font-size: 12px;
        display: block;
        width: 85%;
        margin: 8px 0 0
    }

    .emiPopup .couponWraper .couponList {
        padding: 2px 8px;
        font-size: 12px
    }

    .noCostEmiWrap {
        margin-top: 25px
    }

    .noCostEmiWrap .title {
        font-size: 14px;
        margin-bottom: 10px
    }

    .noCostEmi {
        margin-top: 45px;
        padding-bottom: 20px
    }

    .noCostEmi li {
        height: 50px;
        line-height: 48px;
        padding: 0 20px;
        margin-right: 10px;
        cursor: pointer
    }

    .noCostEmi li .bajaj-full {
        zoom: 1
    }

    .noCostEmi li .hdfc-full {
        zoom: .9
    }

    .noCostEmi li .walnut-full {
        zoom: 1.2
    }

    .noCostEmi li .mobikwik {
        zoom: 1.3
    }

    .noCostEmi li span {
        margin-left: 25px
    }

    .noCostEmi li span:before {
        left: -12px
    }

    .noCostEmi li.last {
        padding: 0 35px
    }

    .noCostEmi li.last span {
        font-size: 12px
    }

    .noCostEmi li:last-child {
        margin-right: 0
    }

    #productPage .noCostEmi {
        margin: 0;
        padding: 0 2px 20px;
        text-align: left
    }

    .modalBankOffers .modalMainBottom {
        max-width: 650px;
        border-radius: 20px;
        -webkit-border-radius: 20px
    }

    .modalBankOffers .modalContent {
        padding: 40px
    }

    .modalBankOffers ul {
        margin-top: 30px
    }

    .modalBankOffers li {
        display: inline-block;
        padding-left: 30px;
        margin: 0 10px 15px 0
    }

    .modalBankOffers li:before {
        top: 5px;
        font-size: 12px
    }

    .modalBankOffers .bajaj-full {
        zoom: 3.5
    }

    .modalBankOffers .bob-full,
    .modalBankOffers .hdfc-full,
    .modalBankOffers .icic-full {
        zoom: 1.5
    }

    .modalBankOffers .walnut-full {
        zoom: 2.2
    }

    .modalBankOffers .zest-full {
        zoom: 2.5
    }

    .modalBankOffers .mobikwik {
        zoom: 2
    }

    .modalBankOffers .scbl-full {
        zoom: 1.8
    }

    .modalBankOffers .trust {
        width: 60px;
        height: 73px;
        margin: 0
    }

    .modalBankOffers .btn-explore {
        text-align: center
    }

    .modalBankOffers .btn {
        font-size: 14px;
        padding: 8px 25px;
        margin-top: 20px;
        height: auto
    }

    #modalBuyNow .dashBtnTag.dashOnCard {
        top: 32px;
        right: 35px;
        width: 36px;
        height: 36px;
        line-height: 36px
    }

    #modalBuyNow .dashBtnTag.dashOnCard:before {
        font-size: 16px
    }

    #modalBuyNow .tagHotdeal {
        left: -20px
    }

    #modalBuyNow .tagHotdeal img {
        width: 40px
    }

    .listingCommon #modalQuickView.modalListingPopup .cardquickproduct .dashBtnTag.dashOnCard {
        right: 2px
    }

    .listingCommon #modalQuickView .dashStepFlow {
        width: 90%;
        max-width: 450px;
        margin: 5px auto 10px
    }

    #modalQuickView.modalListingPopup .card {
        padding: 0
    }

    #modalQuickView.modalListingPopup .card .cardName {
        padding: 0
    }

    #modalQuickView.modalListingPopup .card .overviewWrap .heartHolder {
        display: none
    }

    #modalQuickView.modalListingPopup .card .cardSpec .specList {
        float: left
    }

    #modalQuickView.modalListingPopup .priceWidget {
        margin: 0 -30px
    }

    #modalQuickView .dashBtnTag.dashOnCard {
        top: 10px;
        right: 18px;
        left: auto;
        width: 36px;
        height: 36px;
        line-height: 36px
    }

    #modalQuickView .dashBtnTag.dashOnCard:before {
        font-size: 16px
    }

    #modalQuickView .tagHotdeal {
        top: -25px;
        left: -25px;
        position: fixed
    }

    #modalQuickView .tagHotdeal img {
        width: 50px
    }

    .card .reviewHeader .ratingText,
    .card .reviewHeader li {
        font-size: 12px
    }

    .card .reviewHeader .rating i {
        width: 12px;
        height: 12px
    }

    .card .newTag {
        left: -25px;
        top: -22px
    }

    #careerMain .cardWidget p {
        max-width: 810px;
        font-size: 20px;
        line-height: 1.5
    }

    #careerMain .formSec {
        padding-bottom: 0
    }

    #careerMain .jobList .imgHolder {
        width: 170px
    }

    #careerMain .jobList .imgHolder img {
        max-width: 170px
    }

    #careerMain .jobList .jobDesc {
        width: 45%
    }

    #careerMain .jobList .jobDesc span {
        font-size: 16px;
        margin-top: 5px
    }

    #careerMain .jobList .jobDesc h3 {
        position: initial;
        margin-bottom: 8px
    }

    #careerMain .accordion {
        padding: 10px 15px
    }

    #careerMain .accordion:hover {
        -webkit-box-shadow: 4px 4px 14px rgba(34, 22, 41, .1);
        box-shadow: 4px 4px 14px rgba(34, 22, 41, .1)
    }

    #careerMain .accordion i {
        font-size: 14px
    }

    #careerMain .accordion .icon-dispatch {
        font-size: 14px
    }

    #careerMain .accordion:after {
        top: 50px;
        right: 40px;
        padding: 5px
    }

    #careerMain .accordionPanel {
        padding: 0 32px 5px
    }

    #careerMain .accordionPanel li {
        font-size: 16px
    }

    #careerMain .career-form .btn {
        padding: 14px 10px;
        width: auto;
        min-width: 220px;
        font-size: 18px
    }

    .growth-story ul {
        margin-top: 40px
    }

    .growth-story li {
        width: calc(33.33% - 12px);
        min-width: calc(33.33% - 12px)
    }

    .growth-story li p {
        min-height: 40px
    }

    .growth-story .content-wrap {
        flex-flow: row
    }

    .growth-story .disc-wrap {
        text-align: left;
        margin-top: 0;
        min-width: 200px
    }

    .growth-story .icon-wrap {
        min-width: 100px
    }

    .growth-story .icon-wrap img {
        width: 100%;
        height: 100%
    }

    .growth-story h4 {
        font-size: 26px
    }

    main .featureListBody ul {
        margin-top: 40px
    }

    main .featureListBody .featureList {
        min-height: 235px
    }

    main .featureListBody .featureList:nth-child(-n+3) {
        margin-top: 0
    }

    main .featureListBody .featureList p {
        max-width: 200px;
        font-size: 16px;
        margin-top: 10px
    }

    main .featureListBody .iconHolder {
        font-size: 70px
    }

    main .featureListBody .title,
    main .featureListBody h4 {
        margin-top: 18px;
        font-size: 22px
    }

    main .featureListBody.CusDelightSec .listMd {
        text-align: left;
        padding: 0 40px 60px;
        margin-top: 30px
    }

    main .featureListBody.CusDelightSec .listMd .iconHolder {
        font-size: 70px;
        width: 114px
    }

    main .featureListBody.CusDelightSec .listMd .featureList {
        min-height: 110px;
        display: table;
        padding-left: 45px
    }

    main .featureListBody.CusDelightSec .listMd .featureList>* {
        display: table-cell;
        vertical-align: middle
    }

    main .featureListBody.CusDelightSec .listMd .featureList .title,
    main .featureListBody.CusDelightSec .listMd .featureList h3 {
        font-weight: 400
    }

    main .frogCare {
        padding: 60px 0 0 0;
        max-width: 800px
    }

    main .frogCare p {
        font-size: 16px
    }

    main .frogCare .frogCareSmall {
        padding-bottom: 0
    }

    .brand-feature {
        row-gap: 50px;
        margin-top: 55px;
        column-gap: 120px;
        padding: 0
    }

    .brand-feature .card {
        padding: 26px 12px;
        min-width: 210px;
        width: calc(33.33% - 80px)
    }

    .brand-feature .card img {
        width: 135px
    }

    .brand-feature h4 {
        font-size: 18px;
        margin: 25px 0 20px
    }

    .brand-feature p {
        max-width: 200px
    }

    .ninetyone-care {
        flex-wrap: wrap;
        column-gap: 188px;
        margin-top: 55px
    }

    .ninetyone-care li {
        width: 230px
    }

    .ninetyone-care li:after {
        right: -98px;
        width: 32px;
        height: 23px
    }

    .ninetyone-care .img-holder {
        min-height: 190px
    }

    .ninetyone-care .step-img {
        width: 210px
    }

    .ninetyone-care h4 {
        font-size: 22px
    }

    .ninetyone-care p {
        font-size: 18px;
        max-width: 200px
    }

    .filterHeader {
        padding: 30px 10px 30px
    }

    .filterHeader .fitlterTitle {
        font-size: 30px !important;
        font-weight: 600
    }

    .filterHeader .clearBtn {
        font-size: 16px !important
    }

    .filterPanel {
        font-size: 15px;
        font-weight: 600
    }

    .filterPanel .filterGroup {
        margin-bottom: 22px;
        padding-bottom: 10px
    }

    .filterPanel .filterGroup:first-child {
        padding-top: 22px;
        border-top: 1px solid #dfdfdf
    }

    .filterPanel .filterHead {
        margin-bottom: 14px
    }

    .filterPanel .filterHead [class*=" icon-"],
    .filterPanel .filterHead [class^=icon-] {
        color: #28ad00;
        width: 27px;
        font-size: 18px
    }

    .filterPanel .filterHead [class=icon-rupee] {
        font-size: 16px
    }

    .filterPanel .filterHead [class=icon-wheel] {
        font-size: 22px
    }

    .filterPanel .filterHead h2 {
        font-size: 15px;
        vertical-align: -3px
    }

    .filterPanel .customControl,
    .filterPanel .moreBtn {
        font-size: 15px
    }

    .filterPanel .chipControlMain .customControl {
        font-size: 12px
    }

    .frequentlyBought ul {
        padding: 30px 0 40px
    }

    .frequentlyBought li {
        width: calc(25% - 45px);
        margin-right: 50px
    }

    .frequentlyBought li:first-child {
        border-bottom: 0
    }

    .frequentlyBought .fbtCard {
        min-height: 300px;
        max-height: 300px;
        -webkit-box-shadow: 1px 0 14px rgba(0, 0, 0, .03) !important;
        box-shadow: 1px 0 14px rgba(0, 0, 0, .03) !important
    }

    .frequentlyBought .fbtCard .cardName {
        font-size: 14px;
        min-height: 52px
    }

    .frequentlyBought .fbtCard .cardImg {
        height: 150px;
        width: 200px;
        cursor: pointer;
        overflow: hidden;
        min-height: auto
    }

    .frequentlyBought .fbtCard .cardPrice {
        padding-top: 15px
    }

    .frequentlyBought .fbtCard:after {
        content: "+";
        right: -37px;
        top: 50%;
        font-size: 33px;
        position: absolute;
        color: #777;
        transform: translate(0, -50%)
    }

    .frequentlyBought .fbtCard.accessCard {
        padding: 16px
    }

    .frequentlyBought .fbtCard.accessCard .cardImg {
        width: 175px
    }

    .frequentlyBought .fbtCard.accessCard .cardName {
        padding: 0 16px 0 0
    }

    .frequentlyBought .fbtCard .modalChoose {
        top: 10px;
        right: 10px
    }

    .frequentlyBought .footerGroup {
        border-bottom: 1px solid #dfdfdf;
        border-top: 1px solid #dfdfdf;
        padding: 20px 0
    }

    .frequentlyBought .footerGroup .priceHolder {
        position: initial;
        text-align: left;
        font-size: 20px
    }

    .frequentlyBought .footerGroup .buyWithAcc {
        width: 300px;
        height: 50px;
        font-size: 18px;
        line-height: 50px
    }

    .frequentlyBought .footerGroup .cutPrice {
        font-size: 14px
    }

    .frequentlyBought .footerGroup .priceOffHold .priceOff {
        font-size: 14px !important
    }

    .frequentlyBought .btnViewMore {
        float: none;
        font-size: 14px;
        margin: 10px 0 0
    }

    .frequentlyBought .priceOff {
        font-size: 12px !important
    }

    .section .moreData {
        width: 75px;
        height: 35px;
        line-height: 35px;
        font-size: 16px;
        margin-top: 32px
    }

    #frequentlyBought .modalMain {
        top: 0;
        right: 0;
        left: auto;
        width: auto;
        max-width: 500px
    }

    #frequentlyBought .proAccess .title {
        font-size: 18px
    }

    #header-main .nav .changelangml {
        font-size: 12px
    }

    .featureListBody .featureList .changelanghi p {
        font-size: 16px
    }

    .findPerfectBike {
        font-size: 14px
    }

    #Gender .chipControl {
        width: 30%
    }

    #Age li {
        width: 33.33%
    }

    #Age li .chipControl {
        width: 90%
    }

    .featureListBody .featureList .changelangml h3,
    .featureListBody .featureList .changelangml p {
        font-size: 16px
    }

    .featureListBody .featureList .changelangml.title {
        font-size: 14px
    }

    #listingPage .filterHeaderWidget h1.changelangml {
        font-size: 22px
    }

    #listingPage .filterHeaderWidget .compareBtn.changelangml {
        font-size: 12px
    }

    .filterPanel .customControl .itemName.changelangml {
        font-size: 12px
    }

    .cardListing .ComboProducts {
        margin: 0 -16px
    }

    #howtobuyPage .cardListing .cardSpecTitle.changelangml,
    #listingPage .cardListing .cardSpecTitle.changelangml {
        font-size: 12px
    }

    #howtobuyPage .cardListing .cardFooterGroup li>.changelangml,
    #listingPage .cardListing .cardFooterGroup li>.changelangml {
        font-size: 12px
    }

    .compareBtn {
        min-width: 150px;
        width: auto;
        height: 40px;
        line-height: 40px;
        left: initial;
        right: 190px;
        bottom: -1px;
        cursor: pointer;
        font-size: 14px;
        padding-right: 45px;
        transform: translate(0)
    }

    .compareBtn span {
        width: 40px;
        height: 40px;
        line-height: 40px;
        font-size: 16px;
        margin-right: -45px
    }

    .compareBtn:after {
        top: 14px;
        left: 11px;
        padding: 3px
    }

    .btn.btn-bestseller {
        cursor: pointer;
        right: 200px;
        font-size: 14px;
        padding: 8px 20px
    }

    .btn.btn-bestseller img {
        width: 12px;
        margin-right: 8px
    }

    @keyframes bounce {

        0%,
        100%,
        20%,
        50%,
        80% {
            transform: translate(-8px, -411px)
        }

        40% {
            transform: translate(27px, -435px)
        }
    }

    .LoginPopup {
        width: 520px;
        font-size: 14px;
        left: 50%;
        top: 50%;
        bottom: auto;
        transform: translate(-50%, -50%);
        animation: animatezoom .6s;
        -webkit-animation: animatezoom .6s
    }

    .LoginPopup .innerSec {
        margin-top: 0;
        padding: 20px 30px;
        max-height: 88vh
    }

    .LoginPopup .closeIcon {
        top: -23px !important;
        right: 30px;
        width: 46px;
        height: 46px;
        -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, .16);
        box-shadow: 0 3px 6px rgba(0, 0, 0, .16)
    }

    .LoginPopup .closeIcon::before,
    .LoginPopup .closeIcon:after {
        background: #959595;
        left: 8px;
        top: 16px;
        height: 1px;
        width: 56%
    }

    .LoginPopup .closeIcon:hover:after,
    .LoginPopup .closeIcon:hover:before {
        background: #00b965
    }

    .LoginPopup #loginWithOtp,
    .LoginPopup .loginBtn {
        margin-top: 1px
    }

    .LoginPopup .fieldInput,
    .LoginPopup .newMember,
    .LoginPopup p {
        font-size: 16px
    }

    .LoginPopup .newMember {
        margin-top: 14px
    }

    .LoginPopup .forgotPassowrd,
    .LoginPopup .resendcode {
        top: 12px
    }

    .LoginPopup .forgotPassWraper {
        margin-bottom: 1px
    }

    #productPage .modalListingPopup.modalFoundIt .cardquickproduct {
        padding: 20px 30px 80px 30px
    }

    #productPage .modalListingPopup.modalFoundIt .card .cardName {
        font-size: 20px
    }

    #productPage .modalListingPopup.modalFoundIt .card .seriesText {
        font-size: 14px
    }

    #productPage .modalListingPopup.modalFoundIt .card .cadTopSpec li {
        font-size: 12px;
        margin-left: 16px
    }

    #productPage .modalListingPopup.modalFoundIt .card .cadTopSpec li i {
        font-size: 16px
    }

    #productPage .modalListingPopup.modalFoundIt .card .cardPrice {
        font-size: 21px
    }

    #productPage .modalListingPopup.modalFoundIt .card .cardColor .text {
        font-size: 18px
    }

    #productPage .modalListingPopup.modalFoundIt .card .priceHolder p {
        font-size: 16px;
        color: #221629;
        zoome: 1
    }

    #productPage .modalListingPopup.modalFoundIt .card .cardSpec {
        padding: 15px 0 10px 20px
    }

    #productPage .modalListingPopup.modalFoundIt .card .cardSpec .iconHolder {
        width: 40px;
        font-size: 38px;
        padding-right: 22px
    }

    #productPage .modalListingPopup.modalFoundIt .card .cardSpec .specList {
        font-size: 12px;
        padding: 0 16px;
        color: #959595
    }

    #productPage .modalListingPopup.modalFoundIt .card .cardSpec .specList strong {
        font-size: 16px;
        color: #221629
    }

    #productPage .modalListingPopup.modalFoundIt .card .productListSlider {
        max-width: 500px;
        min-height: 270px;
        margin: 6px auto 30px
    }

    #productPage .modalListingPopup.modalFoundIt .icon-heart {
        top: 50px;
        right: 25px;
        font-size: 25px
    }

    #productPage .modalListingPopup.modalFoundIt .modalFooter {
        width: 55%
    }

    #productPage .modalListingPopup.modalFoundIt .modalFooter .btn {
        font-size: 18px
    }

    #productPage .modalListingPopup.modalFoundIt .modalFooter .productNotify {
        font-size: 14px
    }

    #productPage .modalListingPopup.modalFoundIt .modalFooter .fieldLabel {
        font-size: 12px
    }

    #productPage .modalListingPopup.modalFoundIt .modalFooter .viewBtn {
        font-size: 18px
    }

    #productPage .modalListingPopup.modalFoundIt .modalFooter .viewBtn i {
        vertical-align: -3px;
        margin-right: 12px
    }

    #productPage .modalListingPopup.modalFoundIt .leftPanel img {
        width: 80%
    }

    #productPage .modalListingPopup.modalFoundIt .leftPanel h4 {
        font-size: 42px
    }

    #productPage .modalListingPopup.modalFoundIt .leftPanel p {
        font-size: 24px;
        max-width: 400px;
        margin: 5px auto 0;
        line-height: 30px;
        font-style: italic
    }

    #productPage #addToCartSticky.active {
        bottom: 80px;
        border: 0;
        -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, .15);
        box-shadow: 0 0 10px 0 rgba(0, 0, 0, .15)
    }

    #productPage .activeCompare .icon-right {
        font-size: 7px;
        vertical-align: middle;
        width: 18px;
        height: 18px;
        background: #28ad00;
        color: #fff;
        line-height: 18px;
        text-align: center;
        border-radius: 50%;
        display: inline-block
    }

    #productPage .activeCompare span {
        padding: 0 0 0 5px;
        vertical-align: middle
    }

    #modalSimilarBike {
        padding: 15px 0 30px;
        border-top: 1px solid #dfdfdf
    }

    #modalSimilarBike h4 {
        padding-left: 16px
    }

    #modalSimilarBike h4 span {
        display: inline-block
    }

    #modalCallBack {
        padding: 15px 0 30px;
        border-top: 1px solid #dfdfdf
    }

    #modalCallBack h4 span {
        display: inline-block
    }

    #modalCallBack h5 {
        font-size: 16px;
        padding-left: 30px
    }

    #modalCallBack label {
        margin-right: 10px;
        cursor: pointer
    }

    #modalCallBack .dateWrap .date {
        width: 160px;
        height: 40px;
        line-height: 40px;
        font-size: 16px
    }

    #modalCallBack .dateWrap .icon-arrow {
        right: -30px;
        top: 11px;
        font-size: 16px;
        cursor: pointer
    }

    #modalCallBack .timeWrap .time {
        width: 260px;
        height: 60px;
        line-height: 60px;
        font-size: 16px
    }

    #modalCallBack .modalFooter {
        position: static;
        margin-top: 16px
    }

    #modalCallBack .modalFooter .priceWidget {
        width: 200px;
        border-radius: 8px !important;
        box-shadow: none !important
    }

    .successCallBack {
        font-size: 14px;
        padding: 30px 0 30px 45px
    }

    .successCallBack span {
        display: inline-block
    }

    .successCallBack:before {
        top: 25px;
        width: 30px;
        height: 30px;
        line-height: 30px
    }

    body #modalFrogCares.modalBody .modalMainBottom {
        max-width: 600px
    }

    body #modalApplyCoupon .modalMainBottom {
        max-width: 500px
    }

    body .modalMain {
        max-width: 700px
    }

    body .modalBody .modalTopLine {
        display: none
    }

    body .modalBody .closeIconBtn {
        top: -23px !important;
        right: 30px;
        width: 46px;
        height: 46px;
        -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, .16);
        box-shadow: 0 3px 6px rgba(0, 0, 0, .16)
    }

    body .modalBody .closeIconBtn:after,
    body .modalBody .closeIconBtn:before {
        background: #959595;
        left: 8px;
        top: 16px;
        height: 1px;
        width: 56%
    }

    body .modalBody .closeIconBtn:hover:after,
    body .modalBody .closeIconBtn:hover:before {
        background: #28ad00
    }

    body .modalBody .modalMainBottom {
        max-width: 800px
    }

    body .modalBody .modalMainBottom .colorWidget .colorBtn {
        width: 28px;
        height: 28px;
        max-width: 28px !important;
        margin-left: 10px
    }

    body .modalBody .modalMainBottom .colorWidget .colorBtn.active:after {
        left: 9px;
        bottom: -7px
    }

    body .modalBody .modalMainBottom .colorWidget .text {
        font-size: 16px
    }

    body .modalBody .modalMainBottom .priceWidget {
        height: 71px
    }

    body .modalBody .modalMainBottom .priceWidget .price {
        font-size: 14px
    }

    body .modalBody .modalMainBottom .priceWidget .price div {
        font-size: 24px
    }

    body .modalBody .serviceSteps li .rightText span {
        font-size: 18px
    }

    body .modalBody .serviceSteps li .rightText p {
        font-size: 13px
    }

    #modalBuyNow .customSelectMain .selectTrigger {
        font-size: 18px;
        height: 30px;
        line-height: 30px
    }

    #modalBuyNow .customSelectMain .optionList {
        left: -70px
    }

    #modalBuyNow .customSelectMain .option {
        line-height: 30px
    }

    .shoesListing #modalBuyNow .modalMainBottom {
        max-width: 700px
    }

    .listBullet .bult {
        font-size: 16px;
        margin-bottom: 16px
    }

    .listBullet .bult:before {
        width: 8px;
        height: 8px
    }

    .listBullet .ar-icon {
        width: 18px
    }

    .myAccountBody .tab-head {
        border-bottom: 0;
        padding-right: 30px
    }

    .myAccountBody .tab-head>li {
        display: block;
        padding: 16px 20px;
        margin: 0 0 16px;
        border: 1px solid #dfdfdf;
        font-size: 16px;
        border-radius: 4px;
        -webkit-border-radius: 4px;
        font-weight: 300;
        position: relative
    }

    .myAccountBody .tab-head>li.active {
        font-size: 16px;
        border-color: #221629;
        font-weight: 300;
        background: #221629;
        color: #ffdc00
    }

    .myAccountBody .tab-head>li.active:before {
        content: "";
        position: absolute;
        top: 50%;
        right: -10px;
        content: '';
        display: block;
        position: absolute;
        height: 0;
        width: 0;
        border-top: 8.33333px solid transparent;
        border-bottom: 8.33333px solid transparent;
        border-left: 10px solid #221629;
        margin-top: -7px
    }

    .myAccountBody .tab-main {
        border: 1px solid #dfdfdf;
        padding: 20px;
        border-radius: 4px;
        -webkit-border-radius: 4px
    }

    .myaccount .myorderWrraper .trackorderDetail {
        font-size: 14px
    }

    .myAccount .orderTrackBar li {
        width: 22%
    }

    .myAccount .orderTrackBar li span {
        font-size: 14px
    }

    .myAccount .orderTrackBar ul.arrivedWhouse li {
        width: 29% !important
    }

    .newArrivalSlider {
        max-width: 100%
    }

    .newArrivalSlider:after,
    .newArrivalSlider:before {
        content: "";
        position: absolute;
        top: 0;
        width: 100%;
        height: 100%;
        z-index: 1
    }

    .newArrivalSlider:before {
        left: -100%;
        background: #fff;
        background: -moz-linear-gradient(-90deg, rgba(255, 255, 255, .3) 0, #fff 100%);
        background: -webkit-linear-gradient(-90deg, rgba(255, 255, 255, .3) 0, #fff 100%);
        background: linear-gradient(-90deg, rgba(255, 255, 255, .3) 0, #fff 100%)
    }

    .newArrivalSlider:after {
        right: -100%;
        background: #fff;
        background: -moz-linear-gradient(-90deg, #fff 0, rgba(255, 255, 255, .3) 100%);
        background: -webkit-linear-gradient(-90deg, #fff 0, rgba(255, 255, 255, .3) 100%);
        background: linear-gradient(-90deg, #fff 0, rgba(255, 255, 255, .3) 100%)
    }

    .newArrivalSlider .slick-slide {
        overflow: visible
    }

    .newArrivalSlider .slick-slide .card {
        -webkit-transform: scale(.72);
        transform: scale(.72);
        z-index: 0
    }

    .newArrivalSlider .slick-current .card {
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
        z-index: 1
    }

    .newArrivalSlider .slick-current .arrivalView {
        opacity: 1;
        visibility: visible;
        margin-top: 55px
    }

    .newArrivalSlider .arrivalView {
        opacity: 0;
        visibility: hidden;
        font-size: 16px
    }

    .newArrivalSlider .card {
        min-height: 450px;
        max-width: 100%;
        text-align: left;
        padding: 0 0 80px 0 !important;
        border-radius: 4px;
        -webkit-border-radius: 4px
    }

    .newArrivalSlider .card>a {
        padding: 0 30px
    }

    .newArrivalSlider .card .cardName {
        font-size: 22px;
        margin: 30px 0 3px
    }

    .newArrivalSlider .card .cardImg {
        height: 286px;
        line-height: 286px;
        margin: 5px auto 10px
    }

    .newArrivalSlider .card .cardImg img {
        min-width: 300px;
        max-height: 286px;
        max-width: 480px
    }

    .newArrivalSlider .card .cardSpecTitle {
        min-height: 25px
    }

    .newArrivalSlider .card .soldText {
        font-size: 16px
    }

    .newArrivalSlider .card .cardSpec {
        padding: 0;
        max-width: 100%;
        text-align: center
    }

    .newArrivalSlider .card .cardSpec .specName strong {
        font-size: 12px
    }

    .newArrivalSlider .card .cardSpec .iconHolder {
        font-size: 24px
    }

    .newArrivalSlider .card .specList {
        width: 25%
    }

    .newArrivalSlider .card .specList:first-child {
        padding-left: 0
    }

    .newArrivalSlider .card .cardPrice {
        font-size: 18px
    }

    .newArrivalSlider .card .cardPrice .icon-rupee {
        font-size: 75%
    }

    .newArrivalSlider .card .priceHolder,
    .newArrivalSlider .card .webPriceHolder {
        position: relative
    }

    .newArrivalSlider .card .priceHolder:before,
    .newArrivalSlider .card .webPriceHolder:before {
        border-top: 1px dotted #dfdfdf;
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        display: block;
        content: ""
    }

    .newArrivalSlider .card .priceHolder span,
    .newArrivalSlider .card .webPriceHolder span {
        font-size: 12px;
        display: block;
        text-transform: none
    }

    .newArrivalSlider .card .newArrBHold {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%
    }

    .newArrivalSlider .card .priceHolder {
        padding: 16px 30px 18px;
        margin-top: 3px
    }

    .newArrivalSlider .card .priceHolder .text,
    .newArrivalSlider .card .priceHolder p {
        zoom: 1
    }

    .newArrivalSlider .card .webPriceHolder {
        padding: 0 0 18px 20px;
        margin-top: 3px;
        height: 70px
    }

    .newArrivalSlider .card .webPriceHolder .priceLeftFooter {
        width: 67%
    }

    .newArrivalSlider .card .webPriceHolder .priceLeftFooter .text {
        font-style: italic;
        font-weight: 400
    }

    .newArrivalSlider .card .webPriceHolder .cardColor {
        width: 150px
    }

    .newArrivalSlider .card .webPriceHolder .cardColor .attrBtn {
        margin-bottom: 4px;
        zoom: .75;
        padding: 2px 4px;
        color: #959595
    }

    .newArrivalSlider .card .webPriceHolder .cardColor,
    .newArrivalSlider .card .webPriceHolder .cardPrice {
        padding: 10px 0;
        min-height: 70px
    }

    .newArrivalSlider .card .webPriceHolder .cardPrice {
        position: relative
    }

    .newArrivalSlider .card .webPriceHolder .cardPrice:before {
        content: "";
        position: absolute;
        right: calc(5% - 1px);
        top: 16px;
        bottom: 16px;
        width: 1px;
        background: #dfdfdf;
        display: block
    }

    .newArrivalSlider .card .webPriceHolder .cutPrice,
    .newArrivalSlider .card .webPriceHolder .priceOff {
        font-size: 13px !important;
        letter-spacing: normal
    }

    .newArrivalSlider .card .webPriceHolder .cardColor {
        text-align: left
    }

    .newArrivalSlider .card .webPriceHolder .cardColor .colorWidget .colorBtn {
        margin: 0 6px 0 0;
        width: 18px;
        height: 18px;
        min-width: 18px;
        overflow: hidden
    }

    .newArrivalSlider .card .webPriceHolder .cardColor .colorWidget .colorBtn img {
        width: 20px;
        height: 20px;
        max-width: 22px;
        position: relative;
        margin-left: -1px;
        margin-top: -1px
    }

    .newArrivalSlider .card .webPriceHolder .btn {
        width: 33%;
        border-radius: 4px;
        -webkit-border-radius: 4px;
        height: 70px;
        z-index: 1;
        font-size: 24px;
        line-height: 70px;
        padding: 0
    }

    .newArrivalSlider .card .cardColor .text {
        margin-top: 0
    }

    .newArrivalSlider .card.productSoldText {
        min-height: 535px
    }

    .newArrivalSlider .seriesText {
        font-size: 12px
    }

    .newArrivalSlider .cardSpecTitle {
        text-align: center
    }

    .newArrivalSlider .cadTopSpec li,
    .newArrivalSlider .cardSpecTitle {
        font-size: 12px
    }

    .newArrivalSlider .rating {
        position: absolute;
        top: 10px;
        right: 0;
        width: 150px
    }

    .newArrivalSlider .rating i {
        width: 19px;
        height: 19px;
        margin: 0 6px 2px 0
    }

    .newArrivalSlider .dashBtnTag {
        top: 24px;
        right: 29px;
        width: 28px;
        height: 28px;
        line-height: 28px
    }

    .newArrivalSlider .dashBtnTag:before {
        font-size: 12px
    }

    main .newArrivalsTitle {
        max-width: 900px
    }

    main .newArrivalsTitle .tab-head {
        margin-bottom: 55px
    }

    main .bgGray .newArrivalSlider:before {
        background: #f9f9f9;
        background: -moz-linear-gradient(-90deg, rgba(249, 249, 249, .3) 0, #f9f9f9 100%);
        background: -webkit-linear-gradient(-90deg, rgba(249, 249, 249, .3) 0, #f9f9f9 100%);
        background: linear-gradient(-90deg, rgba(249, 249, 249, .3) 0, #f9f9f9 100%)
    }

    main .bgGray .newArrivalSlider:after {
        background: #f9f9f9;
        background: -moz-linear-gradient(-90deg, #f9f9f9 0, rgba(249, 249, 249, .3) 100%);
        background: -webkit-linear-gradient(-90deg, #f9f9f9 0, rgba(249, 249, 249, .3) 100%);
        background: linear-gradient(-90deg, #f9f9f9 0, rgba(249, 249, 249, .3) 100%)
    }

    #modalSimilar .modalContent {
        overflow-x: hidden;
        max-height: 92vh
    }

    #modalSimilar .newArrivalSlider .card {
        border: 1px solid #eee;
        max-width: 720px;
        padding: 0 !important;
        margin-bottom: 30px
    }

    #modalSimilar .newArrivalSlider .card .cardName {
        font-size: 20px;
        margin-top: 14px
    }

    #modalSimilar .newArrivalSlider .card .cardImg {
        height: 240px;
        margin-top: 0
    }

    #modalSimilar .newArrivalSlider .card .cardImg img {
        width: 320px
    }

    #modalSimilar .newArrivalSlider .card .specList {
        float: left;
        width: 25%
    }

    #modalSimilar .cardTitle {
        font-size: 30px;
        margin-top: 15px
    }

    #modalSimilar .thumbTabs .imgHolder {
        width: 60px;
        height: 60px;
        cursor: pointer
    }

    #modalSimilar .thumbTabs .imgHolder img {
        max-width: 50px;
        max-height: 50px;
        border-radius: 10px
    }

    #modalSimilar .titleDesc {
        padding: 0;
        font-size: 12px;
        max-width: 600px
    }

    .notFound {
        background: url(https://d60i6mpkbdpwe.cloudfront.net/assets/ninetyone/images/not_found_web.svg) no-repeat;
        background-size: cover;
        height: calc(100vh - 117px)
    }

    .notFound .imgText {
        bottom: 30px;
        max-width: 370px;
        padding-right: 60px
    }

    .notFound .imgText h2 {
        font-size: 90px
    }

    .notFound .imgText span {
        font-size: 30px
    }

    .notFound .imgText .backtoHome {
        padding: 12px 45px;
        font-size: 16px
    }

    #splitPymntModal .modalMainBottom {
        width: 720px
    }

    #splitPymntModal .modalContent {
        max-height: 100%
    }

    #splitPymntModal .pymntFailedSec {
        padding: 20px 40px
    }

    #splitPymntModal .pfWarningBox {
        padding: 10px 0 20px;
        border-bottom: 0
    }

    #splitPymntModal .pfWarningBox .warningText {
        max-width: 80%;
        padding: 2px 0 0 18px;
        font-size: 18px
    }

    #splitPymntModal .helpReason {
        padding: 20px 0
    }

    #splitPymntModal .helpReason h3 {
        font-size: 16px
    }

    #splitPymntModal .helpReason h3 span:before {
        right: -14px
    }

    #splitPymntModal .helpReason .dropDownMain {
        padding: 10px 0
    }

    #splitPymntModal .helpReason .dropDownMain .dropDownMenu {
        width: 400px;
        bottom: 35px;
        top: auto
    }

    #splitPymntModal .helpReason .dropDownMain .dropDownMenu li {
        color: #221229;
        position: relative;
        padding: 10px 0 10px 45px
    }

    #splitPymntModal .helpReason .dropDownMain .dropDownMenu li:before {
        content: "";
        position: absolute;
        width: 10px;
        height: 10px;
        left: 15px;
        top: 12px;
        border-radius: 50%;
        border: 3px solid #bdb9bf
    }

    #splitPymntModal .helpReason .dropDownMain .dropDownMenu li.current:before {
        border-color: #28ad00
    }

    #splitPymntModal .helpReason .dropDownMain .dropDownMenu a {
        padding: 0
    }

    #splitPymntModal.keyboard-showing .pymntFailedSec {
        bottom: 0
    }

    #splitPymntModal.keyboard-open .pymntFailedSec {
        bottom: 0
    }

    .paymentSplit:before {
        top: 10px;
        right: -80px
    }

    .paymentSplit .content {
        padding-right: 60px
    }

    .paymentSplit .content h4 {
        font-size: 36px
    }

    .paymentSplit .content h5 {
        font-size: 20px;
        margin-top: 5px;
        max-width: 410px;
        line-height: 1.2
    }

    .paymentSplit .content p {
        font-size: 16px;
        margin-top: 24px;
        max-width: 500px
    }

    .paymentSplit form {
        width: 90%
    }

    .paymentSplit form .btn {
        width: 220px
    }

    #modalCallBack .modalMainBottom {
        width: 720px
    }

    .pressCoverageCard {
        text-align: center
    }

    .pressCoverageCard .pressListHold {
        display: inline-block;
        vertical-align: middle;
        width: calc(50% - 4px);
        padding-top: 5px
    }

    .pressCoverageCard a {
        margin: 0 10px 20px;
        width: calc(50% - 24px);
        min-height: 150px;
        display: inline-block;
        vertical-align: middle;
        float: none
    }

    .pressCoverageCard a img {
        max-width: 130px;
        max-height: 90px;
        width: auto;
        height: auto;
        margin: 0 auto
    }

    .pressCoverageCard span {
        max-width: 130px;
        max-height: 90px;
        min-width: 60%
    }

    .pressCoverageCard .slick-arrow.slick-next,
    .pressCoverageCard .slick-arrow.slick-prev {
        top: 44%
    }

    .pressCoverageCard .slick-arrow.slick-next {
        right: -50px
    }

    .pressCoverageCard .slick-arrow.slick-prev {
        left: -50px
    }

    .reviewHeader {
        margin-top: 40px
    }

    .reviewHeader li {
        font-size: 18px;
        font-weight: 600;
        padding: 0 30px
    }

    .reviewHeader li .icon-edit {
        font-size: 13px
    }

    .reviewHeader li .rating i {
        width: 18px;
        height: 18px
    }

    .reviewHeader li .rating .ratingText {
        font-size: 12px
    }

    .star-Rating i {
        width: 36px;
        height: 32px
    }

    #registerPage .contentRegR {
        float: right;
        width: 50%;
        padding-left: 20px;
        text-align: left
    }

    #registerPage .contentRegR h1 {
        font-size: 30px;
        margin-bottom: 15px
    }

    #registerPage .contentRegR .text {
        font-weight: 300;
        color: #221629
    }

    #registerPage .contentRegR .warrantyText {
        padding-top: 20px;
        font-weight: 300
    }

    #registerPage .contentRegR .iconBenifits {
        position: static;
        margin: -7px 20px 0 0;
        border: 0;
        background-size: contain;
        width: 55px;
        height: 55px;
        background-color: transparent
    }

    #registerPage .contentRegL {
        float: left;
        width: 50%;
        padding-right: 80px
    }

    #registerPage .appDownload li:first-child {
        margin-right: 10px
    }

    #registerPage .wyndImgHolder {
        margin: 0 0 55px
    }

    #registerPage .wyndImgHolder img {
        width: auto;
        max-width: 100%;
        height: auto
    }

    #registerPage .appDownload img {
        width: 168px;
        height: auto
    }

    #registerPage .appDownloadMain {
        width: auto;
        max-width: 100%;
        padding: 10px 0 0 0
    }

    #registerPage .appDownloadMain li {
        margin-right: 10%;
        font-size: 15px;
        line-height: 1.4;
        max-width: -webkit-fill-available;
        cursor: pointer;
        width: calc(18% - 7px) !important;
        margin-bottom: 0
    }

    #registerPage .appDownloadMain li:after {
        border-style: solid;
        display: inline-block;
        padding: 3px;
        margin-left: 3px;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        border-color: #cecece;
        border-width: 0 2px 2px 0;
        vertical-align: -2px;
        padding: 4px;
        margin-left: 4px;
        bottom: calc(50% - -3px);
        left: auto;
        right: -105px;
        margin-bottom: -8px
    }

    #registerPage .appDownloadMain li:last-child {
        margin-right: 0
    }

    #registerPage .appDownloadMain li:nth-child(2) span,
    #registerPage .appDownloadMain li:nth-child(4) span {
        left: 0;
        right: auto
    }

    #registerPage .appDownloadMain li:before {
        bottom: 50%;
        height: 2px;
        width: 130px;
        left: 100%;
        border-bottom: 2px dotted #cecece;
        border-left: 0;
        margin-bottom: -1px
    }

    #registerPage .regBenefits {
        padding: 30px;
        text-align: left;
        max-width: 100%;
        margin-top: 41px
    }

    #registerPage .regBenefits .benifitList {
        margin-top: 25px
    }

    #registerPage .regBenefits .benifitList li {
        margin-top: 12px;
        padding-left: 28px
    }

    #registerPage .seeSampleWrap {
        max-width: 100%
    }

    #registerPage .seeSampleWrap .btn {
        padding: 15px 16px;
        font-size: 18px
    }

    #registerPage .warrantyClaim {
        margin-top: 70px
    }

    #registerPage .warrantyClaim h2 {
        font-size: 22px;
        margin-top: 10px
    }

    #registerPage .wyndSlider {
        width: 300px;
        margin: 0 auto
    }

    #registerPage .wyndSection {
        margin-top: 70px;
        margin-bottom: 70px;
        max-width: 100%
    }

    #registerPage .wyndSection .wyndOuter {
        width: 50%
    }

    #registerPage .wyndSection .wyndOuter img {
        min-width: 300px
    }

    #registerPage .wyndSection .scanWrap {
        text-align: left
    }

    #registerPage .scanWrap {
        text-align: left
    }

    #registerPage .appTitle {
        font-size: 22px;
        font-weight: 600;
        line-height: 1.2;
        margin-bottom: 16px
    }

    #registerPage .orText {
        font-size: 30px;
        line-height: 1;
        color: #28ad00;
        padding: 18px 0 24px
    }

    #registerPage .formAppMain {
        min-height: 62px;
        margin-bottom: 38px
    }

    #registerPage .formAppMain .wyndTextHint {
        border-radius: 6px;
        -webkit-border-radius: 6px;
        text-align: center;
        font-size: 15px;
        height: 62px;
        position: relative;
        line-height: 1.2;
        overflow: hidden
    }

    #registerPage .formAppMain .wyndTextHint .flexMid {
        display: flex;
        flex-direction: wrap;
        align-items: center;
        min-height: 60px;
        padding: 5px 20px;
        justify-content: center
    }

    #registerPage .formAppMain .checkLinkBox {
        border: 1px solid #28ad00;
        color: #28ad00
    }

    #registerPage .formAppMain .errorLinkBox {
        border: 1px solid red;
        color: red
    }

    #registerPage #formFieldApp>div:last-child {
        width: 192px;
        padding-left: 10px
    }

    #registerPage #formFieldApp .fieldInput {
        -webkit-border-radius: 6px;
        -moz-border-radius: 6px;
        border-radius: 6px;
        height: 62px;
        padding-left: 90px
    }

    #registerPage #formFieldApp .fieldLabel {
        left: 90px
    }

    #registerPage #formFieldApp .fieldInput:-ms-input-placeholder~.fieldLabel {
        top: 22px
    }

    #registerPage #formFieldApp .fieldInput:placeholder-shown~.fieldLabel {
        top: 22px
    }

    #registerPage #formFieldApp .fieldInput:focus~.fieldLabel {
        top: 16px
    }

    #registerPage #formFieldApp .numberText {
        top: 21px;
        left: 22px
    }

    #registerPage #formFieldApp .numberText:before {
        top: -12px;
        bottom: -14px;
        right: -22px
    }

    #registerPage #formFieldApp .btn {
        width: 182px;
        height: 62px;
        border-radius: 6px;
        -webkit-border-radius: 6px;
        font-size: 14px
    }

    #accessoriesOuter {
        padding: 0 16px
    }

    .similarAccess.card {
        max-width: 330px
    }

    #simlAccessSlider {
        margin-top: 10px;
        margin-bottom: 0
    }

    .slick-next,
    .slick-prev {
        width: 50px;
        height: 50px;
        border-radius: 50%;
        -webkit-border-radius: 50%
    }

    .slick-dots li {
        height: 16px;
        width: 16px;
        margin: 0 5px
    }

    .slick-dots li button {
        height: 15px;
        width: 15px
    }

    .slick-dots li button:before {
        width: 8px;
        height: 8px
    }

    .slick-dots li .dotBtn {
        height: 12px;
        width: 12px
    }

    .slick-dots li .dotBtn.icon-play {
        zoom: 1
    }

    .slick-dots li.slick-active button:before {
        width: 12px;
        height: 12px
    }

    .slick-dots li.slick-active .dotBtn {
        width: 16px;
        height: 16px
    }

    .slick-dots li.slick-active .dotBtn.icon-play {
        font-size: 14px
    }

    .circleArrow .slick-next,
    .circleArrow .slick-prev {
        border-radius: 50%;
        -webkit-border-radius: 50%
    }

    .whiteArrowHolder .slick-arrow {
        width: 48px;
        height: 48px
    }

    main .tab-head>li {
        font-size: 18px;
        line-height: 26px;
        padding: 0 40px 8px;
        margin: 0 0 -1px
    }

    main .tab-head>li.active {
        font-size: 20px
    }

    #testRide .modalMainBottom {
        top: 50%;
        max-width: 700px;
        margin: 0 auto;
        border-radius: 30px;
        -webkit-border-radius: 30px;
        padding: 0;
        max-height: 90vh
    }

    #testRide .testRidePop {
        overflow: hidden;
        position: relative;
        padding: 30px
    }

    #testRide .modalHeading {
        margin-top: 20px
    }

    #testRide .modalHeading .modalTitle {
        font-size: 30px
    }

    #testRide .modalContent {
        position: initial;
        padding: 0 28px 130px
    }

    #testRide .imgHolder .earth {
        top: 30px
    }

    #testRide .imgHolder .fuelMeter {
        bottom: 25px;
        right: 105px;
        transform: rotate(-90deg)
    }

    #testRide .btn {
        font-size: 18px
    }

    #testRide #thankYou {
        overflow: hidden;
        max-height: 100vh;
        background: #fff;
        padding: 25px 20px 0;
        border-radius: 40px;
        -webkit-border-radius: 40px
    }

    #testRide #thankYou .modalContent {
        overflow: auto;
        padding: 0 28px;
        height: 511px
    }

    #testRide #thankYou .ninetyOneHolder {
        padding-bottom: 35px
    }

    #testRide #thankYou .ninetyOneHolder img {
        width: 180px;
        max-width: 180px
    }

    #testRide #thankYou .thankBody {
        padding: 40px 40px 70px;
        max-width: 650px;
        margin: 35px auto
    }

    #testRide #thankYou .thankBody:before {
        top: -45px;
        margin-left: -45px;
        width: 90px;
        height: 90px;
        -webkit-background-size: 30px;
        background-size: 30px
    }

    #testRide #thankYou .title {
        font-size: 24px;
        margin-top: 15px
    }

    #testRide #thankYou .tagHeading {
        font-size: 25px;
        margin: 12px 0
    }

    #testRide #thankYou p {
        font-size: 17px
    }

    #testRide #thankYou .imgBottom {
        width: 250px;
        bottom: -38px
    }

    #testRide #thankYou .bottomText {
        margin-top: 50px;
        font-size: 18px
    }

    #testRide .closeIconBtn {
        left: auto;
        right: 10px;
        width: 46px;
        height: 46px;
        font-size: 22px;
        line-height: 43px
    }

    #testRide .closeIconBtn:before {
        left: 10px
    }

    .thankupage {
        padding: 89px 0
    }

    .thankupage .leftPanel img {
        width: 90%
    }

    .thankupage .rightPanel {
        padding-top: 0
    }

    .thankupage .rightPanel h1 {
        font-size: 32px;
        margin-bottom: 25px
    }

    .thankupage .rightPanel p {
        font-size: 14px
    }

    .thankupage .rightPanel .btnBottom {
        font-size: 16px
    }

    .thankupage .rightPanel .btnBottom a:first-child {
        padding-right: 50px
    }

    .thankupage .rightPanel .btnBottom a:nth-child(2) {
        padding-left: 50px
    }

    #thank-you .viewMore span {
        padding: 8px 16px;
        font-size: 16px
    }

    #modalGetOTP .modalMainBottom {
        max-width: 700px;
        border-radius: 12px
    }

    #modalGetOTP .modalContent {
        padding: 30px 40px
    }

    #modalGetOTP p {
        font-size: 14px;
        margin-top: 20px
    }

    #modalGetOTP h4 {
        font-size: 26px;
        margin: 25px 0
    }

    #modalGetOTP .btn {
        font-size: 14px;
        padding: 9px 50px
    }

    .trackOrder .filterHeaderWidget {
        padding: 50px 0
    }

    .trackOrder .filterHeaderWidget h1 {
        font-size: 28px;
        margin-bottom: 0
    }

    .trackOrder .orderDetailsSec {
        padding: 45px 0
    }

    .trackOrder .orderDetailsSec .serchOrder {
        width: 850px;
        padding: 85px 140px;
        margin: auto;
        display: block
    }

    .trackOrder .orderDetailsSec .serchOrder .icon-tracking {
        font-size: 70px;
        margin-bottom: 40px
    }

    .trackOrder .orderDetailsSec .serchOrder .btn {
        padding: 12px 12px;
        border-radius: 3px;
        width: 350px
    }

    .trackOrder .orderDetailsSec .titleWrap {
        justify-content: space-between;
        flex-direction: row !important
    }

    .trackOrder .orderDetailsSec .wiz-assembly {
        font-size: 16px
    }

    .trackOrder .orderDetails.card {
        width: 850px;
        margin: 32px auto 0;
        display: block;
        padding: 25px 50px
    }

    .trackOrder .orderDetails.card .title {
        padding-bottom: 25px
    }

    .trackOrder .orderDetails.card .title span {
        font-size: 14px
    }

    .trackOrder .orderDetails.card .productImg {
        width: 80%;
        display: inline-block;
        margin-top: 25px
    }

    .trackOrder .orderDetails.card .productImg .proTitle {
        font-size: 16px
    }

    .trackOrder .orderDetails.card .productImg img {
        max-width: 130px
    }

    .trackOrder .orderDetails.card .statusMsg {
        float: right;
        vertical-align: top;
        margin-top: 25px;
        font-size: 16px
    }

    .trackOrder .orderDetails.card .statusMsg span {
        display: block;
        padding-left: 0
    }

    .trackOrder .orderDetails.card .USPS {
        margin-top: 20px;
        font-size: 14px
    }

    .trackOrder .orderDetails.card .USPS.through {
        margin-top: 70px
    }

    .trackOrder .orderDetails.card .orderTrack {
        margin: 35px 0 45px 5px
    }

    .trackOrder .orderDetails.card .orderTrack .track .orderStatus {
        width: 46px;
        height: 46px;
        top: -23px;
        left: -5px
    }

    .trackOrder .orderDetails.card .orderTrack .track .orderStatus i {
        font-size: 25px;
        line-height: 45px
    }

    .trackOrder .orderDetails.card .orderTrack .track .label {
        font-size: 16px;
        top: 30px
    }

    .trackOrder .orderDetails.card .orderTrack .track .icon-shipping {
        top: -21px;
        left: 60px;
        font-size: 25px
    }

    .trackOrder .orderDetails.card .estDelDate {
        font-size: 14px;
        margin-top: 60px
    }

    .trackOrder .orderDetails.card .callCusCare {
        font-size: 14px;
        margin: 20px -50px 0
    }

    .trackOrder .orderDetails .trackTableHeading {
        margin-top: 18px;
        font-size: 20px
    }

    .trackOrder .orderDetails .orderTrackTable th {
        font-size: 16px
    }

    .trackOrder .orderDetails .orderTrackTable td {
        font-size: 13px
    }

    .trackOrder .orderDetails .orderTrackTable td,
    .trackOrder .orderDetails .orderTrackTable th {
        padding: 10px 16px
    }

    .writeReviewPanel {
        max-width: 900px;
        margin: 0 auto
    }

    .writeReviewPanel .fieldLabel {
        font-size: 12px;
        -o-transform: translateY(-21px);
        -ms-transform: translateY(-21px);
        -webkit-transform: translateY(-21px);
        -moz-transform: translateY(-21px);
        transform: translateY(-21px);
        left: 38px;
        top: 16px;
        pointer-events: none
    }

    .writeReviewPanel .fieldInput {
        height: 40px;
        font-size: 16px;
        padding-left: 40px
    }

    .writeReviewPanel .fieldInput:-ms-input-placeholder~.fieldLabel {
        font-size: 12px;
        -o-transform: translateY(0);
        -ms-transform: translateY(0);
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        transform: translateY(0);
        top: 16px
    }

    .writeReviewPanel .fieldInput:placeholder-shown~.fieldLabel {
        font-size: 12px;
        -o-transform: translateY(0);
        -ms-transform: translateY(0);
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        transform: translateY(0);
        top: 16px
    }

    .writeReviewPanel .fieldInput:focus~.fieldLabel {
        font-size: 12px;
        -o-transform: translateY(-21px);
        -ms-transform: translateY(-21px);
        -webkit-transform: translateY(-21px);
        -moz-transform: translateY(-21px);
        transform: translateY(-21px);
        top: 16px
    }

    .writeReviewPanel .fieldTextarea {
        height: 100px;
        padding: 10px 60px 12px 40px
    }

    .writeReviewPanel .fieldIcon {
        left: 16px;
        top: 13px;
        font-size: 14px
    }

    .writeReviewPanel .fieldIcon.icon-comment {
        font-size: 16px;
        top: 15px
    }

    .writeReviewPanel #wordCounting {
        font-size: 12px
    }

    .writeReviewPanel .btn {
        margin-top: 24px
    }

    .writeReviewPanel .rating {
        padding: 0 0 12px 5px
    }

    .writeReviewPanel .rating i {
        cursor: pointer
    }

    .noReviews h3 {
        font-size: 16px;
        margin-top: 20px;
        border-top: 1px solid #dfdfdf;
        padding: 10px
    }

    .suggestionWidget {
        padding: 13px
    }

    .suggestionWidget>span {
        padding: 0 8px;
        font-size: 16px;
        line-height: 22px;
        cursor: pointer
    }

    .suggestionWidget .closeIconBtn {
        top: -16px;
        right: -14px
    }

    .suggestionWidget .closeIconBtn.circle {
        width: 30px;
        height: 30px
    }

    .suggestionWidget .closeIconBtn.circle:after,
    .suggestionWidget .closeIconBtn.circle:before {
        top: 14px;
        left: 6px
    }

    .whyFrogImg video {
        margin: 0 auto;
        max-height: 548px
    }

    #modal-offer .modalMain {
        max-width: 500px
    }

    .sortByMenu {
        top: 50%;
        transform: translate(0, -50%);
        right: 180px
    }

    .sortByMenu:hover .btn {
        background-color: #28ad00;
        color: #fff;
        border-color: #28ad00
    }

    .sortByMenu .btn {
        font-size: 16px;
        padding: 6px 15px
    }

    .sortByMenu .icon-arrow {
        font-size: 14px;
        vertical-align: -2px
    }

    .sortByMenu .customControl {
        font-size: 16px;
        margin-bottom: 12px
    }

    .sortByMenu .sortyList {
        top: 37px;
        width: 230px;
        margin-left: -115px
    }

    .sortByMenu .title {
        font-size: 16px
    }

    .btn.btnSpec {
        font-size: 14px;
        padding: 0
    }

    .caresSec {
        padding: 70px 0 60px !important;
        background: url(https://d60i6mpkbdpwe.cloudfront.net/assets/ninetyone/images/frog-care-bg.jpg) no-repeat bottom;
        -webkit-background-size: contain;
        background-size: contain
    }

    .caresSec .titleStep {
        font-size: 40px;
        line-height: 1.1
    }

    .caresSec .btnGroup {
        padding-top: 60px;
        padding-left: 10px
    }

    .caresSec .btnGroup .btn {
        height: 55px;
        padding: 14px 32px;
        font-size: 18px
    }

    .caresSec .btnGroup .btn:hover .icon-call {
        color: #28ad00
    }

    .caresSec .btnGroup .callBtn {
        padding-left: 70px;
        margin-left: 20px
    }

    .caresSec .btnGroup i {
        width: 55px;
        height: 55px;
        line-height: 55px
    }

    .caresSec .caresDS {
        padding-bottom: 60px;
        padding-right: 20px
    }

    .caresSec .btn-link {
        font-size: 18px
    }

    .caresSec .rightPart {
        margin-top: 125px
    }

    .caresCard {
        background: #fff;
        border-radius: 5px;
        -webkit-border-radius: 5px;
        -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, .16);
        box-shadow: 0 3px 6px rgba(0, 0, 0, .16);
        padding: 30px;
        margin: 10px;
        min-height: 305px
    }

    .caresCard .cardContent p {
        max-height: 140px;
        min-height: 120px
    }

    .caresCard .titleTes {
        font-size: 18px;
        padding: 22px 0 10px
    }

    .caresCard .caresDescp {
        max-height: 100px
    }

    .caresCard .userName {
        font-size: 18px
    }

    .caresCard .userName span {
        font-size: 14px
    }

    .caresCard .modelInfo {
        font-size: 14px
    }

    .countWidget {
        font-size: 18px;
        padding-top: 0
    }

    .countWidget .title {
        font-size: 36px
    }

    #addToCartSticky {
        padding: 16px 8px;
        width: auto;
        left: 20px;
        border-radius: 50px;
        -webkit-border-radius: 50px
    }

    #addToCartSticky.active {
        bottom: 30px
    }

    #addToCartSticky .cartWidget>:first-child {
        width: 45px
    }

    #addToCartSticky .icon-add-to-cart {
        font-size: 20px
    }

    #addToCartSticky .cartText {
        font-size: 16px;
        padding-right: 40px
    }

    #addToCartSticky .cartText div {
        font-size: 14px
    }

    #addToCartSticky .arrpwR {
        vertical-align: 2px
    }

    #addToCartSticky .btn-link-primary {
        font-size: 12px
    }

    .addToCartAlert {
        font-size: 14px
    }

    .addToCartAlert .text {
        font-size: 12px
    }

    #listingPage .offer-banner~.filterHeaderWidget {
        padding-top: 12px
    }

    #checkoutPage .diwaliCheckout {
        padding: 15px;
        font-size: 16px;
        max-width: 980px;
        margin: 20px auto 0
    }

    #checkoutPage .errorHold {
        right: 6px !important;
        top: -20px !important
    }

    .offerSocial {
        width: 100%
    }

    .offerSocial a {
        margin-right: 28px
    }

    .offerSocial li {
        width: auto
    }

    #QRcode .userGuide {
        padding-top: 20px
    }

    #QRcode .ebikeOption {
        padding-top: 25px;
        padding-bottom: 3px
    }

    #QRcode .card {
        min-height: 400px
    }

    #QRcode img {
        max-width: 90%
    }

    #QRcode .ebikeOption img {
        max-width: 75%
    }

    .userNotification {
        max-width: 400px;
        width: auto;
        top: 70px;
        left: auto;
        right: -110%;
        transition: right 2s ease-in-out, opacity 2s ease-in-out
    }

    .userNotification.active {
        top: 70px;
        right: 0
    }

    .userNotification>div {
        height: 60px
    }

    .userNotification .notifyTitle {
        font-size: 16px
    }

    .userNotification .notifyIcon i {
        line-height: 60px
    }

    .vorStrip .ratingStrip {
        font-size: 14px;
        line-height: 28px !important
    }

    .vorStrip .stripCount {
        padding: 0 20px
    }

    .modalBody.videoFullScr .modalMain {
        max-width: 1000px
    }

    .modalBody.videoFullScr .closeIconBtn {
        box-shadow: none;
        top: -40px !important;
        right: 0
    }

    .modalBody.videoFullScr .closeIconBtn:after,
    .modalBody.videoFullScr .closeIconBtn:before {
        background: #fff;
        height: 2px
    }

    .paginate {
        margin: 60px 0
    }

    .paginate li {
        font-size: 15px
    }

    .card .btn-compare.plusIcon:hover .tooltiptext {
        opacity: 1;
        visibility: visible
    }

    .catgContMain {
        padding: 70px 50px
    }

    .catgContMain h2 {
        margin-bottom: 30px
    }

    .catgContMain h3 {
        font-size: 20px;
        padding: 24px 0 16px;
        color: #959595
    }

    .catgContMain .h3 {
        font-size: 20px
    }

    .catgContMain h4 {
        font-size: 16px;
        color: #959595
    }

    .catgContMain h4::before {
        background: #959595
    }

    .catgContMain p {
        color: #959595
    }

    .catgContMain .list strong {
        color: #959595
    }

    .catgContMain .list .listRight {
        color: #959595
    }

    .catgContMain .catgSubCont h4 {
        margin-left: 10px
    }

    .catgContMain .catgSubCont h4~p {
        margin-left: 10px
    }

    .catgContLeft {
        width: calc(100% - 540px);
        margin-right: 70px
    }

    .catgContLeft article {
        padding-bottom: 16px
    }

    .catgContLeft article:last-child {
        padding-bottom: 0
    }

    .catgContWidget {
        width: 460px;
        margin-top: 0
    }

    .catgContWidget .listRight {
        width: 110px
    }

    .ftrSeoSect .h3,
    .ftrSeoSect h2,
    .ftrSeoSect h3 {
        color: #656565
    }

    .ftrSeoSect p {
        color: #505050;
        font-size: 16px
    }

    #howtobuyPage .catgContLeft {
        width: 100%;
        margin-right: 0
    }

    #faqFeedback .modalMainBottom {
        max-width: 650px
    }

    #faqFeedback .btn {
        font-size: 18px
    }

    .countryToggle {
        min-width: 111px;
        padding-left: 0
    }

    .country-origin-text {
        font-size: 14px
    }

    .country-origin-text:hover {
        color: #28ad00
    }

    .bike-category {
        column-gap: 30px;
        row-gap: 30px;
        margin-top: 55px;
        padding: 0
    }

    .bike-category .cat-card {
        width: calc(33.33% - 20px)
    }

    .bike-category .cat-card img {
        border-radius: 20px;
        -webkit-border-radius: 20px
    }

    .bike-category .content {
        padding: 23px
    }

    .bike-category .content h5 {
        font-size: 26px
    }

    .bike-category .content span {
        font-size: 18px
    }

    #testimonial {
        margin-top: 55px
    }

    #testimonial .card {
        height: 420px;
        margin: 0 12px
    }

    #testimonial p {
        max-height: 82px;
        font-size: 15px
    }

    #testimonial .slick-next {
        right: -60px
    }

    #testimonial .slick-prev {
        left: -80px
    }

    #testimonial .slick-arrow {
        opacity: 1
    }

    .bike-details {
        margin-top: 55px
    }

    .bike-details .marker {
        width: 20px;
        height: 20px
    }

    .bike-details .bike-caption {
        width: 290px;
        padding: 15px 18px 10px;
        top: 90px;
        left: 0;
        position: absolute
    }

    .bike-details .bike-caption h4 {
        font-size: 26px
    }

    .bike-details .bike-caption p {
        font-size: 14px;
        min-height: 50px
    }

    .bike-details .bike-caption video {
        width: 100%
    }

    .bike-details #video-360 {
        padding-right: 40px;
        object-fit: none
    }

    .bike-details .video-points {
        right: 0;
        top: 90px
    }

    .bike-details .video-points:after {
        right: 12px
    }

    .bike-details .video-points li {
        width: 28px;
        height: 28px;
        margin-bottom: 70px
    }

    .bike-details .video-points li:before {
        width: 26px;
        height: 26px
    }

    .bike-details .video-points li:after {
        width: 10px;
        height: 10px
    }

    .mark-1 {
        top: 37%;
        right: 35%
    }

    .mark-2 {
        top: 65%;
        left: 47%
    }

    .mark-3 {
        top: 30%;
        right: 39%
    }

    .mark-4 {
        top: 75%;
        right: 46%
    }

    .mark-5 {
        top: 28%;
        right: 32%
    }

    #corporate-purchase .heroImg:after {
        width: 50%;
        height: 100%;
        background: linear-gradient(90deg, rgba(0, 0, 0, .6) 60%, rgba(0, 0, 0, 0) 100%)
    }

    #corporate-purchase .heroImg .banner-content {
        position: absolute;
        top: 50%;
        left: 50%;
        z-index: 99;
        transform: translate(-50%, -50%);
        padding: 0 60px;
        max-width: 100%
    }

    #corporate-purchase .heroImg p {
        font-size: 18px
    }

    #corporate-purchase .heroImg .btn {
        padding: 15px 40px;
        font-size: 16px;
        border-radius: 50px;
        margin-top: 40px
    }

    #corporate-purchase .purchase-category ul {
        column-gap: 30px;
        row-gap: 30px
    }

    #corporate-purchase .purchase-category .card {
        width: calc(50% - 15px);
        min-width: calc(50% - 15px)
    }

    #corporate-purchase .purchase-category .img-holder {
        height: 240px;
        overflow: hidden
    }

    #corporate-purchase .purchase-category h2 {
        font-size: 32px;
        left: 40px;
        bottom: 35px
    }

    #corporate-purchase .purchase-category .card-body {
        padding: 35px 40px
    }

    #corporate-purchase .purchase-category h4 {
        font-size: 22px
    }

    #corporate-purchase .purchase-category p {
        font-size: 18px
    }

    #corporate-purchase .purchase-category .btn {
        padding: 15px 0 0;
        font-size: 16px
    }

    #corporate-purchase .brand-feature {
        margin-top: 60px;
        padding: 0;
        justify-content: center
    }

    #corporate-purchase .brand-feature .card {
        width: calc(33.33% - 80px);
        min-width: calc(33.33% - 80px);
        margin: 0
    }

    #corporate-purchase .green-initiative {
        flex-direction: row;
        column-gap: 28px;
        margin-top: 60px
    }

    #corporate-purchase .green-initiative .img-holder {
        height: 500px;
        border-radius: 0
    }

    #corporate-purchase .green-initiative .img-holder:after {
        border-radius: 0
    }

    #corporate-purchase .green-initiative .img-holder h4 {
        font-size: 34px;
        max-width: 150px;
        left: 50%;
        bottom: 30px;
        transform: translate(-50%, 0)
    }

    #corporate-purchase .voc-slider {
        margin-top: 60px
    }

    #corporate-purchase .voc-slider p {
        font-size: 20px;
        margin: 30px auto 60px;
        max-width: 720px
    }

    #corporate-purchase .voc-slider .client-info {
        column-gap: 25px
    }

    #corporate-purchase .voc-slider .client-info .img-holder {
        width: 75px;
        height: 75px
    }

    #corporate-purchase .voc-slider .client-info h5 {
        font-size: 26px
    }

    #corporate-purchase .voc-slider .client-info span {
        font-size: 18px
    }

    #corporate-purchase .press-covrage .press-list {
        margin: 70px -16px 40px
    }

    #corporate-purchase .press-covrage .press-list p {
        font-size: 18px;
        max-height: 165px
    }

    #corporate-purchase .press-covrage .clientInfo {
        margin-top: 70px
    }

    #corporate-purchase .press-covrage .clientInfo h4 {
        font-size: 16px
    }

    #corporate-purchase .press-covrage .slick-slide {
        padding: 0 25px
    }

    #corporate-purchase .press-covrage .slick-dots {
        bottom: -70px
    }

    #corporate-purchase .get-in-touch .card {
        max-width: 900px;
        padding: 60px 90px
    }

    #corporate-purchase .get-in-touch .fieldControl.border {
        padding: 12px;
        min-height: 118px
    }

    .modalBody.modal-get-data .modalMain {
        max-width: 600px;
        border-radius: 16px
    }

    .modalBody.modal-get-data .modalMain.modal-sm {
        max-width: 500px
    }

    .modalBody.modal-get-data .modalMain.modal-sm .btnWrap {
        text-align: center
    }

    .modalBody.modal-get-data .modalContent {
        padding: 40px
    }

    .modalBody.modal-get-data .btn {
        width: 180px;
        margin-top: 0;
        font-size: 16px;
        height: 48px;
        line-height: 46px
    }

    .modalBody.modal-get-data .btn-later {
        width: 130px;
        margin-right: 20px
    }

    .modalBody.modal-get-data .btnWrap {
        margin-top: 30px
    }

    .modalBody.modal-get-data .closeIconBtn {
        top: 10px !important;
        right: 10px !important;
        box-shadow: none;
        -webkit-box-shadow: none;
        left: auto !important
    }

    .modalBody.modal-get-data .closeIconBtn:after,
    .modalBody.modal-get-data .closeIconBtn:before {
        height: 2px;
        top: 17px;
        left: 3px !important
    }

    body #modalGetNumber .closeIconBtn {
        top: 10px !important;
        right: 10px !important;
        background: #e5e5e5;
        border-color: #e5e5e5
    }

    body #modalGetNumber .closeIconBtn:after,
    body #modalGetNumber .closeIconBtn:before {
        background: #000;
        height: 2px;
        top: 17px
    }

    #checkoutPage .modal-get-data .btn {
        font-size: 14px;
        color: #256fef;
        background: #fff
    }

    #ninetyone-wiz .banner-wrap {
        flex-direction: row
    }

    #ninetyone-wiz .bnr-img {
        margin-top: 0
    }

    #ninetyone-wiz .bnr-content {
        max-width: 450px
    }

    #ninetyone-wiz .bnr-content h1 {
        font-size: 58px;
        margin-bottom: 26px
    }

    #ninetyone-wiz .bnr-content .img {
        width: 280px
    }

    #ninetyone-wiz .bnr-content p {
        font-size: 20px;
        margin-bottom: 35px
    }

    #ninetyone-wiz .bnr-content .btn {
        font-size: 18px
    }

    #ninetyone-wiz .btn {
        padding: 10px 25px
    }

    #ninetyone-wiz .brand-feature {
        justify-content: center;
        column-gap: 120px
    }

    #ninetyone-wiz .feature-sec .btn {
        font-size: 22px;
        margin-top: 50px
    }

    #ninetyone-wiz .why-choose h2 {
        font-size: 22px
    }

    #ninetyone-wiz .why-choose h2 img {
        width: 220px;
        margin: 5px auto 0
    }

    #ninetyone-wiz .why-choose ul {
        margin-top: 80px
    }

    #ninetyone-wiz .why-choose li {
        width: calc(25% - 19px)
    }

    #ninetyone-wiz .why-choose li img {
        width: auto
    }

    #ninetyone-wiz .why-choose h4 {
        font-size: 24px;
        margin: 8px auto 16px;
        max-width: 190px
    }

    #ninetyone-wiz .social-sec .icon-wrap {
        column-gap: 50px;
        margin-top: 40px
    }

    #ninetyone-wiz .social-sec .card {
        width: 100px;
        height: 100px;
        min-width: 100px;
        min-height: 100px
    }

    #ninetyone-wiz .social-sec .card i {
        font-size: 40px
    }

    #schedule-call .modalContent {
        padding: 45px 40px
    }

    #schedule-call .chipControlMain .chipBox {
        height: 90px
    }

    #schedule-call h4 {
        font-size: 36px;
        margin-bottom: 30px
    }

    #schedule-call .amazon .brand-logo {
        width: 110px
    }

    #schedule-call .flipkart .brand-logo {
        width: 140px
    }

    #schedule-call .brand-logo {
        width: 70px
    }

    #schedule-call .bought-title {
        font-size: 22px;
        margin-bottom: 18px
    }

    #schedule-call .form-title {
        font-size: 18px;
        margin-top: 50px
    }

    #schedule-call .fieldLabel.text-sm {
        font-size: 14px
    }

    #schedule-call .bike-info .bought-title {
        margin: 20px 0 30px
    }

    #schedule-call .bike-info .bf-title {
        font-size: 22px;
        margin-bottom: 15px
    }

    #schedule-call .bike-info .select-brand {
        width: 100px
    }

    #schedule-call .bike-info .btn-link {
        font-size: 15px
    }

    #schedule-call .bike-content {
        column-gap: 40px;
        font-size: 20px
    }

    #schedule-call .bike-content .bike-name {
        font-size: 22px
    }

    #schedule-call .bike-content img {
        max-width: 150px;
        max-height: 100px
    }

    #schedule-call .field-title {
        font-size: 16px
    }

    #schedule-call .btn {
        font-size: 18px;
        height: 47px
    }

    #thank-you .assembly-timer {
        padding: 35px 0;
        margin-top: 30px
    }

    #thank-you .assembly-timer p {
        font-size: 18px
    }

    #thank-you .assembly-timer h4 {
        font-size: 65px
    }

    #thank-you .assembly-steps {
        padding: 35px 0
    }

    #thank-you .assembly-steps li img {
        width: 120px
    }

    #thank-you .assembly-steps p {
        font-size: 24px
    }

    #thank-you .assembly-steps h5 {
        font-size: 18px
    }

    #thank-you .assembly-steps .line {
        width: 220px;
        bottom: 30px
    }

    #thank-you .assembly-steps .line:after {
        top: -6px;
        border-top: 5px solid transparent;
        border-bottom: 5px solid transparent;
        border-left: 9px solid #28ad00
    }

    #thank-you .assembly-steps .sub-para {
        font-size: 16px
    }

    .product-update .edit-field-wrap .edit-field {
        display: flex
    }

    .product-update .edit-field-wrap .btn-update {
        padding: 10px 25px
    }

    .product-update .fileupload {
        width: 350px
    }

    .product-update .file-select-name {
        padding-left: 40px
    }

    #superComboPage {
        padding-bottom: 100px
    }

    .scOfferBnr {
        min-height: 133px
    }

    .scOfferBnr h1 {
        font-size: 28px
    }

    .scOfferBnr p {
        font-size: 14px
    }

    .scCard {
        padding: 0 40px 30px
    }

    .scCard .cdHead {
        min-height: 80px;
        margin: 0 -40px;
        padding: 0 40px
    }

    .scCard .cdHead:before {
        height: 35px
    }

    .scCard .cardPrice {
        font-size: 18px;
        line-height: 1
    }

    .scCard .cdItem {
        flex: 1;
        padding-right: 15px;
        margin-top: 20px
    }

    .scCard .imgThumb+div {
        max-width: 270px
    }

    .scCard .cdFooter {
        margin-left: auto;
        flex: 0 0 190px
    }

    .scCard .btn {
        margin-top: 0;
        font-size: 18px;
        height: 60px
    }

    .scCard .cdContent {
        position: relative
    }

    .scCard .cdComboPrice {
        position: absolute;
        bottom: calc(100% + 10px);
        right: 0;
        width: 190px
    }

    .scCard .cdFooter {
        border-top: 0
    }

    .scCard .cardPrice {
        display: inline-block
    }

    .scHeading {
        width: calc(100% - 300px);
        padding-right: 20px
    }

    .btnCreateCombo {
        width: 310px;
        height: 60px;
        font-size: 18px;
        padding: 17px 16px;
        border-radius: 5px;
        -webkit-border-radius: 5px
    }

    #scHeadBox {
        background: #000
    }

    #scHeadBox .closeIcon {
        height: 30px;
        width: 30px;
        align-self: baseline;
        display: flex;
        position: absolute;
        right: 20px
    }

    #scHeadBox .closeIcon::after,
    #scHeadBox .closeIcon::before {
        background: #fff;
        height: 3px
    }

    .createCombo {
        opacity: 0;
        visibility: hidden;
        transition: all .5s ease;
        transition-delay: .1s
    }

    .createCombo.active {
        margin-top: -20px;
        opacity: 1;
        visibility: visible
    }

    .createCombo .scSummary {
        padding: 0 16px 10px
    }

    .createCombo .scSummary .cdHead {
        font-style: normal;
        font-size: 24px;
        margin: 0 -16px;
        padding: 0 16px
    }

    .createCombo .scSummary .cdFooter {
        flex: 0 0 100%;
        border-top: 1px dashed #dedede;
        padding-top: 15px
    }

    .createCombo .scSummary .cdFooter .btn {
        max-width: 100%;
        margin-top: 16px
    }

    .createCombo .scSummary .cdComboPrice {
        position: relative
    }

    .createCombo .scSummary .cardPrice {
        font-size: 24px
    }

    .createCombo .scSummary .cdItem {
        padding-right: 0;
        flex: auto;
        min-width: 100%
    }

    .createCombo .scSummary .bullet {
        width: 28px;
        height: 28px;
        max-width: 28px;
        background: #28ad00;
        border: 1px solid #fff;
        box-shadow: 0 0 5px rgba(40, 173, 0, .5);
        position: relative;
        flex-shrink: 0
    }

    .createCombo .scSummary .bullet:after,
    .createCombo .scSummary .bullet:before {
        content: "";
        position: absolute
    }

    .createCombo .scSummary .bullet:before {
        top: 2px;
        right: 2px;
        bottom: 2px;
        left: 2px;
        border: 2px solid #fff;
        border-radius: 50%;
        -webkit-border-radius: 50%
    }

    .createCombo .scSummary .bullet:after {
        top: 9px;
        left: 25px;
        width: 0;
        height: 0;
        border: 4px solid transparent;
        border-left-color: #28ad00
    }

    .createCombo .benefiteList {
        flex-wrap: wrap
    }

    .createCombo .benefiteList .list {
        padding: 10px 5px;
        min-height: 90px;
        font-size: 14px;
        width: auto;
        flex: 0 0 50%
    }

    .createCombo .cdMain {
        padding: 0;
        margin: 0;
        display: flex
    }

    .ccBody,
    .scSummary {
        border-radius: 6px
    }

    .scSprit {
        margin: 0 10px 0
    }

    .scSprit.bike {
        background-position: 0 -83px
    }

    .scSprit.acc {
        background-position: -48px -83px
    }

    .scSprit.bags {
        background-position: -94px -83px
    }

    .ccHead .stepItem {
        height: 80px;
        justify-content: center;
        font-size: 18px;
        font-weight: 700;
        text-transform: uppercase
    }

    .ccBody {
        overflow: hidden
    }

    .ccBody .addBtn {
        font-weight: 700;
        color: #28ad00;
        font-size: 18px
    }

    .ccBody .plusIcon {
        width: 80px;
        height: 80px;
        border: 1px solid #27a800;
        margin: 0 auto 10px;
        position: relative;
        cursor: pointer
    }

    .ccBody .plusIcon:after,
    .ccBody .plusIcon:before {
        top: 37px;
        right: 27px;
        width: 24px;
        height: 4px
    }

    .ccBody .ccItem {
        padding: 35px 16px;
        border-left: 1px solid #dfdfdf;
        min-height: 195px
    }

    .ccBody .ccItem:first-child {
        border-left: 0
    }

    .ccBody .createCard {
        border-bottom: 1px solid #dfdfdf;
        margin: 0 -16px 30px;
        display: block;
        width: auto;
        padding: 0 30px 16px;
        border-radius: 0;
        min-height: 540px
    }

    .ccBody .card .cardImg {
        margin: 0 0 10px;
        min-height: 150px
    }

    .ccBody .card .cardName {
        font-size: 18px;
        letter-spacing: 1px;
        white-space: nowrap;
        text-overflow: ellipsis;
        max-width: 100%;
        overflow: hidden
    }

    .ccBody .card .priceHolder {
        padding: 8px 0 12px
    }

    .ccBody .card .cardColor {
        text-align: left
    }

    .ccBody .card .colorBtn:first-child {
        margin: 0 5px 0 0
    }

    .ccBody .card .cardSpec {
        max-width: 100%;
        padding: 8px 0
    }

    .ccBody .card .cardSpec li {
        margin-bottom: 8px
    }

    .ccBody .card .iconHolder {
        color: #959595
    }

    .ccBody .card .specName {
        color: #959595;
        line-height: 1.1
    }

    .ccBody .card .specName strong {
        padding-top: 0;
        color: #000
    }

    .ccBody .cardFooterGroup {
        justify-content: left;
        column-gap: 0;
        bottom: 30px;
        left: 24px
    }

    .ccBody .cardFooterGroup button:first-child {
        margin-right: 10px
    }

    #productPage .qaHeader {
        justify-content: space-between;
        align-items: self-start
    }

    #productPage .qaHeader .btn {
        font-size: 20px;
        margin-bottom: 0
    }

    #productPage .qaIcon,
    #productPage .quz {
        font-size: 18px
    }

    #productPage .prodQuesAnsList .pulishDate {
        margin-left: auto
    }

    .pdLatest .pdSliderSticky .prdColPanel .payWidget {
        padding: 10px 20px !important;
        margin-bottom: 0 !important
    }

    .pdLatest .pdSliderSticky .prdColPanel .payCont {
        zoom: 1
    }

    .payWidget .payLogo {
        padding-right: 20px;
        max-width: 100px
    }

    .payWidget .title {
        font-size: 20px;
        font-weight: 600
    }

    #modal91Pay .modalMainBottom .closeIconBtn {
        top: -15px !important;
        right: -15px;
        width: 32px;
        height: 32px
    }

    #modal91Pay .modalMainBottom .closeIconBtn::after,
    #modal91Pay .modalMainBottom .closeIconBtn::before {
        left: 4px;
        top: 10px;
        height: 2px;
        width: 65%
    }

    .pdRightSide .payWidget {
        max-width: 100%
    }
}

@media only screen and (min-width:1600px) {
    #modalWithDash.modalBody .modalMainBottom {
        max-width: 700px
    }

    #modalWithDash.modalBody .modalContent {
        padding-bottom: 30px
    }

    #modalWithDash .dashLogo {
        width: 300px
    }

    #modalWithDash .deliveryTitle {
        padding-top: 8px
    }

    #modalWithDash .dashFormField {
        padding: 24px 0 10px
    }

    #modalWithDash .dashItemList {
        margin-bottom: 29px
    }

    #modalWithDash .dashItemList li {
        padding: 0 0 15px 30px;
        font-size: 16px
    }

    #modalWithDash .dashContent {
        margin-top: 20px
    }

    #modalWithDash .dashContent.dashNotMatchCont .dashItemList {
        margin-bottom: 20px
    }

    #modalWithDash .dashContent.dashNotMatchCont .timer {
        margin-top: 25px
    }

    #modalWithDash .wayDistance {
        margin-top: 35px
    }

    #modalWithDash .dashContent p,
    #modalWithDash .deliveryTitle,
    #modalWithDash .noMatchList li {
        font-size: 16px
    }

    #thankuWarrior.modalBody .modalMainBottom {
        max-width: 700px
    }

    #modal-offer .modalMain {
        max-width: 700px
    }

    .emiPopup .modalContent {
        height: 35vh
    }

    .noCostEmi {
        margin-top: 65px
    }

    .prodCardInfo.active {
        top: 130px
    }
}

.vidScrollBtn {
    position: absolute;
    bottom: 35px;
    left: 50%;
    transform: translateX(-50%);
    width: 40px;
    height: 50px;
    z-index: 99
}

.vidScrollBtn span {
    display: block;
    width: 12px;
    height: 12px;
    border-bottom: 2px solid #fff;
    border-right: 2px solid #fff;
    transform: rotate(45deg);
    left: 13px;
    position: relative;
    animation: animate 1.5s infinite;
    pointer-events: none
}

.vidScrollBtn span:nth-child(2) {
    animation-delay: -.2s
}

.vidScrollBtn span:nth-child(3) {
    animation-delay: -.4s
}

@keyframes animate {
    0% {
        opacity: 0;
        transform: rotate(45deg) translate(-15px, -15px)
    }

    50% {
        opacity: 1
    }

    100% {
        opacity: 0;
        transform: rotate(45deg) translate(15px, 15px)
    }
}

.search-choice {
    background: rgba(255, 220, 0, .05)
}

.search-items .btn {
    border-radius: 24px;
    background: #fff;
    margin: 6px;
    font-size: 12px;
    -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, .1);
    box-shadow: 0 0 6px rgba(0, 0, 0, .1)
}

.search-items .icon-search {
    font-size: 14px;
    vertical-align: -2px;
    margin-right: 4px;
    color: #28ad00
}

.searchItemSwipe {
    overflow-x: scroll;
    overflow-y: hidden;
    white-space: nowrap;
    padding: 0 16px 6px;
    margin: 18px -16px 0
}

.searchItemSwipe::-webkit-scrollbar-track {
    margin-left: 18px;
    margin-right: 18px
}

.searchItemSwipe .name-list {
    display: table;
    white-space: nowrap;
    margin: 0 -5px
}

#modalSession .offerImgBox {
    z-index: 2;
    overflow: hidden;
    position: relative;
    vertical-align: top;
    height: 250px;
    width: 100%;
    border-radius: 3px 3px 0 0
}

#modalSession .offerImgBox:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    background: rgba(0, 0, 0, .3);
    height: 100%;
    width: 100%;
    z-index: -1
}

#modalSession .offerImg {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background-size: cover !important;
    background-position: top
}

#modalSession .session-cont {
    padding: 15px 25px;
    vertical-align: top
}

#modalSession .title {
    font-size: 16px;
    font-weight: 600;
    line-height: 1.2
}

#modalSession .offerTitle {
    background: #28ad00;
    padding: 11px 35px 11px 20px;
    font-weight: 600;
    color: #fff;
    text-align: center;
    line-height: 1;
    font-size: 14px;
    position: relative;
    letter-spacing: 1px
}

#modalSession .offerTitle:after {
    content: "";
    position: absolute;
    top: -1px;
    right: -18px;
    width: 34px;
    background: #fff;
    bottom: -1px;
    transform: skewX(30deg)
}

#modalSession .backShade {
    background-color: #221629;
    position: absolute;
    left: -3px;
    top: 3px;
    width: calc(100% - 20px);
    height: 100%;
    z-index: -1
}

#modalSession .backShade:after {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    width: 22px;
    background: #221629;
    transform: skewX(39deg)
}

#modalSession .btnField {
    position: absolute;
    right: 1px;
    top: 1px;
    bottom: 1px;
    font-size: 14px;
    height: auto;
    padding: 0 10px;
    border-left: 1px solid #c2c2c2;
    padding-top: 1px;
    min-width: 80px
}

#modalSession #btnSentOtp {
    padding-top: 0;
    top: 0;
    bottom: 0
}

#modalSession .timerOTP {
    position: absolute;
    top: 0;
    right: 0;
    text-align: center;
    font-size: 14px;
    line-height: 39px;
    text-align: center;
    font-size: 14px;
    position: absolute;
    border-left: 1px solid #c2c2c2;
    padding: 0 11px;
    min-width: 65px;
    color: #28ad00
}

#modalSession .coupon-area {
    text-align: center;
    position: relative;
    border: 1px dashed #bdb9bf;
    background: #f4f4f4;
    border-radius: 3px;
    max-width: 300px
}

#modalSession .coupon-box {
    padding: 6px 10px;
    font-weight: 600;
    width: 70%
}

#modalSession .copyCode {
    background: #000;
    color: #fff
}

#modalSession .btnCopy {
    border-radius: 0 3px 3px 0;
    -webkit-border-radius: 0 3px 3px 0;
    display: table-cell;
    vertical-align: middle;
    font-size: 16px;
    height: 38px;
    font-weight: 400
}

#modalSession .copySuccess {
    position: absolute;
    top: 50%;
    right: 130px;
    background: #fff;
    padding: 10px;
    color: #000;
    font-size: 14px;
    width: 70px;
    text-align: center;
    margin-left: -35px;
    margin-top: -20px;
    display: none;
    cursor: none;
    text-transform: capitalize
}

#modalSession .copySuccess:after {
    content: "";
    position: absolute;
    left: -7px;
    top: 50%;
    display: inline-block;
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
    border-radius: 4px;
    border-right: 8px solid #fff;
    margin-top: -8px
}

#modalSession .listBullet .bult {
    font-size: 12px;
    margin-bottom: 10px
}

#modalSession .listBullet .bult:before {
    width: 6px;
    height: 6px;
    top: 9px
}

#modalSession #couponOnlyFor {
    font-weight: 600
}

#modalSession .congratsText img {
    display: block;
    margin: 0 auto 20px
}

#modalSession .congratsText span {
    background: #ffffff5c;
    padding: 5px 40px;
    border: 2px dashed #fc970e;
    border-radius: 20px;
    font-weight: 600
}

#modalSession .offerLimit {
    background: #8ccd71;
    border-radius: 20px;
    padding: 2px 10px;
    margin: 0 2px;
    color: #fff
}

#modalSession .offer-name h4 {
    position: absolute;
    opacity: .5;
    color: #8d8d8d
}

#modalSession .offer-name h4:nth-child(1) {
    top: 30px;
    left: 20px;
    transform: rotate(25deg)
}

#modalSession .offer-name h4:nth-child(2) {
    right: -12px;
    bottom: 90px;
    transform: rotate(100deg)
}

#modalSession .offer-name h4:nth-child(3) {
    bottom: 10px;
    left: 20px;
    transform: rotate(3deg)
}

#modalSession .offer-name h4:nth-child(4) {
    right: -25px;
    bottom: 50px;
    transform: rotate(84deg)
}

#modalSession .offer-name h4:nth-child(5) {
    right: 20px;
    top: 30px;
    transform: rotate(16deg)
}

#modalSession .offer-name h4:nth-child(6) {
    left: -10px;
    bottom: 120px;
    transform: rotate(65deg)
}

@media only screen and (min-width:992px) {
    #modalSession .modalMainBottom {
        border-radius: 30px 0 0 30px
    }

    #modalSession .offerImgBox {
        max-width: 350px;
        width: 50%;
        border-radius: 3px 0 0 3px
    }

    #modalSession .session-cont {
        padding: 35px 30px
    }

    #modalSession .offerImgStep1 {
        background-position: center;
        width: 100%
    }

    #modalSession .title {
        font-size: 22px
    }

    #modalSession .offerTitle {
        font-size: 16px
    }

    #modalSession .modalContent {
        min-height: 400px
    }

    #modalSession .listBullet .bult {
        font-size: 14px
    }

    #modalSession .coupon-area {
        max-width: 100%
    }

    #modalSession .offer-name h4:nth-child(1) {
        top: 50px;
        left: 20px;
        transform: rotate(45deg)
    }

    #modalSession .offer-name h4:nth-child(2) {
        right: -50px;
        bottom: 90px;
        transform: rotate(94deg)
    }

    #modalSession .offer-name h4:nth-child(3) {
        bottom: 30px;
        left: 60px;
        transform: rotate(-7deg)
    }

    #modalSession .offer-name h4:nth-child(4) {
        right: -17px;
        bottom: auto;
        top: 110px;
        transform: rotate(55deg)
    }

    #modalSession .offer-name h4:nth-child(5) {
        left: 160px;
        right: auto;
        top: 30px;
        transform: rotate(-14deg)
    }

    #modalSession .offer-name h4:nth-child(6) {
        left: -20px;
        bottom: 140px;
        transform: rotate(65deg)
    }
}

.noteStrip {
    position: relative;
    text-align: center;
    margin-top: 11px;
    border-radius: 4px;
    padding: 8px 10px 6px;
    line-height: 1.1;
    border: 1px solid #e7e7e7;
    color: #0e9fff;
    box-shadow: 0 0 10px 0 rgba(96, 96, 96, .15);
    background: #fff;
    font-size: 12px
}

.noteStrip:before {
    content: "";
    position: absolute;
    top: -6px;
    right: 13px;
    display: block;
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #0e9fff
}

.cdCaresWiz .cd {
    position: relative;
    padding: 16px;
    margin-top: 28px;
    text-align: left;
    overflow: hidden
}

.cdCaresWiz .cycleBg {
    position: absolute;
    left: 0;
    bottom: 0;
    background-size: contain !important;
    background-repeat: no-repeat;
    width: 100%;
    height: 95%;
    z-index: 0;
    opacity: .1;
    pointer-events: none
}

.cdCaresWiz .cdAssmbled {
    background: #fffcf2
}

.cdCaresWiz .cdWiz {
    background: #fffcf2
}

.cdCaresWiz .cdCare {
    background: #f2faff
}

.cdCaresWiz .imgLogo {
    width: auto;
    height: 16px;
    display: inline-block;
    vertical-align: middle;
    width: auto
}

.cdCaresWiz .cont {
    max-width: calc(100% - 100px);
    position: relative;
    z-index: 2
}

.cdCaresWiz .cont p {
    color: #505050
}

.cdCaresWiz .name {
    font-size: 15px;
    font-weight: 600;
    color: #221629;
    margin: 16px 0 5px
}

.cdCaresWiz .cdAssmbled .imgLogo {
    width: 190px
}

.cdCaresWiz .cdAssmbled .imgRgt {
    width: 160px;
    right: -50px
}

.cdCaresWiz .imgRgt {
    position: absolute;
    right: 10px;
    bottom: 0;
    width: 100px;
    height: auto;
    z-index: 2
}

.cdCaresWiz .tag {
    border-radius: 30px;
    padding: 4px 18px;
    margin-top: 14px;
    display: inline-block;
    vertical-align: middle;
    font-size: 12px;
    font-style: italic
}

.crdMain {
    padding-top: 4px;
    align-items: flex-start
}

.crdMain .crdItem {
    min-width: 288px
}

.crdMain .crd {
    min-height: 528px;
    padding: 20px 10px 75px
}

.crdMain .crd .crdImg {
    margin: 16px 0 16px -10px;
    min-height: 240px
}

.crdMain .crdModelTag {
    border-radius: 0 8px 0;
    -webkit-border-radius: 0 8px 0
}

.crdMain .crdSpec {
    zoom: .8;
    align-items: flex-start
}

.crdMain .priceOffHold {
    white-space: nowrap
}

.crd {
    width: 100%
}

.crd .crdImg {
    overflow: hidden;
    margin: 16px 0;
    min-height: 180px
}

.crd .crdImg img {
    max-height: 100%;
    width: auto;
    max-width: 100%;
    min-width: auto
}

.crd .crdName {
    font-size: 14px;
    color: #000;
    font-weight: 600;
    text-transform: uppercase;
    display: flex
}

.crd .colorWidget {
    flex-direction: column;
    row-gap: 10px;
    width: 34px;
    padding: 0;
    align-items: center;
    position: absolute;
    right: 0;
    top: 50%;
    z-index: 5;
    transform: translateY(-50%);
    background: #f3f3f3;
    border-radius: 5px 0 0 5px;
    -webkit-border-radius: 5px 0 0 5px;
    padding: 12px 0
}

.crd .colorWidget .colorBtn {
    margin: 0
}

.crd .colorWidget .colorBtn.active:after {
    display: none
}

.crd .colorWidget .attrBtn {
    min-width: 40px;
    zoom: .64;
    margin-left: 0
}

.crd .crdPrice {
    color: #000;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 600;
    display: inline-block
}

.crd .crdPrice .icon-rupee {
    font-weight: 600;
    zoom: .75
}

.crd .cutPrice {
    text-decoration: line-through;
    color: #616161;
    font-weight: 400;
    display: inline-block;
    vertical-align: middle;
    font-size: 12px;
    text-transform: uppercase;
    line-height: 1
}

.crd .cutPrice .icon-rupee {
    font-weight: 600
}

.crd .cutPrice .mrpTxt {
    font-size: 12px;
    padding-left: 1px
}

.crd .priceHolder {
    padding: 0 10px 16px
}

.crd .priceHolder p {
    font-size: 12px;
    line-height: 12px;
    font-style: italic;
    font-weight: 400;
    padding-top: 2px;
    letter-spacing: normal;
    zoom: .8
}

.crd .priceHolder .crdColor,
.crd .priceHolder .crdPrice {
    flex-grow: 1
}

.crd .priceHolder .crdPrice {
    flex-shrink: 0;
    padding-right: 5px
}

.crd .priceHolder .crdColor {
    white-space: normal;
    overflow: hidden;
    flex-shrink: 1;
    padding-bottom: 2px
}

.crd .crdColor {
    text-align: right;
    white-space: nowrap
}

.crd .crdColor .crdWidget {
    padding: 3px 0 0 0
}

.crd .crdColor .crdWidget.swipeSlider {
    padding: 3px 2px 5px
}

.crd .crdColor .crdWidget.swipeSlider::-webkit-scrollbar-thumb {
    background: #a1a1a1 !important
}

.crd .crdColor .crdWidget.swipeSlider>.colorBtn {
    max-width: 16px
}

.crd .crdColor .text {
    font-size: 12px
}

.crd .crdColor .colorBtn {
    margin: 0 0 0 5px;
    max-width: 16px
}

.crd .cardSpecTitle {
    font-size: 12px;
    line-height: 21px;
    text-transform: initial
}

.crd .crdTag {
    top: 30%;
    right: 0
}

.crd .crdHeart {
    position: absolute;
    top: 25px;
    right: 16px;
    font-size: 15px;
    color: #959595
}

.crd .crdHeart.active:before {
    content: "\e93d";
    color: red
}

.crd .crdFooter {
    margin: 16px 0 0;
    border-top: 1px solid #f0f0f0;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 66px
}

.crd .emiText {
    font-size: 12px;
    font-weight: 300;
    font-style: italic;
    color: #616161;
    zoom: .8;
    text-transform: none
}

.crd .crdPrice {
    font-size: 15px;
    line-height: 1;
    padding: 6px 8px 6px 10px;
    display: table-cell
}

.crd .priceOffHold {
    margin-top: 2px;
    margin-bottom: 3px
}

.crd .emiText {
    font-size: 12px;
    font-weight: 300;
    font-style: italic;
    color: #959595;
    zoom: .8;
    text-transform: none
}

.crd .btnHold {
    width: 125px
}

.crd .btn {
    width: 100%;
    border-radius: 0 0 5px 0;
    -webkit-border-radius: 0 0 5px 0;
    font-size: 16px;
    text-transform: uppercase;
    height: 100%
}

.tab-rideons .crdMain .crd {
    min-height: 489px
}

.tab-accessories .crdMain .crd {
    min-height: 428px
}

.tab-accessories .crdMain .crd .crdImg img {
    max-height: 280px;
    margin: auto
}

@media only screen and (min-width:340px) {
    .crdMain .crdItem {
        min-width: 302px
    }

    .crdMain .crd {
        min-height: 547px
    }

    .crdMain .crd .crdImg {
        min-height: 245px
    }

    .crdMain .crdSpec {
        zoom: .9
    }

    .tab-rideons .crdMain .crd {
        min-height: 526px
    }
}

@media only screen and (min-width:360px) {
    .crd .crdPrice {
        padding: 6px 8px 6px 16px
    }

    .crdMain .crdItem {
        min-width: 328px
    }

    .crdMain .crd {
        padding: 24px 16px 75px;
        min-height: 552px
    }

    .crdMain .crdSpec {
        zoom: .9
    }
}

@media only screen and (min-width:992px) {
    .crdMain .crdSpec {
        zoom: .8
    }

    .crdMain .crd .crdImg {
        min-height: 345px
    }

    .crd .crdFooter {
        height: 75px
    }
}

.crdModelTag {
    position: absolute;
    top: 0;
    right: 0;
    color: #fff;
    font-size: 12px;
    line-height: 1.3;
    text-transform: uppercase;
    padding: 4px 16px;
    font-weight: 600;
    overflow: hidden;
    z-index: 1
}

.crdModelTag.rotate {
    top: 25%;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    -webkit-transform-origin: 100% 0;
    -moz-transform-origin: 100% 0;
    transform-origin: 100% 0;
    padding: 2px 16px 0
}

.crdModelTag.rotate span {
    -webkit-transform: skewX(-20deg) skewY(0);
    transform: skewX(-20deg) skewY(0);
    left: 8px;
    right: 8px
}

.crdModelTag span {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -1
}

.modelTagBody {
    margin: auto;
    display: block;
    position: absolute;
    top: 60%;
    right: 0;
    width: 139px;
    height: 28px;
    line-height: 1;
    white-space: nowrap;
    transform: rotate(90deg) translate(-46%, -54%);
    transform-origin: 91% 0;
    text-align: center;
    overflow: hidden
}

.modelTagBody div {
    padding: 10px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    transform-origin: 100% 0;
    animation-duration: 7s;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;
    z-index: 1;
    color: #fff;
    font-size: 12px;
    line-height: 24px;
    text-transform: uppercase;
    padding: 2px 16px 0;
    font-weight: 600
}

.modelTagBody div span {
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 8px;
    right: 8px;
    -webkit-transform: skewX(-20deg) skewY(0);
    transform: skewX(-20deg) skewY(0);
    z-index: -1
}

.modelTagBody div span.magenta {
    background: #b900a7
}

.modelTagBody div.animation1 {
    animation-name: modelTagAaniOne
}

.modelTagBody div.animation2 {
    animation-name: modelTagAaniTwo
}

@keyframes modelTagAaniOne {

    0%,
    10% {
        opacity: 0;
        margin-top: -50px
    }

    10%,
    40% {
        opacity: 1;
        margin-top: 0
    }

    100%,
    50% {
        opacity: 0;
        margin-top: -50px
    }
}

@keyframes modelTagAaniTwo {

    0%,
    50% {
        opacity: 0;
        margin-top: -50px
    }

    60%,
    80% {
        opacity: 1;
        margin-top: 0
    }

    100% {
        opacity: 0;
        margin-top: -50px
    }
}

.crdTopSpec {
    column-gap: 12px;
    margin-top: 12px;
    color: #221629;
    font-size: 12px;
    line-height: 1
}

.crdTopSpec li {
    display: flex;
    align-items: center;
    column-gap: 5px
}

.crdTopSpec i {
    color: #28ad00;
    font-size: 14px
}

@media only screen and (min-width:992px) {
    .fitHeader .fitHead {
        padding-top: 15px;
        padding-bottom: 15px
    }

    .fitHeader .logo {
        max-width: 200px
    }

    .fitHeader .fitLogo {
        max-width: 60px
    }

    .cardFit {
        width: calc(33.333% - 20px);
        -webkit-transform: scale(.7);
        transform: scale(.7)
    }

    .cardFit.nrml {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    .cardFit.first {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    .cardFit .thumb {
        min-width: 140px;
        min-height: 140px
    }

    .cardFit img {
        max-width: 155px;
        min-height: 140px
    }

    .fitBharatPage h1,
    .fitBharatPage h2 {
        margin-bottom: 30px
    }

    .fitBharatPage h1+p,
    .fitBharatPage h2+p {
        margin-bottom: 45px
    }

    .fitBharatPage .sect {
        padding-top: 70px
    }

    .fitBharatPage .sectBrd:before {
        width: 150px
    }

    .fitBharatPage .sectParticipate .noGutter {
        padding-left: 15px;
        padding-right: 15px
    }

    .fitBharatPage .secTitle {
        margin-top: 0
    }

    .fitBharatPage .paricipateCont {
        text-align: left
    }

    .fitBharatPage .paricipateCont h2 {
        margin-top: 0;
        text-align: left
    }

    .fitBharatPage .paricipateCont h2+p {
        text-align: left
    }

    .fitBharatPage .paricipateCont .sectBrd:before {
        left: 0;
        transform: translateX(0)
    }

    .fitBharatPage .table {
        margin-top: 18px
    }

    .fitBharatPage .btnJoin {
        text-align: left
    }

    .fitBharatPage .topWinSec {
        column-gap: 30px
    }

    .fitBharatPage .galleryWrap {
        column-gap: 10px
    }

    .fitBharatPage .galleryWrap .gItems {
        flex-basis: calc(33.33% - 7px)
    }

    .fitBharatPage .galleryWrap .item.full {
        height: 49%
    }

    .fitBharatPage .galleryWrap figcaption {
        font-size: 16px
    }

    .fitBharatPage .cardVid {
        width: 280px
    }

    .fitBharatPage .vidItem {
        height: 490px;
        min-height: 100%
    }

    .fitBharatPage .cardName {
        font-size: 15px
    }

    .fitBharatPage .slick-dots li button:before,
    .fitBharatPage .slick-dots li.slick-active button:before {
        width: 16px;
        height: 16px;
        border-color: #bbf247
    }

    .fitBharatPage .slick-next,
    .fitBharatPage .slick-prev {
        width: 50px;
        height: 50px;
        border-radius: 0;
        background: rgba(255, 255, 255, .8) !important
    }

    .fitBharatPage .slick-next:before,
    .fitBharatPage .slick-prev:before {
        border-color: #bbf247
    }

    .fitBharatPage .slick-next:focus,
    .fitBharatPage .slick-next:hover,
    .fitBharatPage .slick-prev:focus,
    .fitBharatPage .slick-prev:hover {
        background: #bbf247 !important
    }

    .fitBharatPage .slick-next:focus:before,
    .fitBharatPage .slick-next:hover:before,
    .fitBharatPage .slick-prev:focus:before,
    .fitBharatPage .slick-prev:hover:before {
        border-color: #fff
    }

    .fitBharatPage .slick-prev {
        left: -3px
    }

    .fitBharatPage .slick-next {
        right: -3px
    }

    .fitBharatPage .winnerSlider img {
        width: 100%
    }

    .fitBharatPage .winnerSlider .slick-next {
        right: 0
    }

    .fitBharatPage .winnerSlider .slick-prev {
        left: 0
    }

    .fitBharatPage .modalBody h3 {
        margin-bottom: 20px
    }

    .fitBharatPage .modalBody .modalContent {
        padding: 40px 40px 20px
    }

    .totalAudiance {
        margin-top: 50px !important;
        font-size: 20px
    }

    .totalAudiance .cdPart {
        padding-top: 30px;
        padding-bottom: 30px
    }

    .totalAudiance .item div {
        font-size: 24px;
        padding-top: 10px
    }
}

@media only screen and (min-width:1024px) {
    .fitBharatPage #home .instagramPanel {
        padding-left: 0;
        padding-right: 0
    }

    .fitBharatPage #home .instagramPanel .instaImgHolder {
        width: 275px;
        height: 275px
    }
}

@media only screen and (min-width:1280px) {
    .fitBharatPage #home .instagramPanel {
        max-width: 1200px
    }

    .fitBharatPage #home .instagramPanel .instaImgHolder {
        width: 300px;
        height: 300px
    }
}

@media only screen and (min-width:1300px) {
    .cardFit {
        width: calc(33.333% - 20px);
        padding: 30px
    }

    .cardFit .thumb {
        min-width: 170px;
        min-height: 170px
    }

    .cardFit img {
        max-width: 190px;
        min-height: 170px
    }

    .cardFit .cHead {
        font-size: 115px
    }

    .cardFit .distanceItem {
        font-size: 18px
    }

    .fitBharatPage {
        padding-bottom: 80px
    }

    .fitBharatPage h1,
    .fitBharatPage h2 {
        font-size: 44px;
        margin-bottom: 50px
    }

    .fitBharatPage h1+p,
    .fitBharatPage h2+p {
        margin-bottom: 45px;
        font-size: 22px
    }

    .fitBharatPage .sect {
        padding-top: 80px
    }

    .fitBharatPage .listBullet {
        font-size: 18px;
        margin-bottom: 40px
    }

    .fitBharatPage .listBullet li {
        margin-bottom: 18px
    }

    .fitBharatPage .listBullet li:before {
        top: 10px
    }

    .fitBharatPage .winnerSec {
        margin-top: 50px
    }

    .fitBharatPage .winnerSec .title {
        font-size: 20px
    }

    .fitBharatPage .winnerOption {
        font-size: 20px;
        margin-left: 15px;
        height: 38px;
        width: 180px
    }

    .fitBharatPage .topWinSec {
        column-gap: 30px
    }

    .fitBharatPage .table {
        margin-top: 24px
    }

    .fitBharatPage .table td,
    .fitBharatPage .table th {
        font-size: 16px;
        padding: 12px 20px
    }

    .fitBharatPage .galleryWrap {
        column-gap: 10px
    }

    .fitBharatPage .galleryWrap .gItems {
        flex-basis: calc(33.33% - 7px)
    }

    .fitBharatPage .galleryWrap .item.full {
        height: 49%
    }

    .fitBharatPage .galleryWrap figcaption {
        font-size: 20px
    }

    #appWrap {
        margin: auto
    }

    #appWrap p {
        max-width: 510px
    }

    #appWrap a {
        max-width: 240px
    }
}

@media only screen and (min-width:1360px) {
    .fitBharatPage #home .instagramPanel {
        max-width: 1300px
    }

    .fitBharatPage #home .instagramPanel .instaImgHolder {
        width: 325px;
        height: 325px
    }
}

@media only screen and (min-width:1440px) {
    .fitBharatPage #home .instagramPanel {
        max-width: 1380px
    }

    .fitBharatPage #home .instagramPanel .instaImgHolder {
        width: 345px;
        height: 345px
    }
}

@media only screen and (min-width:1600px) {
    .fitBharatPage #home .instagramPanel {
        max-width: 1540px
    }

    .fitBharatPage #home .instagramPanel .instaImgHolder {
        width: 385px;
        height: 385px
    }
}

@media only screen and (min-width:1680px) {
    .fitBharatPage .slick-next {
        right: -40px
    }

    .fitBharatPage .slick-prev {
        left: -40px
    }

    .fitBharatPage #home .instagramPanel {
        max-width: 1620px
    }

    .fitBharatPage #home .instagramPanel .instaImgHolder {
        width: 392px;
        height: 392px
    }
}

html {
    scroll-behavior: smooth
}

.offers {
    background: #ebffe5;
    background-image: radial-gradient(#ddd 8%, transparent 0);
    background-size: 15px 15px;
    background-position: 0 0, 8px 8px
}

.offers .bgOdd:nth-child(odd) {
    background: #fff;
    background-image: radial-gradient(#e5e5e5 8%, transparent 0);
    background-size: 15px 15px;
    background-position: 0 0, 8px 8px
}

.offerHero {
    width: 100%
}

.offerHero .offerCatg {
    position: absolute;
    bottom: 0;
    min-width: 100%;
    padding: 10px 32px;
    left: 0;
    right: 0
}

.offerHero .item {
    min-width: 75px;
    background: #ffe673;
    padding: 10px 5px;
    color: #221629;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    font-size: 12px;
    -webkit-box-shadow: 0 0 8px 2px rgba(0, 0, 0, .2);
    box-shadow: 0 0 8px 2px rgba(0, 0, 0, .2)
}

.offerHero .item span {
    font-size: 14px;
    font-weight: 600
}

.offers .noCostEmi {
    margin-top: 0;
    padding-top: 0
}

#sliderDeal:after,
#sliderDeal:before {
    display: none
}

#sliderDeal .slick-slide {
    opacity: 1
}

#sliderDeal .slick-current {
    opacity: 1 !important
}

#sliderDeal .card {
    min-height: 330px;
    padding: 22px 10px 55px !important;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center
}

#sliderDeal .card .modelTag {
    transform: translateX(50%);
    top: 0;
    right: 50%;
    bottom: auto;
    padding: 0 20px
}

#sliderDeal .card .modelTag span {
    border-radius: 0 0 8px 8px
}

#sliderDeal .card .cardName {
    margin: 10px 0 16px
}

#sliderDeal .cdFooter {
    position: absolute;
    bottom: 0;
    width: 100%;
    left: 0;
    height: 56px;
    border-top: 1px solid #e1e1e1
}

#sliderDeal .cdFooter .btn {
    flex-basis: 40%;
    height: 100%;
    border-radius: 0 0 12px;
    font-size: 12px;
    padding: 0 4px;
    line-height: 4
}

#sliderDeal .cdFooter .btn:hover .icon-arrow {
    margin-left: 6px
}

#sliderDeal .cdFooter .icon-arrow {
    transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    margin: 0 0 1px 4px;
    font-size: 80%;
    display: inline-block
}

#sliderDeal .priceHolder {
    flex-basis: calc(100% - 100px);
    margin-top: 0;
    padding: 0 10px;
    min-height: auto
}

#sliderDeal .priceHolder:before {
    display: none
}

#sliderDeal .cardPrice {
    font-size: 12px;
    line-height: 1.2
}

#sliderDeal .cutPrice {
    text-decoration: none;
    position: relative;
    letter-spacing: normal;
    font-size: 12px
}

#sliderDeal .cutPrice:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    width: calc(100% - 8px);
    height: 1px;
    background: #959595
}

.offerSlider2 {
    max-width: 320px;
    margin: 0 auto;
    padding: 6px 0 14px
}

.offerSlider2 .slick-list {
    overflow: visible
}

.offerSlider2 .slick-slide {
    opacity: 1
}

.offerSlider2 .slick-active {
    opacity: 1
}

.offerSlider2 .slick-dots {
    bottom: -15px
}

.cardOffer {
    min-height: 410px;
    max-width: 300px;
    margin: 0 auto;
    padding: 25px 8px 50px
}

.cardOffer .cardName {
    letter-spacing: 1px
}

.cardOffer .cadTopSpec {
    margin-top: 0
}

.cardOffer .cardImg {
    margin: 0 0 8px;
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 210px;
    overflow: hidden;
    width: 100%
}

.cardOffer .priceHolder {
    padding: 0 10px;
    width: 65%
}

.cardOffer .priceHolder p {
    line-height: 1.1
}

.cardOffer .cardPrice {
    font-size: 12px;
    line-height: 1.2
}

.cardOffer .cutPrice {
    font-size: 12px
}

.cardOffer .priceOff {
    font-size: 11px !important
}

.cardOffer .cardColor {
    position: absolute;
    bottom: 60px;
    left: 0;
    padding: 0 16px;
    width: 100%;
    text-align: left;
    justify-content: space-between
}

.cardOffer .cardColor .colorBtn:first-child {
    margin-left: 0
}

.cardOffer .gearedType {
    margin-left: auto;
    min-height: 20px;
    align-self: end;
    line-height: 20px
}

.cardOffer .gearedType:before {
    content: "";
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #bfbfbf;
    display: inline-block;
    vertical-align: 1px;
    margin-right: 4px
}

.cardOffer .colorWidget .attrBtn {
    height: 20px;
    line-height: 18px;
    font-weight: 400;
    font-size: 12px
}

.cardOffer .btn {
    text-transform: uppercase;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center
}

.cardOffer .btn-default {
    background: #ffdc00;
    color: #221629;
    border: 1px solid #e5e5e5;
    border-radius: 0 0 8px 0 !important;
    margin-top: -1px;
    height: auto;
    font-size: 12px;
    padding: 8px 12px;
    min-height: calc(100% + 1px)
}

.cardOffer .btn-default:focus,
.cardOffer .btn-default:hover {
    color: #fff
}

.cardOffer .icon-arrow {
    transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    margin: 0 0 1px 4px;
    font-size: 12px
}

.cardOffer .modelTag {
    top: 0;
    right: auto;
    left: 50%;
    padding: 0 14px;
    -webkit-transform-origin: none;
    -moz-transform-origin: none;
    transform-origin: none;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    font-weight: 600;
    line-height: 18px
}

.cardOffer .modelTag span {
    -webkit-transform: skewX(0) skewY(0);
    transform: skewX(0) skewY(0);
    left: 0;
    right: 0;
    border-radius: 0 0 6px 6px;
    -webkit-border-radius: 0 0 6px 6px
}

.cardOffer .cardFooterGroup {
    overflow: visible
}

.cardKitWrap .cardKit {
    border-radius: 12px;
    -webkit-border-radius: 12px;
    margin-bottom: 15px;
    overflow: hidden;
    width: 290px
}

.shopCatg {
    flex-direction: row;
    flex-wrap: wrap
}

.shopCatg .item {
    display: flex;
    flex: 0 0 100%;
    min-height: 200px;
    flex-wrap: wrap
}

.shopCatg .item a {
    position: relative;
    display: flex;
    min-height: 160px;
    overflow: hidden;
    flex: 0 0 100%;
    border: 1px solid #fff
}

.shopCatg .item a:hover img {
    transform: translate(-50%, -50%) scale(1.13)
}

.shopCatg .item a:before {
    background: rgba(0, 0, 0, .2);
    z-index: 1;
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.shopCatg .item img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transition: all .3s ease-in-out;
    z-index: 0;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto
}

.shopCatg .itemTwo a {
    flex: 0 0 50%
}

.shopCatg .itemTwo a:nth-child(3) {
    flex: 0 0 100%
}

.shopCatg .catg {
    position: absolute;
    top: 10px;
    left: 10px;
    font-size: 16px;
    color: #fff;
    z-index: 2
}

@media only screen and (min-width:411px) {
    .offerSlider2 {
        max-width: 340px
    }

    .cardOffer {
        max-width: 320px
    }
}

@media only screen and (min-width:668px) {
    .shopCatg .item a {
        min-height: 220px
    }
}

@media only screen and (min-width:768px) {
    .offerSlider2 {
        max-width: 100%
    }

    .shopCatg .item {
        flex: 0 0 33.33%
    }

    .shopCatg .item a {
        min-height: 66px
    }
}

@media only screen and (min-width:1024px) {
    .offerHero .item {
        min-width: 150px;
        padding: 15px 10px;
        font-size: 16px;
        margin: 0 10px;
        transition: all .3s ease-in-out
    }

    .offerHero .item span {
        font-size: 22px
    }

    .offerHero .item:hover {
        background: #28ad00;
        margin-top: -15px
    }

    .offerHero .offerCatg {
        padding: 20px 0;
        justify-content: center
    }

    .cardOffer .btn-default {
        font-size: 12px;
        padding: 8px 16px
    }

    #sliderDeal {
        max-width: 800px
    }

    #sliderDeal .card {
        min-height: 580px;
        padding: 22px 10px 90px !important
    }

    #sliderDeal .card .cardImg {
        height: 380px;
        line-height: 380px
    }

    #sliderDeal .card .cardImg img {
        min-width: 560px;
        max-height: 396px;
        max-width: 550px
    }

    #sliderDeal .cdFooter {
        height: 80px
    }

    #sliderDeal .cdFooter .btn {
        font-size: 20px
    }

    #sliderDeal .cdFooter .btn:hover .icon-arrow {
        margin-left: 6px
    }

    #sliderDeal .cdFooter .icon-arrow {
        transition: margin .2s ease-in-out
    }

    #sliderDeal .priceHolder {
        flex-basis: calc(100% - 200px);
        padding: 0 20px
    }

    #sliderDeal .cardPrice {
        font-size: 22px
    }

    #sliderDeal .cutPrice {
        font-size: 14px;
        margin-left: 12px
    }

    #sliderDeal .priceListOff {
        display: inline-block;
        vertical-align: middle
    }

    #sliderDeal .priceListOff .priceOff {
        font-size: 16px !important
    }

    #sliderDeal .slick-current .card {
        -webkit-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1)
    }

    #sliderDeal .slick-current .card .cardImg {
        height: 380px;
        line-height: 380px
    }

    #sliderDeal .slick-current .card .cardImg img {
        min-width: 560px;
        max-height: 396px;
        max-width: 550px
    }

    #sliderDeal .slick-dots {
        bottom: -45px
    }

    .offerSlider2 {
        padding-top: 0
    }

    .offerSlider2 .slick-dots {
        bottom: -30px
    }

    .cardKitWrap {
        justify-content: space-between;
        column-gap: 25px;
        max-width: 1120px;
        margin: 0 auto
    }

    .cardKitWrap .cardKit {
        margin-bottom: 0;
        width: auto;
        border: 5px solid transparent;
        transition: all .3s ease-in-out
    }

    .cardKitWrap .cardKit:hover {
        border-color: #fff;
        box-shadow: 0 0 12px 0 rgba(40, 173, 0, .6);
        border-radius: 20px 0 20px 0;
        -webkit-border-radius: 20px 0 20px 0
    }

    .shopCatg .item {
        flex: 0 0 33.33%;
        min-height: 200px
    }

    .shopCatg .item a {
        height: 176px;
        flex: 0 0 100%
    }

    .shopCatg .itemTwo a {
        flex: 0 0 50%
    }

    .shopCatg .itemTwo a:nth-child(3) {
        flex: 0 0 100%
    }

    .shopCatg .itemLast a {
        height: 264px
    }
}

.cardListWidget {
    width: 100%;
    padding: 8px 16px;
    background: #fff;
    font-size: 12px
}

.cardListWidget .imgThumb {
    width: 60px;
    height: 40px;
    padding-right: 5px
}

.cardListWidget .imgThumb img {
    width: 100%
}

.cardListWidget .name {
    font-size: 13px;
    font-weight: 600
}

.cardListWidget .name span {
    font-size: 12px
}

.cardListWidget .text {
    font-size: 12px;
    line-height: 1;
    padding: 4px 0 2px
}

.cardListWidget .text i {
    font-size: 60%;
    vertical-align: 1px
}

.cardListWidget .price {
    font-weight: 600;
    color: #28ad00;
    padding-top: 2px;
    font-size: 12px
}

.cardListWidget .price .icon-rupee {
    font-size: 12px;
    font-weight: 700
}

.cardListWidget .countHandler {
    width: 70px
}

.cardListWidget .cutPrice {
    font-size: 12px;
    font-weight: 600;
    margin-left: 6px;
    color: #616161;
    position: relative
}

.cardListWidget .cutPrice:after {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    background: #616161;
    display: block;
    height: .5px;
    width: 100%
}

.cardListWidget .cutPrice i {
    font-size: 100%;
    font-weight: 700;
    margin-right: 3px;
    zoom: .75
}

.cardListWidget .cares-head {
    background: #fff;
    float: right
}

.cardListWidget .cares-head .cares-btn {
    width: max-content;
    padding: 0 4px 1px;
    border-radius: 6px;
    border-color: #dfdfdf;
    min-height: 26px
}

.cardListWidget .cares-head .cares-btn .icon-rupee {
    font-size: 100%;
    zoom: .8;
    font-weight: 600
}

.cardListWidget .cares-head .customCheckbox {
    padding-left: 23px
}

.cardListWidget .cares-head h4 {
    font-size: 12px;
    width: 41px;
    line-height: 1;
    zoom: .72;
    text-align: left
}

.cardListWidget .cares-head h4+span {
    display: inline-flex;
    align-items: center
}

.cardListWidget .cares-head .icon-info {
    color: #777;
    font-size: 12px;
    position: relative;
    top: -6px;
    left: 6px
}

.cardListWidget .couponDisc {
    margin-top: 2px
}

.trendingText .trendingIcon {
    padding: 5px;
    background: #27a80024;
    height: 18px;
    width: 22px;
    margin-left: 0
}

@media only screen and (min-width:992px) {
    .cardListWidget .right-content {
        max-width: 100px
    }

    .cardListWidget .cares-head .cares-btn {
        padding: 5px;
        min-height: 32px
    }

    .cardListWidget .cares-head .cares-btn span {
        zoom: 1
    }

    .cardListWidget .cares-head .cares-btn .icon-rupee {
        padding-top: 2px
    }

    .cardListWidget .cares-head .cares-btn .customControl {
        padding-top: 0
    }

    .cardListWidget .cares-head .cares-btn .customIndicator {
        top: 1px
    }

    .cardListWidget .cares-head h4 {
        font-size: 12px;
        width: auto;
        zoom: 1
    }

    .cardListWidget .cares-head .customCheckbox {
        padding-left: 30px
    }

    .cardListWidget .cares-head .icon-info {
        font-size: 16px;
        cursor: pointer
    }
}

.quantityControl {
    display: inline-block;
    vertical-align: middle;
    min-width: 85px;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    margin-right: -8px
}

.quantityControl .qtyControl {
    width: 25px;
    cursor: pointer;
    height: 25px;
    background-color: #fff;
    color: #28ad00
}

.quantityControl .qtyControl.disabled {
    opacity: .25;
    pointer-events: none
}

.quantityControl .inputQty {
    outline: 0;
    font-size: 14px;
    width: 25px;
    height: 25px;
    color: #221629;
    border: 0
}

.quantityControl .minusIcon:after,
.quantityControl .minusIcon:before,
.quantityControl .plusIcon:after,
.quantityControl .plusIcon:before {
    top: 10px;
    right: 8px;
    width: 8px
}

#modalAddToCart .cardWidgetWrap {
    margin-bottom: 16px
}

#modalAddToCart .cardWidgetWrap .freeAccess {
    font-size: 16px;
    text-align: center;
    color: #000;
    width: 100%;
    background-color: #90ee90
}

#modalAddToCart .cardListWidget {
    margin-bottom: 16px;
    padding: 16px 12px
}

#modalAddToCart .cardListWidget .imgThumb {
    padding-right: 5px
}

#modalAddToCart .cardListWidget .imgThumb img {
    max-width: 100%;
    max-height: 75px;
    width: auto;
    height: auto;
    margin: 0 auto
}

#modalAddToCart .cardListWidget .priceOffHold .cutPrice {
    margin-left: 0
}

#modalAddToCart .qtyBox {
    vertical-align: top;
    padding-bottom: 10px
}

#modalAddToCart .soldText {
    line-height: 1
}

#modalAddToCart .modalHeader {
    font-size: 20px;
    font-weight: 600;
    background: #f5f5f5;
    padding: 10px;
    border-radius: 8px;
    justify-content: space-between;
    margin: 10px 0 30px
}

#modalAddToCart .itemCount {
    font-size: 16px;
    font-weight: 400
}

#modalAddToCart .itemCount span {
    display: inline-flex;
    width: 30px;
    height: 30px;
    justify-content: center;
    align-items: center;
    font-size: 16px
}

#modalAddToCart .cardFooter {
    justify-content: space-between
}

#modalAddToCart .cardFooter .btn {
    border-radius: 8px;
    height: 50px;
    font-size: 16px;
    min-width: 150px;
    line-height: 50px;
    padding: 0
}

#modalAddToCart .priceHolder {
    font-size: 20px;
    font-weight: 600
}

#modalAddToCart .priceHolder .rupeeCustom {
    font-weight: 700;
    font-size: 70%
}

#modalAddToCart .empty-cart .img {
    width: 50%;
    margin: 0 auto
}

#modalAddToCart .empty-cart p {
    font-size: 16px;
    margin: 30px 0;
    color: #959595
}

#modalAddToCart .empty-cart .btn {
    border-radius: 4px;
    font-size: 12px
}

#modalAddToCart .benefiteList {
    margin-top: 35px
}

#modalAddToCart .benefiteList img {
    max-height: 20px;
    max-width: 26px;
    width: auto
}

#modalAddToCart .benefiteList .icon-holder {
    margin-top: -25px;
    background: #fff;
    border-radius: 4px;
    height: 36px;
    width: 36px;
    max-width: 100%;
    box-shadow: 0 0 6px rgba(0, 0, 0, .1);
    border: 1px solid #f3f3f3;
    margin-bottom: 10px
}

#modalAddToCart .benefiteList .list {
    min-height: 75px;
    font-size: 12px;
    width: 100%;
    margin: 0 5px
}

#modalAddToCart .benefiteList li {
    flex: 0 0 25%;
    max-width: 25%;
    margin-right: 0
}

#modalAddToCart .benefiteList .offerWidget .offerTitle {
    margin: 0 0 30px;
    text-align: center
}

.totalImgDealer {
    position: absolute;
    bottom: 45px;
    right: 25px;
    color: #fff;
    font-size: 12px;
    line-height: 1;
    z-index: 7
}

#photos {
    scroll-behavior: smooth
}

.dealerInfo {
    margin-bottom: 24px
}

.dealerInfo .foundedBox {
    column-gap: 10px
}

.dealerInfo .founded {
    background: #f5f5f5;
    padding: 6px 15px;
    border-radius: 15px;
    line-height: 1;
    font-weight: 600
}

.dealerInfo .ratingStrip {
    width: auto;
    overflow: hidden;
    border: 0;
    height: 100%
}

.dealerInfo .ratingStrip span {
    height: 100%
}

.deliverySteps {
    column-gap: 20px;
    margin-bottom: 24px
}

.deliverySteps .icon-right {
    margin-right: 4px;
    color: #aeaeae;
    font-size: 12px
}

.storeInfoBox {
    justify-content: space-between;
    text-align: center;
    max-width: 600px;
    padding: 0 15px
}

.storeInfoBox .icon {
    width: 54px;
    height: 54px;
    border: 1px solid #dfdfdf;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    justify-content: center;
    margin: auto;
    color: #28ad00;
    font-size: 22px;
    margin-bottom: 8px
}

.storeInfoBox span {
    display: flex;
    max-width: 60px;
    color: #959595
}

.dimandImg {
    position: absolute;
    right: -5px;
    bottom: 5px;
    max-width: 36px
}

#storeDetails .userInfoCard {
    padding-top: 60px
}

#storeDetails .userProfile {
    overflow: visible;
    background: #f5f5f5
}

#storeDetails~.slick-lightbox .slick-next,
#storeDetails~.slick-lightbox .slick-prev {
    border-radius: 4px
}

#storeDetails~.slick-lightbox .slick-next:before,
#storeDetails~.slick-lightbox .slick-prev:before {
    border-width: 0 0 1px 1px;
    padding: 2px
}

.storeCard {
    border: 1px solid #dfdfdf;
    width: 100%;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    text-align: left;
    font-size: 12px;
    font-weight: 300;
    margin-bottom: 16px
}

.storeCard>div {
    padding: 16px
}

.storeCard>div:first-child {
    padding-right: 0
}

.storeCard .icon {
    color: #aeaeae;
    font-size: 24px
}

.storeCard .iconHold {
    width: 40px;
    padding-right: 0;
    font-size: 20px;
    line-height: 1;
    text-align: center
}

.storeCard .iconHold2 {
    text-align: center
}

.storeCard .storeMap {
    width: 126px
}

.storeCard .storeMap img {
    filter: blur(1px)
}

.storeCard address {
    font-style: normal;
    font-family: "DM Sans", sans-serif
}

.storeSprt {
    padding: 16px;
    min-height: 115px;
    text-align: center
}

.storeSprt>div {
    padding: 0
}

.storeSprt .img {
    display: inline-flex;
    height: 22px;
    width: auto;
    align-items: baseline
}

.storyHeader {
    text-align: left;
    column-gap: 40px;
    font-weight: 700;
    font-size: 16px;
    font-style: italic;
    line-height: 1.2
}

.storyHeader .storyTitle {
    color: #28ad00;
    font-style: normal
}

.secSpc {
    margin-bottom: 30px !important
}

.outStoryWrap h3 {
    margin-bottom: 12px;
    font-size: 16px;
    padding: 12px 0 0 8px
}

.offerStoreList {
    display: flex;
    flex-wrap: wrap;
    column-gap: 8px;
    row-gap: 8px;
    padding-left: 8px;
    margin-bottom: 10px
}

.offerStoreList h4 {
    position: relative;
    font-weight: 400;
    background: #fff;
    border-radius: 4px;
    padding: 5px 10px;
    box-shadow: 0 0 6px rgba(0, 0, 0, .1)
}

.offerStoreList.cycleBrand h4 {
    background: #f5f5f5;
    box-shadow: none;
    border: 1px solid #ebebeb
}

.bestSellerCd {
    column-gap: 16px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    background: #fff;
    padding: 16px;
    justify-content: space-between;
    align-items: baseline
}

.bestSellerCd .cardSm {
    max-width: calc(33.33% - 8px);
    width: 80px
}

.bestSellerCd .count {
    color: #fff;
    font-size: 28px;
    font-weight: 600;
    letter-spacing: 1px;
    padding: 0;
    -webkit-text-stroke-color: rgba(40, 173, 0, .4);
    -webkit-text-stroke-width: 2px
}

.bestSellerCd .imgHolder {
    margin: 4px 0 12px
}

.bestSellerCd .text {
    margin-bottom: 1px;
    line-height: 1
}

.bestSellerCd h3 {
    margin-bottom: 0;
    font-size: 14px;
    padding: 0;
    font-style: italic
}

.instoreModelCard.swipeSlider {
    margin: 15px -16px 0;
    padding: 10px 16px 16px 16px
}

.instoreModelCard .card {
    max-width: 300px;
    height: 385px;
    width: 100%;
    text-align: center
}

.instoreModelCard .cardImg {
    max-height: 170px;
    display: flex;
    align-items: center;
    justify-content: center
}

.instoreModelCard .priceHolder {
    padding-left: 4px
}

.instoreModelCard .priceHolder>* {
    vertical-align: top
}

.outStoryWrap .ratingStrip {
    width: auto;
    display: inline-flex;
    align-items: center;
    margin-bottom: 16px;
    height: 28px;
    line-height: 26px
}

.outStoryWrap .ratingStrip span {
    float: none;
    height: 100%
}

.outStoryWrap .ratingStrip i {
    margin-right: 4px
}

.outStoryWrap .stripCount {
    padding: 0 15px 0 12px
}

.storeReview .cdReview {
    padding: 16px;
    -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, .12);
    box-shadow: 0 0 6px rgba(0, 0, 0, .12);
    border-radius: 4px;
    -webkit-border-radius: 4px;
    position: relative;
    background: #fff
}

.storeReview .cdReview .icon-gallery {
    vertical-align: middle;
    margin-right: 16px;
    color: #221629;
    cursor: pointer
}

.storeReview .vorRgtItem {
    width: 100px;
    text-align: right;
    vertical-align: top
}

.storeReview .rating {
    padding: 0
}

.storeReview .userTitle {
    font-size: 16px;
    vertical-align: top;
    padding-right: 8px
}

.storeReview p {
    font-size: 12px;
    line-height: 1.3;
    margin: 12px 0 16px;
    max-height: 120px;
    overflow-y: auto;
    padding-right: 6px
}

.storeReview .riderName {
    border-top: 1px dashed #ddd;
    padding-top: 12px
}

.storeReview .icon-warranty {
    vertical-align: -2px
}

.cardGallery {
    flex-wrap: wrap;
    margin-left: -16px;
    margin-right: -15px;
    align-items: baseline
}

.cardGallery .item {
    flex: 0 0 33.333%;
    padding: 0 0 1px 1px
}

.cardGallery img {
    height: 100%
}

#madalCallRequest .modalTitle {
    font-size: 20px;
    margin-bottom: 20px
}

#madalCallRequest .btn {
    border-radius: 5px
}

#madalCallRequest .modalContent {
    padding: 20px
}

#madalCallRequest .easy-autocomplete {
    width: 100% !important
}

#madalCallRequest .easy-autocomplete-container {
    max-height: 200px;
    overflow-y: auto
}

.fixedIcon .fieldIcon {
    border-right: 1px solid #c2c2c2;
    font-size: 13px;
    height: 100%;
    top: 0;
    left: 0;
    width: 40px;
    line-height: 40px;
    text-align: center
}

.fixedIcon .fieldInput {
    padding: 0 16px 0 50px
}

.fixedIcon .fieldLabel {
    left: 50px
}

@media only screen and (min-width:1024px) {
    .modalProductLists .modalMainBottom {
        max-width: 1010px !important
    }

    .modalProductLists header {
        border-bottom: 1px solid #dfdfdf;
        margin: 0 -40px;
        padding: 0 40px
    }

    .modalProductLists .scSearchBox {
        flex: 0 0 34px;
        min-height: 34px;
        margin-top: -3px
    }

    .modalProductLists .searchBtn {
        top: -1px;
        width: 34px;
        height: 34px;
        background: #28ad00;
        color: #fff;
        border-radius: 50%;
        cursor: pointer
    }

    .modalProductLists .pdItem {
        padding-left: 8px;
        padding-right: 8px
    }

    .modalProductLists .scSearchInput .active {
        right: 0;
        width: 280px
    }

    .modalProductLists .createCard {
        padding-bottom: 0;
        min-height: 382px
    }

    .modalProductLists .colorWidget .attrBtn {
        padding: 0 3px;
        min-width: 35px;
        font-size: 12px;
        margin-left: 3px
    }

    .modalProductLists .bikeTypeList .item {
        margin-bottom: 16px;
        font-size: 14px;
        cursor: pointer
    }

    .modalProductLists .bikeTypeList .item:first-child {
        margin-left: 0
    }

    .modalProductLists .modalFooter {
        background: #fff;
        border-top: 1px solid #dfdfdf
    }

    .modalProductLists .modalFooter .selectedBike {
        font-size: 18px;
        margin-left: 70px;
        line-height: 70px;
        font-weight: 600
    }

    .modalProductLists .resetBtn2 {
        position: absolute;
        right: 230px;
        bottom: 10px;
        color: #28ad00;
        line-height: 1.2;
        height: 50px;
        width: 100px;
        font-size: 20px
    }

    .modalProductLists .resetBtn2:hover {
        color: #fff
    }

    .modalProductLists .btnFooter {
        width: 180px;
        height: 50px;
        border-radius: 0;
        line-height: 50px;
        font-size: 16px;
        position: absolute;
        right: 35px;
        bottom: 10px
    }

    .modalProductLists h2 {
        font-size: 28px;
        text-align: left
    }

    .modalProductLists .customSelectBody {
        margin-right: 40px
    }

    .modalProductLists .customSelectMain .selectTrigger {
        border: 0;
        color: #28ad00;
        font-size: 26px;
        margin-bottom: 10px;
        text-transform: uppercase;
        font-weight: 600
    }

    .modalProductLists .chipControlMain {
        padding: 15px 0 5px 0
    }

    .modalProductLists .modalContent {
        padding: 20px 40px 100px;
        overflow-y: auto;
        overflow-x: hidden;
        text-align: left
    }

    .modalProductLists .cardCompareModal {
        overflow-x: inherit;
        margin-bottom: 110px;
        white-space: inherit;
        padding: 0 !important
    }

    .modalProductLists .cardCompareModal>li {
        text-align: center;
        width: 300px !important;
        margin: 0 8px 15px !important
    }

    .modalProductLists .colorWidget .colorBtn {
        width: 16px !important;
        height: 16px !important;
        margin-left: 3px !important
    }

    .modalProductLists .colorWidget .colorBtn.active:after {
        left: 3px !important
    }

    .modalProductLists .card .priceHolder {
        padding: 0 3px 0
    }

    .modalProductLists .card .priceHolder .cutPrice {
        font-size: 12px !important
    }

    .modalProductLists .card .priceHolder .priceOff {
        font-size: 12px !important
    }

    .modalProductLists .card .cardName {
        letter-spacing: 1.2px
    }

    .modalProductLists .card .cardImg img {
        max-height: 160px
    }

    .modalProductLists.selectMore .createCard {
        min-height: 325px
    }
}

.qaHeader {
    justify-content: space-between
}

.qaHeader .btn {
    font-size: 12px;
    font-weight: 600;
    margin-bottom: 24px
}

.qaHeader .btn:hover {
    background: #28ad00;
    color: #fff
}

.prodQuesAnsList {
    margin-bottom: 60px
}

.prodQuesAnsList .card {
    padding: 20px 10px 20px 20px;
    box-shadow: 4px 4px 14px 0 rgba(96, 96, 96, .2)
}

.prodQuesAnsList .card p {
    font-weight: 300
}

.prodQuesAnsList .thinScrollBar {
    max-height: 440px;
    padding-right: 10px
}

.prodQuesAnsList .qaList {
    border-top: 1px dashed #ddd;
    padding: 20px 0
}

.prodQuesAnsList .qaList:first-child {
    border-top: 0
}

.prodQuesAnsList .ans,
.prodQuesAnsList .quz {
    position: relative
}

.prodQuesAnsList .ans {
    padding-left: 50px
}

.prodQuesAnsList .quz {
    font-size: 16px;
    font-weight: 600;
    padding-left: 24px
}

.prodQuesAnsList .qaIcon {
    position: absolute;
    left: 0;
    top: 1px;
    font-size: 16px;
    line-height: 1;
    font-weight: 600
}

.prodQuesAnsList .userInfo {
    font-size: 16px;
    margin-top: 8px;
    color: #959595
}

.prodQuesAnsList .userImg {
    width: 30px;
    height: 30px;
    flex-basis: 30px;
    background: #bdb9bf;
    justify-content: center
}

.prodQuesAnsList .userImg img {
    height: auto;
    width: auto;
    max-width: 100%;
    max-height: 100%
}

#addQuestion .btn {
    border-radius: 3px;
    -webkit-border-radius: 3px
}

#addQuestion .fieldTextarea {
    height: 90px;
    padding-top: 10px;
    padding-bottom: 10px
}

#addQuestion .quzCount {
    position: absolute;
    bottom: -23px;
    right: 0;
    background: rgba(0, 0, 0, .1);
    font-size: 12px;
    border-radius: 0 0 5px 5px;
    -webkit-border-radius: 0 0 5px 5px;
    padding: 3px 7px
}

#addQuestion .maxCount {
    padding-left: 4px
}

.trendingCardMain .tab-main {
    margin-top: 12px
}

.trendingCardMain .btn-view-all {
    position: relative;
    top: 15px
}

.trendingCardMain .btn-view-all h3 {
    display: inline-block;
    font-size: 12px
}

.trendingCardSlider {
    margin: 0 -16px;
    white-space: nowrap
}

.trendingCardSlider .item {
    padding: 8px 16px;
    display: inline-block;
    vertical-align: top
}

.trendingCardSlider .card {
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, .16);
    box-shadow: 0 0 3px rgba(0, 0, 0, .16);
    overflow: hidden;
    min-height: 460px;
    padding: 16px 16px 75px;
    width: 100%;
    display: block;
    max-width: 390px;
    margin: 0 auto
}

.trendingCardSlider .cardName {
    letter-spacing: normal
}

.trendingCardSlider .cadTopSpec li {
    display: flex;
    align-items: center;
    column-gap: 5px
}

.trendingCardSlider .modelTag {
    -webkit-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    transform-origin: 0 0;
    border-radius: 0 0 0 5px;
    -webkit-border-radius: 0 0 0 5px;
    top: 0;
    line-height: 1.3
}

.trendingCardSlider .modelTag span {
    -webkit-transform: skewX(0) skewY(0);
    transform: skewX(0) skewY(0);
    left: 0;
    right: 0
}

.trendingCardSlider .colorWidget {
    flex-direction: column;
    row-gap: 10px;
    width: 34px;
    padding: 0;
    align-items: center;
    position: absolute;
    right: 0;
    top: 50%;
    z-index: 5;
    transform: translateY(-50%);
    background: #f3f3f3;
    border-radius: 5px 0 0 5px;
    -webkit-border-radius: 5px 0 0 5px;
    padding: 12px 0
}

.trendingCardSlider .colorWidget .colorBtn {
    margin: 0
}

.trendingCardSlider .colorWidget .colorBtn.active:after {
    display: none
}

.trendingCardSlider .colorWidget .attrBtn {
    min-width: 40px;
    zoom: .64;
    margin-left: 0
}

.trendingCardSlider .cardImg {
    margin: 16px 0;
    justify-content: center
}

.trendingCardSlider .img {
    width: 100%
}

.trendingCardSlider .cdSpec {
    flex-wrap: wrap;
    align-items: start;
    row-gap: 12px;
    column-gap: 8px
}

.trendingCardSlider .spcItem {
    flex: 1 1 calc(50% - 8px);
    max-width: calc(50% - 8px);
    width: calc(50% - 8px);
    display: flex;
    align-items: center
}

.trendingCardSlider .spcItem strong {
    display: block;
    color: #28ad00
}

.trendingCardSlider .icon {
    min-width: 28px;
    max-width: 28px;
    font-size: 22px;
    color: #28ad00
}

.trendingCardSlider .cardPrice {
    letter-spacing: normal;
    font-size: 15px;
    line-height: 1;
    padding: 6px 8px 6px 16px;
    display: table-cell
}

.trendingCardSlider .priceOffHold {
    margin-top: 2px
}

.trendingCardSlider .specName {
    color: #959595;
    white-space: normal
}

.trendingCardSlider .emiText {
    font-size: 12px;
    font-weight: 300;
    font-style: italic;
    color: #959595;
    zoom: .8;
    text-transform: none
}

.trendingCardSlider .cdFooter {
    margin: 16px 0 0;
    border-top: 1px solid #f0f0f0;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 66px
}

.trendingCardSlider .btnHold {
    width: 125px
}

.trendingCardSlider .btn {
    width: 100%;
    border-radius: 0 0 5px 0;
    -webkit-border-radius: 0 0 5px 0;
    font-size: 16px;
    text-transform: uppercase;
    height: 100%
}

.trendingCardSlider .slick-slide {
    opacity: 1
}

@media only screen and (max-width:330px) {
    .trendingCardSlider .card {
        max-width: 100%;
        width: 100%
    }
}

@media only screen and (min-width:340px) {
    .trendingCardSlider .card {
        min-height: 465px
    }
}

@media only screen and (min-width:390px) {
    .trendingCardSlider .card {
        min-height: 480px
    }
}

@media only screen and (min-width:412px) {
    .trendingCardSlider .card {
        min-height: 485px
    }
}

@media only screen and (min-width:992px) {
    .trendingCardSlider .card {
        max-width: 90%;
        min-height: 525px
    }

    .trendingCardSlider .colorWidget .attrBtn {
        zoom: 1
    }
}

.trendingCardMain .tab-main {
    padding: 0 10px;
    margin: 30px 0 0
}

.trendingCardMain .btn-view-all {
    font-size: 16px
}

.trendingCardMain .btn-view-all h3 {
    display: inline-block;
    font-size: 16px
}

.trendingCardSlider {
    margin: 0
}

.trendingCardSlider .card {
    position: relative;
    font-size: 14px;
    padding: 16px 24px 72px;
    min-height: 630px;
    max-width: 460px
}

.trendingCardSlider .cardImg {
    min-height: 385px
}

.trendingCardSlider .cardName {
    font-size: 20px
}

.trendingCardSlider .cadTopSpec li {
    font-size: 17px;
    margin-left: 8%
}

.trendingCardSlider .cadTopSpec li:first-child {
    margin-left: 0
}

.trendingCardSlider .specName {
    zoom: .75
}

.trendingCardSlider .icon {
    min-width: 36px;
    max-width: 36px;
    font-size: 28px
}

.trendingCardSlider .spcItem {
    flex: 1 1 calc(33.33% - 8px)
}

.trendingCardSlider .cdFooter {
    height: 72px
}

.trendingCardSlider .btn {
    font-size: 22px
}

.trendingCardSlider .btnHold {
    width: 180px
}

.trendingCardSlider .cardPrice {
    font-size: 22px
}

.trendingCardSlider .priceOffHold {
    margin-top: -6px
}

.trendingCardSlider .emiText {
    font-size: 16px;
    display: block;
    margin-top: 8px
}

.trendingCardSlider .colorWidget {
    width: 50px;
    row-gap: 18px
}

.trendingCardSlider .colorWidget .colorBtn {
    width: 24px;
    height: 24px
}

.trendingCardSlider .modelTag {
    font-size: 16px;
    line-height: 1.5
}

@media only screen and (min-width:1260px) {
    .trendingCardSlider .card {
        max-width: 495px
    }

    .trendingCardSlider .slick-next {
        right: -40px
    }

    .trendingCardSlider .slick-prev {
        left: -40px
    }
}

.callRequest {
    padding: 50px 0
}

.requestForm {
    flex-direction: row;
    row-gap: 0;
    column-gap: 16px;
    font-size: 18px;
    max-width: 100%
}

.requestForm .icon-call {
    font-size: 20px;
    width: 40px;
    height: 40px
}

.requestForm .fieldControl {
    max-width: 300px
}

.tab-header {
    background: #f5f5f5;
    border-radius: 5px 5px 0 0;
    -webkit-border-radius: 5px 5px 0 0
}

.tab-header .tab-btn {
    font-size: 12px;
    font-weight: 600;
    padding: 7px 14px;
    white-space: nowrap;
    text-align: center;
    flex: 1;
    cursor: pointer;
    border-radius: 5px;
    -webkit-border-radius: 5px
}

.tab-header .tab-btn.active {
    background: #232124;
    color: #fff
}

.tab-container .tab-content {
    position: relative;
    display: none;
    opacity: 0;
    transition: opacity .5s ease-in-out;
    border-top: none
}

.tab-container .tab-content.active {
    opacity: 1;
    display: block;
    -webkit-animation: tabFadeInUp .5s ease-in;
    -moz-animation: tabFadeInUp .5s ease-in;
    animation: tabFadeInUp .5s ease-in
}

@media only screen and (min-width:1024px) {
    .tab-header .tab-btn {
        font-size: 16px;
        padding: 10px 16px
    }
}

@-webkit-keyframes tabFadeInUp {
    from {
        opacity: 0;
        -webkit-transform: translateY(20px);
        transform: translateY(20px)
    }

    to {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@-moz-keyframes tabFadeInUp {
    from {
        opacity: 0;
        -moz-transform: translateY(20px);
        transform: translateY(20px)
    }

    to {
        opacity: 1;
        -moz-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes tabFadeInUp {
    from {
        opacity: 0;
        transform: translateY(20px)
    }

    to {
        opacity: 1;
        transform: translateY(0)
    }
}

.ftrScrollCont {
    width: 100%;
    min-height: 645px;
    overflow-x: auto;
    white-space: nowrap;
    position: relative;
    cursor: grab;
    margin-top: 40px;
    padding-top: 45px
}

.ftrScrollCont img {
    user-drag: none;
    user-select: none;
    pointer-events: none;
    max-width: none;
    height: auto;
    max-width: 700px
}

.ftrScrollCont::-webkit-scrollbar {
    height: 10px
}

.ftrScrollCont::-webkit-scrollbar-track {
    border-radius: 10px;
    margin-left: 16px;
    margin-right: 16px;
    background: #d9d9d9
}

.ftrScrollCont::-webkit-scrollbar-thumb {
    background: #28ad00;
    border-radius: 5px
}

.ftrScrollCont::-webkit-scrollbar-thumb:hover {
    background: #000
}

.ftrWrapSec {
    min-height: 400px
}

.ftrWrapSec .ftrCrd {
    min-height: auto;
    position: absolute;
    z-index: 5;
    text-align: left;
    padding: 0 12px;
    opacity: 0;
    visibility: hidden;
    white-space: normal;
    transition: all .3s ease-in-out;
    text-align: left
}

.ftrWrapSec .ftrCrd.top {
    top: -40px
}

.ftrWrapSec .ftrCrd.up {
    bottom: calc(100% + 50px);
    left: 81px
}

.ftrWrapSec .ftrCrd.up .arrowHint {
    right: calc(100% + -2px);
    top: 95px;
    rotate: -50deg
}

.ftrWrapSec .ftrCrd.right {
    left: 200px
}

.ftrWrapSec .ftrCrd.bottom {
    bottom: -140px
}

.ftrWrapSec .ftrCrd.down arrowHint {
    transform: scale(-1, -1)
}

.ftrWrapSec .ftrCrd.leftTop {
    top: -90px
}

.ftrWrapSec .ftrCrd.leftTop .arrowHint {
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
    left: calc(100% + 10px)
}

.ftrWrapSec .ftrCrd.left {
    right: calc(100% + 122px)
}

.ftrWrapSec .ftrCrd.left .arrowHint {
    left: calc(100% + 10px)
}

.ftrWrapSec .ftrCrd.leftBottom {
    right: calc(100% + 152px);
    bottom: -220%
}

.ftrWrapSec .ftrCrd.leftBottom .arrowHint {
    left: calc(100% + 21px);
    transform: scale(-1, -1) rotate(-11deg);
    -webkit-transform: scale(-1, -1) rotate(-11deg);
    top: 148px
}

.ftrWrapSec h3 {
    font-family: covered_by_your_graceregular;
    white-space: nowrap;
    font-size: 24px;
    font-weight: 400;
    line-height: 1;
    color: #000;
    margin-bottom: 0
}

.ftrWrapSec .ftrWrapMain {
    width: 615px;
    margin: 30px 100px 30px 216px;
    position: relative
}

.ftrWrapSec .ftrWrapMain img {
    width: 100%
}

.ftrWrapSec .spotTool {
    position: absolute;
    width: 22px;
    height: 22px
}

.ftrWrapSec .spotTool.active .ftrCrd {
    opacity: 1;
    visibility: visible
}

.ftrWrapSec .spotTool.active .spotBtn {
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -webkit-box-shadow: 0 0 0 3px rgba(40, 173, 0, .5);
    box-shadow: 0 0 0 3px rgba(40, 173, 0, .5)
}

.ftrWrapSec .spotTool.active .iconPlus::before,
.ftrWrapSec .spotTool.active .iconPlus:after {
    background-color: #28ad00
}

.ftrWrapSec .spotTool.active .iconPlus:after {
    opacity: 0
}

.ftrWrapSec .icon-close {
    position: absolute;
    top: -21px;
    right: -21px
}

.ftrWrapSec .spotBtn {
    width: 22px;
    height: 22px;
    transition: all .3s ease-in-out;
    position: relative;
    z-index: 5;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -webkit-box-shadow: 0 0 0 3px rgba(92, 92, 92, .5);
    box-shadow: 0 0 0 3px rgba(92, 92, 92, .5);
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer
}

.ftrWrapSec .spot1 {
    top: 77px;
    left: 27%
}

.ftrWrapSec .spot1 .arrowHint {
    transform: scaleX(-1) rotate(40deg);
    left: calc(100% + -3px);
    top: -15px;
    width: 80px
}

.ftrWrapSec .spot1 .ftrCrd {
    left: auto;
    right: 165px;
    top: 20px
}

.ftrWrapSec .spot2 {
    top: 137px;
    left: 26%
}

.ftrWrapSec .spot2 .arrowHint {
    transform: scaleX(-1) rotate(37deg);
    left: calc(100% + -15px);
    top: -33px;
    width: 130px
}

.ftrWrapSec .spot2 .ftrCrd {
    right: 200px;
    top: 50px
}

.ftrWrapSec .spot3 {
    top: 229px;
    left: 11%
}

.ftrWrapSec .spot3 .arrowHint {
    transform: scale(-1, -1) rotate(-13deg);
    left: calc(100% + 4px);
    top: 20px;
    width: 78px
}

.ftrWrapSec .spot3 .ftrCrd {
    left: auto;
    right: 153px;
    top: 50px
}

.ftrWrapSec .spot4 {
    bottom: 166px;
    left: 12%
}

.ftrWrapSec .spot4 .arrowHint {
    transform: scale(-1, -1) rotate(-17deg);
    left: calc(100% + 1px);
    top: 12px;
    width: 92px
}

.ftrWrapSec .spot4 .ftrCrd {
    left: auto;
    right: 160px;
    top: 60px
}

.ftrWrapSec .spot5 {
    bottom: 163px;
    left: 22%
}

.ftrWrapSec .spot5 .arrowHint {
    transform: scale(-1, -1) rotate(-48deg);
    left: calc(100% + 0px);
    top: 1px;
    width: 52px
}

.ftrWrapSec .spot5 .ftrCrd {
    left: auto;
    right: 72px;
    top: 110px
}

.ftrWrapSec .spot6 {
    bottom: 140px;
    left: 35%
}

.ftrWrapSec .spot6 .arrowHint {
    transform: scale(-1, -1) rotate(-65deg);
    left: calc(100% + -20px);
    top: -9px;
    width: 32px
}

.ftrWrapSec .spot6 .ftrCrd {
    right: -4px;
    top: 114px
}

.ftrWrapSec .spot7 {
    bottom: 158px;
    left: 43%
}

.ftrWrapSec .spot7 .arrowHint {
    transform: scale(-1, -1) rotate(-91deg);
    left: calc(100% + -79px);
    top: -36px;
    width: 50px
}

.ftrWrapSec .spot7 .ftrCrd {
    right: -83px;
    top: 141px
}

.ftrWrapSec .spot8 {
    bottom: 155px;
    left: 71%
}

.ftrWrapSec .spot8 .arrowHint {
    transform: scale(-1, -1) rotate(-91deg);
    left: calc(100% + -79px);
    top: -46px;
    width: 84px
}

.ftrWrapSec .spot8 .ftrCrd {
    right: -58px;
    top: 167px
}

.ftrWrapSec .spot9 {
    bottom: 185px;
    left: 76%
}

.ftrWrapSec .spot9 .arrowHint {
    transform: scale(-1, -1) rotate(-146deg);
    left: calc(100% + -156px);
    top: -46px;
    width: 84px
}

.ftrWrapSec .spot9 .ftrCrd {
    left: 105px;
    top: 87px
}

.ftrWrapSec .spot10 {
    top: 130px;
    left: 70%
}

.ftrWrapSec .spot10 .arrowHint {
    transform: scale(-1, -1) rotate(-155deg);
    left: calc(100% + -191px);
    top: -33px;
    width: 60px
}

.ftrWrapSec .spot10 .ftrCrd {
    left: 122px;
    top: 45px
}

.ftrWrapSec .spot11 {
    top: 118px;
    left: 64%
}

.ftrWrapSec .spot11 .arrowHint {
    transform: scale(-1, -1) rotate(-183deg);
    left: calc(100% + -239px);
    top: 9px;
    width: 70px
}

.ftrWrapSec .spot11 .ftrCrd {
    left: 145px;
    top: -46px
}

.ftrWrapSec .spot12 {
    top: 32px;
    left: 74%
}

.ftrWrapSec .spot12 .arrowHint {
    transform: scale(-1, -1) rotate(-188deg);
    left: calc(100% + -206px);
    top: 16px;
    width: 70px
}

.ftrWrapSec .spot12 .ftrCrd {
    left: 145px;
    top: -46px
}

.ftrWrapSec .spot13 {
    top: 29px;
    left: 61%
}

.ftrWrapSec .spot13 .arrowHint {
    transform: scaleX(-1) rotate(-74deg);
    left: calc(100% + -66px);
    top: 48px;
    width: 27px
}

.ftrWrapSec .spot13 .ftrCrd {
    left: -37px;
    top: -108px
}

.ftrWrapSec .spot14 {
    top: 15px;
    left: 49%
}

.ftrWrapSec .spot14 .arrowHint {
    transform: scaleX(-1) rotate(3deg);
    left: calc(100% + -1px);
    top: 14px;
    width: 27px
}

.ftrWrapSec .spot14 .ftrCrd {
    left: -226px;
    top: -77px
}

.ftrWrapSec .spot15 {
    top: 116px;
    left: 44%
}

.ftrWrapSec .spot15 .arrowHint {
    transform: scaleX(-1) rotate(0);
    left: calc(100% + 0px);
    top: 31px;
    width: 170px
}

.ftrWrapSec .spot15 .ftrCrd {
    left: -366px;
    top: -109px
}

.ftrWrapSec .icon {
    width: 50px;
    height: 50px;
    min-height: 50px;
    font-size: 24px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    background: #28ad00;
    color: #fff;
    margin-bottom: 10px;
    -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, .1);
    box-shadow: 0 3px 6px rgba(0, 0, 0, .1)
}

.specSprite {
    background: url(https://d60i6mpkbdpwe.cloudfront.net/assets/outdoors/electric_bicycle/sprite_features_v1.webp) no-repeat;
    line-height: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 40px;
    width: 36px;
    height: 40px;
    margin-right: 10px
}

.led {
    height: 40px;
    background-position: 0 -5px
}

.frontLight {
    height: 40px;
    background-position: -277px -5px
}

.ebrakes {
    height: 40px;
    background-position: -132px 0
}

.juletHarness {
    height: 40px;
    background-position: -321px -2px
}

.suspension {
    height: 40px;
    background-position: -276px -45px
}

.batteryCase {
    height: 40px;
    background-position: -43px -2px
}

.discBrakes {
    height: 40px;
    background-position: -92px 0
}

.allayRims {
    height: 40px;
    background-position: -230px -46px
}

.pasSansor {
    height: 40px;
    background-position: 0 -46px
}

.pedal {
    height: 40px;
    background-position: -44px -46px
}

.stand {
    height: 40px;
    background-position: -184px 0
}

.rearDerailleur {
    height: 40px;
    background-position: -92px -45px
}

.frontDerailleur {
    height: 40px;
    background-position: -46px -94px
}

.efficient {
    height: 40px;
    background-position: -230px 0
}

.rearLight {
    height: 40px;
    background-position: -138px -46px
}

.seat {
    background-position: -187px -45px;
    flex: 0 0 30px
}

.keyLock {
    height: 40px;
    background-position: -367px -4px
}

.throttle {
    height: 30px;
    background-position: -322px -51px
}

.thumbShifter {
    height: 35px;
    background-position: -367px -49px
}

.frame {
    height: 40px;
    background-position: 0 -92px
}

.frontQr {
    height: 40px;
    background-position: -233px -185px
}

.handlebar {
    height: 40px;
    background-position: -47px -147px
}

.specBtnGroup {
    position: relative
}

.specBtnGroup .btn {
    font-size: 12px;
    color: #000;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    background: #fff
}

.specBtnGroup .btn-accent {
    background: #5ad235
}

.arrowHint {
    position: relative;
    width: 90px;
    height: 2px;
    background-color: #969696;
    display: inline-block;
    border-radius: 0 50% 50% 0;
    position: absolute;
    right: calc(100% + 18px);
    top: 16px;
    rotate: 11deg
}

.arrowHint.rWhite {
    background-color: #fff
}

.arrowHint.rWhite::before {
    background-color: #fff
}

.arrowHint.rWhite::after {
    border-right: 3px solid #fff;
    border-top: 3px solid #fff
}

.arrowHint::after,
.arrowHint::before {
    content: "";
    position: absolute;
    box-sizing: border-box
}

.arrowHint::before {
    width: 2px;
    height: 70px;
    background-color: #969696;
    left: -26px;
    top: -10px;
    border-radius: 50% 0 50% 50%;
    rotate: 46deg
}

.arrowHint::after {
    width: 13px;
    height: 12px;
    border-right: 3px solid #969696;
    border-top: 3px solid #969696;
    transform: rotate(45deg);
    right: -2px;
    top: -4px
}

@media only screen and (min-width:1024px) {
    .ftrWrapSec .ftrWrapMain {
        margin: 50px auto
    }

    .specBtnGroup {
        top: -40px
    }

    .specBtnGroup .btn {
        font-size: 16px
    }
}

@keyframes waveAni {
    from {
        transform: scale(1);
        opacity: .7
    }

    to {
        transform: scale(2);
        opacity: 0
    }
}

@-webkit-keyframes waveAni {
    from {
        -webkit-transform: scale(1);
        opacity: .7
    }

    to {
        -webkit-transform: scale(2);
        opacity: 0
    }
}

.iconPlus {
    position: relative;
    width: 20px;
    height: 20px
}

.iconPlus::after,
.iconPlus::before {
    content: "";
    position: absolute;
    background-color: #000;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%)
}

.iconPlus::before {
    width: 12px;
    height: 2px
}

.iconPlus::after {
    width: 2px;
    height: 12px
}

.crdListNew {
    height: 440px !important;
    padding: 20px 16px 16px !important;
    text-align: left
}

.crdListNew .modelTagNew {
    position: absolute;
    left: 0;
    top: 0;
    border-radius: 8px 0 8px;
    -webkit-border-radius: 8px 0 8px;
    font-size: 14px;
    z-index: 1;
    color: #fff;
    padding: 4px 10px;
    font-weight: 600;
    line-height: 1.1;
    overflow: hidden
}

.crdListNew .modelTagNew span {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -1
}

.crdListNew .cardImg {
    max-height: 100% !important;
    height: 220px !important;
    margin: 6px 10px !important
}

.crdListNew .cardImg img {
    max-height: 250px !important
}

.crdListNew .cardName {
    text-align: left;
    margin: 8px 0 !important;
    letter-spacing: 1px !important;
    line-height: 1.1 !important;
    min-height: 31px !important
}

.crdListNew .badgeNew {
    position: absolute;
    top: 2px;
    left: 0;
    background: #f5120f;
    padding: 6px 10px;
    font-weight: 600;
    line-height: 1;
    zoom: .8;
    color: #fff;
    text-transform: uppercase;
    display: inline-flex;
    border-radius: 12px;
    -webkit-border-radius: 12px
}

.crdListNew .priceHolder {
    padding: 0 0 16px !important
}

.crdListNew .cardColor {
    position: absolute;
    right: 0;
    bottom: 123px;
    z-index: 5;
    min-width: 34px;
    width: auto
}

.crdListNew .cardColor .loading-dots {
    display: flex;
    flex-direction: column;
    row-gap: 8px;
    padding: 10px 0;
    width: 13px;
    min-height: 85px;
    justify-content: center
}

.crdListNew .colorWidget {
    position: relative;
    background: #f5f5f5;
    display: flex;
    flex-direction: column;
    align-items: center;
    row-gap: 10px;
    padding: 8px 5px 8px 4px !important;
    border-radius: 5px 0 0 5px;
    -webkit-border-radius: 5px 0 0 5px
}

.crdListNew .colorWidget .colorBtn {
    margin: 0
}

.crdListNew .colorWidget .colorBtn.active:after {
    display: none
}

.crdListNew .colorWidget .attrBtn {
    min-width: 40px;
    zoom: .64;
    margin-left: 0;
    max-width: 55px !important;
    padding: 7px 4px !important;
    border-radius: 5px !important;
    line-height: 1 !important
}

.crdListNew .ratingStrip {
    border-radius: 4px;
    -webkit-border-radius: 4px;
    align-self: baseline;
    margin-top: 2px;
    line-height: 20px;
    width: auto;
    display: flex;
    white-space: nowrap
}

.crdListNew .ratingStrip.norev {
    justify-content: end
}

.crdListNew .ratingStrip.norev span {
    border-radius: 4px;
    -webkit-border-radius: 4px
}

.crdListNew .ratingStrip span {
    border-radius: 4px;
    -webkit-border-radius: 4px;
    padding: 0 6px;
    height: 20px
}

.crdListNew .cdReview {
    padding: 0 4px
}

.crdListNew.accessoriesCard .cardImg {
    height: 230px !important
}

.crdListNew.accessoriesCard .cardImg img {
    max-width: 280px !important;
    max-height: 225px !important
}

.crdListNew.bagCard {
    height: 440px !important
}

.crdListNew.bagCard .cardImg {
    height: 230px !important
}

.crdListNew.bagCard .cardImg img {
    max-height: 260px !important
}

.crdListNew .gearedOpt {
    top: 60px
}

@media only screen and (min-width:1024px) {
    .crdListNew .cardImg {
        height: 225px !important;
        margin: 6px 12px !important
    }

    .crdListNew .cardImg img {
        max-height: 250px !important
    }

    .crdListNew.bagCard {
        height: 430px !important
    }

    #listingPage .listingWrapper .cardListing .crdListNew.bagCard .cardImg {
        margin-bottom: 0 !important
    }
}

#modalFlatOffer {
    z-index: 9999
}

#modalFlatOffer .modalMainBottom {
    border-radius: 16px 16px 0 0;
    -webkit-border-radius: 16px 16px 0 0
}

#modalFlatOffer .closeIconBtn {
    background: #e5e5e5;
    border-color: #e5e5e5
}

.flatOfferWrap {
    flex-direction: column
}

.flatOfferWrap h2 {
    line-height: 1.2;
    margin-bottom: 16px;
    color: #d23535
}

.flatOfferWrap .offerDisc {
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 16px;
    color: #4a4a4a
}

.flatOfferWrap .fieldControl {
    margin-bottom: 24px
}

.flatOfferWrap .btn,
.flatOfferWrap .fieldInput {
    border-radius: 8px !important;
    -webkit-border-radius: 8px !important
}

.flatOfferWrap .btn {
    padding-top: 0;
    padding-bottom: 0;
    height: 40px;
    font-weight: 600
}

.flatOfferWrap .icon-rupee {
    zoom: 1
}

.flatOfferWrap .resendcode {
    margin-top: 4px;
    position: absolute;
    right: 0;
    top: 0;
    padding: 16px 16px;
    cursor: pointer
}

.flatOfferWrap .timer {
    text-align: right;
    margin-top: 6px
}

.flatOfferWrap .couponWrap {
    column-gap: 16px;
    row-gap: 16px;
    flex-wrap: wrap;
    display: inline-flex;
    -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, .1);
    box-shadow: 0 0 8px rgba(0, 0, 0, .1);
    padding: 10px 16px 10px 12px;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    border: 2px dashed #ffdc00;
    align-items: center
}

.flatOfferWrap .couponWrap .icon-rupee {
    font-size: 100%;
    zoom: .72
}

.flatOfferWrap .couponList {
    border: 1px dashed #dfdfdf;
    padding: 5px 10px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    min-width: 88px;
    text-align: center;
    font-size: 16px;
    color: #000;
    cursor: pointer;
    background: #f5f5f5
}

.flatOfferWrap .iconCopy,
.flatOfferWrap .iconCopy:after {
    border: 1px solid #000;
    background: #fff;
    width: 12px;
    height: 12px;
    border-radius: 4px;
    -webkit-border-radius: 4px
}

.flatOfferWrap .iconCopy {
    position: relative;
    display: inline-flex;
    top: 2px;
    margin-right: 3px
}

.flatOfferWrap .iconCopy:after {
    content: "";
    position: absolute;
    top: -5px;
    left: -5px;
    z-index: -1
}

.flatOfferWrap .copyBtn {
    min-width: 60px
}

.flatOfferWrap .imgHolder img {
    max-width: 100%;
    width: auto;
    width: 100%
}

.flatOfferCont {
    padding: 20px 16px;
    width: 100%
}

.compTable {
    margin-top: 24px
}

.compTable .tCol {
    width: 20%;
    padding: 0 16px 8px;
    min-width: 210px;
    transition: all .3s ease-in;
    -webkit-border-radius: 8px;
    border-radius: 8px
}

.compTable .tCol:not(.specListWrap):hover {
    background-color: #f5f5f5
}

.compTable td.active {
    -webkit-background: linear-gradient(#fff 0, #fafff6 20.51%, #a2ff44 100%);
    background: linear-gradient(#fff 0, #fafff6 20.51%, #a2ff44 100%);
    -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, .16);
    box-shadow: 0 0 2px rgba(0, 0, 0, .16)
}

.compTable .tr {
    padding: 16px;
    width: 20%;
    position: relative
}

.compTable .tr:before {
    content: "";
    position: absolute;
    bottom: 0;
    width: 90%;
    height: 1px;
    background-color: #bcbcbc;
    left: 16px;
    right: 16px
}

.compTable .specListWrap {
    min-width: 150px
}

.compTable .table td {
    height: 52px;
    color: #707070;
    font-size: 12px;
    padding: 4px 0
}

.compTable .table td.tdImg {
    height: 178px
}

.compTable .table tr {
    border-top: 1px solid #bcbcbc
}

.compTable .table tr:first-child {
    border-top: 0
}

.compTable .table strong {
    color: #000;
    font-weight: 600
}

.compTable .table strong .rupeeCustom {
    font-weight: 600
}

.compTable p {
    line-height: 1.2
}

.compTable .tSpecList tr {
    border: 0
}

.compTable .tSpecList td {
    color: #000;
    font-size: 14px
}

.compTable .compSpecList:before {
    display: none
}

.compTable .tSpecName {
    text-align: left
}

.compTable .btn {
    border-radius: 4px;
    -webkit-border-radius: 4px;
    margin-top: 8px;
    padding: 4px 16px
}

.compTable h3 {
    font-size: 12px;
    margin: 12px 0;
    line-height: 1.1
}

.compTable .imgHolder {
    max-width: 90%;
    margin: 30px auto 0;
    height: 90px;
    padding: 8px 0;
    background: #fff;
    -webkit-border-radius: 8px;
    border-radius: 8px
}

.compTable img {
    object-fit: contain;
    width: 100%;
    height: 100%
}

.compTable .productTag {
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    font-size: 12px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    background: linear-gradient(#fff 0, #fafff6 20.51%, #a2ff44 100%);
    padding: 6px 16px;
    color: #000;
    font-style: italic;
    font-weight: 600;
    white-space: nowrap
}

@media only screen and (min-width:767px) {
    .compTable .tCol {
        padding: 0 20px 12px;
        min-width: 230px
    }

    .compTable .table td {
        height: 70px;
        font-size: 16px;
        padding: 8px 0
    }

    .compTable .table td.tdImg {
        height: 250px
    }

    .compTable .table td p {
        font-size: 16px
    }

    .compTable h3 {
        font-size: 16px;
        min-height: 35px
    }

    .compTable .imgHolder {
        margin: 50px auto 0;
        height: 120px
    }

    .compTable .productTag {
        font-size: 16px;
        zoom: .8
    }

    .compTable .btn {
        border-radius: 8px;
        -webkit-border-radius: 8px;
        margin-top: 12px;
        padding: 8px 16px;
        font-size: 16px
    }
}

@media only screen and (min-width:1024px) {

    #modalFlatOffer .modalContent,
    #modalFlatOffer .modalMainBottom {
        border-radius: 8px;
        -webkit-border-radius: 8px
    }

    #modalFlatOffer .modalMainBottom {
        max-width: 800px;
        padding: 0;
        border: 0
    }

    #modalFlatOffer .closeIconBtn {
        top: 5px;
        right: 5px;
        height: 40px;
        width: 40px
    }

    #modalFlatOffer .closeIconBtn:after,
    #modalFlatOffer .closeIconBtn:before {
        left: 3px;
        top: 14px;
        height: 2px;
        width: 80%
    }

    .flatOfferWrap {
        flex-direction: row-reverse;
        align-items: stretch !important
    }

    .flatOfferWrap .btn {
        font-size: 16px;
        height: 56px
    }

    .flatOfferWrap h2 {
        margin-bottom: 16px;
        font-size: 32px
    }

    .flatOfferWrap .offerDisc {
        font-size: 22px;
        margin-bottom: 12px
    }

    .flatOfferWrap .couponList {
        padding: 10px 15px;
        min-width: 120px;
        font-size: 20px
    }

    .flatOfferWrap .copyBtn {
        min-width: 80px
    }

    .flatOfferWrap .imgHolder {
        flex: 0 0 350px;
        min-height: 416px;
        overflow: hidden
    }

    .flatOfferWrap .imgHolder img {
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        width: auto;
        max-width: auto
    }

    .flatOfferWrap .fieldControl {
        margin-bottom: 30px
    }

    .flatOfferCont {
        padding: 50px 24px;
        max-width: 450px
    }

    .crdMain {
        padding-top: 0
    }

    .crdMain .crd {
        padding: 30px 20px 80px;
        min-height: 575px
    }

    .crdMain .crd .crdImg {
        min-height: 310px
    }

    .crd {
        width: 100%
    }

    .crd .crdModelTag {
        font-size: 16px
    }

    .crd .crdName {
        font-size: 20px
    }

    .crd .crdTopSpec {
        column-gap: 16px;
        font-size: 16px
    }

    .crd .crdSpec .icon {
        font-size: 30px
    }

    .crd .emiText,
    .crd .specName {
        font-size: 14px
    }

    .crd .emiText {
        margin-top: 8px
    }

    .crd .btn,
    .crd .crdPrice {
        font-size: 16px
    }

    .crd .priceOffHold {
        margin-top: -4px
    }

    .crd .btnHold {
        width: 165px
    }

    .crd .colorWidget {
        row-gap: 20px;
        min-width: 40px;
        width: auto;
        padding: 8px
    }

    .crd .colorWidget .colorBtn {
        width: 24px;
        height: 24px
    }

    .crd .colorWidget .attrBtn {
        zoom: .95
    }

    #heroSlider .heroContent {
        bottom: auto;
        top: 50%;
        left: 0;
        padding: 0;
        text-align: left;
        background: 0 0;
        transform: translate(0, -50%)
    }

    #heroSlider .heroContent h1,
    #heroSlider .heroContent p {
        max-width: 560px
    }

    #heroSlider .heroContent h1 {
        font-size: 44px
    }

    #heroSlider .heroContent p {
        font-size: 20px
    }

    .heroSlideBody .heroCaption {
        position: absolute;
        bottom: auto;
        top: 50%;
        left: 6.8%;
        right: 6.5%;
        padding: 0;
        text-align: left;
        background: 0 0;
        transform: translate(0, -50%);
        white-space: normal;
        z-index: 2;
        text-shadow: 0 0 10px rgba(0, 0, 0, .3)
    }

    .heroSlideBody .heroCaption .webContainer {
        padding-left: 60px !important
    }

    .heroSlideBody h1,
    .heroSlideBody h2 {
        font-size: 36px;
        max-width: 590px;
        margin-bottom: 5px
    }

    .heroSlideBody p {
        font-size: 16px;
        max-width: 560px
    }

    .heroSlideBody .muteBtn {
        bottom: 70px;
        top: auto;
        right: 70px
    }

    .heroSlideBody #myVideo {
        height: 100%;
        width: 100%;
        display: block;
        border: 0;
        outline: 0;
        padding: 0;
        position: absolute;
        left: 50%;
        top: 50%;
        object-fit: cover;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        right: auto;
        bottom: auto
    }

    .heroSlideBody .next,
    .heroSlideBody .prev {
        height: 50px;
        width: 50px;
        margin-top: -25px
    }

    .heroSlideBody .next:before,
    .heroSlideBody .prev:before {
        top: 19px
    }

    .heroSlideBody .prev:before {
        left: 21px
    }

    .heroSlideBody .next:before {
        right: 22px
    }

    .heroSlideBody .content {
        left: 80px;
        top: 50%;
        bottom: auto;
        transform: translate(0, -50%)
    }

    .heroSlideBody .content h1,
    .heroSlideBody .content h2 {
        width: 320px
    }

    .heroVidAdBody.overlay:after {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        width: 50%;
        height: 100%;
        z-index: 4;
        background: #232124;
        background: -moz-linear-gradient(90deg, rgba(0, 0, 0, .6) 60%, rgba(0, 0, 0, 0) 100%);
        background: -webkit-linear-gradient(90deg, rgba(0, 0, 0, .6) 60%, rgba(0, 0, 0, 0) 100%);
        background: linear-gradient(90deg, rgba(0, 0, 0, .6) 60%, rgba(0, 0, 0, 0) 100%)
    }

    .bnrVideo {
        padding-bottom: 30%
    }

    .search-items {
        margin-top: 40px
    }

    .search-items .btn {
        margin: 10px;
        padding: 12px 20px;
        font-size: 16px
    }

    .search-items .btn:hover {
        color: #28ad00
    }

    .search-items .btn:hover .icon-search {
        color: #959595
    }

    .search-items .icon-search {
        font-size: 18px
    }

    .ftrWrapSec .ftrWrapMain {
        margin: 30px 200px
    }

    body h3 {
        font-size: 24px
    }

    .webContainer {
        padding-left: 20px !important;
        padding-right: 20px !important;
        max-width: 1600px;
        margin-left: auto;
        margin-right: auto
    }

    .p-bottom-0 {
        padding-bottom: 0 !important
    }

    .p-top-0 {
        padding-top: 0 !important
    }

    .slick-next,
    .slick-prev {
        background: #fff !important
    }

    .slick-next:hover,
    .slick-prev:hover {
        background: #28ad00 !important
    }

    .bestsellerTag {
        top: 175px
    }

    .rdrFltrTag {
        top: 47px;
        padding: 0 15px 0;
        font-size: 18px;
        line-height: 30px;
        height: 30px
    }

    .rdrFltrTag .frogLogoSm {
        width: 78px;
        height: auto
    }

    .rdrFltrTag .ninentyLogoSm {
        width: 140px;
        height: auto
    }

    .ftrScrollCont {
        cursor: default
    }

    #listingPage .filterHeaderWidget {
        text-align: left;
        min-height: 250px;
        padding: 12px 0;
        border-bottom: 1px solid #dfdfdf;
        -webkit-box-shadow: none !important;
        box-shadow: none !important;
        border-radius: 0 !important;
        -webkit-border-radius: 0 !important;
        background: #fff;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        justify-content: center;
        align-items: center;
        background-size: top !important
    }

    #listingPage .filterHeaderWidget h1 {
        font-size: 28px;
        margin-bottom: 0
    }

    #listingPage .filterHeaderWidget header {
        min-width: 203px;
        margin-right: 20px
    }

    #listingPage .filterHeaderWidget .bikeDisc {
        margin: 10px 0;
        max-width: 70%
    }

    #listingPage .filterHeaderWidget .controlGroup,
    #listingPage .filterHeaderWidget header {
        display: inline-block !important;
        vertical-align: middle
    }

    #listingPage .filterHeaderWidget .icon-filter {
        top: 50%;
        right: 30px;
        -webkit-transform: translate(0, -50%);
        transform: translate(0, -50%);
        height: auto;
        width: auto;
        max-width: 135px;
        text-align: right;
        font-family: "DM Sans", sans-serif !important;
        font-weight: 600 !important;
        color: #fff;
        padding-left: 28px;
        z-index: 99
    }

    #listingPage .filterHeaderWidget .icon-filter:before {
        position: absolute;
        left: 0;
        top: 50%;
        -webkit-transform: translate(0, -50%);
        transform: translate(0, -50%);
        font-family: icomoon !important
    }

    #listingPage .filterHeaderWidget .icon-filter:hover {
        color: #28ad00
    }

    #listingPage .filterHeaderWidget .compareBtn {
        bottom: -52px;
        left: 50%;
        right: auto;
        z-index: 99;
        transform: translate(-50%, 0)
    }

    #listingPage .filterHeaderWidget .controlGroup {
        left: 248px;
        background: 0;
        padding: 0;
        margin: 50px 0 0
    }

    #listingPage .filterHeaderWidget .controlGroup .controlBox {
        font-size: 18px;
        margin-bottom: 0;
        padding: 3px 15px;
        background: #ffffffb8;
        cursor: pointer
    }

    #listingPage .filterHeaderWidget .controlGroup .controlBox:hover span {
        color: #28ad00
    }

    #listingPage .filterHeaderWidget .titleWrap {
        padding: 0 33px;
        width: 100%;
        min-height: 185px
    }

    #listingPage .listingWrapper {
        display: table;
        width: 100%;
        min-height: 1000px;
        background: #f3f3f3
    }

    #listingPage .listingWrapper .webListingMain {
        display: table-cell;
        vertical-align: top;
        width: calc(100% - 265px);
        padding: 28px 10px;
        -webkit-transition: width .3s ease-in-out;
        transition: width .3s ease-in-out
    }

    #listingPage .listingWrapper .webListingMain.active {
        width: 100%
    }

    #listingPage .listingWrapper #webfilterPanel {
        display: table-cell;
        vertical-align: top;
        width: 265px;
        padding: 0 20px;
        -webkit-transition: margin .3s ease-in-out;
        transition: margin .3s ease-in-out
    }

    #listingPage .listingWrapper #webfilterPanel.active {
        margin-left: -265px;
        display: inline-block;
        vertical-align: top
    }

    #listingPage .listingWrapper .cardListing {
        max-width: 100%;
        margin: 0 auto
    }

    #listingPage .listingWrapper .cardListing .card {
        height: 415px;
        margin-bottom: 35px !important;
        -webkit-box-shadow: none;
        box-shadow: none;
        -webkit-transition: all .2s ease-in-out;
        transition: all .2s ease-in-out
    }

    #listingPage .listingWrapper .cardListing .card .reviewHeader~.productClick .cardImg {
        margin-top: 1px
    }

    #listingPage .listingWrapper .cardListing .card .cardName {
        margin: 5px 20px 3px;
        line-height: 1.2;
        min-height: 33px
    }

    #listingPage .listingWrapper .cardListing .card .heartHolder {
        right: 8px;
        top: 21px
    }

    #listingPage .listingWrapper .cardListing .card .reviewHeader.customReview {
        padding-bottom: 0
    }

    #listingPage .listingWrapper .cardListing .card .cardImg {
        min-height: 183px;
        max-height: 183px;
        margin: 6px 0
    }

    #listingPage .listingWrapper .cardListing .card .cardImg img {
        max-height: 180px;
        display: block;
        width: auto;
        margin: 0 auto;
        max-width: 100%;
        opacity: 1
    }

    #listingPage .listingWrapper .cardListing .card .cardSpecTitle {
        line-height: 1.4;
        min-height: 36px;
        margin: 32px 0 8px
    }

    #listingPage .listingWrapper .cardListing .card:hover {
        -webkit-box-shadow: 4px 4px 14px 0 rgba(96, 96, 96, .2) !important;
        box-shadow: 4px 4px 14px 0 rgba(96, 96, 96, .2) !important
    }

    #listingPage .listingWrapper .cardListing .card .cardColor .text {
        margin-top: 2px
    }

    #listingPage .listingWrapper .cardListing .card .priceHolder {
        min-height: 50px
    }

    #listingPage .listingWrapper .cardListing .card.apparelsCard {
        height: 390px
    }

    #listingPage .listingWrapper .cardListing .card.apparelsCard .cardSpecTitle {
        margin: 10px 0 8px
    }

    #listingPage .listingWrapper .cardListing .apparelsCard .imgSliderWrap {
        margin: 6px 0;
        min-height: 170px;
        max-height: 175px
    }

    #listingPage.shoesListing .cardListing .card {
        height: 380px
    }

    #caresPage .cardquickproduct .cardName,
    #checkoutPage .cardquickproduct .cardName,
    #home .cardquickproduct .cardName,
    #howtobuyPage .cardquickproduct .cardName,
    #listingPage .cardquickproduct .cardName,
    #productPage .cardquickproduct .cardName {
        font-size: 24px;
        margin-bottom: 5px
    }

    #caresPage .cardquickproduct .seriesText,
    #checkoutPage .cardquickproduct .seriesText,
    #home .cardquickproduct .seriesText,
    #howtobuyPage .cardquickproduct .seriesText,
    #listingPage .cardquickproduct .seriesText,
    #productPage .cardquickproduct .seriesText {
        font-size: 14px
    }

    #caresPage .cardquickproduct .seriesText strong,
    #checkoutPage .cardquickproduct .seriesText strong,
    #home .cardquickproduct .seriesText strong,
    #howtobuyPage .cardquickproduct .seriesText strong,
    #listingPage .cardquickproduct .seriesText strong,
    #productPage .cardquickproduct .seriesText strong {
        font-weight: 400
    }

    #caresPage .cardquickproduct .cadTopSpec,
    #checkoutPage .cardquickproduct .cadTopSpec,
    #home .cardquickproduct .cadTopSpec,
    #howtobuyPage .cardquickproduct .cadTopSpec,
    #listingPage .cardquickproduct .cadTopSpec,
    #productPage .cardquickproduct .cadTopSpec {
        margin-top: 8px
    }

    #caresPage .cardquickproduct .cadTopSpec i,
    #checkoutPage .cardquickproduct .cadTopSpec i,
    #home .cardquickproduct .cadTopSpec i,
    #howtobuyPage .cardquickproduct .cadTopSpec i,
    #listingPage .cardquickproduct .cadTopSpec i,
    #productPage .cardquickproduct .cadTopSpec i {
        font-size: 20px
    }

    #caresPage .cardquickproduct .cadTopSpec li,
    #checkoutPage .cardquickproduct .cadTopSpec li,
    #home .cardquickproduct .cadTopSpec li,
    #howtobuyPage .cardquickproduct .cadTopSpec li,
    #listingPage .cardquickproduct .cadTopSpec li,
    #productPage .cardquickproduct .cadTopSpec li {
        font-size: 13px;
        margin-left: 35px
    }

    #caresPage .cardquickproduct .cadTopSpec li:first-child,
    #checkoutPage .cardquickproduct .cadTopSpec li:first-child,
    #home .cardquickproduct .cadTopSpec li:first-child,
    #howtobuyPage .cardquickproduct .cadTopSpec li:first-child,
    #listingPage .cardquickproduct .cadTopSpec li:first-child,
    #productPage .cardquickproduct .cadTopSpec li:first-child {
        margin-left: 0
    }

    #caresPage .cardquickproduct p,
    #checkoutPage .cardquickproduct p,
    #home .cardquickproduct p,
    #howtobuyPage .cardquickproduct p,
    #listingPage .cardquickproduct p,
    #productPage .cardquickproduct p {
        font-size: 16px
    }

    #caresPage .cardquickproduct .card .cardSpec,
    #checkoutPage .cardquickproduct .card .cardSpec,
    #home .cardquickproduct .card .cardSpec,
    #howtobuyPage .cardquickproduct .card .cardSpec,
    #listingPage .cardquickproduct .card .cardSpec,
    #productPage .cardquickproduct .card .cardSpec {
        max-width: 100%
    }

    #caresPage .cardquickproduct .card .cardSpec .specList,
    #checkoutPage .cardquickproduct .card .cardSpec .specList,
    #home .cardquickproduct .card .cardSpec .specList,
    #howtobuyPage .cardquickproduct .card .cardSpec .specList,
    #listingPage .cardquickproduct .card .cardSpec .specList,
    #productPage .cardquickproduct .card .cardSpec .specList {
        width: 25%;
        padding: 0 16px;
        font-size: 12px
    }

    #caresPage .cardquickproduct .card .cardSpec .specList .iconHolder,
    #checkoutPage .cardquickproduct .card .cardSpec .specList .iconHolder,
    #home .cardquickproduct .card .cardSpec .specList .iconHolder,
    #howtobuyPage .cardquickproduct .card .cardSpec .specList .iconHolder,
    #listingPage .cardquickproduct .card .cardSpec .specList .iconHolder,
    #productPage .cardquickproduct .card .cardSpec .specList .iconHolder {
        width: 40px;
        font-size: 30px;
        padding-right: 12px
    }

    #caresPage .cardquickproduct .card .cardSpec .specName,
    #checkoutPage .cardquickproduct .card .cardSpec .specName,
    #home .cardquickproduct .card .cardSpec .specName,
    #howtobuyPage .cardquickproduct .card .cardSpec .specName,
    #listingPage .cardquickproduct .card .cardSpec .specName,
    #productPage .cardquickproduct .card .cardSpec .specName {
        font-size: 12px;
        font-weight: 400
    }

    #caresPage .cardquickproduct .card .cardSpec .specName strong,
    #checkoutPage .cardquickproduct .card .cardSpec .specName strong,
    #home .cardquickproduct .card .cardSpec .specName strong,
    #howtobuyPage .cardquickproduct .card .cardSpec .specName strong,
    #listingPage .cardquickproduct .card .cardSpec .specName strong,
    #productPage .cardquickproduct .card .cardSpec .specName strong {
        font-size: 16px;
        padding-top: 3px
    }

    #caresPage .cardquickproduct .card .reviewHeader li:first-child,
    #checkoutPage .cardquickproduct .card .reviewHeader li:first-child,
    #home .cardquickproduct .card .reviewHeader li:first-child,
    #howtobuyPage .cardquickproduct .card .reviewHeader li:first-child,
    #listingPage .cardquickproduct .card .reviewHeader li:first-child,
    #productPage .cardquickproduct .card .reviewHeader li:first-child {
        padding-left: 0
    }

    #caresPage .cardquickproduct .card .reviewHeader.customReview,
    #checkoutPage .cardquickproduct .card .reviewHeader.customReview,
    #home .cardquickproduct .card .reviewHeader.customReview,
    #howtobuyPage .cardquickproduct .card .reviewHeader.customReview,
    #listingPage .cardquickproduct .card .reviewHeader.customReview,
    #productPage .cardquickproduct .card .reviewHeader.customReview {
        padding-bottom: 0 !important
    }

    #caresPage .cardquickproduct .card .imgHolder img,
    #checkoutPage .cardquickproduct .card .imgHolder img,
    #home .cardquickproduct .card .imgHolder img,
    #howtobuyPage .cardquickproduct .card .imgHolder img,
    #listingPage .cardquickproduct .card .imgHolder img,
    #productPage .cardquickproduct .card .imgHolder img {
        max-width: 450px;
        max-height: 270px
    }

    #caresPage .cardquickproduct .card .videoHolder video,
    #checkoutPage .cardquickproduct .card .videoHolder video,
    #home .cardquickproduct .card .videoHolder video,
    #howtobuyPage .cardquickproduct .card .videoHolder video,
    #listingPage .cardquickproduct .card .videoHolder video,
    #productPage .cardquickproduct .card .videoHolder video {
        max-width: 450px;
        max-height: 270px
    }

    #caresPage .cardquickproduct .card .cardPrice,
    #checkoutPage .cardquickproduct .card .cardPrice,
    #home .cardquickproduct .card .cardPrice,
    #howtobuyPage .cardquickproduct .card .cardPrice,
    #listingPage .cardquickproduct .card .cardPrice,
    #productPage .cardquickproduct .card .cardPrice {
        font-size: 24px;
        letter-spacing: .5px;
        padding: 25px 10px 16px
    }

    #caresPage .cardquickproduct .card .cardPrice .icon-rupee,
    #checkoutPage .cardquickproduct .card .cardPrice .icon-rupee,
    #home .cardquickproduct .card .cardPrice .icon-rupee,
    #howtobuyPage .cardquickproduct .card .cardPrice .icon-rupee,
    #listingPage .cardquickproduct .card .cardPrice .icon-rupee,
    #productPage .cardquickproduct .card .cardPrice .icon-rupee {
        zoom: .75
    }

    #caresPage .cardquickproduct .card .cardPrice p,
    #checkoutPage .cardquickproduct .card .cardPrice p,
    #home .cardquickproduct .card .cardPrice p,
    #howtobuyPage .cardquickproduct .card .cardPrice p,
    #listingPage .cardquickproduct .card .cardPrice p,
    #productPage .cardquickproduct .card .cardPrice p {
        font-size: 14px;
        line-height: 1;
        font-style: italic;
        color: #221629;
        zoom: 1
    }

    #caresPage .cardquickproduct .card .modelTag,
    #checkoutPage .cardquickproduct .card .modelTag,
    #home .cardquickproduct .card .modelTag,
    #howtobuyPage .cardquickproduct .card .modelTag,
    #listingPage .cardquickproduct .card .modelTag,
    #productPage .cardquickproduct .card .modelTag {
        right: -30px;
        font-size: 18px;
        line-height: 28px;
        padding: 2px 25px 0
    }

    #caresPage .cardquickproduct .card .cardColor .text,
    #checkoutPage .cardquickproduct .card .cardColor .text,
    #home .cardquickproduct .card .cardColor .text,
    #howtobuyPage .cardquickproduct .card .cardColor .text,
    #listingPage .cardquickproduct .card .cardColor .text,
    #productPage .cardquickproduct .card .cardColor .text {
        font-size: 16px;
        font-weight: 600
    }

    #caresPage .cardquickproduct .card .heartHolder,
    #checkoutPage .cardquickproduct .card .heartHolder,
    #home .cardquickproduct .card .heartHolder,
    #howtobuyPage .cardquickproduct .card .heartHolder,
    #listingPage .cardquickproduct .card .heartHolder,
    #productPage .cardquickproduct .card .heartHolder {
        display: none
    }

    #caresPage .modalListingPopup .cardquickproduct,
    #checkoutPage .modalListingPopup .cardquickproduct,
    #home .modalListingPopup .cardquickproduct,
    #howtobuyPage .modalListingPopup .cardquickproduct,
    #listingPage .modalListingPopup .cardquickproduct,
    #productPage .modalListingPopup .cardquickproduct {
        text-align: left;
        padding: 20px 30px 0 30px
    }

    #caresPage .modalListingPopup .card .productListSlider,
    #checkoutPage .modalListingPopup .card .productListSlider,
    #home .modalListingPopup .card .productListSlider,
    #howtobuyPage .modalListingPopup .card .productListSlider,
    #listingPage .modalListingPopup .card .productListSlider,
    #productPage .modalListingPopup .card .productListSlider {
        max-width: 500px;
        margin: 6px auto 30px
    }

    #caresPage .modalMainBottom .cardListWidget .imgThumb,
    #checkoutPage .modalMainBottom .cardListWidget .imgThumb,
    #home .modalMainBottom .cardListWidget .imgThumb,
    #howtobuyPage .modalMainBottom .cardListWidget .imgThumb,
    #listingPage .modalMainBottom .cardListWidget .imgThumb,
    #productPage .modalMainBottom .cardListWidget .imgThumb {
        width: 200px;
        height: 130px;
        padding-right: 10px
    }

    #caresPage .modalMainBottom .cardListWidget .name,
    #checkoutPage .modalMainBottom .cardListWidget .name,
    #home .modalMainBottom .cardListWidget .name,
    #howtobuyPage .modalMainBottom .cardListWidget .name,
    #listingPage .modalMainBottom .cardListWidget .name,
    #productPage .modalMainBottom .cardListWidget .name {
        font-size: 20px
    }

    #caresPage .modalMainBottom .cardListWidget .text,
    #checkoutPage .modalMainBottom .cardListWidget .text,
    #home .modalMainBottom .cardListWidget .text,
    #howtobuyPage .modalMainBottom .cardListWidget .text,
    #listingPage .modalMainBottom .cardListWidget .text,
    #productPage .modalMainBottom .cardListWidget .text {
        font-size: 14px
    }

    #caresPage .modalMainBottom .thanksText,
    #checkoutPage .modalMainBottom .thanksText,
    #home .modalMainBottom .thanksText,
    #howtobuyPage .modalMainBottom .thanksText,
    #listingPage .modalMainBottom .thanksText,
    #productPage .modalMainBottom .thanksText {
        padding: 5px 8px 3px;
        line-height: 1.2;
        color: #28ad00
    }

    #caresPage .cardListing .card.accessoriesCard,
    #checkoutPage .cardListing .card.accessoriesCard,
    #home .cardListing .card.accessoriesCard,
    #howtobuyPage .cardListing .card.accessoriesCard,
    #listingPage .cardListing .card.accessoriesCard,
    #productPage .cardListing .card.accessoriesCard {
        height: 370px
    }

    #caresPage .cardListing .card.accessoriesCard .cardImg img,
    #checkoutPage .cardListing .card.accessoriesCard .cardImg img,
    #home .cardListing .card.accessoriesCard .cardImg img,
    #howtobuyPage .cardListing .card.accessoriesCard .cardImg img,
    #listingPage .cardListing .card.accessoriesCard .cardImg img,
    #productPage .cardListing .card.accessoriesCard .cardImg img {
        max-width: 240px;
        max-height: 170px
    }

    #caresPage .cardListing .card.accessoriesCard .dashOnCard,
    #checkoutPage .cardListing .card.accessoriesCard .dashOnCard,
    #home .cardListing .card.accessoriesCard .dashOnCard,
    #howtobuyPage .cardListing .card.accessoriesCard .dashOnCard,
    #listingPage .cardListing .card.accessoriesCard .dashOnCard,
    #productPage .cardListing .card.accessoriesCard .dashOnCard {
        left: 7px
    }

    #caresPage .cardListing .card.bagCard,
    #checkoutPage .cardListing .card.bagCard,
    #home .cardListing .card.bagCard,
    #howtobuyPage .cardListing .card.bagCard,
    #listingPage .cardListing .card.bagCard,
    #productPage .cardListing .card.bagCard {
        min-height: 420px;
        height: 420px
    }

    #caresPage .cardListing .card.bagCard .cardImg,
    #checkoutPage .cardListing .card.bagCard .cardImg,
    #home .cardListing .card.bagCard .cardImg,
    #howtobuyPage .cardListing .card.bagCard .cardImg,
    #listingPage .cardListing .card.bagCard .cardImg,
    #productPage .cardListing .card.bagCard .cardImg {
        height: 230px;
        margin-bottom: 20px !important
    }

    #caresPage .cardListing .card.bagCard .cardImg img,
    #checkoutPage .cardListing .card.bagCard .cardImg img,
    #home .cardListing .card.bagCard .cardImg img,
    #howtobuyPage .cardListing .card.bagCard .cardImg img,
    #listingPage .cardListing .card.bagCard .cardImg img,
    #productPage .cardListing .card.bagCard .cardImg img {
        max-height: 230px;
        max-width: 230px
    }

    #howtobuyPage .bestsellerTag,
    #listingPage .bestsellerTag {
        top: 157px
    }

    .slider .slick-arrow {
        opacity: 0;
        -webkit-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out
    }

    .slider:hover .slick-arrow {
        opacity: 1
    }

    .findPerfectBike {
        padding-top: 40px
    }

    .findPerfectBike .title {
        font-size: 36px;
        padding-bottom: 30px
    }

    .findPerfectBike form {
        position: relative
    }

    .findPerfectBike .btn {
        font-size: 24px
    }

    .findPerfectBike .chipControl {
        padding: 10px 25px;
        height: 40px;
        margin-right: 20px;
        font-size: 16px;
        line-height: 1.2
    }

    .findPerfectBike .controlSwitch {
        height: 40px;
        width: 150px;
        font-size: 16px
    }

    .findPerfectBike .controlSwitch .switchBtn {
        line-height: 34px
    }

    .findPerfectBike .controlSwitch .switchBtn::after {
        display: none
    }

    .findPerfectBike .rangf-tooltip {
        width: 80px;
        left: -35px;
        height: 36px
    }

    .findPerfectBike .rangeSliderPanel .rangf-tooltip {
        font-size: 16px;
        line-height: 34px
    }

    .findPerfectBike .rangeSliderPanel .heightRangeBody {
        width: calc(100% - 220px);
        margin-left: 50px
    }

    .findPerfectBike .pefectBikeBody li {
        width: calc(33.33% - 60px);
        margin-left: 30px;
        cursor: pointer
    }

    .findPerfectBike .pefectBikeBody li:last-child {
        width: 90px
    }

    .findPerfectBike .pefectBikeBody .btn {
        width: 90px
    }

    .findPerfectBike .pefectBikeBody .btn,
    .findPerfectBike .tablinks {
        border-radius: 5px;
        -webkit-border-radius: 5px
    }

    .findPerfectBike .tablinks {
        height: 100%;
        line-height: 40px;
        font-size: 16px;
        text-align: left;
        padding: 14px 40px 10px;
        border-radius: 5px;
        -webkit-border-radius: 5px
    }

    .findPerfectBike .tablinks:before {
        top: 26px;
        padding: 4px;
        right: 42px
    }

    .findPerfectBike .tablinks.active:before,
    .findPerfectBike .tablinks:focus:before {
        top: 30px;
        padding: 4px
    }

    .findPerfectBike .tablinks:focus:hover {
        top: 26px
    }

    .findPerfectBike .btn {
        height: 64px;
        display: block
    }

    .findPerfectBike .tabcontent {
        position: absolute;
        top: 120%;
        width: 100%;
        border-radius: 5px 5px 0 0;
        -webkit-border-radius: 5px 5px 0 0;
        background: #fff;
        -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .15);
        box-shadow: 0 0 10px rgba(0, 0, 0, .15);
        padding: 30px
    }

    .findPerfectBike #purpose_sel {
        line-height: 40px;
        justify-content: start
    }

    .findPerfectBike #Purpose ul {
        justify-content: space-around
    }

    .findPerfectBike #Purpose li {
        flex: 0 0 25%
    }

    #home .heroBanner {
        overflow: visible;
        min-height: 100%;
        height: 340px;
        margin-top: 117px !important;
        padding-top: 0;
        border-bottom: 1px solid rgba(0, 0, 0, .1)
    }

    #home .heroBanner .bannerVideo {
        background: #000
    }

    #home .heroBanner .bannerVideo:after {
        display: none
    }

    #home .heroBanner .bannerVideo .muteBtn {
        bottom: 70px;
        top: auto;
        right: 70px
    }

    #home #myVideo {
        height: 100%;
        width: 100%;
        display: block;
        border: 0;
        outline: 0;
        padding: 0;
        position: absolute;
        left: 50%;
        top: 50%;
        object-fit: cover;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        right: auto;
        bottom: auto
    }

    #home #heroSlider {
        width: 100%;
        overflow: hidden
    }

    #home #heroSlider .slick-slide {
        width: 100vw;
        height: 340px;
        min-height: auto;
        transition: initial
    }

    #home #heroSlider .slick-slide .imgBanner {
        -webkit-background-size: cover;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center !important;
        display: block;
        height: 100%
    }

    #home #heroSlider .slick-slide .imgBanner:before {
        display: none
    }

    #home #heroSlider .slick-dots {
        bottom: 52px;
        width: 960px;
        left: 50%;
        margin-left: -480px;
        text-align: left
    }

    #home #heroSlider .slick-dots li {
        width: 12px;
        height: auto;
        margin-right: 20px;
        margin-left: 2px
    }

    #home #heroSlider .slick-dots li button:before {
        border: 1px solid #fff
    }

    #home #heroSlider .slick-dots li.slick-active button:before {
        background: #fff
    }

    #home .heroBanner .slick-list .slick-slide {
        width: auto
    }

    #home .noCostEmi {
        max-width: 1068px;
        margin-left: auto;
        margin-right: auto;
        padding-bottom: 20px;
        padding-left: 0;
        padding-right: 0
    }

    #home .featureListBody.CusDelightSec {
        padding-bottom: 0
    }

    #home .frogCareBg {
        padding-top: 70px !important
    }

    #home .fypbShdow {
        padding-bottom: 50px
    }

    #home .instagramPanel {
        max-width: 1100px;
        margin: 30px auto 0;
        padding-right: 16px;
        padding-left: 16px
    }

    #home .instagramPanel .instaImgHolder {
        width: 244px;
        height: 244px
    }

    #home .newArrivalsTitle {
        padding: 50px 16px 70px
    }

    #home .aPart {
        padding-bottom: 30px !important
    }

    #w369-widget-control .div-header {
        margin: 11px 5px
    }

    .newArrivalSlider .bestsellerTag {
        top: 25px;
        left: auto;
        right: 30px;
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    .newArrivalSlider * div {
        animation: none !important
    }

    #productPage .featureListBody.CusDelightSec {
        padding: 50px 0 30px
    }

    #productPage .featureListBody.CusDelightSec .listMd .featureList {
        padding: 0;
        margin-top: 0;
        min-height: 80px
    }

    #productPage .featureListBody.CusDelightSec .listMd .featureList .title {
        font-size: 18px
    }

    #productPage .featureListBody.CusDelightSec .listMd .featureList .iconHolder {
        font-size: 45px;
        width: 60px
    }

    #productPage .productHeader {
        padding: 0 0 30px 20px
    }

    #productPage .productHeader .colorWidgId.apparels .attrBtn {
        width: 30px;
        height: 18px;
        line-height: 18px;
        font-size: 12px
    }

    #productPage .productHeader .colorWidgId .attrBtn {
        min-width: 90px;
        height: 26px;
        line-height: 24px;
        font-size: 12px
    }

    #productPage .productHeader .ratingText {
        border-bottom: 1px solid #777
    }

    #productPage .frogCare {
        max-width: 100%;
        padding-bottom: 60px
    }

    #productPage .frogCare>* {
        vertical-align: middle
    }

    #productPage .frogCare .frogCareLogo {
        width: 200px;
        margin-right: 20px
    }

    #productPage .frogCare .discrWrapper {
        display: table;
        width: 100%
    }

    #productPage .frogCare .discrWrapper .discr {
        font-size: 16px;
        max-width: 435px;
        display: inline-block;
        padding-left: 30px;
        color: #221629
    }

    #productPage .frogCare .discrWrapper .howItWorks {
        display: table-cell;
        vertical-align: middle;
        font-size: 19px
    }

    #productPage .frogCare .discrWrapper .howItWorks .icon-call,
    #productPage .frogCare .discrWrapper .howItWorks .icon-email {
        font-size: 19px
    }

    #productPage .cardKnowBike .specWidget {
        max-width: 960px
    }

    #productPage .cardKnowBike .specListWrapper {
        margin-top: 30px;
        display: flex;
        flex-wrap: wrap
    }

    #productPage .cardKnowBike .specList {
        min-height: 124px;
        margin-bottom: 35px;
        flex: 0 0 33.33%
    }

    #productPage .cardKnowBike .iconHolder {
        font-size: 65px;
        padding-right: 24px;
        width: 100px
    }

    #productPage .cardKnowBike .icon-frame,
    #productPage .cardKnowBike .icon-frame-height {
        font-size: 70px
    }

    #productPage .cardKnowBike .specName * {
        font-size: 16px;
        line-height: 22px
    }

    #productPage .cardKnowBike .specName .specTitle {
        color: #a7a2a9;
        margin-bottom: 8px;
        font-size: 18px
    }

    #productPage .noteText {
        font-size: 14px
    }

    #productPage .findPefectPanel {
        padding: 70px 0
    }

    #productPage .findPefectPanel .findPerfectBike {
        max-width: 100%;
        padding-top: 0
    }

    #productPage .faqCard .faqTitle {
        font-size: 22px
    }

    #productPage .faqCard .cardProduct {
        padding: 50px 60px 20px;
        margin-bottom: 20px
    }

    #productPage .faqCard .cardProduct .faqPanel {
        padding: 35px 0
    }

    #productPage .faqCard .faqContent p {
        font-size: 16px;
        margin-top: 20px
    }

    #productPage .stickyBottom.priceWidget {
        height: 70px !important
    }

    #productPage .stickyBottom.priceWidget .btn {
        line-height: 1;
        padding-top: 15px
    }

    #productPage #similarWrap .newArrivalsTitle {
        padding-top: 0
    }

    #productPage #similarWrap .newArrivalSlider {
        margin-top: 80px
    }

    #productPage #similarWrap .arrivalView {
        margin-bottom: 10px
    }

    #productPage .reviewHeader li .rating .ratingText {
        font-size: 12px
    }

    #productPage .userReviewPanel article {
        padding: 0 60px 14px 0
    }

    #productPage .userReviewPanel h5 {
        font-size: 18px
    }

    #productPage .userReviewPanel .title {
        font-size: 14px;
        margin-top: 5px
    }

    #productPage .userReviewPanel .userName {
        font-size: 12px;
        margin-right: 8px
    }

    #productPage .userReviewPanel .userName:before {
        height: 12px;
        right: -6px
    }

    #productPage .userReviewPanel .userInfo {
        font-size: 12px
    }

    #productPage .userReviewPanel .userInfo a {
        font-size: 12px;
        padding-left: 5px
    }

    #productPage .userReviewPanel .rate {
        width: 30px;
        height: 22px;
        line-height: 22px;
        font-size: 18px;
        top: 15px
    }

    #productPage .alllReviewImg {
        margin: 40px 0 0
    }

    #productPage .alllReviewImg h4 {
        font-size: 18px
    }

    #productPage .alllReviewImg .imgHolder {
        width: 90px;
        height: 90px;
        margin: 0 15px 5px 0
    }

    #productPage .alllReviewImg .imgHolder img {
        max-height: 90px
    }

    #productPage #modalReviewAll .modalMainBottom {
        max-width: 755px;
        padding: 30px 10px 10px 30px
    }

    #productPage #modalReviewAll .imgHolder {
        width: 100px;
        height: 100px;
        margin: 0 15px 20px 0
    }

    #productPage #modalReviewAll .imgHolder img {
        max-height: 100px
    }

    #productPage #modalReviewImg .userCard2 .title {
        min-height: 70px
    }

    #productPage #modalReviewImg .userCard2 .userCard {
        padding: 0
    }

    #productPage #modalReviewImg .userCard2 .imgHolder {
        height: 295px
    }

    #productPage #modalReviewImg .userCard2 .userSliderMain {
        height: 361px
    }

    #productPage #modalReviewImg .userCard2 .slick-arrow {
        background: 0 0 !important;
        box-shadow: none
    }

    #productPage #modalReviewImg .userCard2 .slick-prev {
        left: -40px
    }

    #productPage #modalReviewImg .userCard2 .slick-next {
        right: -40px
    }

    #productPage #modalReviewImg .userCard2 .slick-next:hover,
    #productPage #modalReviewImg .userCard2 .slick-prev:hover {
        background: 0 0 !important
    }

    #productPage #modalReviewImg .userCard2 .slick-next:hover:before,
    #productPage #modalReviewImg .userCard2 .slick-prev:hover:before {
        border-color: #28ad00
    }

    #productPage #modalUserReview .reviewImgs {
        top: 16px;
        right: 40px;
        font-size: 20px
    }

    #productPage #userReviewCard {
        min-height: 430px
    }

    #productPage #userReviewCard .accessoriesReviews {
        padding: 40px 0;
        -webkit-box-shadow: 4px 4px 14px 0 rgba(96, 96, 96, .2);
        box-shadow: 4px 4px 14px 0 rgba(96, 96, 96, .2);
        background: #fff
    }

    .userCard2 {
        padding: 20px;
        padding: 30px;
        border-radius: 15px;
        -webkit-border-radius: 15px;
        -webkit-box-shadow: 4px 4px 14px rgba(0, 0, 0, .1);
        box-shadow: 4px 4px 14px rgba(0, 0, 0, .1);
        border-bottom: 0;
        max-width: 873px;
        margin: 20px auto 0;
        height: 421px
    }

    .userCard2 .slick-next {
        right: -100px
    }

    .userCard2 .slick-prev {
        left: -100px
    }

    .userCard2 .userInnerWrap {
        float: left;
        width: 280px
    }

    .userCard2 .userCard {
        white-space: normal
    }

    .userCard2 .userSliderMain {
        white-space: nowrap
    }

    .userCard2 .userSliderMain>.slick-list {
        height: 361px;
        overflow: hidden;
        white-space: nowrap
    }

    .userCard2 .userContent {
        overflow: hidden;
        width: calc(100% - 280px);
        padding-left: 60px;
        float: left
    }

    .userCard2 .userContent h5 {
        font-size: 16px
    }

    .userCard2 .title {
        font-size: 28px;
        line-height: 1.3
    }

    .userCard2 .userInfo {
        font-size: 18px;
        line-height: 1.3;
        margin: 25px 0;
        color: #000
    }

    .userCard2 .rating i {
        font-size: 16px;
        width: 16px;
        height: 16px
    }

    .userCard2 .publishInfo {
        padding: 20px 0 0 0;
        font-size: 16px
    }

    .userCard2 .publishInfo:before {
        display: none
    }

    .userCard2 p {
        font-size: 16px;
        padding-right: 5px
    }

    .userCard2 .imgHolder {
        height: 295px
    }

    .userCard2 .navThumbnail .navThumbImg {
        width: 48px;
        height: 48px;
        margin-right: 10px
    }

    .recentlyViewCard.swipeSlider {
        margin: 0;
        padding: 0;
        margin-top: 50px
    }

    .recentlyViewCard .card {
        max-width: 320px;
        margin: 0 12px 16px;
        height: 382px
    }

    .recentlyViewCard .card .cardImg {
        max-height: 155px
    }

    .recentlyViewCard .card .cardImg img {
        max-height: 155px
    }

    .recentlyViewCard .card .cardPrice {
        letter-spacing: .3px
    }

    .recentlyViewCard .card .priceOffHold {
        display: block
    }

    .recentlyViewCard .priceOff {
        font-size: 12px !important
    }

    .deliveryHere {
        position: absolute;
        top: 0;
        right: 0
    }

    .deliveryHere .soldOuttitle {
        margin-bottom: 8px
    }

    .deliveryHere .notheredelivery .thanksText {
        font-size: 11px !important
    }

    #modalFrogCares .topRightHolder .iconHolder {
        font-size: 26px;
        line-height: 48px
    }

    #checkoutPage {
        background: #fff;
        min-height: calc(100vh - 120px)
    }

    #checkoutPage.checkoutNew {
        background: #fff;
        padding-bottom: 0
    }

    #checkoutPage .checkoutContainer {
        max-width: 1250px
    }

    #checkoutPage .stripRockstar {
        margin-bottom: 4px
    }

    #checkoutPage .cdBox {
        border-radius: 5px;
        -webkit-border-radius: 5px
    }

    #checkoutPage .cdBox.no {
        margin-left: 0;
        margin-right: 0
    }

    #checkoutPage .cdBox.orederSummary {
        margin-bottom: 16px
    }

    #checkoutPage .cdBox.orederSummary .orderTotal {
        padding: 18px 0;
        font-size: 16px
    }

    #checkoutPage .continueShopping {
        line-height: 40px
    }

    #checkoutPage .cartFtr {
        min-height: 41px
    }

    #checkoutPage .cartFtr::before {
        top: -4px;
        bottom: -4px
    }

    #checkoutPage .cartFtr .actionButton::before {
        top: -4px;
        bottom: -4px
    }

    #checkoutPage .addressWrap {
        margin: 24px 16px 0;
        padding: 16px 0 8px
    }

    #checkoutPage .checkoutMain {
        min-height: 100%;
        display: table;
        width: 100%
    }

    #checkoutPage .checkoutMain>* {
        display: table-cell;
        vertical-align: top;
        height: 100%;
        float: none;
        padding: 40px 0
    }

    #checkoutPage .checkoutMain h1,
    #checkoutPage .checkoutMain h2 {
        font-size: 16px
    }

    #checkoutPage .rightPanel {
        padding: 0 20px 0 16px
    }

    #checkoutPage .rightPanel>div {
        margin-top: 0
    }

    #checkoutPage .rightPanel .cardListWidget .name {
        font-size: 14px
    }

    #checkoutPage .rightPanel .cardListWidget .text {
        font-size: 12px
    }

    #checkoutPage .rightPanel .customControl {
        margin-bottom: 0
    }

    #checkoutPage .rightPanel .noIconField .fieldInput {
        color: #959595;
        padding: 7px 60px 7px 16px
    }

    #checkoutPage .rightPanel .noIconField .shippingConfirm {
        margin-left: 0;
        color: #424242
    }

    #checkoutPage .rightPanel .cardWidget {
        margin-top: 40px !important
    }

    #checkoutPage .rightPanel .cardWidget:first-child {
        margin-top: 35px !important
    }

    #checkoutPage .rightPanel .cardListWidget .price {
        font-size: 12px;
        padding-top: 8px;
        display: inline-block;
        vertical-align: top
    }

    #checkoutPage .insuranceDetail .agreeBlock {
        margin: -15px 0 15px -14px
    }

    #checkoutPage .insuranceDetail .editInsuranceBtn {
        font-size: 12px
    }

    #checkoutPage h1,
    #checkoutPage h2 {
        margin-bottom: 20px
    }

    #checkoutPage .orederSummary {
        margin: 0
    }

    #checkoutPage .orederSummary .orderMain {
        font-size: 14px
    }

    #checkoutPage .orederSummary .orderMain li {
        padding-bottom: 8px
    }

    #checkoutPage .checkoutMain .cdRightSide {
        padding-left: 20px
    }

    #checkoutPage .checkoutMain .paymentOption {
        position: relative
    }

    #checkoutPage .checkoutMain .paymentOption .customControl {
        z-index: 1
    }

    #checkoutPage .checkoutMain .paymentOption .customControl .pymntText {
        font-size: 14px
    }

    #checkoutPage .checkoutMain .paymentOption .customControl p {
        font-size: 12px
    }

    #checkoutPage .checkoutMain .paymentOption .customControl .icon-info {
        font-size: 16px
    }

    #checkoutPage .checkoutMain .paymentOption .customControl .tooltip .tooltiptext {
        left: 7px
    }

    #checkoutPage .checkoutMain .paymentOption .hdfc {
        zoom: 1.3
    }

    #checkoutPage .checkoutMain .paymentOption .hdfc-full {
        zoom: .8
    }

    #checkoutPage .checkoutMain .paymentOption .bajaj {
        zoom: 1.8
    }

    #checkoutPage .checkoutMain .paymentOption .bajaj-full {
        zoom: 1.3
    }

    #checkoutPage .checkoutMain .paymentOption .razorpay {
        zoom: 1
    }

    #checkoutPage .checkoutMain .paymentOption .cards {
        zoom: 1.4;
        margin-right: 13px
    }

    #checkoutPage .checkoutMain .paymentOption .payu {
        zoom: .9
    }

    #checkoutPage .checkoutMain .paymentOption .emi {
        zoom: 1.3;
        margin-right: 13px
    }

    #checkoutPage .checkoutMain .paymentOption .upi {
        zoom: 1.5;
        margin: 1px 17px 0 6px
    }

    #checkoutPage .checkoutMain .paymentOption .net-banking {
        zoom: 1.4;
        margin: 0 15px 0 3px
    }

    #checkoutPage .checkoutMain .paymentOption .wallets {
        zoom: 1.4;
        margin: 0 14px 0 2px
    }

    #checkoutPage .checkoutMain .paymentOption .cash {
        zoom: 1.3
    }

    #checkoutPage .placeOrderBtn {
        position: relative
    }

    #checkoutPage .placeOrderBtn.noSpace {
        box-shadow: 0 0 8px rgba(0, 0, 0, .1);
        margin: 10px 0 0 0;
        overflow: hidden;
        border-radius: 4px;
        -webkit-border-radius: 4px
    }

    #checkoutPage .placeOrderBtn .invalidError {
        text-align: left !important;
        padding: 0 0 10px !important;
        font-size: 14px
    }

    #checkoutPage .placeOrderBtn .addedItemCount,
    #checkoutPage .placeOrderBtn .emiTextList {
        padding: 13px 5px;
        font-size: 15px
    }

    #checkoutPage .totalPayable {
        height: 70px
    }

    #checkoutPage .totalPayable .totalAmt {
        padding-left: 20px
    }

    #checkoutPage .totalPayable .cutMrp {
        font-size: 14px
    }

    #checkoutPage .totalPayable .mrpPayable {
        font-size: 22px
    }

    #checkoutPage .forgCaresWidget {
        margin: 0 0 18px
    }

    #checkoutPage .forgCaresWidget .assemblyText {
        font-size: 13px
    }

    #checkoutPage .forgCaresWidget .frogCareText li {
        font-size: 12px
    }

    #checkoutPage .forgCaresWidget .frogContent .customControl {
        padding-left: 35px
    }

    #checkoutPage .forgCaresWidget .customCheckbox {
        padding-top: 0
    }

    #checkoutPage .forgCaresWidget .cares-btn span {
        font-size: 14px;
        padding: 4px 8px 2px
    }

    #checkoutPage .cardListWidget .cutPrice {
        vertical-align: -6px;
        font-size: 12px
    }

    #checkoutPage .cardListWidget .leftThumbWrap {
        padding-top: 10px;
        min-height: 100px
    }

    #checkoutPage .cardListWidget .leftThumbWrap .imgThumb {
        position: relative;
        left: auto;
        top: auto;
        width: 25%;
        min-width: 150px;
        height: 100%;
        min-height: 100px;
        box-shadow: none;
        border: 1px solid #ebebeb;
        display: table-cell
    }

    #checkoutPage .cardListWidget .leftThumbWrap .imgThumb img {
        max-height: 65px
    }

    #checkoutPage .cardListWidget .leftThumbWrap .cdRCont {
        padding-top: 4px;
        width: calc(100% - 120px);
        padding-left: 20px
    }

    #checkoutPage .cardListWidget .leftThumbWrap .fittedWrap {
        top: auto;
        bottom: 50px
    }

    #checkoutPage .freeWidget {
        column-gap: 10px
    }

    #checkoutPage .freeWidget .freeItem {
        min-height: 28px;
        line-height: 30px
    }

    #checkoutPage .freeWidget .plusIcon::after,
    #checkoutPage .freeWidget .plusIcon::before {
        content: '';
        width: 24px;
        height: 4px
    }

    #checkoutPage .freeWidget .freeItemInfo {
        top: auto;
        right: 33px;
        bottom: -25px
    }

    #checkoutPage .freeWidget .freeItemInfo:after {
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        top: auto;
        bottom: 31px;
        right: -14px
    }

    .checkoutNew .trendingText {
        max-width: calc(100% - 180px)
    }

    .findretailers .filterHeaderWidget {
        border-radius: 0;
        -webkit-border-radius: 0;
        padding: 30px 0 15px
    }

    .findretailers .filterHeaderWidget .headingPart {
        display: none
    }

    .findretailers .filterHeaderWidget h1 {
        font-size: 28px;
        margin-bottom: 3px
    }

    .findretailers .filterHeaderWidget p {
        font-size: 18px
    }

    .findretailers .filterHeaderWidget p b {
        color: #28ad00
    }

    .findretailers .tabs {
        visibility: hidden;
        opacity: 0
    }

    .findretailers .StoreWrapper .rightPanel #map_wrapper {
        margin: 0;
        background: #aadaff
    }

    .findretailers .StoreWrapper .rightPanel #map_wrapper #map_canvas.mapping {
        width: calc(100% - 470px);
        float: right;
        top: 20px
    }

    .findretailers .StoreWrapper .rightPanel #map_wrapper #map_canvas.mapping .gm-style-pbc {
        background: 0 0
    }

    .findretailers .StoreWrapper .rightPanel #map_wrapper #map_canvas.mapping .gm-style-pbc .gm-style-pbt {
        color: #221629
    }

    .findretailers .StoreWrapper .rightPanel #map_wrapper #map_canvas.mapping div:focus {
        outline: 0
    }

    .findretailers .StoreWrapper .leftPanel .webAddresWrapper {
        position: absolute;
        top: 20px;
        width: 430px;
        left: 50px;
        -webkit-box-shadow: 4px 4px 14px 0 rgba(96, 96, 96, .2);
        box-shadow: 4px 4px 14px 0 rgba(96, 96, 96, .2)
    }

    .findretailers .StoreWrapper .leftPanel .webAddresWrapper .headingPart {
        width: 430px;
        margin: auto;
        border-bottom: 1px solid #dfdfdf
    }

    .findretailers .StoreWrapper .leftPanel .webAddresWrapper .headingPart .customField {
        padding: 0
    }

    .findretailers .StoreWrapper .leftPanel .webAddresWrapper .headingPart .fieldControl:after {
        top: 30px;
        right: 50px
    }

    .findretailers .StoreWrapper .leftPanel .webAddresWrapper .headingPart .fieldControl .fieldInput {
        height: 75px;
        font-size: 16px;
        font-weight: 600;
        border: 0;
        border-radius: 0;
        -webkit-border-radius: 0
    }

    .findretailers .StoreWrapper .leftPanel .webAddresWrapper .headingPart .fieldControl .fieldInput:focus {
        box-shadow: none
    }

    .findretailers .StoreWrapper .leftPanel .webAddresWrapper .headingPart .fieldControl .fieldInput#stateSelect {
        border-radius: 8px 0 0 0;
        -webkit-border-radius: 8px 0 0 0
    }

    .findretailers .StoreWrapper .leftPanel .webAddresWrapper .addresWrapper {
        max-height: calc(100vh - 302px);
        overflow: hidden;
        overflow-y: auto;
        margin-top: 0;
        border-radius: 0 0 0 8px;
        -webkit-border-radius: 0 0 0 8px
    }

    .findretailers .StoreWrapper .leftPanel .webAddresWrapper .addresWrapper::-webkit-scrollbar {
        width: 10px;
        height: 10px
    }

    .findretailers .StoreWrapper .leftPanel .webAddresWrapper .addresWrapper::-webkit-scrollbar-track {
        background: rgba(34, 22, 41, .6);
        margin-top: 0;
        margin-bottom: 0
    }

    .findretailers .StoreWrapper .leftPanel .webAddresWrapper .addresWrapper .card {
        margin-bottom: 0;
        border-radius: 0;
        -webkit-border-radius: 0;
        padding: 20px 30px 0;
        border-bottom: 1px solid #dfdfdf
    }

    .findretailers .StoreWrapper .leftPanel .webAddresWrapper .addresWrapper .card .storeImg {
        width: 55px
    }

    .findretailers .StoreWrapper .leftPanel .webAddresWrapper .addresWrapper .card.dealer-details .store_section .noSubstore .cardFooterGroup,
    .findretailers .StoreWrapper .leftPanel .webAddresWrapper .addresWrapper .card.dealer-details .store_section .substore .cardFooterGroup {
        top: 55px
    }

    .findretailers .StoreWrapper .leftPanel .webAddresWrapper .addresWrapper .card .store_section .cardName {
        width: 70%
    }

    .findretailers .StoreWrapper .leftPanel .webAddresWrapper .addresWrapper .card .store_section .noSubstore .cardFooterGroup,
    .findretailers .StoreWrapper .leftPanel .webAddresWrapper .addresWrapper .card .store_section .substore .cardFooterGroup {
        border: 0;
        position: absolute;
        top: 5px;
        left: auto;
        right: 20px;
        overflow: initial
    }

    .findretailers .StoreWrapper .leftPanel .webAddresWrapper .addresWrapper .card .store_section .noSubstore .cardFooterGroup li,
    .findretailers .StoreWrapper .leftPanel .webAddresWrapper .addresWrapper .card .store_section .substore .cardFooterGroup li {
        width: 42px;
        height: 42px;
        margin-right: 10px;
        cursor: pointer
    }

    .findretailers .StoreWrapper .leftPanel .webAddresWrapper .addresWrapper .card .store_section .noSubstore .cardFooterGroup li span i,
    .findretailers .StoreWrapper .leftPanel .webAddresWrapper .addresWrapper .card .store_section .substore .cardFooterGroup li span i {
        width: 42px;
        height: 42px;
        border: 1px solid #dfdfdf;
        display: block;
        border-radius: 50%;
        -webkit-border-radius: 50%;
        line-height: 42px;
        color: #28ad00
    }

    .findretailers .StoreWrapper .leftPanel .webAddresWrapper .addresWrapper .card .store_section .noSubstore .cardFooterGroup li span i.icon-location,
    .findretailers .StoreWrapper .leftPanel .webAddresWrapper .addresWrapper .card .store_section .substore .cardFooterGroup li span i.icon-location {
        color: #ffdc00
    }

    .findretailers .StoreWrapper .leftPanel .webAddresWrapper .addresWrapper .card .store_section .noSubstore .cardFooterGroup li span:after,
    .findretailers .StoreWrapper .leftPanel .webAddresWrapper .addresWrapper .card .store_section .substore .cardFooterGroup li span:after {
        display: none
    }

    .findretailers .StoreWrapper .leftPanel .webAddresWrapper .addresWrapper .card .store_section .noSubstore .cardFooterGroup li:nth-child(2),
    .findretailers .StoreWrapper .leftPanel .webAddresWrapper .addresWrapper .card .store_section .substore .cardFooterGroup li:nth-child(2) {
        border: 0
    }

    .findretailers .StoreWrapper .leftPanel .webAddresWrapper .addresWrapper .card .store_section .noSubstore .cardFooterGroup .toolTip .tooltiptext,
    .findretailers .StoreWrapper .leftPanel .webAddresWrapper .addresWrapper .card .store_section .substore .cardFooterGroup .toolTip .tooltiptext {
        width: max-content;
        padding: 8px 12px
    }

    .findretailers .StoreWrapper .leftPanel .webAddresWrapper .addresWrapper .card .store_section .noSubstore .cardFooterGroup .toolTip .tooltiptext.callBack,
    .findretailers .StoreWrapper .leftPanel .webAddresWrapper .addresWrapper .card .store_section .substore .cardFooterGroup .toolTip .tooltiptext.callBack {
        left: 10px
    }

    .findretailers .StoreWrapper .leftPanel .webAddresWrapper .addresWrapper .card .store_section .getInTouch {
        width: 70%;
        display: inline-block
    }

    .findretailers .StoreWrapper .leftPanel .webAddresWrapper .addresWrapper .card .store_section .getInTouch p {
        font-size: 12px;
        color: #959595
    }

    .findretailers .StoreWrapper .leftPanel .webAddresWrapper .addresWrapper .card .store_section .getInTouch p a {
        color: #959595
    }

    .findretailers .StoreWrapper .leftPanel .webAddresWrapper .addresWrapper .card .store_section .callDealer {
        background: #f5f5f5;
        margin: 0 -30px;
        padding: 20px 30px 0
    }

    .findretailers .StoreWrapper .leftPanel .webAddresWrapper .addresWrapper .card .store_section .mainstore .cardFooterGroup {
        border-radius: 0;
        -webkit-border-radius: 0;
        border-bottom: 0;
        margin: 0 -30px
    }

    .findretailers .StoreWrapper .leftPanel .webAddresWrapper .addresWrapper .card .store_section .substore {
        margin: 0 -30px;
        padding: 20px 30px 0
    }

    .findretailers .StoreWrapper .leftPanel .webAddresWrapper .addresWrapper .card .store_section .substore .cardFooterGroup {
        top: 15px;
        right: 40px
    }

    .findretailers .StoreWrapper .toolTCBtn {
        display: none
    }

    .findretailers .StoreWrapper .tab-content {
        display: block
    }

    .findretailers .dealerTooltip .tooltiptext {
        left: 26px
    }

    .findretailers .container-full {
        max-width: 100%;
        position: relative
    }

    .findretailers .container-full.noPadding {
        padding: 0
    }

    .findretailers .searchStore {
        background: #fff;
        padding: 20px 30px 10px
    }

    #registerBikePage .cardWidget {
        -webkit-box-shadow: none;
        box-shadow: none;
        border-bottom: 1px solid #dfdfdf;
        padding: 46px 16px 24px
    }

    #registerBikePage .cardWidget h1 {
        margin-bottom: 24px
    }

    #registerBikePage .cardWidget p {
        max-width: 800px;
        margin: 0 auto;
        font-size: 16px
    }

    #registerBikePage .warrantyWidget {
        text-align: center;
        padding: 0 50px
    }

    #registerBikePage .warrantyWidget>* {
        display: inline-block;
        width: 100%
    }

    #registerBikePage .warrantyWidget .imgHolder {
        width: 190px;
        height: auto
    }

    #registerBikePage .warrantyWidget h3 {
        font-size: 28px;
        line-height: 1.2;
        padding-top: 24px
    }

    #registerBikePage .warrantyWidget p {
        font-size: 16px
    }

    #registerBikePage .warrantyWidget .btnLearnMore {
        text-align: center;
        font-size: 14px
    }

    #registerBikePage .clearformBtn {
        position: absolute;
        top: 23px;
        right: 23px
    }

    #registerBikePage .formTitle {
        font-size: 30px;
        letter-spacing: .6px;
        line-height: 1.2
    }

    #registerBikePage .cycleInfoWrap {
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-start;
        column-gap: 16px;
        align-items: start
    }

    #registerBikePage .cycleInfoWrap .fieldControl {
        flex: 0 0 calc(50% - 8px);
        max-width: calc(50% - 8px)
    }

    #registerBikePage .cycleInfoWrap .file-upload .file-select {
        border: 0;
        overflow: hidden;
        height: 38px;
        line-height: 38px
    }

    #registerBikePage .cycleInfoWrap .file-upload .file-select input[type=file] {
        z-index: initial
    }

    #registerBikePage .cycleInfoWrap .file-upload .file-select-button {
        height: 38px
    }

    #registerBikePage .fileupload,
    #registerBikePage .full {
        width: 100%;
        flex: 0 0 100%;
        max-width: 100%
    }

    #registerBikePage .fileUploadControl .fileFormat {
        font-size: 12px;
        margin-top: 4px
    }

    #registerBikePage .checkBoxmain .customControl {
        font-size: 11px !important
    }

    #registerBikePage .checkBoxmain .customControl:first-child {
        display: block
    }

    #registerBikePage .checkBoxmain .customControl .signUpText {
        line-height: 18px;
        margin-top: 0
    }

    #registerBikePage .loginBtn {
        margin: 32px 0
    }

    #howtobuyPage {
        min-height: 880px
    }

    #howtobuyPage.innerPage {
        background: #221629;
        background-image: radial-gradient(#676767 8%, transparent 0);
        background-size: 15px 15px;
        background-position: 0 0, 8px 8px;
        margin-top: 0
    }

    #howtobuyPage.innerPage .howtobuy {
        padding-top: 30px
    }

    #howtobuyPage.innerPage .boxMinWeb {
        min-height: 600px
    }

    #howtobuyPage.innerPage .rangf-tooltip {
        width: 50px;
        height: 20px;
        top: -30px;
        left: -18px;
        font-size: 12px;
        line-height: 24px
    }

    #howtobuyPage.innerPage .heightSliderCMSClass,
    #howtobuyPage.innerPage .heightSliderFTClass {
        margin-top: 20px
    }

    #howtobuyPage .filterHeaderWidget.t-center {
        width: 50%;
        margin-top: 30px;
        background: #221629 !important;
        border-radius: 0
    }

    #howtobuyPage .filterHeaderWidget.t-center h1 {
        color: #fff;
        font-size: 36px;
        margin-bottom: 5px
    }

    #howtobuyPage .filterHeaderWidget.t-center .subheader {
        color: #ffdc00;
        font-size: 25px;
        margin-top: 0
    }

    #howtobuyPage .filterHeaderWidget .activefilter {
        display: none !important
    }

    #howtobuyPage .cardListing .card {
        height: 400px;
        margin-bottom: 50px !important;
        -webkit-box-shadow: none;
        box-shadow: none;
        -webkit-transition: all .2s ease-in-out;
        transition: all .2s ease-in-out
    }

    #howtobuyPage .cardListing .card .cardName {
        margin: 5px 20px 3px;
        line-height: 1.2
    }

    #howtobuyPage .cardListing .card .heartHolder {
        right: 8px;
        top: 21px
    }

    #howtobuyPage .cardListing .card .cadTopSpec {
        margin: 8px 0
    }

    #howtobuyPage .cardListing .card .reviewHeader.customReview {
        padding-bottom: 8px;
        margin: 0
    }

    #howtobuyPage .cardListing .card .cardImg {
        min-height: 175px;
        max-height: 175px;
        margin: 5px 0
    }

    #howtobuyPage .cardListing .card .cardImg img {
        max-height: 175px;
        display: block;
        width: auto;
        margin: 0 auto;
        max-width: 100%
    }

    #howtobuyPage .cardListing .card .cardSpecTitle {
        line-height: 1.4
    }

    #howtobuyPage .cardListing .card:hover {
        -webkit-box-shadow: 4px 4px 14px 0 rgba(96, 96, 96, .2) !important;
        box-shadow: 4px 4px 14px 0 rgba(96, 96, 96, .2) !important
    }

    #howtobuyPage .cardListing .card .cardColor .text {
        margin-top: 0
    }

    #howtobuyPage .quickView {
        cursor: pointer
    }

    #howtobuyPage .leftPreference .filterStickyMain {
        justify-content: center;
        position: relative;
        right: auto
    }

    #howtobuyPage .leftPreference .filterStickyMain.active {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        z-index: 99;
        padding: 20px 0 5px;
        background: -webkit-linear-gradient(180deg, #221629 0, rgba(34, 22, 41, .854779) 100%);
        background: linear-gradient(180deg, #221629 0, rgba(34, 22, 41, .854779) 100%);
        box-shadow: 0 0 14px rgba(40, 173, 0, .6)
    }

    #howtobuyPage .leftPreference .filterStickyMain .filter-content .genderTypes label {
        margin: 0 10px !important
    }

    #howtobuyPage .leftPreference .filterStickyMain .filter-content .genderTypes label.hide {
        margin: 0 !important
    }

    #howtobuyPage .leftPreference .filterStickyMain .moreFltrBtn {
        padding: 11px 16px;
        margin: 0 10px 15px !important
    }

    #howtobuyPage .leftPreference .filter-content {
        margin: 0 !important
    }

    #howtobuyPage .leftPreference .filter-content#priceContent {
        padding-top: 55px !important
    }

    #howtobuyPage .leftPreference .filter-content#priceContent .customControl {
        margin-bottom: 0 !important
    }

    #howtobuyPage .leftPreference .filter-content#gearsContent {
        padding-top: 15px !important
    }

    #howtobuyPage .leftPreference .filter-content#gearsContent .customControl {
        margin-bottom: 0 !important
    }

    #howtobuyPage .leftPreference .activefilter .RadioCustom {
        cursor: pointer !important
    }

    #howtobuyPage .leftPreference .activefilter .recent-pref {
        text-align: left;
        float: left;
        margin-top: 30px
    }

    #howtobuyPage .leftPreference .activefilter .recent-pref p:first-child {
        color: #fff
    }

    #howtobuyPage .leftPreference .activefilter .recent-pref label {
        display: inline-block;
        vertical-align: middle;
        margin: 8px 8px 10px 0
    }

    #howtobuyPage .leftPreference .activefilter .recent-pref label a {
        border: 1px solid #606060;
        border-radius: 20px;
        color: #fff;
        display: block;
        padding: 10px 20px;
        text-transform: uppercase;
        text-decoration: none
    }

    #howtobuyPage .leftPreference.pref-box .card {
        background: 0 0
    }

    #howtobuyPage .leftPreference.pref-box .halfBox .genderTypes {
        margin-bottom: 15px
    }

    #howtobuyPage .leftPreference.pref-box .halfBox .genderTypes .RadioCustom {
        background: 0 0;
        padding: 10px 18px;
        color: #fff;
        border: 1px solid #28ad00;
        margin-bottom: 0;
        min-width: 115px
    }

    #howtobuyPage .leftPreference.pref-box .halfBox .genderTypes .RadioCustom.main-label {
        background: #fff;
        border: 0
    }

    #howtobuyPage .leftPreference.pref-box .halfBox .genderTypes .RadioCustom.main-label .textlabel {
        color: #000
    }

    #howtobuyPage .leftPreference.pref-box .halfBox .genderTypes .RadioCustom .textlabel {
        color: #fff;
        text-transform: capitalize
    }

    #howtobuyPage .leftPreference.pref-box .halfBox .genderTypes .RadioCustom.active {
        background: #28ad00 !important;
        border: 1px solid #28ad00 !important
    }

    #howtobuyPage .leftPreference.pref-box .halfBox .genderTypes .customCheckbox {
        color: #fff;
        padding: 10px 15px 10px 35px;
        border-color: #28ad00
    }

    #howtobuyPage .leftPreference.pref-box .halfBox .genderTypes .customCheckbox .customIndicator {
        border-color: #28ad00;
        top: 8px
    }

    #howtobuyPage .leftPreference .fypFtrType {
        background: #fff;
        border-radius: 20px;
        -webkit-border-radius: 20px;
        padding: 10px 18px;
        text-align: center;
        min-width: 115px;
        font-size: 12px;
        margin-right: 10px;
        text-transform: uppercase
    }

    #howtobuyPage .leftPreference .icon-rupee {
        zoom: .75
    }

    #howtobuyPage .leftPreference .controlSwitch {
        width: 110px;
        height: 30px;
        border: 1px solid #ffdc00;
        overflow: hidden;
        color: #fff;
        font-size: 12px;
        top: 2px
    }

    #howtobuyPage .leftPreference .controlSwitch>* {
        float: left
    }

    #howtobuyPage .leftPreference .controlSwitch .switchBtn {
        padding: 8px 4px 5px;
        line-height: 15px;
        position: absolute;
        top: 0
    }

    #howtobuyPage .leftPreference .controlSwitch .switchBtn.cms {
        width: 40%;
        right: -1px
    }

    #howtobuyPage .leftPreference .controlSwitch .switchBtn.ftInch {
        width: 60%;
        left: -1px
    }

    #howtobuyPage .leftPreference .controlSwitch .switchBtn.active {
        background: #ffdc00;
        color: #000
    }

    #howtobuyPage .leftPreference .rangf-scale {
        color: #fff
    }

    #howtobuyPage .overlay-pref {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: auto;
        z-index: 10
    }

    #howtobuyPage .overlay-pref:before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        background: -moz-linear-gradient(0deg, rgba(34, 22, 41, 0) 0, rgba(34, 22, 41, .92) 30%);
        background: -webkit-linear-gradient(0deg, rgba(34, 22, 41, 0) 0, rgba(34, 22, 41, .92) 30%);
        background: linear-gradient(0deg, rgba(34, 22, 41, 0) 0, rgba(34, 22, 41, .92) 30%);
        width: 100%;
        height: 100%;
        display: block;
        border-radius: 12px;
        -webkit-border-radius: 12px
    }

    #howtobuyPage .timeline-item {
        margin-top: 20px
    }

    #howtobuyPage .filterModalCenter {
        margin-top: 50px;
        margin-bottom: 20vh
    }

    #howtobuyPage .filterModalCenter .webContainer {
        justify-content: space-between;
        align-items: center
    }

    #howtobuyPage .filterModalCenter .textlabel {
        margin-top: 0 !important
    }

    #howtobuyPage .filterModalCenter .height-content {
        max-width: 400px
    }

    #howtobuyPage .filterModalCenter .filter-content {
        clear: both
    }

    #howtobuyPage .bottom-butts {
        text-align: left;
        padding-left: 20px;
        width: 270px;
        justify-content: end
    }

    #howtobuyPage .bottom-butts .btn-prefs {
        margin-right: 15px;
        cursor: pointer;
        padding: 11px 15px;
        min-width: 115px;
        text-transform: uppercase
    }

    #howtobuyPage .bottom-butts .btn-prefs.border {
        border: 1px solid #28ad00
    }

    #howtobuyPage .bottom-butts .loading-dots--dot {
        background: #fff
    }

    #howtobuyPage .heightRangeHold {
        margin: 70px 0 0 145px !important
    }

    #howtobuyPage .productcardwrapper.card .btn-primary {
        background: #efc02f;
        color: #221629
    }

    #howtobuyPage .productcardwrapper.card .btn-promotion {
        background: #221629;
        color: #ffdc00
    }

    #howtobuyPage #modalQuickView .heartHolder {
        display: none
    }

    #howtobuyPage .bikesTitle {
        color: #fff;
        margin: 15px 0 35px !important;
        font-size: 28px !important;
        text-align: left;
        background: #221629 !important
    }

    #howtobuyPage #modalFrogBikes .halfBox,
    #howtobuyPage .leftPreference .halfBox {
        padding-left: 0 !important
    }

    #comparePage h1 {
        font-size: 28px
    }

    #comparePage .filterHeaderWidget {
        min-height: 60px;
        padding: 30px 10px 24px 12px;
        border-bottom: 1px solid #dfdfdf;
        -webkit-box-shadow: none !important;
        box-shadow: none !important;
        border-radius: 0 !important;
        -webkit-border-radius: 0 !important;
        background: #fff
    }

    #comparePage .filterHeaderWidget h1 {
        margin-bottom: 0
    }

    #comparePage .filterHeaderWidget .customSelectBody {
        top: 0
    }

    #comparePage .copyCompBtn {
        background: #f3f3f3;
        vertical-align: top;
        position: absolute;
        top: 20px;
        left: 0;
        right: 0;
        padding: 20px 20px 16px 0;
        border-radius: 4px 0 0 4px;
        color: #28ad00;
        font-weight: 400;
        height: auto
    }

    #comparePage .copyCompBtn .tooltip {
        top: 100px;
        left: calc(50% - 15px)
    }

    #comparePage .copyIcon {
        width: 70px;
        height: 70px;
        display: block;
        margin: 0 auto 10px
    }

    #comparePage .copyIcon:hover {
        box-shadow: 0 0 14px rgba(40, 173, 0, .6)
    }

    #comparePage .copyIcon:after,
    #comparePage .copyIcon:before {
        width: 24px;
        height: 18px;
        border-width: 2px;
        border-radius: 4px
    }

    #comparePage .copyIcon:before {
        top: calc(50% + 4px);
        left: calc(50% - 4px)
    }

    #comparePage .copyIcon:after {
        top: calc(50% - 4px);
        left: calc(50% + 4px)
    }

    #comparePage .genderTypeTab {
        width: 456px;
        margin: 0 0 0 -228px;
        position: absolute;
        bottom: -83px;
        z-index: 1;
        left: 50%
    }

    #comparePage .genderTypeTab .customControl {
        width: 152px;
        padding: 0;
        margin-left: -4px
    }

    #comparePage .genderTypeTab .customControl:first-child .chipBox {
        border-radius: 3px 0 0 3px;
        -webkit-border-radius: 3px 0 0 3px
    }

    #comparePage .genderTypeTab .customControl:last-child .chipBox {
        border-radius: 0 3px 3px 0;
        -webkit-border-radius: 0 3px 3px 0
    }

    #comparePage .genderTypeTab .customControl input:checked~.chipBox {
        z-index: 2;
        color: #221629
    }

    #comparePage .genderTypeTab .chipBox {
        background: #fff;
        border-radius: 0;
        -webkit-border-radius: 0;
        margin-left: -1px;
        position: relative;
        z-index: 0;
        line-height: 60px;
        font-size: 18px;
        color: #bdb9bf
    }

    #comparePage #compareFilterTop {
        padding: 40px 75px 0 70px
    }

    #comparePage #compareFilterTop .customControl {
        padding: 0 3px
    }

    #comparePage #compareFilterTop .customControl .chipBox {
        background: #fff;
        line-height: 30px;
        font-size: 12px;
        padding: 0 12px
    }

    #comparePage #compareFilterTop .slick-slide {
        opacity: 1 !important
    }

    #comparePage #compareFilterTop .slick-arrow {
        margin-top: 13px
    }

    #comparePage #compareFilterTop .slick-arrow.slick-next,
    #comparePage #compareFilterTop .slick-arrow.slick-prev {
        width: 45px;
        height: 33px;
        background: #fff !important;
        border: 1px solid #dfdfdf;
        box-shadow: 2px 2px 4px rgba(0, 0, 0, .12)
    }

    #comparePage #compareFilterTop .slick-arrow.slick-next:before,
    #comparePage #compareFilterTop .slick-arrow.slick-prev:before {
        border-color: #221629;
        width: 2px;
        height: 2px
    }

    #comparePage #compareFilterTop .slick-arrow.slick-next {
        border-radius: 20px 0 0 20px
    }

    #comparePage #compareFilterTop .slick-arrow.slick-next:before {
        margin-right: 15px
    }

    #comparePage #compareFilterTop .slick-arrow.slick-prev {
        border-radius: 0 20px 20px 0
    }

    #comparePage #compareFilterTop .slick-arrow.slick-prev:before {
        margin-left: 15px
    }

    #comparePage .stickyCompOneWeb.active #compareFilterTop {
        padding: 10px 75px 0 70px
    }

    #comparePage .stickyCompOneWeb.active #compareFilterTop .slick-arrow {
        margin-top: -1px
    }

    #comparePage .chipControlMain.active {
        z-index: 102;
        border-bottom: 1px solid #dfdfdf
    }

    #comparePage .stickyCompTwo.active {
        top: 60px;
        box-shadow: none;
        -webkit-box-shadow: none;
        background: 0 0;
        z-index: 101;
        overflow: hidden
    }

    #comparePage .stickyCompTwo.active th {
        height: 154px;
        padding: 12px 24px 0 16px
    }

    #comparePage .stickyCompTwo.active th:after {
        border-bottom: 0
    }

    #comparePage .stickyCompTwo.active .cardImg {
        height: 70px
    }

    #comparePage .compWebStickyHold:before {
        content: "";
        position: fixed;
        left: 0;
        top: 0;
        width: 100%;
        height: 214px;
        z-index: 100;
        display: block;
        background: #fff;
        animation: slideInDown 1s both;
        -webkit-animation: slideInDown .9s both;
        -webkit-box-shadow: 4px 4px 14px rgba(34, 22, 41, .1);
        box-shadow: 4px 4px 14px rgba(34, 22, 41, .1)
    }

    #comparePage .compWebStickyHold .stickyCompTwo {
        left: 212px;
        width: calc(25% - 66px)
    }

    #comparePage .compWebStickyHold.compareTwo .stickyCompTwo {
        width: calc(50% - 122px)
    }

    #comparePage .compWebStickyHold.compareThree .stickyCompTwo {
        width: calc(75% - 178px)
    }

    #comparePage .compWebStickyHold.compareFour .stickyCompTwo {
        width: calc(100% - 233px)
    }

    #comparePage #stickyAddBtn {
        left: 0;
        width: 190px;
        right: auto;
        top: 54px;
        z-index: 101;
        padding: 20px;
        height: 159px
    }

    #comparePage #compareEmpty {
        padding-top: 80px;
        padding-bottom: 110px
    }

    #comparePage #modalAddCompare .modalMainBottom {
        max-width: 1010px
    }

    #comparePage #modalAddCompare header {
        border-bottom: 1px solid #dfdfdf;
        margin: 0 -40px;
        padding: 0 40px
    }

    #comparePage #modalAddCompare header .customSelectBody {
        margin-right: 40px
    }

    #comparePage #modalAddCompare .modalContent {
        padding: 20px 40px;
        overflow-y: auto;
        text-align: left
    }

    #comparePage #modalAddCompare .modalContent h2 {
        font-size: 28px;
        text-align: left
    }

    #comparePage #modalAddCompare .modalContent .chipControlMain {
        padding: 15px 0 5px 0
    }

    #comparePage #modalAddCompare .modalContent .chipControlMain .customControl .chipBox {
        height: 40px;
        font-size: 14px;
        padding: 0 22px;
        line-height: 40px
    }

    #comparePage #modalAddCompare .colorWidget .colorBtn {
        width: 16px;
        height: 16px;
        margin-left: 3px
    }

    #comparePage #modalAddCompare .resetBtn2 {
        position: absolute;
        right: 230px;
        bottom: 10px;
        color: #28ad00;
        line-height: 1.2;
        height: 50px;
        width: 100px;
        font-size: 20px
    }

    #comparePage #modalAddCompare .resetBtn2:hover {
        color: #fff
    }

    #comparePage #modalAddCompare .cardCompareModal {
        overflow-x: inherit;
        margin-bottom: 110px;
        white-space: inherit;
        padding: 0 !important
    }

    #comparePage #modalAddCompare .cardCompareModal>li {
        text-align: center;
        width: 300px !important;
        margin: 0 8px 15px !important
    }

    #comparePage #modalAddCompare .cardCompareModal>li .card {
        padding: 10px 16px;
        height: 285px;
        border: 1px solid #fbfbfb
    }

    #comparePage #modalAddCompare .cardCompareModal>li .card .cardImg {
        height: 150px;
        width: 220px;
        max-width: 100%;
        max-height: 100%;
        position: relative;
        overflow: hidden
    }

    #comparePage #modalAddCompare .cardCompareModal>li .card img {
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%)
    }

    #comparePage #modalAddCompare .cardCompareModal>li .card.selected {
        border: 1px solid #28ad00
    }

    #comparePage #modalAddCompare .cardCompareModal>li .card.selected:hover {
        border-color: #28ad00
    }

    #comparePage #modalAddCompare .cardCompareModal>li .card .cutPrice {
        font-size: 12px
    }

    #comparePage #modalAddCompare .cardCompareModal>li .card .priceOff {
        font-size: 14px !important
    }

    #comparePage #modalAddCompare .cardCompareModal>li:hover .card {
        border: 1px solid #dfdfdf
    }

    #comparePage #modalAddCompare .customSelectMain .selectTrigger {
        border: 0;
        color: #28ad00;
        font-size: 26px;
        margin-bottom: 10px;
        text-transform: uppercase;
        font-weight: 600
    }

    #comparePage #modalAddCompare .customSelectMain .arrow:before {
        margin-top: -8px
    }

    #comparePage #modalAddCompare .customSelectMain .open .arrow::before {
        margin-top: -6px
    }

    #comparePage #modalAddCompare .modalFooter {
        height: 70px;
        background: #fff;
        border-top: 1px solid #dfdfdf
    }

    #comparePage #modalAddCompare .modalFooter:after {
        bottom: 68px;
        content: "";
        width: 100%;
        height: 80px;
        opacity: 85%;
        position: absolute;
        z-index: -1;
        background: #fff;
        background: -moz-linear-gradient(0deg, #fff 20%, rgba(255, 255, 255, .3) 100%);
        background: -webkit-linear-gradient(0deg, #fff 20%, rgba(255, 255, 255, .3) 100%);
        background: linear-gradient(0deg, #fff 20%, rgba(255, 255, 255, .3) 100%)
    }

    #comparePage #modalAddCompare .modalFooter .selectedBike {
        font-size: 18px;
        margin-left: 70px;
        line-height: 70px;
        font-weight: 600
    }

    #comparePage #modalAddCompare .modalFooter .btnFooter {
        width: 180px;
        height: 50px;
        border-radius: 0;
        line-height: 50px;
        font-size: 16px;
        position: absolute;
        right: 35px;
        bottom: 10px
    }

    #comparePage .filterTabs {
        column-gap: 20px;
        margin: 0 -50px;
        padding: 0 50px;
        border-top: 0;
        align-items: end;
        height: 52px
    }

    #comparePage .filterTabs:after {
        left: 0;
        right: 0;
        bottom: -1px
    }

    #comparePage .filterTabs .tabsItem {
        font-size: 15px;
        padding: 10px 16px
    }

    #comparePage .compareDetail {
        margin-top: 23px
    }

    #comparePage .addAccWidget {
        column-gap: 20px
    }

    #contactUsPage h1 {
        margin-bottom: 16px
    }

    #contactUsPage .cardWidget p {
        max-width: 810px
    }

    #contactUsPage .card.contact-form {
        padding: 35px 25px
    }

    #contactUsPage .contact-form.become-dealer {
        padding: 25px 16px 40px
    }

    #contactUsPage .contact-form .inputGroup {
        padding: 20px 20px 25px
    }

    #contactUsPage .contact-form .inputGroup.inputGroupBicycle {
        padding-top: 30px
    }

    #contactUsPage div.QCwrap {
        padding: 0 20px
    }

    #contactUsPage .contactWidget .item {
        width: 100%;
        max-width: 100%
    }

    .cdDealer {
        margin-bottom: 80px
    }

    .cdDealer .cont {
        max-width: 100%
    }

    .cdDealer .cont p {
        font-size: 18px
    }

    .cdDealer .cd {
        padding: 25px 25px 25px;
        text-align: center;
        min-height: 450px
    }

    .cdDealer .name {
        font-size: 24px;
        margin-bottom: 10px
    }

    .cdDealer .imgRgt {
        height: 260px;
        width: auto;
        margin: 15px 0 0
    }

    #compareEmpty .compareEmptyBg {
        max-width: 733px;
        height: 335px
    }

    #compareEmpty .title {
        font-size: 24px;
        margin-bottom: 25px
    }

    #compareEmpty .btn {
        width: 250px;
        height: 58px;
        font-size: 20px
    }

    .compareDetail {
        background: #f3f3f3;
        display: table;
        width: 100%;
        border-top: 1px solid #dfdfdf
    }

    .compareDetail .compLeftfilter,
    .compareDetail .tableCompare {
        display: table-cell;
        vertical-align: top
    }

    .compLeftfilter {
        width: 190px
    }

    .compLeftfilter td,
    .compLeftfilter th {
        padding: 16px;
        vertical-align: middle
    }

    .compLeftfilter th {
        border-bottom: 1px dashed #dfdfdf;
        height: 441px
    }

    .compLeftfilter td {
        height: 120px
    }

    .compLeftfilter .addCompHolder {
        height: 125px;
        width: 100%
    }

    .compLeftfilter .addCompBtn {
        font-size: 18px;
        font-weight: 600;
        cursor: pointer;
        max-width: 140px;
        margin: 0 auto
    }

    .compLeftfilter .plusIcon {
        width: 80px;
        height: 80px;
        border: 1px solid #28ad00;
        margin: 0 auto 20px
    }

    .compLeftfilter .plusIcon::after,
    .compLeftfilter .plusIcon::before {
        top: 37px;
        right: 27px;
        width: 24px;
        height: 4px
    }

    .compLeftfilter .compDisable {
        position: absolute;
        top: 0;
        left: 0;
        max-width: 140px;
        height: 100%;
        background: rgba(255, 255, 255, .9);
        margin: 0 auto;
        right: 0;
        font-size: 14px;
        line-height: 1.4;
        padding: 43px 2px;
        letter-spacing: .2px;
        z-index: 2;
        color: red
    }

    .compLeftfilter .title {
        font-size: 16px;
        font-weight: 600;
        margin-top: 8px
    }

    .compLeftfilter .iconHolder {
        font-size: 50px;
        color: #28ad00
    }

    .compLeftfilter .icon-brake,
    .compLeftfilter .icon-free-wheel,
    .compLeftfilter .icon-headset,
    .compLeftfilter .icon-rim,
    .compLeftfilter .icon-shifter,
    .compLeftfilter .icon-sticker,
    .compLeftfilter .icon-tire {
        font-size: 45px
    }

    .compLeftfilter .rating i {
        color: #28ad00
    }

    .compLeftfilter .reviewWrap {
        max-width: 135px;
        margin: 0 auto
    }

    .compLeftfilter .reviewWrap .rating {
        padding-bottom: 0
    }

    .compLeftfilter .rating.star-sm i {
        font-size: 13px
    }

    .tableCompare {
        width: calc(100% - 190px);
        padding: 22px 16px
    }

    .tableCompare.compareTwo tbody,
    .tableCompare.compareTwo thead {
        display: table;
        width: 50%
    }

    .tableCompare.compareTwo td,
    .tableCompare.compareTwo th {
        width: 50%
    }

    .tableCompare.compareThree tbody,
    .tableCompare.compareThree thead {
        display: table;
        width: 75%
    }

    .tableCompare.compareThree td,
    .tableCompare.compareThree th {
        width: 33.333%
    }

    .tableCompare.compareFour tbody,
    .tableCompare.compareFour thead {
        display: table;
        width: 100%
    }

    .tableCompare.compareFour td,
    .tableCompare.compareFour th {
        width: 25%
    }

    .tableCompare tbody,
    .tableCompare thead {
        display: table;
        width: 25%
    }

    .tableCompare h3 {
        display: none
    }

    .tableCompare p {
        padding-top: 0;
        font-size: 16px;
        line-height: 1.4
    }

    .tableCompare td,
    .tableCompare th {
        padding: 8px 16px;
        position: relative;
        z-index: 2;
        text-align: center;
        height: 120px;
        vertical-align: middle
    }

    .tableCompare td:after,
    .tableCompare td:before,
    .tableCompare th:after,
    .tableCompare th:before {
        content: "";
        position: absolute;
        left: 5px;
        right: 5px;
        z-index: -1
    }

    .tableCompare td:before,
    .tableCompare th:before {
        top: 0;
        background: #fff;
        height: 100%
    }

    .tableCompare td:after,
    .tableCompare th:after {
        border-bottom: 1px dashed #dfdfdf;
        bottom: 0
    }

    .tableCompare th {
        height: 420px;
        position: relative
    }

    .tableCompare th:before {
        border-radius: 5px 5px 0 0;
        -webkit-border-radius: 5px 5px 0 0
    }

    .tableCompare th:after {
        bottom: -1px
    }

    .tableCompare p.highlightSpec {
        margin: 0 -19px 0 -19px
    }

    .tableCompare td {
        border-bottom: 0
    }

    .tableCompare tr:last-child td:after {
        border: 0
    }

    .tableCompare .cardCompareList .cardImg {
        height: 110px;
        position: relative;
        width: 100%;
        display: block;
        margin: 5px 0 15px
    }

    .tableCompare .cardCompareList .cardImg img {
        max-width: 100%;
        margin: 0 auto;
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%)
    }

    .tableCompare .cardCompareList.card {
        max-width: 100%;
        position: static
    }

    .tableCompare .cardCompareList .closeIconBtn {
        right: 10px;
        top: 4px
    }

    .tableCompare .cardCompareList .btn {
        max-width: 197px;
        height: 55px;
        line-height: 39px;
        width: 100%
    }

    .tableCompare .cardCompareList .cardColor .text,
    .tableCompare .cardCompareList .reviewAvg {
        font-size: 12px
    }

    .tableCompare .cardCompareList .cardColor {
        margin-top: 16px;
        height: 45px
    }

    .tableCompare .cardCompareList .nameHolder {
        height: 50px
    }

    .tableCompare .cardCompareList .cardName {
        font-size: 14px
    }

    .tableCompare .cardCompareList .cardPrice {
        font-size: 14px;
        min-height: 40px;
        margin-bottom: 0
    }

    .tableCompare .cardCompareList .priceOffHold {
        display: block
    }

    .tableCompare .cardCompareList .rating i {
        margin: 0 2px;
        width: 16px;
        height: 16px
    }

    .tableCompare .cardCompareList .cutPrice,
    .tableCompare .cardCompareList .priceOff {
        font-size: 12px !important
    }

    .tableCompare .cardCompareList .cutPrice i {
        font-size: 75%
    }

    .tableCompare td.tableInner {
        padding: 0
    }

    .tableCompare .tableInner .table,
    .tableCompare .tableInner tbody {
        width: 100%
    }

    .tableCompare .tableInner td {
        padding: 0 24px 16px
    }

    .tableCompare .tableInner tr:last-child td:before {
        border-radius: 0 0 8px 8px
    }

    .tableCompare .tableInner:before {
        background: 0 0
    }

    .tableCompare .tableInner p {
        font-size: 13px
    }

    .tableCompare .tableInner .btn-link {
        font-size: 13px;
        font-weight: 600
    }

    .tableCompare .tableInner .reviewAvg {
        font-size: 16px;
        font-weight: 600
    }

    .tableCompare .tableInner .rating i {
        font-size: 20px;
        width: 25px;
        height: 25px
    }

    #modalPreOrder .modalMainBottom {
        max-width: 740px;
        padding-top: 40px
    }

    #modalPreOrder .modalContent {
        padding: 0 70px
    }

    #modalPreOrder h2 {
        font-size: 40px;
        margin-bottom: 15px
    }

    #modalPreOrder .preOrderIcon {
        width: 190px;
        height: 190px;
        margin: 0
    }

    #modalPreOrder .preOrderHeading {
        width: calc(100% - 205px);
        padding-left: 50px;
        border: 0;
        margin-bottom: 0
    }

    #modalPreOrder .preOrderHeading p {
        font-size: 20px
    }

    #modalPreOrder .preOrderHeading .text-accent {
        font-weight: 600
    }

    #modalPreOrder .preOrderHeading,
    #modalPreOrder .preOrderIcon {
        display: inline-block;
        vertical-align: middle;
        text-align: left
    }

    #modalPreOrder .preOrderNowBtn {
        line-height: 60px
    }

    #modalPreOrder .preOrderInfo {
        margin: 26px 0 40px
    }

    #modalPreOrder .preOrderInfo li {
        font-size: 16px;
        line-height: 1.3
    }

    #modalPreOrder .preOrderInfo li:before {
        top: 11px
    }

    #modalPreOrder .preOrderNowBtn {
        margin: 0 -70px 0;
        display: block;
        width: auto;
        line-height: 70px;
        height: 70px;
        border-radius: 3px;
        -webkit-border-radius: 3px
    }

    #voiceRiderPage h1 {
        margin-bottom: 16px
    }

    #voiceRiderPage .couldnt-find .btn-view-all {
        margin-top: 20px;
        font-size: 16px;
        height: 40px;
        line-height: 40px;
        padding: 0 16px
    }

    #voiceRiderPage .couldnt-find i {
        font-size: 32px;
        display: block;
        margin-bottom: 10px
    }

    #voiceRiderPage .search-wrap {
        max-width: 700px;
        margin: 0 auto;
        display: block
    }

    #voiceRiderPage .search-wrap ::-webkit-scrollbar {
        width: 8px
    }

    #voiceRiderPage .search-wrap ::-webkit-scrollbar-thumb {
        background: #28ad00
    }

    #voiceRiderPage .search-wrap ::-webkit-scrollbar-track {
        background: #f1f1f1
    }

    #voiceRiderPage .fieldControl * {
        transition: none
    }

    #voiceRiderPage .easy-autocomplete {
        width: 100% !important
    }

    #voiceRiderPage .easy-autocomplete-container .categorieField {
        padding: 8px
    }

    #voiceRiderPage .easy-autocomplete-container ul li div {
        padding: 6px 8px
    }

    #voiceRiderPage .galleryCard {
        padding: 0 16px !important;
        border: 0 !important
    }

    #voiceRiderPage .galleryCard .title {
        padding: 0;
        min-height: 62px
    }

    #voiceRiderPage .galleryCard .name {
        font-size: 14px
    }

    #voiceRiderPage .galleryCard .rating.star-sm i {
        font-size: 16px;
        width: 16px;
        height: 16px
    }

    #voiceRiderPage .galleryCard .rating .ratingText {
        font-size: 16px
    }

    #voiceRiderPage .galleryCard p.thinScrollBar {
        max-height: 75px;
        height: 75px;
        padding-right: 5px
    }

    #voiceRiderPage .galleryCard .vorModalName {
        min-height: 85px
    }

    #voiceRiderPage .galleryShade {
        -webkit-box-shadow: 4px 4px 14px rgba(34, 22, 41, .1);
        box-shadow: 4px 4px 14px rgba(34, 22, 41, .1);
        border-radius: 6px;
        -webkit-border-radius: 6px;
        overflow: hidden;
        margin-bottom: 25px
    }

    #voiceRiderPage .gallaryMain {
        padding-top: 32px
    }

    #voiceRiderPage .gallaryMain h3 {
        font-size: 15px;
        padding-bottom: 16px;
        min-height: 62px
    }

    #voiceRiderPage .gallaryMain h4,
    #voiceRiderPage .gallaryMain p {
        font-size: 13px
    }

    #voiceRiderPage .gallaryMain .date {
        font-size: 12px
    }

    #voiceRiderPage .gallaryMain .galleryCard .gallaryImg {
        height: 365px
    }

    #voiceRiderPage .gallaryMain .galleryCard .slick-slide img,
    #voiceRiderPage .gallaryMain .galleryCard .slick-slide li {
        height: 360px
    }

    #voiceRiderPage .glVideo {
        height: 365px
    }

    #voiceRiderPage .glVideo video {
        width: 103%;
        height: 102%
    }

    .notifiationBar {
        padding: 12px 25px 12px 15px;
        font-size: 16px
    }

    .notifiationBar .text {
        font-size: 14px
    }

    #thank-you section {
        padding: 30px 0
    }

    #thank-you .thankuMsg {
        margin: 30px 0 0
    }

    #thank-you .rightTick {
        width: 90px
    }

    #thank-you .rightTick:before {
        width: 60px;
        height: 60px;
        line-height: 60px;
        font-size: 20px
    }

    #thank-you .tooltip {
        right: 30px
    }

    #thank-you .tooltip .icon-edit {
        padding: 10px
    }

    #thank-you .ShipTo h4 {
        width: 160px
    }

    #thank-you h3 {
        font-size: 30px
    }

    #thank-you .orderAmount {
        padding-left: 60px;
        border-left: 1px solid #ddd
    }

    #thank-you .orderAmount .ShipTo h4 {
        width: 350px
    }

    #thank-you .orderList {
        padding-top: 25px;
        padding-bottom: 25px
    }

    #thank-you .orderList:first-child {
        margin-top: 25px
    }

    #thank-you .orderWrap {
        max-height: 130px
    }

    #thank-you .orderWrap .orderDetails {
        margin-top: 0
    }

    #thank-you .orderDetails {
        margin-top: 30px
    }

    #thank-you .orderDetails img {
        max-width: 130px;
        max-height: 90px;
        width: auto;
        height: auto
    }

    #thank-you .orderDetails .imgHolder {
        width: 160px
    }

    #thank-you .orderDetails .text {
        font-size: 14px
    }

    #thank-you .orderDetails .productName {
        font-size: 18px;
        margin: 4px 0
    }

    #thank-you .trackOrder {
        font-size: 20px;
        font-weight: 600
    }

    #thank-you .trackOrder i {
        font-size: 16px
    }

    #thank-you .socialLink .joinClan {
        margin-right: 30px
    }

    #thank-you .socialLink .adventure {
        margin-left: 30px
    }

    #thank-you .socialLink a {
        width: calc(50% - 32px);
        height: 250px
    }

    #thank-you .socialLink img {
        width: 50px
    }

    #thank-you .socialLink .reclaimText {
        width: 300px;
        margin: 15px auto
    }

    #thank-you .socialLink h4 {
        font-size: 28px
    }

    #thank-you .socialLink p {
        font-size: 16px;
        max-width: 300px;
        margin: auto
    }

    #thank-you .socialLink .icon-adventure2 {
        font-size: 60px
    }

    #thank-you .wynd-app ul {
        margin: 10px 0 30px
    }

    #thank-you .wynd-app li {
        font-size: 18px;
        margin-bottom: 20px
    }

    #thank-you .wynd-app li i {
        font-size: 14px;
        margin-right: 18px
    }

    #thank-you .wynd-app a {
        width: 35%;
        display: inline-block
    }

    #thank-you .wynd-app .wyndLogo {
        width: 250px;
        padding-top: 20px
    }

    #thank-you .wynd-app .appLink {
        width: 160px
    }

    #thank-you .wynd-app .rightPart {
        padding-left: 30px
    }

    #thank-you .contactStrip .strip {
        width: calc(50% - 32px);
        display: inline-block;
        padding: 32px 30px;
        vertical-align: top;
        margin-top: 0
    }

    #thank-you .contactStrip .contNo {
        font-size: 22px;
        margin-top: 15px
    }

    #thank-you .contactStrip .imgHolder {
        width: 60px
    }

    #thank-you .contactStrip div.strip {
        padding: 22px 30px 50px;
        margin-bottom: 30px
    }

    #thank-you .contactStrip .couponText span {
        font-size: 35px
    }

    #thank-you .contactStrip .codeWrap {
        width: 10%
    }

    #thank-you .contactStrip .code {
        padding: 6px 10px
    }

    #thank-you .contactStrip .codeTerms {
        bottom: 18px;
        right: 30px
    }

    .noteStrip {
        padding: 10px 15px 10px;
        font-size: 16px
    }

    .cdCaresWiz {
        position: relative
    }

    .cdCaresWiz .cdCare {
        margin-top: 0
    }

    .cdCaresWiz .cdAssmbled .imgLogo {
        width: 240px
    }

    .cdCaresWiz .cdAssmbled .imgRgt {
        right: -45px;
        width: 100%;
        bottom: 0
    }

    .cdCaresWiz .cdWiz .imgRgt {
        width: 220px;
        bottom: 18px
    }

    .cdCaresWiz .cd {
        min-height: 675px;
        margin-top: 30px;
        padding: 80px 30px 40px;
        overflow: hidden
    }

    .cdCaresWiz .cont {
        max-width: calc(100% - 60px)
    }

    .cdCaresWiz .cont .btn {
        margin-top: 24px
    }

    .cdCaresWiz .name {
        font-size: 20px;
        margin: 26px 0 10px;
        white-space: nowrap
    }

    .cdCaresWiz .cycleBg {
        width: 100%;
        height: 85%;
        background-position: center bottom
    }

    .cdCaresWiz .imgRgt {
        right: 75px;
        bottom: -8px;
        width: 215px
    }

    .cdCaresWiz .learnMore {
        position: absolute;
        bottom: 40px;
        z-index: 1;
        left: 45px;
        font-size: 18px;
        padding: 0 16px 0 0;
        text-transform: uppercase;
        font-weight: 600
    }

    .cdCaresWiz .learnMore .icon-arrow {
        transform: rotate(-90deg);
        -webkit-transform: rotate(-90deg);
        position: absolute;
        font-size: 12px;
        top: 50%;
        right: 0;
        margin-top: -6px;
        height: 12px;
        padding: 0
    }

    .cdCaresWiz .learnMore:hover {
        text-decoration: underline
    }

    .cdCaresWiz .imgLogo {
        height: 18px
    }

    .cdCaresWiz .tag {
        font-size: 14px
    }

    #modalAddCompare .card .cardPrice {
        font-size: 14px
    }

    #modalAddToCart .modalMainBottom {
        left: auto;
        right: 0;
        top: 0;
        bottom: 0;
        transform: none;
        -webkit-transform: none;
        -moz-transform: none;
        max-height: 100%;
        max-width: 600px !important
    }

    #modalAddToCart .modalMainBottom .cardListWidget .imgThumb {
        width: 120px !important
    }

    #modalAddToCart .modalContent {
        padding-bottom: 110px
    }

    #modalAddToCart .closeIconBtn {
        top: 0 !important;
        left: -23px !important;
        right: auto !important
    }

    #modalAddToCart .cardListWidget .price {
        font-size: 18px
    }

    #modalAddToCart .cardListWidget .cutPrice {
        font-size: 16px
    }

    #modalAddToCart .modalHeader {
        padding: 16px
    }

    #modalAddToCart .cardFooter {
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        background: #fff;
        z-index: 5;
        padding: 16px 32px;
        border-top: 4px solid #ffdc00;
        box-shadow: 0 -5px 14px 0 rgba(255, 220, 0, .3);
        -webkit-box-shadow: 0 -5px 14px 0 rgba(255, 220, 0, .3)
    }

    #modalAddToCart .thinScrollBar::-webkit-scrollbar {
        width: 12px;
        height: 12px
    }

    #modalAddToCart .thinScrollBar::-webkit-scrollbar-thumb {
        background: rgba(34, 22, 41, .5) !important
    }

    #modalAddToCart .thinScrollBar::-webkit-scrollbar-thumb:hover {
        background: #221629
    }

    #modalAddToCart .empty-cart .img {
        width: 70%
    }

    #modalAddToCart .empty-cart p {
        font-size: 18px
    }

    #modalAddToCart .empty-cart .btn {
        font-size: 16px
    }

    #modalAddToCart .benefiteList {
        margin-top: 25px
    }

    #modalAddToCart .benefiteList li {
        margin-right: 0;
        width: 25%
    }

    #modalAddToCart .benefiteList .list {
        min-height: 70px;
        font-size: 14px
    }

    #modalAddToCart .benefiteList .icon-holder {
        height: 46px;
        width: 46px;
        margin-top: -35px
    }

    #modalAddToCart .benefiteList img {
        max-height: 26px;
        max-width: 30px
    }

    #storeDetails .userInfoCard {
        padding: 30px 50px;
        max-width: 1568px;
        column-gap: 50px
    }

    #storeDetails .userInfoCard .btnRound {
        top: 25px
    }

    #storeDetails .userProfile {
        position: relative;
        top: 0;
        left: 0;
        transform: translate(0, 0)
    }

    #storeDetails .userProfile {
        overflow: visible
    }

    #storeDetails .totalImgDealer {
        bottom: 23%;
        right: 10%;
        font-size: 20px
    }

    #storeDetails~.slick-lightbox .slick-next:before {
        margin: 0 12px
    }

    #storeDetails~.slick-lightbox .slick-prev:before {
        margin: 0 20px
    }

    #storeDetails~.slick-lightbox .slick-next,
    #storeDetails~.slick-lightbox .slick-prev {
        width: 50px;
        height: 50px
    }

    #storeDetails~.slick-lightbox .slick-next:before,
    #storeDetails~.slick-lightbox .slick-prev:before {
        border-width: 0 0 1px 1px;
        padding: 5px
    }

    #storeDetails~.slick-lightbox .slick-slide img {
        max-width: 90%;
        max-height: 90%
    }

    .dealerInfo .founded {
        padding: 12px 20px;
        border-radius: 40px
    }

    .dealerInfo .ratingStrip {
        line-height: 40px;
        font-size: 16px
    }

    .dealerInfo .ratingStrip span {
        padding: 0 24px
    }

    .storeInfoBox {
        max-width: 100%;
        column-gap: 20px;
        padding: 0
    }

    .storeInfoBox li,
    .storeInfoBox li a {
        display: flex;
        align-items: center;
        justify-content: center
    }

    .storeInfoBox li {
        border: 1px solid #dfdfdf;
        border-radius: 30px;
        padding-right: 26px;
        cursor: pointer;
        transition: all .3s ease-in-out
    }

    .storeInfoBox li:hover {
        box-shadow: 0 0 14px rgba(40, 173, 0, .2)
    }

    .storeInfoBox li:hover span {
        color: #000
    }

    .storeInfoBox span {
        max-width: 100%;
        line-height: 1
    }

    .storeInfoBox .icon {
        margin: 0 10px 0 -2px;
        background: #fff
    }

    .dimandImg {
        right: 5px;
        bottom: 5px;
        max-width: 50px;
        width: 100%
    }

    .storeCard {
        font-size: 20px;
        margin-bottom: 35px
    }

    .storeCard>div {
        padding: 30px
    }

    .storeCard .storeMap {
        width: 230px;
        cursor: pointer
    }

    .storeCard .icon {
        font-size: 30px
    }

    .storeCard .iconHold {
        width: 50px;
        padding-right: 0
    }

    .storeCard .storeDiscp {
        padding-left: 20px
    }

    .storeSprt {
        min-height: 210px;
        padding: 30px
    }

    .storeSprt>div {
        padding: 10px 0
    }

    .storeSprt .img {
        height: 30px
    }

    .instoreModelCard .card {
        max-width: 320px;
        height: 382px;
        margin: 0 12px 16px
    }

    .instoreModelCard .cardImg img {
        max-height: 170px;
        width: auto;
        height: auto
    }

    .offerStoreList {
        text-align: center;
        justify-content: center;
        margin-bottom: 32px
    }

    .offerStoreList+h3 {
        font-size: 22px
    }

    .offerStoreList h4 {
        font-size: 16px
    }

    .offerStoreList h4:after {
        font-size: 14px
    }

    .bestSellerCd {
        padding: 25px 30px 35px;
        justify-content: space-around
    }

    .bestSellerCd .count {
        font-size: 50px
    }

    .bestSellerCd .cardSm {
        width: auto
    }

    .bestSellerCd .cardSm img {
        min-height: auto;
        margin: auto;
        max-height: initial;
        max-width: 130px
    }

    .bestSellerCd .cardSm h3 {
        font-size: 20px
    }

    .storyHeader {
        justify-content: center;
        font-size: 24px;
        text-align: center
    }

    .storyHeader+p {
        padding-top: 16px;
        font-size: 18px;
        font-weight: 300
    }

    .secSpc {
        margin-bottom: 70px !important
    }

    .outStoryWrap h3 {
        font-size: 24px;
        padding: 0
    }

    .outStoryWrap .ratingStrip {
        margin-bottom: 32px;
        font-size: 16px;
        height: 36px;
        line-height: 34px
    }

    .storeReview .cdReview {
        padding: 16px;
        margin-bottom: 24px
    }

    .storeReview .cdReview .icon-gallery {
        margin-right: 16px
    }

    .storeReview .vorRgtItem {
        width: 150px
    }

    .storeReview .userTitle {
        font-size: 20px
    }

    .storeReview p {
        font-size: 16px;
        margin: 16px 0 24px
    }

    .storeReview .riderName {
        padding-top: 12px
    }

    .cardGallery .item {
        flex: 0 0 25%;
        padding: 0 0 1px 1px
    }

    #madalCallRequest .modalMainBottom {
        max-width: 520px !important
    }

    #madalCallRequest .modalMainBottom .btn {
        font-size: 16px;
        height: 40px
    }

    #madalCallRequest .modalContent {
        padding: 30px
    }

    .pdLatest .pdWebMain {
        min-height: 100%;
        align-items: stretch
    }

    .pdLatest .pdWebOverView {
        margin-top: 40px
    }

    .pdLatest .pdRatingHold .rating .ratingText {
        line-height: 1;
        font-size: 16px;
        padding-left: 4px;
        padding-top: 2px
    }

    .pdLatest .pdLeftSide {
        position: relative
    }

    .pdLatest .pdLeftSide .priceWidget:not(.soldOutWidget) .btn {
        width: 40%;
        height: 80px;
        font-size: 26px
    }

    .pdLatest .pdLeftSide .priceWidget:not(.soldOutWidget) .buyOption {
        margin-bottom: 0
    }

    .pdLatest .pdLeftSide .priceWidget .notifyPanel {
        margin-top: 12px
    }

    .pdLatest .pdLeftSide .priceWidget .btnSimilar {
        width: calc(60% - 18px)
    }

    .pdLatest .pdLeftSide .priceWidget .buyOption {
        margin-bottom: 0
    }

    .pdLatest .pdLeftSide .priceWidget .price {
        font-size: 14px
    }

    .pdLatest .pdLeftSide .priceWidget .price div {
        font-size: 28px
    }

    .pdLatest .pdLeftSide .soldOutText {
        position: static;
        width: 100%
    }

    .pdLatest .pdLeftSide .fieldGroup {
        width: 100%
    }

    .pdLatest .pdLeftSide .fieldGroup .fieldControl {
        width: calc(50% - 5px);
        margin-bottom: 16px
    }

    .pdLatest .pdLeftSide .fieldGroup .fieldControl:last-child {
        margin-right: 0
    }

    .pdLatest .emiOption .view_more_btn {
        display: flex;
        align-items: center;
        justify-content: center
    }

    .pdLatest #prodSlider .slick-next,
    .pdLatest #prodSlider .slick-prev {
        border-radius: 4px;
        -webkit-border-radius: 4px;
        background: rgba(40, 173, 0, .6)
    }

    .pdLatest .pdSliderSticky.fixed {
        position: fixed;
        top: -145px;
        z-index: 8;
        background: #fff
    }

    .pdLatest .pdSliderSticky.fixed .pdCard {
        padding: 15px 30px;
        margin-bottom: 10px
    }

    .pdLatest .pdSliderSticky.abst {
        position: absolute;
        bottom: 0
    }

    .pdLatest .prodNavR {
        background: 0 0
    }

    .pdLatest .prodNavR li {
        padding: 0
    }

    .pdLatest .prodNavR a {
        padding: 10px 15px
    }

    .pdLatest .prodBody {
        width: 100%;
        align-items: flex-start;
        column-gap: 40px;
        margin: 0 0 30px
    }

    .pdLatest .prodBody .slick-dots {
        bottom: -30px
    }

    .pdLatest .prodMain {
        float: right;
        width: calc(100% - 110px);
        display: flex
    }

    .pdLatest .prodMain .pItem {
        border: 0;
        flex-shrink: 0
    }

    .pdLatest .prod-360-video {
        width: calc(100% - 110px);
        margin: 0 auto
    }

    .pdLatest .pdCompare {
        position: absolute;
        bottom: -15px;
        right: 5px;
        font-size: 22px;
        font-weight: 600;
        line-height: 1
    }

    .pdLatest .pdCompare:hover {
        color: #28ad00
    }

    .pdLatest .pdCompare img {
        width: 24px
    }

    .pdLatest .activeCompare {
        font-size: 16px
    }

    .pdLatest .pdRightSide {
        padding-left: 30px
    }

    .pdLatest .pdRightSide .secTitle {
        font-size: 24px
    }

    .pdLatest .pdRightSide .section {
        padding: 40px 0
    }

    .pdLatest .pdRightSide .userCard2 {
        padding: 15px
    }

    .pdLatest .pdRightSide .userCard2 .userInnerWrap {
        width: 256px
    }

    .pdLatest .pdRightSide .userCard2 .publishInfo {
        width: 100%
    }

    .pdLatest .pdRightSide .userCard2 .title {
        font-size: 16px;
        line-height: 1.2
    }

    .pdLatest .pdRightSide .userCard2 .userContent {
        padding-left: 20px;
        width: calc(100% - 256px)
    }

    .pdLatest .pdRightSide .userCard2 .userInfo {
        font-size: 16px;
        margin: 16px 0
    }

    .pdLatest .pdRightSide .riderVoiceProduct .card h5 {
        padding-right: 35px
    }

    .pdLatest .pdRightSide .riderVoiceProduct .icon-gallery {
        bottom: auto;
        right: 0;
        top: 2px
    }

    .pdLatest .pdCardTitle,
    .pdLatest h3.pdCardTitle {
        font-size: 24px;
        line-height: 1;
        margin-bottom: 16px
    }

    .pdLatest .secure-transaction {
        top: auto;
        bottom: 10px
    }

    .pdLatest .secure-transaction .secure-details {
        padding: 15px;
        margin-bottom: 0
    }

    .pdLatest .secure-transaction .secure-details:after {
        bottom: -20px;
        transform: rotate(180deg);
        -webkit-transform: rotate(180deg)
    }

    .pdLatest .secure-transaction .secure-details p {
        font-size: 14px
    }

    .pdLatest .secure-link span {
        font-size: 16px
    }

    .pdLatest .kybSpecList .specWidget {
        margin-bottom: 0
    }

    .pdLatest .kybSpecList .specWidget .specList {
        flex: 0 0 calc(50% - 8px);
        max-width: calc(50% - 8px)
    }

    .pdLatest .kybSpecList .specWidget .specName {
        font-size: 16px;
        white-space: normal
    }

    .pdLatest .kybSpecList .pdCard {
        margin: 5px 19px;
        min-height: 555px;
        padding: 24px 10px 24px 24px;
        min-width: 300px;
        max-width: 300px
    }

    .pdLatest #userReviewCard {
        min-height: 350px !important;
        padding-bottom: 20px;
        margin-left: 0;
        margin-right: 0;
        padding-left: 0;
        padding-right: 0
    }

    .pdLatest #userReviewCard .accessoriesReviews {
        padding: 0 !important;
        margin-top: 0 !important;
        -webkit-box-shadow: none !important;
        box-shadow: none !important;
        background: #fff !important
    }

    .pdLatest #userReviewCard .slick-next {
        right: -40px
    }

    .pdLatest #userReviewCard .slick-prev {
        left: -40px
    }

    .pdLatest .slick-arrow {
        width: 48px;
        height: 48px
    }

    .pdLatest .slick-next {
        right: -16px
    }

    .pdLatest .slick-prev {
        left: -16px
    }

    .pdLatest #modal-coupon-offers .modalMainBottom {
        max-width: 500px !important
    }

    .pdLatest#productPage #addToCartSticky.active {
        bottom: 10px
    }

    .pdLatest#productPage .stickyBottom.priceWidget {
        max-width: 800px;
        left: auto;
        border-radius: 50px 0 0;
        right: 0;
        padding-left: 30px
    }

    .pdLatest#productPage .stickyBottom.priceWidget .btn,
    .pdLatest#productPage .stickyBottom.priceWidget .price div {
        font-size: 24px
    }

    .pdLatest .noReviews h3 {
        font-size: 18px
    }

    .pdLatest .prodNewBtmSticky {
        position: fixed;
        right: 0;
        width: 100%;
        max-width: 800px;
        padding-left: 30px;
        -webkit-transition: all .4s ease-in-out;
        transition: all .4s ease-in-out;
        visibility: hidden;
        opacity: 0;
        z-index: 110;
        overflow: hidden;
        bottom: -100px;
        border-radius: 20px 0 0;
        -webkit-border-radius: 20px 0 0
    }

    .pdLatest .prodNewBtmSticky.active {
        opacity: 1;
        visibility: visible;
        bottom: 0
    }

    .pdLatest .prodNewBtmSticky .btn,
    .pdLatest .prodNewBtmSticky .price div {
        font-size: 24px
    }

    .prodSliderNav {
        position: relative;
        float: left;
        width: 70px;
        margin-top: 50px
    }

    .prodSliderNav .pdRd {
        margin: 8px 0;
        height: auto;
        border: 1px solid #dedede;
        overflow: hidden;
        min-height: 45px;
        position: relative
    }

    .prodSliderNav img {
        width: 100%;
        height: auto
    }

    .prodSliderNav .vidThumb .pdRd img {
        filter: brightness(.7)
    }

    .prodSliderNav .playBtn:before {
        width: 30px;
        height: 30px;
        line-height: 30px;
        border: 0
    }

    .prodSliderNav .slick-arrow {
        box-shadow: none;
        width: 30px
    }

    .prodSliderNav .slick-prev {
        top: -50px;
        left: 50%
    }

    .prodSliderNav .slick-next {
        bottom: -50px;
        right: auto;
        left: 50%;
        top: auto
    }

    .prodSliderNav .slick-next,
    .prodSliderNav .slick-prev {
        -webkit-transform: translate(-50%, 0) rotate(90deg);
        transform: translate(-50%, 0) rotate(90deg);
        border-radius: 5px;
        -webkit-border-radius: 5px
    }

    .prodSliderNav .slick-next:before,
    .prodSliderNav .slick-prev:before {
        border-color: #000
    }

    .prodSliderNav .slick-next:hover,
    .prodSliderNav .slick-prev:hover {
        background: #28ad00 !important
    }

    .prodSliderNav .slick-next:hover:before,
    .prodSliderNav .slick-prev:hover:before {
        border-color: #fff
    }

    .prodSliderNav .slick-next:focus,
    .prodSliderNav .slick-prev:focus {
        background: #ebebeb !important
    }

    .prodSliderNav .slick-next:focus:before,
    .prodSliderNav .slick-prev:focus:before {
        border-color: #28ad00
    }

    .pdNavWrap {
        margin-bottom: 25px
    }

    .pdNavWrap .prodNav {
        min-height: 48px
    }

    .pdNavWrap .prodNav:first-child li {
        min-width: 120px
    }

    .pdNavWrap .prodNav li {
        font-size: 18px;
        padding: 10px 15px;
        justify-content: center
    }

    .pdNavWrap .prodNav .icon-view-360 {
        font-size: 26px
    }

    .pdNavWrap .share .icon-share {
        width: 48px;
        height: 48px;
        line-height: 48px
    }

    .pdNavWrap .sharePopup {
        top: 55px;
        right: 7px
    }

    .pdCard {
        padding: 30px;
        font-size: 16px;
        margin-bottom: 50px
    }

    .pdCard h1,
    .pdCard h2 {
        font-size: 24px
    }

    .pdCard .cadTopSpec li {
        font-size: 16px
    }

    .pdCard .colorWidget {
        font-size: 20px
    }

    .pdCard .colorWidget .colorTitle {
        min-width: 95px
    }

    .pdCard .colorWidget .colorBtn {
        width: 30px;
        height: 30px;
        margin-right: 15px
    }

    .pdCard .colorWidget .attrBtn {
        font-size: 16px
    }

    .pdCard .colorWidget .beforeslectError {
        font-size: 12px;
        bottom: -20px;
        left: 125px
    }

    .pdCard .coupon-offers {
        max-width: 98%
    }

    .pdCard .coupon-offers h3 {
        font-size: 20px
    }

    .pdCard .coupon-offers p {
        font-size: 16px
    }

    .pdCard .coupon-offers .coupon-details {
        font-size: 18px
    }

    .pdCard .coupon-offers .coupon-details span {
        padding: 11px 15px
    }

    .pdCard .exitingImg {
        width: 250px
    }

    .pdCard .exitingBg {
        bottom: -40px
    }

    .pdCard .checkPincode .noIconField {
        width: 100%
    }

    .pdCard .coupon-offers-wrap {
        margin-top: 10px !important
    }

    .pdCard .reviewHeader li {
        padding-left: 0
    }

    .pdCard .checkPincode .fieldInput {
        height: 50px;
        padding-right: 148px
    }

    .pdCard .checkPincode .btn {
        font-size: 18px;
        width: 148px;
        height: 50px
    }

    .pdCard .checkPincode img {
        width: 18px
    }

    .pdCard .benefiteList {
        flex-wrap: wrap;
        row-gap: 16px
    }

    .pdCard .benefiteList li {
        width: 16.667%;
        flex-grow: 1;
        margin-right: 0;
        padding: 0
    }

    .pdCard .benefiteList li:hover .icon-holder {
        background: #fff;
        box-shadow: 0 0 8px rgba(0, 0, 0, .2)
    }

    .pdCard .benefiteList .tooltipBox {
        position: absolute;
        top: 100%;
        font-size: 16px;
        min-width: 250px;
        max-width: 260px;
        left: 0
    }

    .pdCard .benefiteList .tooltipBox:before {
        left: 32px
    }

    .pdCard .benefiteList .tooltipBox.right {
        left: auto !important;
        right: 0 !important
    }

    .pdCard .benefiteList .tooltipBox.right:before {
        left: auto !important;
        right: 32px !important
    }

    .pdCard .benefiteList li:nth-child(3n-0) .tooltipBox,
    .pdCard .benefiteList li:nth-child(3n-1) .tooltipBox {
        right: auto;
        left: 8px
    }

    .pdCard .benefiteList li:nth-child(3n-0) .tooltipBox:before,
    .pdCard .benefiteList li:nth-child(3n-1) .tooltipBox:before {
        left: 32px;
        right: auto
    }

    .pdCard .benefiteList .item .title {
        font-size: 14px;
        padding-top: 8px
    }

    .pdCard .infoText {
        font-size: 14px
    }

    .pdLeftSide .pdCard {
        padding: 20px 30px;
        margin-bottom: 25px
    }

    .pdLeftSide .buyOption .notifyPanel .btnGroupNotify {
        margin-top: 10px
    }

    .pdRightSide .moreOfferBtn {
        margin-bottom: 50px
    }

    .pdRightSide .riderVoiceProduct .slick-list {
        overflow: hidden
    }

    .pdRightSide .riderVoiceProduct .pdCard {
        width: calc(100% - 16px);
        margin: 20px 8px !important;
        min-width: 230px;
        min-height: 275px;
        padding: 20px 30px
    }

    .pdRightSide .riderVoiceProduct .pdCard .d-flex {
        align-items: start
    }

    .pdRightSide .riderVoiceProduct .pdCard p {
        padding-top: 0;
        max-height: 100px
    }

    .pdRightSide .riderVoiceProduct .rating {
        padding-top: 5px
    }

    .pdNewInfo {
        padding: 40px 30px 30px
    }

    .pdNewInfo .prodTitle {
        font-size: 16px;
        margin-bottom: 20px
    }

    .pdNewInfo .prodInfoList li {
        padding-left: 24px;
        margin-bottom: 12px
    }

    .helpDesk {
        bottom: 150px
    }

    .helpDesk.active {
        right: 50px
    }
}

@media only screen and (min-width:1100px) {
    #home .instagramPanel .instaImgHolder {
        width: 267px;
        height: 267px
    }

    .bnrVideo {
        padding-bottom: 38%
    }

    .tableCompare {
        width: calc(100% - 240px)
    }

    .tableCompare th {
        height: 450px
    }

    .tableCompare .cardCompareList .cardImg {
        height: 130px
    }

    .tableCompare td,
    .tableCompare th {
        padding: 16px
    }

    .tableCompare .reviewAvg {
        font-size: 12px
    }

    .compLeftfilter {
        width: 240px
    }

    .compLeftfilter th {
        height: 470px
    }

    #comparePage .compWebStickyHold .stickyCompTwo {
        left: 264px;
        width: calc(25% - 84px)
    }

    #comparePage .compWebStickyHold.compareTwo .stickyCompTwo {
        width: calc(50% - 152px)
    }

    #comparePage .compWebStickyHold.compareThree .stickyCompTwo {
        width: calc(75% - 220px)
    }

    #comparePage .compWebStickyHold.compareFour .stickyCompTwo {
        width: calc(100% - 288px)
    }

    #comparePage #stickyAddBtn {
        width: 240px;
        padding: 20px 55px;
        height: 159px
    }

    #modalOccasion .valentineMain .modalContent {
        padding: 154px 40px 0
    }

    #modalOccasion .valTitle {
        font-size: 26px
    }

    #modalOccasion .valSubTitle {
        font-size: 32px;
        padding: 0 30px
    }

    #modalOccasion .codeTitle {
        font-size: 20px
    }

    #modalOccasion .codeWrap {
        margin: 32px 0 40px
    }

    #modalOccasion .codeWrap:before {
        right: -30px;
        bottom: -40px;
        width: 126px;
        height: 106px
    }

    #modalOccasion .codeBox {
        max-width: 393px;
        height: 53px;
        margin: 15px auto 0;
        padding: 2px 2px 2px 27px
    }

    #modalOccasion .codeBox span {
        font-size: 18px;
        line-height: 46px
    }

    #modalOccasion .codeBox .copyBtn {
        padding: 0 27px;
        font-size: 14px;
        height: 46px
    }

    #modalOccasion .valFooter {
        font-size: 16px;
        padding: 25px 40px;
        margin: 0 -40px
    }

    .offerWidget {
        padding-top: 10px
    }

    .offerWidget .offerTitle {
        font-size: 16px;
        margin: 12px 0 7px
    }

    .offerWidget .icon-Complete_Payment {
        vertical-align: -1px;
        font-size: 15px
    }

    .offerWidget .offerList li {
        font-size: 12px;
        display: inline-block;
        vertical-align: top;
        max-width: 25%;
        margin-right: 25px
    }
}

@media only screen and (min-width:1280px) {

    #home #heroSlider .slick-slide,
    .heroBanner {
        height: 424px
    }

    .bnrVideo {
        padding-bottom: 33%
    }

    .tableCompare td:after,
    .tableCompare td:before,
    .tableCompare th:after,
    .tableCompare th:before {
        right: 8px;
        left: 8px
    }

    .tableCompare .cardCompareList .closeIconBtn {
        right: 12px;
        top: 4px
    }

    .pdLatest .prodBody {
        margin: 0 0 30px
    }

    .prodSliderNav {
        margin-top: 50px
    }
}

@media only screen and (min-width:1366px) {

    #home #heroSlider .slick-slide,
    .heroBanner {
        height: 410px
    }

    .heroSlideBody {
        height: 410px
    }

    .bnrVideo {
        padding-bottom: 30%
    }

    .pdLatest .pdSliderSticky.fixed {
        top: -70px
    }
}

@media only screen and (min-width:1400px) {
    .webContainer {
        padding-left: 40px !important;
        padding-right: 40px !important
    }

    .pdLatest .pdSliderSticky.fixed {
        top: 5px
    }
}

@media only screen and (min-width:1440px) {

    #home #heroSlider .slick-slide,
    .heroBanner {
        height: 477px
    }

    .heroSlideBody {
        height: 477px
    }

    #productPage .productHeader .colorWidgId.apparels .attrBtn {
        width: 40px;
        height: 20px;
        line-height: 20px;
        font-size: 12px
    }

    #listingPage .filterHeaderWidget.offer-banner {
        min-height: 285px
    }

    .pdLatest .pdSliderSticky.fixed {
        top: -20px
    }
}

@media only screen and (min-width:1600px) {
    #heroSlider .heroContent h1 {
        font-size: 50px;
        max-width: 590px;
        margin-bottom: 20px
    }

    #heroSlider .heroContent p {
        font-size: 22px
    }

    .heroSlideBody h1 {
        font-size: 40px;
        margin-bottom: 10px
    }

    #home #heroSlider .slick-slide,
    .heroBanner {
        height: 530px
    }

    .heroSlideBody {
        height: 530px
    }

    .heroSlideBody p {
        font-size: 22px
    }

    #howtobuyPage .modalListingPopup .modalContent,
    #listingPage .modalListingPopup .modalContent {
        max-height: 93vh !important
    }

    .tableCompare {
        width: calc(100% - 240px)
    }

    .tableCompare th {
        height: 500px
    }

    .tableCompare .cardCompareList .cardImg {
        height: 170px
    }

    .tableCompare .cardCompareList .cardImg img {
        height: 100%
    }

    .compLeftfilter th {
        height: 520px
    }

    #listingPage .filterHeaderWidget .bikeDisc {
        right: 18%;
        max-width: 55%
    }

    .productOverveiw .specTerm {
        position: relative;
        bottom: 20px
    }

    #listingPage .filterHeaderWidget.offer-banner {
        min-height: 320px
    }

    .pdLatest .pdSliderSticky.fixed {
        top: -90px
    }

    .pdCard .benefiteList {
        row-gap: 16px
    }

    .pdCard .benefiteList .tooltipBox:before {
        left: 40px
    }

    .pdCard .benefiteList .tooltipBox.right:before {
        right: 40px !important
    }

    .pdCard .benefiteList li:nth-child(3n-0) .tooltipBox:before,
    .pdCard .benefiteList li:nth-child(3n-1) .tooltipBox:before {
        left: 40px
    }
}

@media only screen and (min-width:1680px) {
    .pdLatest .pdSliderSticky.fixed {
        top: 5px
    }

    .pdLatest .pdSliderSticky.fixed .pdCard {
        padding: 20px 30px;
        margin-bottom: 20px
    }
}

@media only screen and (min-width:1920px) {

    #home #heroSlider .slick-slide,
    .heroBanner {
        height: 636px
    }

    .heroSlideBody {
        height: 636px
    }

    .heroSlideBody h1 {
        font-size: 50px;
        margin-bottom: 20px
    }

    #listingPage .filterHeaderWidget.offer-banner {
        min-height: 380px
    }

    .pdSliderSticky.fixed {
        top: 5px
    }

    .pdCard .coupon-offers .coupon-details {
        font-size: 20px
    }

    .pdCard .coupon-offers .coupon-details span {
        padding: 11px 25px
    }
}