@font-face {
    font-family: Roboto-Regular;
    src: url(../fonts/Roboto-Regular.ttf)
}

@font-face {
    font-family: Roboto-Bold;
    src: url(../fonts/Roboto-Bold.ttf)
}

@font-face {
    font-family: Roboto-Italic;
    src: url(../fonts/Roboto-Italic.ttf)
}

@font-face {
    font-family: Montserrat-ExtraLight;
    src: url(../fonts/Montserrat-ExtraLight.otf)
}

@font-face {
    font-family: Montserrat-Light;
    src: url(../fonts/Montserrat-Light.otf)
}

@font-face {
    font-family: Montserrat-Medium;
    src: url(../fonts/Montserrat-Medium.otf)
}

@font-face {
    font-family: Montserrat-Regular;
    src: url(../fonts/Montserrat-Regular.otf)
}

@font-face {
    font-family: Montserrat-SemiBold;
    src: url(../fonts/Montserrat-SemiBold.otf)
}

@font-face {
    font-family: Montserrat-Thin;
    src: url(../fonts/Montserrat-Thin.otf)
}

@font-face {
    font-family: Credit-Card;
    src: url(../fonts/CREDC___.ttf)
}

.ratingsMainSection span.badge {
    margin-bottom: 0
}

.ratingsMainSection .productDetails .content .priceDetails {
    margin-top: 25px
}

.ratingsMainSection .productDetails .imageContainer {
    margin-bottom: 56px
}

.ratingsMainSection .productDetails .content h4 {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis
}

.reviewsRatingsAll button {
    width: auto;
    background-color: #ce242a
}

.reviewLabel {
    margin-bottom: 0;
    font-size: 12px;
    color: silver
}

.reviewsRatingsAll .ratings {
    margin-bottom: 50px
}

    .reviewsRatingsAll .ratings .specificRating .progress {
        width: 60%
    }

.reviewsRatingsAll .reviews {
    margin-left: 0;
    margin-top: 0;
    margin-bottom: 90px;
    padding-top: 50px !important;
    border-top: 1px solid #ececec
}

.rate-breadcrumb {
    margin: 100px 0 0 !important;
    padding-top: 9px !important
}

.rate-title {
    margin: 0 135px 0 !important
}

.review-rating ul {
    display: inline-block;
    width: 350px;
    text-align: left
}

form .stars {
    background: url(https://cdn.bajajelectronics.com/images/star-to-rate.svg) repeat-x 0 0;
    width: 150px;
    margin: 0 auto
}

    form .stars input[type=radio] {
        position: absolute;
        opacity: 0
    }

body {
    margin: 0;
    padding: 0 !important;
    font-family: Roboto-Regular
}

.borderRadius3 {
    border-radius: 3px
}

.borderRadius4 {
    border-radius: 4px
}

.text-italic {
    font-style: italic
}

.m0 {
    margin: 0 !important
}

.mtb0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important
}

.mlr15 {
    margin-left: 15px !important;
    margin-right: 15px !important
}

.mlr-auto {
    margin-left: auto;
    margin-right: auto
}

.ml15 {
    margin-left: 15px !important
}

.ml10 {
    margin-left: 10px !important
}

.ml20 {
    margin-left: 20px !important
}

.ml30 {
    margin-left: 30px !important
}

.mb0 {
    margin-bottom: 0
}

.mb5 {
    margin-bottom: 5px
}

.mb15 {
    margin-bottom: 15px
}

.mt-10 {
    margin-top: -10px
}

.mt5 {
    margin-top: 5px
}

.mt7 {
    margin-top: 7px
}

.mt12 {
    margin-top: 12px
}

.mt15 {
    margin-top: 15px
}

.mb8 {
    margin-bottom: 8px !important
}

.mb10 {
    margin-bottom: 10px !important
}

.mb17 {
    margin-bottom: 17px
}

.mb20 {
    margin-bottom: 20px !important
}

.mb25 {
    margin-bottom: 25px
}

.mb30 {
    margin-bottom: 30px
}

.mb35 {
    margin-bottom: 35px
}

.mb40 {
    margin-bottom: 40px
}

.mb42 {
    margin-bottom: 42px
}

.mb50 {
    margin-bottom: 50px
}

.mb60 {
    margin-bottom: 60px
}

.mb70 {
    margin-bottom: 70px
}

.mb75 {
    margin-bottom: 75px
}

.mb85 {
    margin-bottom: 85px
}

.mb100 {
    margin-bottom: 100px
}

.mt--5 {
    margin-top: -1px !important
}

.mt10 {
    margin-top: 10px
}

.mt20 {
    margin-top: 20px
}

.mt30 {
    margin-top: 30px
}

.mt35 {
    margin-top: 35px
}

.mt50 {
    margin-top: 50px
}

.mtb100 {
    margin-top: 100px;
    margin-bottom: 100px
}

.mr0 {
    margin-right: 0
}

.mr5 {
    margin-right: 5px
}

.mr10 {
    margin-right: 10px
}

.mr15 {
    margin-right: 15px !important
}

.mr20 {
    margin-right: 20px !important
}

.mr30 {
    margin-right: 30px
}

.mr40 {
    margin-right: 40px !important
}

.mlr0 {
    margin-left: 0;
    margin-right: 0
}

.ml85 {
    margin-left: 85px
}

.p0 {
    padding: 0 !important
}

.pl0 {
    padding-left: 0
}

.pl5 {
    padding-left: 5px
}

.pl10 {
    padding-left: 10px
}

.pl25 {
    padding-left: 10px
}

.pl50 {
    padding-left: 50px
}

.pr0 {
    padding-right: 0
}

.pr5 {
    padding-right: 5px
}

.pr10 {
    padding-right: 10px
}

.pr50 {
    padding-right: 50px
}

.pt10 {
    padding-top: 10px !important
}

.pt20 {
    padding-top: 20px
}

.pb20 {
    padding-bottom: 20px
}

.pb30 {
    padding-bottom: 30px
}

.plr0 {
    padding-left: 0;
    padding-right: 0
}

.plr5 {
    padding-left: 5px;
    padding-right: 5px
}

.h30 {
    height: 30px
}

.w20 {
    width: 20px
}

.w85 {
    width: 85%
}

.w96 {
    width: 96%
}

.w92 {
    width: 92%
}

.w70p {
    width: 70% !important
}

.w75p {
    width: 75% !important
}

.w80p {
    width: 80% !important
}

.w85p {
    width: 85% !important
}

.w100p {
    width: 100% !important
}

.w-auto {
    width: auto !important
}

.fs14 {
    font-size: 14px
}

.fs24 {
    font-size: 24px
}

.fs40 {
    font-size: 35px
}

.pos_relative {
    position: relative
}

.ff-bold {
    font-family: Roboto-Bold !important
}

.ff-regular {
    font-family: Roboto-Regular !important
}

a {
    cursor: pointer
}

button {
    cursor: pointer
}

.text-alone {
    background: 0 0;
    border: none;
    height: 30px;
    font-size: 14px;
    text-transform: uppercase;
    outline: 0
}

.customDropdown.iconDropdown .dropdown-toggle.text-alone::after {
    content: none
}

.customDropdown.iconDropdown .dropdown-menu {
    top: -40px !important;
    z-index: 1
}

    .customDropdown.iconDropdown .dropdown-menu .dropdown-item {
        padding: 12px 16px;
        color: #212223 !important;
        font-size: 14px;
        line-height: 11px;
        vertical-align: middle
    }

        .customDropdown.iconDropdown .dropdown-menu .dropdown-item:hover {
            background-color: #ececec
        }

.red {
    color: #ce242a
}

.bold {
    font-weight: 700
}

.ff-italic {
    font-family: Roboto-Italic
}

button:focus {
    outline: 0
}

.navbar {
    padding: 20px 50px 8px 50px
}

a.nav-link.dropdown.pr0 img {
    width: 22px
}

a.navbar-brand img {
    width: 55%
}

.primary-navbar .nav-link {
    margin-top: -10px;
    color: #fff !important;
    text-decoration: none;
    font-family: Roboto-Regular;
    font-size: 14px;
    position: relative
}

.shopingCartCoount {
    position: absolute;
    right: 10px;
    top: 5px;
    background: #f3b92c;
    color: #2e2d3f;
    width: 16px;
    height: 16px;
    font-family: Roboto-Bold;
    line-height: normal;
    border-radius: 50%;
    padding: 1.5px;
    font-size: 11px;
    text-align: center
}

.secondary-navbar .nav-item .nav-link {
    text-decoration: none;
    padding-right: 25px !important;
    padding-left: 25px !important;
    font-size: 14px;
    font-family: Roboto-Regular;
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal
}

.secondary-navbar .nav-item:first-child .nav-link {
    padding-left: 0 !important
}

.secondary-navbar .compareLink {
    color: #fff;
    font-size: 14px;
    text-decoration: none;
    font-family: Roboto-Regular
}

.secondary-navbar .dropdown-toggle::after {
    content: "\f107";
    font-family: FontAwesome;
    border: none;
    vertical-align: 0;
    position: absolute;
    bottom: 24px;
    right: 20px
}

.dropbtn {
    background-color: #4caf50;
    color: #fff;
    padding: 16px;
    font-size: 16px;
    border: none
}

.dropbtnHeader {
    color: #fff;
    font-size: 14px;
    border: none;
    background: 0 0;
    padding: .5rem 1rem;
    padding-right: 0
}

.dropdown, .dropdownHeader {
    position: relative;
    display: inline-block
}

.dropdownHeader {
    margin-top: -10px
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f1f1f1;
    min-width: 160px;
    box-shadow: 0 8px 16px 0 rgba(0,0,0,.2);
    z-index: 1;
    padding: 10px 20px
}

.dropdown-item {
    padding: 5px 0;
    font-family: Roboto-Regular;
    font-size: 14px;
    color: #2e2d3f
}

.dropdown:hover .dropdown-content {
    display: block
}

.dropdown-content {
    top: 120%;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    border: none;
    border-radius: 4px;
    background: #fff;
    z-index: 3
}

    .dropdown-content::before {
        content: "";
        left: 0;
        position: absolute;
        top: -10px;
        width: 100%;
        background: 0 0;
        height: 10px
    }

    .dropdown-content::after {
        content: "";
        border-bottom: 10px solid #fff;
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        left: calc(50% - 10px);
        position: absolute;
        top: -10px
    }

.dropdown-item:hover {
    color: #ce242a;
    background: 0 0
}

.dropdown-content-header {
    display: none;
    position: absolute;
    top: 15px;
    left: 0;
    border: none;
    border-radius: 4px;
    background: #fff;
    z-index: 3;
    min-width: 160px;
    box-shadow: 0 8px 16px 0 rgba(0,0,0,.2);
    padding: 10px 0
}

    .dropdown-content-header a {
        padding: 10px 20px;
        display: block;
        font-size: 14px;
        text-decoration: none;
        font-family: Roboto-Regular;
        color: #36465a;
        line-height: normal
    }

        .dropdown-content-header a:hover {
            background-color: #e5e5e5
        }

        .dropdown-content-header a img {
            width: 15px
        }

.show {
    display: block
}

.navbar-brand {
    width: 150px;
    padding: 0
}

.navbar-dark.navbar-bg {
    background-color: #ce242a !important
}

.navbar-collapse {
    display: flex
}

.navbar-dark .navbar-nav .nav-link {
    color: #fff
}

#bannerCarousel.owl-theme .owl-dots {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%)
}

.mainsearchBar {
    background: #f3f3f3;
    font-family: Roboto-Regular;
    height: 40px;
    margin-top: -10px;
    width: 450px;
    font-size: 14px;
    border: none
}

    .mainsearchBar.active {
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0
    }

    .mainsearchBar:focus {
        background: #fff;
        box-shadow: 0 6px 20px 0 rgba(0,0,0,.1)
    }

    .mainsearchBar::placeholder {
        font-family: Roboto-Regular;
        color: #2e2d3f;
        font-size: 14px
    }

.mainsearchBarBtn {
    position: absolute;
    right: 19px;
    top: 1px;
    padding: 0;
    background: 0 0;
    border: none;
    outline: 0 !important
}

    .mainsearchBarBtn img {
        width: 19px
    }

.secondary-navbar {
    top: 88px;
    padding: 9px 50px
}

.sectionOne {
    margin-top: 129px;
    background: #fff;
    position: relative
}

.optionsSection {
    padding: 30px 35px;
    display: flex
}

    .optionsSection .header {
        font-weight: 700;
        font-style: normal;
        font-stretch: normal;
        line-height: normal;
        letter-spacing: normal;
        color: #2e2d3f
    }

    .optionsSection .headerDesc {
        font-weight: 400;
        font-style: normal;
        font-stretch: normal;
        line-height: normal;
        letter-spacing: normal;
        color: silver
    }

.optionsSectionItem {
    display: inline-block;
    width: 33.33%
}

.owl-carousel {
    position: relative
}

    .owl-carousel .owl-nav button.owl-prev {
        position: absolute;
        left: 0;
        top: 50%;
        transform: translateY(-50%);
        margin: 0;
        padding: 0 8.5px 10px 8.55px !important;
        background: rgba(0,0,0,.5) !important;
        color: #fff !important;
        font-size: 40px !important
    }

    .owl-carousel .owl-nav button.owl-next {
        position: absolute;
        right: 0;
        top: 50%;
        transform: translateY(-50%);
        margin: 0;
        padding: 0 8.5px 10px 8.55px !important;
        background: rgba(0,0,0,.5) !important;
        color: #fff !important;
        font-size: 40px !important
    }

.mobilePhones .owl-carousel .owl-nav button.owl-next, .mobilePhones .owl-carousel .owl-nav button.owl-prev, .recentlyViewed .owl-carousel .owl-nav button.owl-next, .recentlyViewed .owl-carousel .owl-nav button.owl-prev, .telAudioSection .owl-carousel .owl-nav button.owl-next, .telAudioSection .owl-carousel .owl-nav button.owl-prev {
    top: 90px;
    transform: translateY(0)
}

.dealItem {
    border-radius: 4px;
    border: solid 1px #ececec;
    background-color: #fff;
    padding: 20px 20px;
    height: 340px
}

    .dealItem img {
        margin: 0 auto
    }

    .dealItem a:last-child {
        font-family: Roboto-Regular;
        color: #10ba56;
        font-size: 14px;
        position: absolute;
        bottom: 15px
    }

.allDeals {
    padding: 20px 0;
    background: #f6f6f6
}

.blockbusterDeals {
    padding: 20px;
    background: #fff
}

.recentlyViewed {
    padding: 15px 0 0 0;
    background: #f6f6f6
}

.mobilePhones {
    padding: 15px 0 15px 0;
    background: #fff
}

.telAudioSection {
    padding: 15px 0 0 0;
    background: #f6f6f6
}

.stockClearanceSection {
    padding: 80px 50px;
    background: #fff
}

    .stockClearanceSection img {
        border-radius: 4px
    }

.stockClearanceImagesSection {
    display: flex;
    margin-left: -15px;
    margin-right: -15px
}

    .stockClearanceImagesSection a {
        padding-left: 15px;
        padding-right: 15px
    }

.shopCategories {
    padding: 20px 0 0;
    background: #fff
}

    .shopCategories img {
        border-radius: 4px
    }

.shopBrands {
    padding: 0 0 20px;
    background: #fff
}

    .shopBrands img {
        border-radius: 4px
    }

.shopBrandItemSection {
    white-space: nowrap;
    overflow-x: scroll
}

.shopBrandItem {
    width: 20%;
    margin-right: 24px
}

.blockbusterDealsItemContainer {
    display: flex;
    margin-left: -12px;
    margin-right: -12px
}

.blockbusterDealsItem {
    width: 20%;
    display: inline-block;
    padding-left: 12px;
    padding-right: 12px;
    text-align: center
}

    .blockbusterDealsItem p {
        font-family: Roboto-Regular;
        font-size: 14px;
        color: #2e2d3f;
        margin-bottom: 0
    }

    .blockbusterDealsItem a {
        font-family: Roboto-Regular;
        font-size: 14px;
        color: #10ba56;
        margin-bottom: 0
    }

.blockbusteritemCard {
    position: relative;
    height: 248px;
    text-align: center;
    padding-top: 40px;
    padding-bottom: 40px;
    background: #fff;
    margin-bottom: 20px;
    border-radius: 4px;
    border: solid 1px #ececec
}

    .blockbusteritemCard:hover {
        box-shadow: 0 10px 20px 0 rgba(0,0,0,.08);
        border: none
    }

    .blockbusteritemCard img, .mobileItemCard img.mobileItemCardImage, .recentlyViewedItemCard img, .telAudioItemCard img {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translateX(-50%) translateY(-50%);
        width: auto !important
    }

.recentlyViewedItemCard {
    position: relative;
    border-radius: 4px;
    border: solid 1px #ececec;
    background-color: #fff;
    padding: 30px 20px;
    height: 248px;
    margin-bottom: 20px
}

.mobileItem, .recentlyViewedItem, .telAudioItem {
    text-align: center
}

    .mobileItem .mainDesc, .mobileItem .newPrice, .recentlyViewedItem .mainDesc, .recentlyViewedItem .newPrice, .telAudioItem .mainDesc, .telAudioItem .newPrice {
        font-family: Roboto-Bold;
        color: #2e2d3f;
        font-size: 14px;
        font-style: normal;
        font-stretch: normal;
        line-height: normal;
        letter-spacing: normal;
        text-align: center
    }

    .mobileItem .mainDesc, .recentlyViewedItem .mainDesc, .telAudioItem .mainDesc {
        margin-bottom: 3px
    }

    .mobileItem .newPrice, .recentlyViewedItem .newPrice, .telAudioItem .newPrice {
        margin-bottom: 0
    }

    .mobileItem .subDesc, .recentlyViewedItem .subDesc, .telAudioItem .subDesc {
        font-family: Roboto-Regular;
        color: #2e2d3f;
        font-size: 14px;
        margin-bottom: 8px;
        font-style: normal;
        font-stretch: normal;
        line-height: normal;
        letter-spacing: normal;
        text-align: center
    }

    .mobileItem .oldPrice, .recentlyViewedItem .oldPrice, .telAudioItem .oldPrice {
        position: relative;
        font-family: Roboto-Regular;
        color: silver;
        font-size: 14px;
        margin-bottom: 0;
        font-style: normal;
        font-stretch: normal;
        line-height: normal;
        letter-spacing: normal;
        text-align: center
    }

        .mobileItem .oldPrice:after, .recentlyViewedItem .oldPrice:after, .telAudioItem .oldPrice:after {
            content: "";
            width: 100%;
            height: 1px;
            background: silver;
            position: absolute;
            left: 0;
            top: 8px
        }

    .mobileItem .discount, .recentlyViewedItem .discount, .telAudioItem .discount {
        font-family: Roboto-Bold;
        color: #10ba56;
        font-size: 12px;
        font-style: normal;
        font-stretch: normal;
        line-height: normal;
        letter-spacing: normal;
        text-align: center
    }

.mobileItemCard {
    position: relative;
    border-radius: 4px;
    border: solid 1px #ececec;
    background-color: #fff;
    padding: 30px 20px;
    height: 220px;
    margin-bottom: 20px
}

.quickView {
    position: absolute;
    display: none;
    width: 100%;
    left: 0;
    bottom: 0;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    border: none;
    background-color: #e0e0e2;
    font-size: 12px;
    padding: 10px 0;
    outline: 0;
    cursor: pointer
}

    .quickView img {
        display: inline !important;
        width: 20px !important
    }

.gridViewActivated .prodImage:hover .quickView, .mobileItemCard:hover .quickView {
    display: block
}

.telAudioItemCard {
    position: relative;
    border-radius: 4px;
    border: solid 1px #ececec;
    background-color: #fff;
    padding: 30px 20px;
    height: 248px;
    margin-bottom: 20px
}

.mobilePhones {
    border-bottom: 1px solid #ececec
}

button.disabled {
    display: none !important
}

.sectionHeader {
    font-size: 24px;
    font-family: Roboto-Bold;
    color: #2e2d3f
}

input, textarea {
    font-family: Roboto-Regular;
    font-size: 14px;
    padding: 9px 14px;
    border-radius: 4px;
    border: solid 1px #acacac;
    outline: 0
}

textarea {
    height: 120px;
    resize: none
}

input:focus {
    outline: 0
}

input::placeholder, textarea::placeholder {
    font-size: 14px;
    color: #919191
}

input:focus:required:invalid, textarea:focus:required:invalid {
    border-color: #ec5a24
}

    input:focus:required:invalid::placeholder, textarea:focus:required:invalid::placeholder {
        color: #ec5a24
    }

    input:focus:required:invalid ~ .warningIcon, textarea:focus:required:invalid ~ .warningIcon {
        display: block
    }

input.invalid:required, textarea.invalid:required {
    border-color: #ec5a24
}

    input.invalid:required::placeholder, textarea.invalid:required::placeholder {
        color: #ec5a24
    }

    input.invalid:required ~ .warningIcon, textarea.invalid:required ~ .warningIcon {
        display: block
    }

input.valid:required, textarea.valid:required {
    border-color: #acacac
}

    input.valid:required::placeholder, textarea.valid:required::placeholder {
        color: #acacac
    }

    input.valid:required ~ .warningIcon, textarea.valid:required ~ .warningIcon {
        display: none
    }

.warningIcon {
    display: none;
    position: absolute;
    top: 12px;
    right: 30px;
    font-size: 17px;
    color: #ec5a24
}

.checkboxContainer, .radioBtnContainer {
    display: block;
    position: relative;
    padding-left: 20px;
    margin-top: 12px;
    margin-bottom: 12px;
    font-family: Roboto-Regular;
    font-size: 14px;
    line-height: 1.21;
    color: #2e2d3f;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.radioBtnContainer {
    font-size: 16px
}

    .checkboxContainer input, .radioBtnContainer input {
        position: absolute;
        opacity: 0;
        cursor: pointer;
        height: 0;
        width: 0
    }

        .checkboxContainer input:checked ~ .checkmark, .radioBtnContainer input:checked ~ .checkmark {
            border-color: #f3b92c;
            background: #f3b92c
        }

.checkboxContainerBlack {
    margin: 0;
    font-size: 12px
}

    .checkboxContainerBlack input:checked ~ .checkmark {
        border-color: #2e2d3f;
        background: #2e2d3f
    }

.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 15px;
    width: 15px;
    border: 1px solid #acacac;
    background: #fff;
    border-radius: 2px
}

.radioBtnContainer .checkmark {
    height: 18px;
    width: 18px;
    border-width: 1.5px;
    border-radius: 50%;
    left: -5px
}

.checkmark:after {
    content: "";
    position: absolute;
    display: none
}

.checkboxContainer input:checked ~ .checkmark:after, .radioBtnContainer input:checked ~ .checkmark:after {
    display: block
}

.checkboxContainer .checkmark:after {
    left: 5px;
    top: 1px;
    width: 4px;
    height: 8.5px;
    border: solid #fff;
    border-width: 0 1px 1px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.radioBtnContainer .checkmark:after {
    content: "";
    position: absolute;
    width: 9px;
    height: 9px;
    background: #ec5a24;
    top: 3px;
    left: 3px;
    right: 0;
    border-radius: 50%
}

.square {
    width: .7em;
    height: .7em;
    margin: .5em;
    display: inline-block
}

.checkboxContainerLarge {
    float: right;
    font-size: 16px !important;
    padding-left: 35px !important;
    line-height: 1.5 !important
}

    .checkboxContainerLarge .checkmark {
        height: 25px;
        width: 25px;
        border: 2px solid #343a40
    }

        .checkboxContainerLarge .checkmark:after {
            left: 7px;
            top: 2px;
            width: 6px;
            height: 12.5px;
            border-width: 0 1.5px 1.5px 0
        }

.custom-dropdown {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: 100%;
    -webkit-appearance: none
}

    .custom-dropdown select {
        width: 100%;
        color: #2e2d3f;
        font-family: Roboto-Regular;
        font-size: 16px;
        padding: 7px 14px;
        border-radius: 20px;
        border: solid 1px #acacac;
        outline: 0;
        -moz-appearance: none;
        -webkit-appearance: none;
        appearance: none
    }

        .custom-dropdown select::-ms-expand {
            display: none
        }

    .custom-dropdown::after, .custom-dropdown::before {
        content: "";
        position: absolute;
        pointer-events: none
    }

    .custom-dropdown::after {
        content: "\f107";
        height: 1em;
        font-size: 18px;
        line-height: 1;
        right: 15px;
        top: 50%;
        margin-top: -.5em;
        color: #2e2d3f;
        font-family: FontAwesome
    }

    .custom-dropdown::before {
        width: 2em;
        right: 0;
        top: 0;
        bottom: 0;
        border-radius: 0 3px 3px 0
    }

.custom-dropdown-two {
    width: auto
}

    .custom-dropdown-two select {
        font-family: Roboto-Bold;
        font-size: 14px;
        border: none
    }

    .custom-dropdown-two::after {
        font-size: 25px;
        right: -10px
    }

.primaryBtn {
    border-radius: 4px;
    box-shadow: 0 2px 4px 0 rgba(255,0,0,.35);
    background-color: #ce242a;
    font-family: Roboto-Bold;
    font-size: 14px;
    line-height: 1.19;
    text-align: center;
    color: #fefefe !important;
    border: none;
    outline: 0;
    padding: 10px 20px;
    cursor: pointer;
    text-transform: uppercase;
    font-weight: 700;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal
}

.secondaryBtn {
    border-radius: 4px;
    border: solid 1px #ce242a;
    background-color: #fefefe;
    font-family: Roboto-Bold;
    font-size: 14px;
    line-height: 1.19;
    text-align: center;
    color: #ce242a !important;
    outline: 0;
    padding: 10px 20px;
    cursor: pointer;
    text-transform: uppercase;
    font-weight: 700;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal
}

.tertiaryBtn {
    border-radius: 4px;
    border: solid 1px #f7f9ff;
    background-color: #f7f9ff;
    font-family: Roboto-Bold;
    font-size: 14px;
    line-height: 1.19;
    text-align: center;
    color: #2e2d3f !important;
    outline: 0;
    padding: 10px 20px;
    cursor: pointer;
    text-transform: uppercase;
    font-weight: 700;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal
}

.modalCancelBtn {
    border-radius: 3px;
    font-family: Montserrat-Regular;
    background-color: #fff;
    font-size: 14px;
    line-height: 1.19;
    text-align: center;
    color: #ec5a24;
    border: 1px solid #ec5a24;
    outline: 0;
    padding: 10px 25px;
    cursor: pointer;
    text-decoration: none !important
}

    .modalCancelBtn:hover {
        background-image: linear-gradient(91deg,#ec5a24,#fd8321);
        color: #fff
    }

#nextBtn, .submitBtn {
    padding: 10px 40px
}

.learnmoreBtn {
    padding: 8px 10px 10px 10px
}

    .learnmoreBtn i {
        margin-left: 20px;
        font-size: 18px
    }

.tryItFreeBtn:hover {
    color: #fefefe;
    text-decoration: none
}

.signInLink {
    margin-left: 20px
}

    .signInLink:hover {
        color: #37465a;
        text-decoration: none
    }

.productsLinks {
    background-color: #f8f8f8;
    padding: 20px 30px 10px;
    border-top: 1px solid #f0f0f0
}

.quickLinks {
    background: #fff
}

.quickLinksRow {
    padding: 15px 20px
}

.getUsSetion {
    padding: 25px 35px
}

#categoryLinks, #quickLinks {
    margin-top: 20px;
    display: flex
}

.quickLinksHeader {
    font-family: Roboto-Bold;
    font-size: 18px;
    color: #2e2d3f;
    margin-bottom: 20px
}

.quicklinksContainer {
    width: 50%
}

.quickLinksItem {
    width: 100%;
    margin-bottom: 10px
}

    .quickLinksItem:last-child {
        margin-bottom: 0
    }

.hr {
    border-bottom: 1px solid #ececec
}

.quickLinksItem a {
    font-family: Roboto-Regular;
    color: #2e2d3f;
    font-size: 14px;
    text-decoration: none
}

    .quickLinksItem a:hover {
        color: #ce242a !important
    }

.copyrightSection {
    padding: 17px 50px;
    background: #2e2d3f;
    color: #fff
}

    .copyrightSection p, .copyrightSection span {
        font-family: Roboto-Regular;
        margin-bottom: 0;
        font-weight: 400;
        font-style: normal;
        font-stretch: normal;
        line-height: normal;
        letter-spacing: normal;
        color: #fff
    }

    .copyrightSection span {
        font-size: 14px;
        margin-right: 4px
    }

    .copyrightSection p {
        font-size: 12px;
        margin-top: 6px
    }

    .copyrightSection a {
        color: #fff
    }

.footerHeader {
    font-family: Roboto-Bold;
    font-size: 14px;
    margin-bottom: 20px;
    color: #343a40
}

.footerSubHeader {
    font-family: Roboto-Regular;
    color: #2e2d3f;
    font-size: 14px;
    margin-bottom: 0;
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal
}

.linksConainer a {
    font-family: Roboto-Regular;
    font-size: 14px;
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.43;
    letter-spacing: normal;
    color: #343a40 !important
}

    .linksConainer a:hover {
        color: #ce242a !important
    }

.linksConainer b {
    font-size: 14px;
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.43;
    letter-spacing: normal;
    color: #343a40
}

.linksConainer a:after {
    content: "|";
    margin-left: 4px;
    margin-right: 4px
}

.linksConainer a:last-child:after {
    display: none
}

.getintouchTextBox {
    font-family: Roboto-Regular;
    font-size: 12px;
    border: 1px solid #f0f0f0;
    background: #fff;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

    .getintouchTextBox::placeholder {
        font-family: Roboto-Regular;
        font-size: 12px;
        font-weight: 400;
        font-style: normal;
        font-stretch: normal;
        line-height: normal;
        letter-spacing: normal;
        color: silver
    }

.getintouchBtn {
    margin-left: -5px;
    padding: 8px 20px 9px 20px;
    border-radius: 0 4px 4px 0;
    background-color: #f3b92c;
    font-family: Roboto-Bold;
    font-size: 14px;
    color: #fff;
    border: 1px solid #f3b92c;
    outline: 0 !important;
    cursor: pointer
}

.getinTouchLabel, .parternsLabel {
    font-family: Roboto-Bold;
    color: #2e2d3f;
    font-size: 16px
}

.getinUsonLabel {
    font-family: Roboto-Bold;
    color: #2e2d3f;
    font-size: 14px;
    margin-top: 13px
}

.parternsLabel {
    margin-bottom: 14px
}

#searchResults, #searchResultsCompare {
    display: none
}

.mainsearchBarCompare.mainsearchBar {
    width: 100%;
    display: block;
    font-size: 24px;
    margin-top: 0;
    height: 118px;
    border-radius: 0;
    background: 0 0
}

    .mainsearchBarCompare.mainsearchBar:active {
        box-shadow: none
    }

    .mainsearchBarCompare.mainsearchBar::placeholder {
        font-size: 24px;
        color: silver
    }

    .mainsearchBarCompare.mainsearchBar + .mainsearchBarBtn {
        top: 49px
    }

        .mainsearchBarCompare.mainsearchBar + .mainsearchBarBtn img {
            width: 21px
        }

.mainsearchBarCompare ~ .searchResults {
    top: 90px;
    border-top: none;
    z-index: 2
}

.searchResults {
    height: auto !important;
    max-height: 300px;
    position: absolute !important;
    width: 100% !important;
    top: 32px !important;
    padding: 0 20px 20px 20px !important;
    background: #fff !important;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
    list-style-type: none;
    list-style-type: none;
    box-shadow: 0 20px 20px 0 rgba(0,0,0,.1);
    border-top: 1px solid #eee
}

    .searchResults li {
        padding: 15px 0
    }

        .searchResults li a {
            font-family: Roboto-Bold;
            color: #2e2d3f;
            text-decoration: none;
            font-size: 14px;
            display: block
        }

            .searchResults li a img {
                width: 15px;
                height: 15px;
                margin-right: 5px;
                margin-top: -2px
            }

        .searchResults li .searchGroup {
            font-family: Roboto-Bold;
            color: #f3b92c;
            text-decoration: none;
            font-size: 12px;
            display: block
        }

#signIn .modal-dialog, #signUp .modal-dialog {
    max-width: calc(100% - 500px);
    margin-top: 100px
}

#signIn .modal-header, #signUp .modal-header {
    border: none
}

#signIn .close, #signUp .close {
    opacity: 1;
    opacity: 1;
    width: 16px;
    padding: 0;
    margin-top: 0;
    margin-right: 0
}

#signUp .modal-body {
    padding: 30px 40px 60px 40px
}

#signIn .modal-body {
    padding: 30px 40px 60px 40px
}

    #forgotPassword .modal-body h3, #signIn .modal-body h3, #signUp .modal-body h3 {
        font-size: 34px;
        font-family: Roboto-Bold;
        color: #2e2d3f
    }

#productPreviewZoom .modal-dialog {
    max-width: calc(100% - 600px);
    margin-top: 60px
}

#productPreviewZoom .modal-content {
    border-radius: 8px
}

#productPreviewZoom .modal-header {
    border: none
}

#productPreviewZoom .close {
    opacity: 1;
    opacity: 1;
    width: 16px;
    padding: 0;
    margin-top: 0;
    margin-right: 0
}

#quickView .modal-dialog {
    max-width: calc(100% - 500px);
    margin-top: 100px
}

#quickView .modal-content {
    border-radius: 8px
}

#quickView .modal-header {
    border: none
}

#quickView .close {
    opacity: 1;
    opacity: 1;
    width: 16px;
    padding: 0;
    margin-top: 0;
    margin-right: 0
}

#quickView .modal-body {
    padding: 10px 20px 10px 14px
}

#productPreviewZoom .modal-body {
    padding: 0 30px 30px
}

#nav-prodPreview {
    max-height: 560px;
    text-align: center;
    min-height: 450px
}

    #nav-prodPreview img {
        max-height: 400px;
        max-width: 100%
    }

#nav-prodPreview-tabs {
    border-bottom: 0
}

    #nav-prodPreview-tabs a:first-child {
        margin-left: auto
    }

    #nav-prodPreview-tabs a:last-child {
        margin-right: auto
    }

    #nav-prodPreview-tabs a {
        position: relative;
        border-radius: 3px;
        border: solid 1px #dfdfdf;
        width: 60px;
        padding: 5px 3px;
        height: 60px;
        margin-right: 20px
    }

        #nav-prodPreview-tabs a.active {
            border: solid 1px #ce242a
        }

        #nav-prodPreview-tabs a img {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translateX(-50%) translateY(-50%)
        }

#nav-quickProdPreview-tabs {
    border-bottom: none
}

    #nav-quickProdPreview-tabs a {
        position: relative;
        border-radius: 3px;
        border: solid 1px #dfdfdf;
        width: 50px;
        padding: 5px 3px;
        height: 50px;
        margin-right: 10px;
        margin-bottom: 15px
    }

        #nav-quickProdPreview-tabs a:first-child {
            margin-left: auto
        }

        #nav-quickProdPreview-tabs a:last-child {
            margin-right: auto
        }

        #nav-quickProdPreview-tabs a.active {
            border: solid 1px #ce242a
        }

        #nav-quickProdPreview-tabs a img {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translateX(-50%) translateY(-50%)
        }

#corporateSales, #preBookModal, #socialShareModal {
    padding: 0 !important
}

    #corporateSales .modal-header, #preBookModal .modal-header, #socialShareModal .modal-header {
        border-bottom: none;
        padding: 30px 16px 8px
    }

    #socialShareModal .modal-header {
        padding-left: 24px
    }

    #corporateSales .close, #preBookModal .close, #socialShareModal .close, #termsofuse .close {
        width: 16px;
        padding: 0;
        margin-top: -25px;
        margin-right: -10px
    }

    #corporateSales .modal-dialog, #preBookModal .modal-dialog, #socialShareModal .modal-dialog {
        max-width: 100%;
        width: 60%;
        margin: 100px auto
    }

    #socialShareModal .preBookHeader {
        text-align: left
    }

    #corporateSales .modal-dialog {
        width: 50%
    }

    #socialShareModal .modal-dialog {
        width: 40%
    }

    #socialShareModal .modal-body {
        padding-left: 24px;
        padding-right: 24px;
        padding-bottom: 24px
    }

.mainLabel {
    font-family: Roboto-Regular;
    font-size: 16px;
    color: silver
}

    .mainLabel.mainLabelLine {
        padding-bottom: 15px
    }

.existingUser {
    font-family: Roboto-Regular;
    font-size: 16px;
    color: #2e2d3f;
    padding-top: 3px
}

    .existingUser a {
        font-family: Roboto-Regular;
        font-size: 16px;
        color: #ce242a
    }

.socialButtons .google {
    border-radius: 2px;
    background-color: #4385f5;
    color: #fff;
    border: none;
    padding: 10.5px 12px;
    font-family: Roboto-Bold;
    font-size: 14px;
    font-weight: 700;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal
}

.socialButtons .facebook {
    border-radius: 2px;
    background-color: #3b5998;
    color: #fff;
    border: none;
    padding: 10.5px 12px;
    font-family: Roboto-Bold;
    font-size: 14px;
    font-weight: 700;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal
}

.socialButtons a, .socialButtons img {
    margin-right: 10px
}

#headerUserLoggedIn, #loginOTP, #loginWithOTP, #registerPartTwo, #resendOTP, #userLoggedInBtn, #userLoggedInExtraLinks {
    display: none
}

.subLabel {
    font-family: Roboto-Regular;
    font-size: 14px;
    color: #2e2d3f;
    margin-bottom: 10px
}

.changeMobileNoBtn {
    position: absolute;
    font-family: Roboto-Bold;
    top: 11px;
    right: 15px;
    background: 0 0;
    border: none;
    padding: 0;
    font-size: 12px;
    outline: 0;
    color: #ce242a;
    outline: 0 !important
}

.showPasswordIcon {
    position: absolute;
    right: 12px;
    width: 20px;
    top: 9px;
    border: none;
    background: 0 0;
    font-size: 12px;
    outline: 0 !important;
    padding: 0
}

.otpTextBox {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    width: 70%
}

.otpBtn {
    margin-left: -5px;
    padding: 8.5px 13px 8.5px 13px;
    border-radius: 0 4px 4px 0;
    background-color: #fff;
    font-size: 14px;
    color: #ce242a;
    border: 1px solid #acacac;
    outline: 0 !important;
    cursor: pointer;
    width: 30%
}

.socialIcons {
    display: inline
}

.visible-xs {
    display: none !important
}

.visible-xs-inline {
    display: none !important
}

.visible-sm {
    display: none !important
}

.d-inline {
    display: inline
}

.rotate img {
    transform: rotate(180deg)
}

.productLinksHeader {
    display: none
}

.mobileMenu {
    display: none
}

#searchOverlay {
    display: none;
    background: #fff;
    width: 100%;
    min-height: 100vh;
    position: absolute;
    top: 21px;
    z-index: 9999999999999999;
    margin: -15px;
    z-index: 1
}

#mobileMenu .modal-header {
    position: fixed;
    width: 100%;
    background: #ce242a;
    color: #fff;
    border-radius: 0;
    font-size: 18px;
    padding: 14.5px 24px;
    z-index: 2
}

#mobileMenu .close {
    opacity: 1
}

#sortFilter .close {
    opacity: 1;
    float: left;
    margin: 0;
    padding: 0
}

#mobileMenu .modal-dialog, #sortFilter .modal-dialog {
    min-width: 100%;
    border-radius: 0;
    margin: 0
}

#mobileMenu .modal-content, #sortFilter .modal-content {
    border-radius: 0;
    height: 100vh;
    border: none;
    overflow-y: scroll
}

#sortFilter .modal-header {
    border: none;
    padding: 28px 20px 0 20px
}

#mobileMenu .modal-body {
    padding: 0
}

#sortFilter .modal-body {
    padding: 26px 20px
}

#sortFilter .checkboxContainer, #sortFilter .radioBtnContainer {
    display: inline-block;
    margin-right: 20px
}

.filterItems {
    padding: 25px 30px 50px 50px;
    border-right: solid 1px #ececec;
    max-width: 20%;
    flex: 0 0 20%
}

.filterHeader {
    font-family: Roboto-Bold;
    font-size: 16px;
    color: #2e2d3f
}

    .filterHeader button {
        font-size: 12px !important;
        color: #f3b92c !important;
        padding: 0 !important;
        width: auto !important;
        display: inline-block !important;
        float: right;
        margin-top: 5px
    }

.priceRange {
    border-bottom: 1px solid #ececec;
    padding-bottom: 20px
}

.rangeSeparator {
    font-family: Roboto-Regular;
    font-size: 14px;
    color: #2e2d3f;
    margin-top: 10px;
    text-align: center
}

.customSlider {
    background: #ececec !important;
    height: 3px !important;
    border: none !important
}

    .customSlider .ui-slider-handle {
        top: -4px;
        height: 11px;
        width: 11px;
        background: #ce242a;
        border: 1px solid #ce242a;
        border-radius: 50%;
        outline: 0;
        margin-left: 0
    }

    .customSlider .ui-slider-range {
        background: #ce242a
    }

section.range-slider {
    position: relative;
    width: 300px;
    height: 300px;
    float: left;
    text-align: center
}

    section.range-slider input[type=range] {
        pointer-events: none;
        position: absolute;
        -webkit-appearance: none;
        -webkit-tap-highlight-color: rgba(255,255,255,0);
        border: none;
        border-radius: 14px;
        background: #f1efef;
        box-shadow: inset 0 1px 0 0 #cdc6c6,inset 0 -1px 0 0 #d9d4d4;
        -webkit-box-shadow: inset 0 1px 0 0 #cdc6c6,inset 0 -1px 0 0 #d9d4d4;
        overflow: hidden;
        left: 0;
        top: 50px;
        width: 300px;
        outline: 0;
        height: 20px;
        margin: 0;
        padding: 0
    }

        section.range-slider input[type=range]::-webkit-slider-thumb {
            pointer-events: all;
            position: relative;
            z-index: 1;
            outline: 0;
            -webkit-appearance: none;
            width: 20px;
            height: 20px;
            border: none;
            border-radius: 14px;
            background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0,#dad8da),color-stop(100%,#413f41));
            background-image: -webkit-linear-gradient(top,#dad8da 0,#413f41 100%);
            background-image: linear-gradient(to bottom,#dad8da 0,#413f41 100%)
        }

        section.range-slider input[type=range]::-moz-range-thumb {
            pointer-events: all;
            position: relative;
            z-index: 10;
            -moz-appearance: none;
            width: 20px;
            height: 20px;
            border: none;
            border-radius: 14px;
            background-image: linear-gradient(to bottom,#dad8da 0,#413f41 100%)
        }

        section.range-slider input[type=range]::-ms-thumb {
            pointer-events: all;
            position: relative;
            z-index: 10;
            -ms-appearance: none;
            width: 20px;
            height: 20px;
            border-radius: 14px;
            border: 0;
            background-image: linear-gradient(to bottom,#dad8da 0,#413f41 100%)
        }

        section.range-slider input[type=range]::-moz-range-track {
            position: relative;
            z-index: -1;
            background-color: #000;
            border: 0
        }

        section.range-slider input[type=range]:last-of-type::-moz-range-track {
            -moz-appearance: none;
            background: none transparent;
            border: 0
        }

        section.range-slider input[type=range]::-moz-focus-outer {
            border: 0
        }

.filterItems button {
    width: 100%;
    text-align: left;
    padding: 10px 0 10px 0;
    background: 0 0;
    border: none;
    outline: 0 !important;
    font-size: 16px;
    font-family: Roboto-Regular
}

    .filterItems button.collapsed {
        border-bottom: 1px solid #ececec;
        padding: 10px 0 10px 0
    }

        .filterItems button.button-filter-products, .filterItems button.collapsed.button-filter-products {
            height: 44px !important
        }

.filterItems a {
    display: block;
    font-size: 14px;
    font-family: Roboto-Regular;
    color: #8e8e91;
    padding: 5px 0
}

.filterItems button[aria-expanded=false] .dropdownIcon {
    transform: rotateX(0)
}

.filterItems button[aria-expanded=true] .dropdownIcon {
    transform: rotateX(180deg)
}

.dropdownIcon {
    width: 12px;
    float: right;
    margin-top: 6px
}

.collapsed .dropdownIcon {
    transform: rotateX(0)
}

.filterItems .linkCollapseContainer {
    border-bottom: 1px solid #ececec;
    padding-bottom: 5px;
    transition: all .1s ease
}

.itemsSection {
    padding: 25px 25px 25px 25px;
    max-width: 79%;
    flex: 0 0 79%
}

    .itemsSection .productListItem {
        padding-top: 20px;
        padding-bottom: 20px;
        border-bottom: 1px solid #ececec;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

.productListItem .dropdown-menu.show {
    min-width: 150px
}

.productListItem .dropdown-menu .dropdown-item {
    font-size: 12px !important;
    padding-left: 20px !important
}

    .productListItem .dropdown-menu .dropdown-item span::before {
        content: "";
        position: absolute;
        left: 5px;
        width: 10px;
        height: 10px;
        border: 2px solid #ce242a;
        border-radius: 50%
    }

.itemsSection .productListItem:last-child {
    border: none
}

.gridViewActivated {
    margin-right: -1.2%
}

    .gridViewActivated .productListItem {
        padding-top: 10px;
        padding-bottom: 10px;
        display: inline-flex;
        width: 24.7%;
        border: none
    }

    .gridViewActivated .gridViewTextCenter {
        text-align: center;
        margin-left: -5px
    }

    .gridViewActivated .productListItem [class*=col-] {
        max-width: 100%;
        flex: 0 0 100%
    }

@media (min-width:992px) {
    .gridViewActivated .productListItem .productListItemImg .col-lg-4 {
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }

    .gridViewActivated .productListItem .productListItemImg .col-lg-8 {
        flex: 0 0 66.666667%;
        max-width: 66.666667%
    }
}

.gridViewActivated .prodImage {
    margin-bottom: 20px;
    border-radius: 4px;
    border: solid 1px #e0e0e0;
    padding: 6px
}

.gridViewActivated .productListItem .prodImage .quickView img {
    height: 100%
}

.gridViewActivated .productListItem .prodHeaderDesc {
    margin-left: -15px;
    padding-left: 15px;
    padding-right: 15px;
    font-size: 14px;
    height: 30px;
    overflow: hidden;
    line-height: normal
}

    .gridViewActivated .productListItem .prodHeaderDesc a {
        margin-left: -15px;
        padding-left: 15px;
        padding-right: 15px;
        font-size: 14px;
        height: 35px;
        overflow: hidden
    }

.gridViewActivated .productListItem .prodOldPrice, .gridViewActivated .productListItem .prodPrice {
    display: inline;
    font-size: 14px
}

.gridViewActivated .productListItem .discountedPrice {
    font-size: 14px;
    color: silver
}

    .gridViewActivated .productListItem .discountedPrice::after {
        background: silver;
        top: 7px;
        height: 1px
    }

.gridViewActivated .productListItem .discount {
    font-size: 12px;
    color: #10ba56
}

.gridViewActivated .productListItem .hiddenInGridView {
    padding-left: 15px;
    padding-right: 15px;
    text-align: left !important;
    margin-bottom: 20px;
    display: none !important
}

.gridViewActivated .productListItem .gridViewAlign {
    margin-bottom: 10px
}

.sortBySection button {
    background: 0 0;
    border: none;
    outline: 0;
    font-family: Roboto-Regular;
    font-size: 14px;
    color: #2e2d3f;
    cursor: pointer
}

button.active {
    color: #ce242a
}

.sortByAvailability, .sortByName, .sortByPrice {
    width: 60px;
    text-align: left
}

    .sortByAvailability img, .sortByName img, .sortByPrice img {
        display: none
    }

    .sortByAvailability.active.sortBtnClicked img, .sortByName.active.sortBtnClicked img, .sortByPrice.active.sortBtnClicked img {
        display: inline;
        transform: rotateX(180deg)
    }

    .sortByAvailability.active img, .sortByName.active img, .sortByPrice.active img {
        display: inline
    }

.prodDesc {
    font-family: Roboto-Regular;
    font-size: 14px;
    color: #2e2d3f
}

.prodDescInner {
    font-family: Roboto-Bold;
    font-size: 24px
}

.nooofProducts, .sortByLabel {
    font-family: Roboto-Regular;
    font-size: 14px;
    color: silver
}

.sortByLabel {
    margin-right: 15px
}

.prodHeaderDesc {
    line-height: 18px;
    font-family: Roboto-Bold;
    font-size: 18px;
    color: #2e2d3f
}

    .prodHeaderDesc a {
        font-family: Roboto-Bold;
        font-size: 18px;
        color: #2e2d3f;
        text-decoration: none;
        line-height: normal;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis
    }

        .prodHeaderDesc a:hover {
            color: #ce242a
        }

.prodImage {
    text-align: center;
    background: #fff;
    position: relative
}

    .prodImage img {
        max-height: 300px;
        max-width: 100%
    }

.addToCompareBtn {
    margin-right: 15px;
    border-radius: 4px;
    padding: 5px 6px 6px 6px;
    border: solid 1px #ececec;
    background-color: #fff
}

.wishListBtn {
    border-radius: 4px;
    border: none;
    padding: 0;
    background-color: #fff;
    outline: 0 !important
}

    .wishListBtn .wishListed {
        display: none
    }

.checkboxContainer input:checked ~ .wishListed {
    display: inline
}

.checkboxContainer input:checked ~ .notwishListed {
    display: none
}

.prodPrice {
    font-family: Roboto-Bold;
    color: #2e2d3f;
    font-size: 24px
}

.discountedPrice {
    position: relative;
    font-family: Roboto-Regular;
    color: #2e2d3f;
    font-size: 18px
}

    .discountedPrice::after {
        content: "";
        width: 100%;
        height: 2px;
        background: #2e2d3f;
        position: absolute;
        left: 0;
        top: 10px
    }

.discount {
    font-family: Roboto-Bold;
    color: #10ba56;
    font-size: 14px;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center
}

.emiBtn {
    font-size: 12px;
    font-family: Roboto-Regular;
    color: #2e2d3f;
    border-radius: 4px;
    border: none;
    padding: 6px;
    background: #f4f4f5;
    height: 30px;
    text-transform: lowercase
}

.launchLabel {
    font-size: 12px;
    font-family: Roboto-Regular;
    color: #fff;
    background: #f3b92c;
    padding: 4px 12px 5px 4px;
    border-radius: 20px
}

.launchLabelCircle {
    width: 15px;
    height: 15px;
    border-radius: 12.5px;
    background-color: #fff;
    display: inline-block;
    margin-bottom: -3px;
    margin-right: 7px
}

.switch {
    position: relative;
    display: inline-block;
    width: 70px;
    height: 30px;
    top: -19px;
    margin-left: 15px
}

    .switch input {
        opacity: 0;
        width: 0;
        height: 0
    }

.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border: 1px solid silver;
    background-color: #fff;
    border-radius: 4px;
    -webkit-transition: .4s;
    transition: .4s
}

    .slider:before {
        position: absolute;
        content: "";
        height: 28px;
        width: 35px;
        left: 0;
        bottom: 0;
        background-color: #f3b92c;
        -webkit-transition: .4s;
        transition: .4s
    }

input:focus + .slider {
    box-shadow: 0 0 1px #2196f3
}

input:checked + .slider:before {
    -webkit-transform: translateX(33px);
    -ms-transform: translateX(33px);
    transform: translateX(33px)
}

.gridView {
    position: absolute;
    width: 15px;
    left: 9px;
    top: 7px;
    display: none
}

.listView {
    position: absolute;
    width: 15px;
    top: 7px;
    right: 9px;
    display: none
}

.switch input ~ .gridViewActive, .switch input ~ .listViewNonActive {
    display: inline
}

.switch input:checked ~ .gridViewNonActive, .switch input:checked ~ .listViewActive {
    display: inline;
    cursor: pointer
}

.switch input ~ .gridViewNonActive, .switch input ~ .listViewActive {
    display: none
}

.switch input:checked ~ .gridViewActive, .switch input:checked ~ .listViewNonActive {
    display: none;
    cursor: pointer
}

.filterSortBtnMobile {
    border-radius: 20px;
    box-shadow: 0 2px 4px 0 rgba(0,0,0,.12);
    border: solid 1px #f0f0f0;
    background-color: #fff;
    padding: 11px 8px;
    font-size: 12px;
    width: max-content
}

    .filterSortBtnMobile img {
        width: 13px
    }

.giveAwaySale {
    font-family: Roboto-Bold;
    font-size: 24px;
    color: #2e2d3f;
    margin-top: 50px
}

.buyingGuide {
    border-radius: 4px;
    background-color: #ffd160;
    padding: 26px 30px 22px 24px
}

    .buyingGuide h2 {
        font-family: Roboto-Bold;
        font-size: 24px;
        color: #2e2d3f
    }

    .buyingGuide p {
        font-family: Roboto-Regular;
        font-size: 14px;
        color: #2e2d3f
    }

.viewAll {
    border: none !important;
    background: 0 0 !important;
    padding: 0 !important;
    font-family: Roboto-Regular !important;
    color: #ce242a !important;
    font-size: 14px !important
}

#viewAllBrands {
    display: none
}

.d-block {
    display: block
}

* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding: 0
}

hr.main {
    margin-left: 135px !important;
    margin-right: 135px !important
}

.container-fluid {
    padding: 0 !important
}

.primaryBtn {
    border-radius: 4px;
    box-shadow: 0 2px 4px 0 rgba(255,0,0,.35);
    background-color: #ce242a;
    font-family: Roboto-Bold;
    font-size: 14px;
    line-height: 1.19;
    text-align: center;
    color: #fefefe !important;
    border: none;
    outline: 0;
    padding: 10px 20px;
    cursor: pointer;
    text-transform: uppercase;
    font-weight: 700;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal
}

.secondaryBtn {
    border-radius: 4px;
    border: solid 1px #ce242a;
    background-color: #fefefe;
    font-family: Roboto-Bold;
    font-size: 14px;
    line-height: 1.19;
    text-align: center;
    color: #ce242a !important;
    outline: 0;
    padding: 10px 20px;
    cursor: pointer;
    text-transform: uppercase;
    font-weight: 700;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal
}

.wishListBtn {
    border-radius: 4px;
    border: none;
    padding: 0;
    background-color: #fff;
    outline: 0 !important
}

.checkboxContainer, .radioBtnContainer {
    display: block;
    position: relative;
    padding-left: 20px;
    margin-top: 12px;
    margin-bottom: 12px;
    font-family: Roboto-Regular;
    font-size: 14px;
    line-height: 1.21;
    color: #2e2d3f;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.checkboxContainerBlack {
    margin: 0;
    font-size: 12px;
    color: #000
}

.addToCompareBtn {
    border-radius: 4px;
    padding: 5px 6px 6px 6px;
    border: solid 1px #ececec;
    background-color: #fff
}

.checkboxContainer input, .radioBtnContainer input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0
}

.checkboxContainerBlack input:checked ~ .checkmark {
    border-color: #2e2d3f;
    background: #2e2d3f
}

.checkboxContainer .checkmark:after {
    left: 5px;
    top: 1px;
    width: 4px;
    height: 8.5px;
    border: solid #fff;
    border-width: 0 1px 1px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.wishListBtn .wishListed {
    display: none
}

.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 15px;
    width: 15px;
    border: 1px solid #acacac;
    background: #fff;
    border-radius: 2px
}

.cartLabel {
    background-color: #f3b92c;
    align-items: center;
    padding: 10px 135px;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999
}

    .cartLabel p {
        margin-bottom: 0
    }

    .cartLabel p {
        font-family: Roboto-Bold;
        font-size: 16px;
        color: #fff;
        padding-right: 24px;
        text-align: center
    }

        .cartLabel p a {
            font-family: Roboto-Bold;
            font-size: 16px;
            color: #fff
        }

    .cartLabel button {
        border-color: #f3b92c;
        color: #f3b92c !important;
        background-color: transparent !important
    }

#bar-notification .close {
    position: absolute;
    top: 5px;
    right: 0;
    width: 22px;
    height: 22px;
    margin: 5px;
    border: 1px solid #666;
    box-shadow: inset 0 0 1px #999;
    background: url(https://cdn.bajajelectronics.com/images/close.svg) center no-repeat #fff;
    cursor: pointer;
    opacity: .7;
    background-size: 70% 70%
}

#bar-notification.error {
    border-bottom: 1px solid #fbae5f;
    background-color: #fbae5f
}

#bar-notification.success {
    border-bottom: 1px solid #35905b;
    background-color: #35905b
}

.breadcrumbContainer {
    margin: 30px 135px 0
}

    .breadcrumbContainer div {
        padding: 0
    }

    .breadcrumbContainer .breadcrumb {
        background-color: transparent;
        padding: 0;
        margin: 0;
        margin-left: 10px;
        align-items: center
    }

        .breadcrumbContainer .breadcrumb .breadcrumb-item a {
            font-family: Roboto-Regular;
            font-size: 14px;
            color: #2e2d3f
        }

        .breadcrumbContainer .breadcrumb .active {
            color: #2e2d3f;
            font-family: Roboto-Bold
        }

    .breadcrumbContainer button:nth-child(2) {
        margin-left: 16px
    }

    .breadcrumbContainer .totalProducts {
        font-family: Roboto-Regular;
        font-size: 14px;
        color: silver;
        margin-left: 50px
    }

.productDetails {
    margin: 0 135px;
    margin-top: 38px
}

    .productDetails .images {
        width: 100%;
        padding: 0;
        display: flex;
        z-index: 9
    }

        .productDetails .images .videoOverlay {
            background-color: rgba(0,0,0,.2);
            width: 100%;
            height: 300px;
            border-radius: 8px
        }

    .productDetails .imageContainer {
        width: 100%;
        border-radius: 8px;
        border: solid 1px #dfdfdf;
        background-color: #fff;
        padding: 8px;
        margin-bottom: 24px;
        height: 321px
    }

    .productDetails .videoPreview {
        border: none;
        padding: 0;
        border-radius: 0;
        position: relative
    }

    .productDetails .videoplayBtnImage {
        width: 50px !important;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translateX(-50%) translateY(-50%)
    }

    .productDetails .imageContainer img {
        max-width: 100%;
        height: 100%;
        border-radius: 8px
    }

    .productDetails .content {
        padding-left: 28px
    }

        .productDetails .content h4 {
            font-family: Roboto-Bold;
            font-size: 18px;
            line-height: 1.25;
            color: #2e2d3f;
            margin-bottom: 0
        }

            .productDetails .content h4 .companyText {
                font-family: Roboto-Regular;
                font-size: 14px;
                color: #2e2d3f
            }

                .productDetails .content h4 .companyText .company {
                    font-family: Roboto-Regular;
                    color: #ce242a
                }

        .productDetails .content .ratingActions {
            margin-top: 10px
        }

            .productDetails .content .ratingActions .badge {
                width: 40px;
                background-color: #10ba56;
                padding: 5px;
                color: #fff;
                border-radius: 4px;
                display: flex;
                align-items: center;
                font-size: 12px;
                font-weight: 700;
                text-align: right;
                color: #fff
            }

                .productDetails .content .ratingActions .badge img {
                    padding-right: 4px
                }

            .productDetails .content .ratingActions .noReviews {
                font-family: Roboto-Regular;
                font-size: 12px;
                color: #2e2d3f;
                margin-left: 10px;
                margin-bottom: 10px
            }

            .productDetails .content .ratingActions .actions {
                margin-left: 40px
            }

        .productDetails .content .priceDetails {
            margin-top: 40px
        }

            .productDetails .content .priceDetails h3 {
                font-family: Roboto-Bold;
                font-size: 24px
            }

                .productDetails .content .priceDetails h3 span {
                    font-family: Roboto-Regular;
                    font-size: 14px;
                    color: #2e2d3f;
                    padding-left: 8px
                }

            .productDetails .content .priceDetails .offer:nth-child(1) {
                font-family: Roboto-Regular;
                font-size: 18px;
                color: #2e2d3f;
                text-decoration: line-through
            }

            .productDetails .content .priceDetails .offer:nth-child(2) {
                font-family: Roboto-Bold;
                font-size: 18px;
                font-weight: 700;
                margin-left: 8px
            }

            .productDetails .content .priceDetails P {
                font-family: Roboto-Regular;
                font-size: 12px;
                margin-left: 20px;
                margin-bottom: 0
            }

                .productDetails .content .priceDetails P span {
                    font-family: Roboto-Bold;
                    font-size: 14px
                }

        .productDetails .content .coupon {
            margin-top: 32px
        }

            .productDetails .content .coupon p {
                font-family: Roboto-Regular;
                font-size: 14px;
                margin-left: 10px
            }

                .productDetails .content .coupon p strong {
                    font-family: Roboto-Bold
                }

            .productDetails .content .coupon .coupon-1 {
                margin-bottom: 16px
            }

            .productDetails .content .coupon img {
                width: 20px
            }

hr {
    margin: 20px 0
}

.productDetails .content .customSelections h6 {
    font-family: Roboto-Bold;
    font-size: 16px;
    margin-bottom: 16px
}

.productDetails .content .customSelections .color {
    padding: 0;
    margin-top: 30px
}

    .productDetails .content .customSelections .color .imageContainer {
        width: 50px;
        height: 50px
    }

        .productDetails .content .customSelections .color .imageContainer:nth-child(even) {
            margin-left: 16px
        }

.productDetails .content .customSelections .size {
    padding: 0;
    margin-top: 30px
}

    .productDetails .content .customSelections .size button {
        background-color: #fff;
        border-radius: 4px;
        border: 1px solid #968b8b;
        padding: 8px;
        margin-right: 12px;
        height: 40px
    }

        .productDetails .content .customSelections .size button label {
            font-size: 14px;
            padding-left: 0;
            padding-right: 20px
        }

            .productDetails .content .customSelections .size button label input:checked {
                background-color: #ffcece;
                border: 1px solid #ce242a
            }

                .productDetails .content .customSelections .size button label input:checked ~ .checkmark {
                    background-color: #ce242a;
                    border: 1px solid #ce242a
                }

            .productDetails .content .customSelections .size button label .checkmark {
                position: absolute;
                left: unset;
                right: 0 !important;
                border-radius: 50%;
                background-color: transparent
            }

.productDetails .content .bankDetails, .productDetails .content .productsDec {
    margin-top: 24px
}

    .productDetails .content .productsDec h6 {
        font-family: Roboto-Bold;
        font-size: 16px;
        margin-bottom: 16px
    }

    .productDetails .content .bankDetails nav .nav-tabs a, .productDetails .content .productsDec nav .nav-tabs a {
        border: none;
        font-family: Roboto-Regular;
        font-size: 12px;
        color: #2e2d3f;
        padding-left: 0;
        margin-right: 5px
    }

        .productDetails .content .bankDetails nav .nav-tabs a.active, .productDetails .content .productsDec nav .nav-tabs a.active {
            border-bottom: 2px solid #2e2d3f;
            font-family: Roboto-Bold;
            font-size: 14px
        }

    .productDetails .content .bankDetails .tab-content .tab-pane .emi-details .emi-col .table-heading {
        font-family: Roboto-Regular;
        font-size: 14px;
        color: silver
    }

    .productDetails .content .bankDetails .tab-content .tab-pane .emi-details .emi-col ul {
        padding-left: 0;
        margin-top: 16px;
        margin-bottom: 10px
    }

        .productDetails .content .bankDetails .tab-content .tab-pane .emi-details .emi-col ul li {
            font-family: Roboto-Regular;
            font-size: 14px;
            color: #2e2d3f;
            margin-bottom: 8px;
            list-style: none;
            padding-left: 0
        }

    .productDetails .content .productsDec .tab-content .tab-pane ul li.dec-headings {
        font-family: Roboto-bold;
        font-size: 13px;
        color: #9a9a9a;
        list-style: none;
        margin-bottom: 12px
    }

    .productDetails .content .productsDec .tab-content .tab-pane ul li.dec-details {
        font-family: Roboto-Regular;
        font-size: 14px;
        color: #2e2d3f;
        list-style: none;
        margin-bottom: 12px
    }

.apply-discount-coupon-code-button {
    background: #f3b92c;
    border: solid 1px #f3b92c;
    color: #fff;
    text-transform: uppercase
}

.reviewsRatings {
    margin: 0 135px
}

    .reviewsRatings .row div {
        padding: 0
    }

    .reviewsRatings h5 {
        font-family: Roboto-Bold;
        font-size: 24px;
        color: #2e2d3f
    }

    .reviewsRatings button {
        width: 100px;
        height: 40px;
        object-fit: contain;
        border-color: #ce242a;
        border-radius: 4px;
        font-size: 14px;
        font-weight: 700;
        text-align: center;
        color: #ce242a;
        background-color: transparent;
        border-width: 1px
    }

    .reviewsRatings .overallRating {
        margin-top: 24px
    }

        .reviewsRatings .overallRating img {
            width: 40px;
            height: 40px
        }

        .reviewsRatings .overallRating h2 {
            font-family: Roboto-Bold;
            font-size: 32px;
            color: #10ba56;
            margin-bottom: 0;
            margin-left: 4px
        }

        .reviewsRatings .overallRating p {
            font-family: Roboto-Regular;
            font-size: 16px;
            color: #2e2d3f;
            margin-bottom: 0;
            margin-left: 16px
        }

    .reviewsRatings .ratings {
        margin-top: 28px
    }

        .reviewsRatings .ratings .specificRating {
            margin-bottom: 16px
        }

            .reviewsRatings .ratings .specificRating p {
                margin-bottom: 0;
                font-family: Roboto-Bold;
                font-size: 16px;
                color: #2e2d3f;
                margin-left: 0 !important
            }

            .reviewsRatings .ratings .specificRating img {
                width: 20px;
                height: 20px;
                margin-left: 4px
            }

            .reviewsRatings .ratings .specificRating .progress {
                width: 200px;
                height: 4px;
                margin-left: 4px;
                margin-right: 10px
            }

                .reviewsRatings .ratings .specificRating .progress .good {
                    background-color: #10ba56
                }

                .reviewsRatings .ratings .specificRating .progress .avg {
                    background-color: #f3b92c
                }

                .reviewsRatings .ratings .specificRating .progress .bad {
                    background-color: #ce242a
                }

            .reviewsRatings .ratings .specificRating p {
                font-family: Roboto-Regular;
                font-size: 12px;
                color: #2e2d3f;
                margin-left: 10px
            }

    .reviewsRatings .reviews {
        margin-top: 24px;
        margin-left: 20px
    }

        .reviewsRatings .reviews .specificReview {
            margin-bottom: 24px
        }

            .reviewsRatings .reviews .specificReview .badge {
                font-family: Roboto-Bold;
                width: 32px;
                background-color: #10ba56;
                padding: 5px;
                color: #fff;
                border-radius: 4px;
                display: flex;
                align-items: center;
                font-size: 12px;
                text-align: right;
                color: #fff
            }

                .reviewsRatings .reviews .specificReview .badge img {
                    padding-right: 4px
                }

            .reviewsRatings .reviews .specificReview p {
                margin-bottom: 0;
                padding-bottom: 0;
                margin-left: 10px;
                font-family: Roboto-Regular;
                font-size: 14px;
                color: #2e2d3f
            }

            .reviewsRatings .reviews .specificReview .good {
                background-color: #10ba56
            }

            .reviewsRatings .reviews .specificReview .avg {
                background-color: #f3b92c
            }

            .reviewsRatings .reviews .specificReview .bad {
                background-color: #ce242a
            }

            .reviewsRatings .reviews .specificReview:nth-child(5) {
                margin-bottom: 0
            }

        .reviewsRatings .reviews button {
            border: none;
            padding: 0;
            width: 0;
            height: 0;
            font-family: Roboto-Regular;
            font-size: 14px;
            color: #ce242a;
            margin: 16px 0
        }

.bajajDetails {
    margin-top: 10px;
    margin-bottom: 10px
}

    .bajajDetails img {
        margin-right: 10px
    }

    .bajajDetails div {
        font-family: Roboto-Regular;
        font-size: 12px;
        color: #006aba;
        display: inline
    }

#prodPreviewOnlyResponsive.owl-theme .owl-dots .owl-dot span {
    background: #fff;
    border: 1px solid #ce242a
}

#prodPreviewOnlyResponsive.owl-theme .owl-dots .owl-dot.active span {
    background: #ce242a
}

.checkoutBlock {
    padding: 30px 50px
}

.orderSummary {
    border-radius: 4px;
    border: solid 1px #ececec;
    padding-top: 4px;
    font-size: 14px
}

    .orderSummary p {
        margin-bottom: 20px;
        display: flex
    }

.pullRight {
    margin-left: auto;
    width: fit-content;
    display: table
}

.orderSummary .green {
    color: #10ba56
}

.grey {
    color: #828282
}

.orderSummary .orderBlock {
    border-bottom: 1px solid #ececec;
    padding: 20px 20px 0
}

    .emiBlock:last-child, .orderSummary .orderBlock:last-child {
        border-bottom: none
    }

.emiBlock {
    padding: 15px;
    padding-left: 44px;
    padding-right: 28px;
    border-bottom: 1px solid #ececec;
    font-size: 14px;
    position: relative;
    cursor: pointer
}

    .emiBlock::after {
        content: '';
        position: absolute;
        display: block;
        right: 10px;
        background-image: url(https://cdn.bajajelectronics.com/images/drop-down.svg);
        width: 15px;
        transform: rotate(270deg);
        height: 15px;
        background-size: 15px;
        top: 40%
    }

    .emiBlock::before {
        content: '';
        position: absolute;
        display: block;
        top: 15px;
        left: 15px;
        background-image: url(https://cdn.bajajelectronics.com/images/coupon.svg);
        width: 20px;
        height: 20px;
        background-size: 20px
    }

.card {
    background-color: #fff;
    border-radius: 0;
    border: none;
    border: solid 1px #ebefe4;
    border-top: none
}

    .card:first-child {
        border-top: solid 1px #ebefe4;
        border-top-left-radius: 4px;
        border-top-right-radius: 4px
    }

.card-header:first-child {
    border-radius: 0
}

.card:first-child .card-header {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px
}

.card:last-child, .card:last-child .card-header.collapsed {
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px
}

.card-header {
    padding: 10px 15px;
    margin-bottom: 0;
    border-bottom: 0;
    font-size: 16px;
    cursor: pointer;
    font-family: Roboto-Regular;
    color: #fff;
    background-color: #343a40;
    position: relative
}

    .card-header.collapsed {
        color: #2e2d3f;
        background-color: #fff;
        border-radius: 0
    }

    .card-header::before {
        content: '';
        background-image: url(https://cdn.bajajelectronics.com/images/drop-down-white.svg);
        background-repeat: no-repeat;
        position: absolute;
        right: 10px;
        height: 12px;
        background-size: 12px;
        width: 16px;
        top: 15px;
        transform: rotateX(180deg)
    }

    .card-header.collapsed::before {
        background-image: url(https://cdn.bajajelectronics.com/images/drop-down.svg);
        transform: rotateX(0)
    }

    .card-header span::before, .nav-link span::before {
        content: '';
        padding: 12px;
        background-repeat: no-repeat;
        background-size: 24px;
        background-position: center;
        margin-right: 1rem
    }

.itemsCard .card-header span::before {
    background-image: url(https://cdn.bajajelectronics.com/images/add-to-cart-white.svg)
}

.deliveryAddressCard .card-header span::before {
    background-image: url(https://cdn.bajajelectronics.com/images/location-white.svg)
}

.paymentCard .card-header span::before {
    background-image: url(https://cdn.bajajelectronics.com/images/payment-white.svg)
}

.myProfile .card-header span::before, .myProfile .nav-link.active span::before {
    background-image: url(https://cdn.bajajelectronics.com/images/my-profile-yellow.svg)
}

.myProfile .card-header.collapsed span::before, .myProfile .nav-link span::before {
    background-image: url(https://cdn.bajajelectronics.com/images/my-profile.svg)
}

.myAddress .card-header span::before, .myAddress .nav-link.active span::before {
    background-image: url(https://cdn.bajajelectronics.com/images/address-yellow.svg)
}

.myAddress .card-header.collapsed span::before, .myAddress .nav-link span::before {
    background-image: url(https://cdn.bajajelectronics.com/images/address.svg)
}

.myPassword .card-header span::before, .myPassword .nav-link.active span::before {
    background-image: url(https://cdn.bajajelectronics.com/images/key-yellow.svg)
}

.myPassword .card-header.collapsed span::before, .myPassword .nav-link span::before {
    background-image: url(https://cdn.bajajelectronics.com/images/key-icon.svg)
}

.myAccountBlock .paymentCard .card-header span::before, .myAccountBlock .paymentCard .nav-link.active span::before {
    background-image: url(https://cdn.bajajelectronics.com/images/payment-yellow.svg)
}

.myAccountBlock .paymentCard .card-header.collapsed span::before, .myAccountBlock .paymentCard .nav-link span::before {
    background-image: url(../Images/StaticImages/payment.svg)
}

.myAccountBlock .paymentCard .card-header span::before {
    background-image: url(https://cdn.bajajelectronics.com/images/payment-yellow.svg)
}

.itemsCard .card-header.collapsed span::before {
    background-image: url(https://cdn.bajajelectronics.com/images/add-to-cart.svg)
}

.deliveryAddressCard .card-header.collapsed span::before {
    background-image: url(https://cdn.bajajelectronics.com/images/location-black.svg)
}

.paymentCard .card-header.collapsed span::before {
    background-image: url(https://cdn.bajajelectronics.com/images/payment.svg)
}

.card-body {
    padding: 0
}

.cardItemHeader {
    font-size: 14px;
    padding: 5px 15px;
    background-color: #f5f8f0;
    color: #2e2d3f
}

.card-body p {
    margin-bottom: 10px
}

.cardItemsContent {
    padding: 20px 30px;
    font-size: 14px
}

.productName {
    font-size: 16px
}

    .productName::after {
        content: '';
        background-image: url(https://cdn.bajajelectronics.com/images/info.svg);
        background-repeat: no-repeat;
        padding: 12px;
        background-position: center;
        cursor: pointer;
        background-size: 16px
    }

.cardItemsContent .itemDetails {
    padding-top: 10px;
    padding-bottom: 10px
}

.bottomBlock .primaryBtn {
    margin-left: auto;
    display: block
}

.imgBlock {
    height: 127px;
    width: 127px;
    background-color: #fff;
    flex-shrink: 0;
    position: relative
}

    .imgBlock img {
        width: auto !important;
        display: table;
        position: absolute;
        top: 0;
        bottom: 0;
        margin: auto
    }

span.badge {
    font-size: 12px;
    padding: 5px 0;
    border-radius: 4px;
    color: #10ba56;
    margin-bottom: 7px;
    white-space: unset;
    text-align: left;
    line-height: 16px
}

.small {
    font-size: 12px
}

input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0
}

.increaseCartItems {
    border: solid 1px #e0e0e0;
    width: fit-content;
    border-radius: 4px;
    overflow: hidden;
    height: 30px;
    font-size: 16px
}

    .increaseCartItems input[type=number] {
        font-size: 16px;
        color: #2e2d3f;
        padding: 0;
        text-align: center;
        border-radius: 0;
        border: none;
        width: 28px;
        border-right: 1px solid #e0e0e0;
        border-left: 1px solid #e0e0e0
    }

    .increaseCartItems button {
        width: 20px;
        background-color: #fff;
        border: none;
        outline: 0;
        cursor: pointer
    }

.radioTick {
    display: block;
    position: relative;
    padding-left: 26px;
    margin-bottom: 12px;
    font-family: Roboto-Regular;
    font-size: 14px;
    line-height: 1.21;
    color: #2e2d3f;
    cursor: pointer
}

.orderSummary .radioTick {
    margin-top: 12px
}

.radioTick input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0
}

.radioTick .tick {
    position: absolute;
    top: 0;
    left: 0;
    height: 16px;
    width: 16px;
    border: 1px solid #2e2d3f;
    background: 0 0;
    border-radius: 50%
}

.radioTick input:checked ~ .tick {
    border-color: #10ba56;
    background: #10ba56
}

    .radioTick input:checked ~ .tick::after, .radioTick.red input:checked ~ .tick::after {
        content: '';
        position: absolute;
        border-radius: 1px;
        left: 5px;
        top: 1.4px;
        width: 4.5px;
        height: 9px;
        border: solid #fff;
        border-width: 0 1.5px 1.5px 0;
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg)
    }

.orderSummary .radioTick div::before {
    content: '';
    position: absolute;
    background-image: url(https://cdn.bajajelectronics.com/images/info-yellow.svg);
    background-position: center;
    background-repeat: no-repeat;
    right: 0;
    display: inline-block;
    height: 24px;
    width: 24px;
    top: -4px;
    background-size: 14px;
    cursor: pointer
}

.formField {
    position: relative;
    margin-bottom: 16px;
    max-width: 500px
}

    .formField > input, .formField > select {
        width: 100%;
        max-width: 500px;
        padding: 9px 10px;
        outline: 0;
        margin: 24px 0 8px 0;
        text-align: left;
        position: relative;
        text-transform: initial;
        border-radius: 4px;
        border: solid 1px #ececec;
        background-color: #fff;
        font-size: 14px;
        color: #2e2d3f
    }

        .formField > input:focus {
            box-shadow: 0 8px 18px 0 rgba(91,92,105,.2),0 0 1px 0 rgba(91,92,105,.3);
            border: solid 1px #66332b;
            background-color: #fff
        }

        .formField > input:hover {
            opacity: .98
        }

        .formField > input::placeholder {
            color: #939393
        }

        .formField > input:-ms-input-placeholder {
            color: #939393
        }

        .formField > input::-ms-input-placeholder {
            color: #939393
        }

        .formField > input:invalid {
            border: solid 1px #d50000
        }

        .formField > input:disabled {
            border: solid 1px #e4e6ea;
            background-color: #f1f2f3;
            cursor: no-drop
        }

input[type=text] {
    height: 40px
}

label.input_label {
    display: block;
    position: absolute;
    top: 0;
    margin: 0;
    font-size: 12px;
    color: silver
}

    label.input_label + p {
        display: none;
        margin-bottom: 0
    }

input:invalid + label.input_label {
    color: #d50000
}

    input:invalid + label.input_label + p {
        display: inline;
        color: #d50000;
        font-size: 14px;
        position: relative
    }

        input:invalid + label.input_label + p:before {
            background: url(assets/images/important-message-error.svg) no-repeat;
            content: '';
            padding: 4px 12px
        }

input:disabled + label.input_label {
    color: #b1b8be
}

.out-of-stock-error {
    color: #ce242a;
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase
}

    .out-of-stock-error ul {
        margin-bottom: 5px
    }

    .out-of-stock-error li, .out-of-stock-error ul {
        list-style: none
    }

.formField .dropdown > button.dropdownButton {
    width: 100%;
    max-width: 500px;
    border-radius: 4px;
    border: solid 1px #d8dce6;
    background-color: #fff;
    padding: 12px 16px;
    outline: 0;
    font-size: 14px;
    line-height: 1;
    color: #2e2d3f;
    margin: 24px 0 8px 0;
    text-align: left;
    position: relative;
    text-transform: initial
}

    .formField .dropdown > button.dropdownButton:focus {
        box-shadow: 0 8px 18px 0 rgba(91,92,105,.2),0 0 1px 0 rgba(91,92,105,.3);
        border: solid 1px #66332b;
        background-color: #fff
    }

    .formField .dropdown > button.dropdownButton:hover {
        opacity: .98
    }

    .formField .dropdown > button.dropdownButton:-ms-input-placeholder, .formField .dropdown > button.dropdownButton::-ms-input-placeholder, .formField .dropdown > button.dropdownButton::placeholder {
        color: #939393
    }

    .formField .dropdown > button.dropdownButton:invalid {
        border: solid 1px #d50000
    }

    .formField .dropdown > button.dropdownButton:disabled {
        border: solid 1px #e4e6ea;
        background-color: #f1f2f3;
        cursor: no-drop
    }

.dropdown:invalid + label.input_label {
    color: #d50000
}

    .dropdown:invalid + label.input_label + p {
        display: inline;
        color: #d50000;
        font-size: 14px;
        position: relative
    }

        .dropdown:invalid + label.input_label + p:before {
            content: '';
            padding: 4px 12px
        }

.dropdown:disabled + label.input_label {
    color: #b1b8be
}

.customDropdown {
    display: block
}

    .customDropdown .dropdown-toggle::after {
        position: absolute;
        right: 16px;
        background: url(https://cdn.bajajelectronics.com/images/drop-down.svg) center no-repeat;
        border: 0;
        width: 24px;
        height: 16px;
        content: '';
        border-top: 0 !important;
        background-size: 18px
    }

.dropdown.show .dropdown-toggle::after {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    bottom: 10px;
    right: 10px
}

.customDropdown .dropdown-menu {
    transform: translate3d(5px,35px,0) !important;
    top: 24px !important;
    left: -5px !important;
    width: 100%;
    background-color: #fff;
    margin-bottom: 16px;
    padding-top: 0;
    max-height: 350px;
    overflow-y: auto;
    border-radius: 4px;
    box-shadow: 5px 5px 20px 0 rgba(0,0,0,.14);
    border: solid 1px #efefef
}

    .customDropdown .dropdown-menu .dropdown-item {
        padding: 5px 16px;
        color: #212223 !important
    }

        .customDropdown .dropdown-menu .dropdown-item.active, .customDropdown .dropdown-menu .dropdown-item:active {
            background-color: #f6f8fa
        }

.oldAddress label.radioTick {
    background-color: #f9f9f9;
    padding-top: 15px;
    padding-bottom: 15px;
    padding-left: 44px;
    border-radius: 4px;
    color: #2e2d3f
}

    .oldAddress label.radioTick .tick {
        top: 15px;
        left: 15px
    }

.switch1 {
    position: relative;
    display: inline-block;
    width: 32px;
    height: 14px;
    margin: 3px 0;
    top: 4px
}

    .switch1 input {
        opacity: 0;
        width: 0;
        height: 0
    }

    .switch1 .slider {
        position: absolute;
        cursor: pointer;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        border: none;
        background-color: #f5d3d4;
        border-radius: 7px;
        -webkit-transition: .4s;
        transition: .4s
    }

        .switch1 .slider:before {
            position: absolute;
            content: "";
            height: 20px;
            width: 20px;
            left: 0;
            top: -3px;
            border-radius: 50%;
            background-color: #ce242a;
            -webkit-transition: .4s;
            transition: .4s
        }

    .switch1 input:focus + .slider {
        box-shadow: 0 0 1px #2196f3
    }

    .switch1 input:checked + .slider:before {
        -webkit-transform: translateX(12px);
        -ms-transform: translateX(12px);
        transform: translateX(12px);
        background-color: #ce242a
    }

    .switch1 input:checked + .slider {
        background-color: #f5d3d4
    }

    .switch1 input + .slider {
        background-color: #ececec
    }

        .switch1 input + .slider:before {
            -webkit-transform: translateX(-2px);
            -ms-transform: translateX(-2px);
            transform: translateX(-2px);
            background-color: silver
        }

.paymentCardBody .nav-item {
    padding: 0
}

    .paymentCardBody .nav-item a.nav-link {
        padding: 1rem 0;
        color: #2e2d3f;
        padding-left: 32px;
        position: relative;
        line-height: 20px;
        font-size: 14px
    }

.paymentCardBody ul.nav {
    border-right: 1px solid #ebefe4
}

.paymentCardBody .nav-item a.nav-link.active::after {
    content: '';
    width: 14.142px;
    height: 14.142px;
    border: 1px solid #ebefe4;
    position: absolute;
    right: -8px;
    transform: rotate(45deg);
    top: 20px;
    border-left: 0;
    background-color: #fff;
    border-bottom: 0
}

.paymentCardBody .nav-item a.nav-link > .tick {
    width: 20px;
    height: 20px;
    border: 2px solid #979797;
    border-radius: 50%;
    left: 0;
    position: absolute
}

.paymentCardBody .nav-item a.nav-link.active > .tick, .radioTick.yellow input:checked ~ .tick {
    border-color: #f3b92c;
    background-color: #f3b92c
}

.radioTick.red input:checked ~ .tick {
    border-color: #ce242a;
    background-color: #ce242a
}

.paymentCardBody .nav-item a.nav-link.active > .tick::after, .radioTick.yellow input:checked ~ .tick::after {
    content: '';
    position: absolute;
    border-radius: 1px;
    left: 6px;
    top: 1.8px;
    width: 4.5px;
    height: 10px;
    border: solid #fff;
    border-width: 0 1.5px 1.5px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.alert.customAlert {
    padding: 8px;
    padding-left: 28px;
    border-radius: 4px;
    font-size: 14px;
    line-height: 1.1;
    color: #fff
}

.alert.error-text {
    color: #ce242a;
    font-family: Roboto-Italic
}

    .alert.error-text:before {
        background: url(https://cdn.bajajelectronics.com/images/error-info.svg) no-repeat;
        background-size: 16px
    }

.alert.success-text {
    color: #10ba56;
    left: -4px
}

    .alert.success-text:before {
        background: url(https://cdn.bajajelectronics.com/images/success-tick.svg) no-repeat;
        background-size: 24px;
        top: 4px
    }

.alert.warning-text {
    color: #f3b92c;
    top: 8px
}

    .alert.warning-text:before {
        background: url(https://cdn.bajajelectronics.com/images/info-yellow.svg) no-repeat;
        background-size: 16px
    }

.alert:before {
    position: absolute;
    top: 7px;
    left: 0;
    padding: .75rem;
    width: 24px;
    content: '';
    background-color: transparent
}

button:disabled {
    background-color: #d5d5d9;
    box-shadow: 0 2px 4px 0 #f5f7f1;
    cursor: no-drop
}

.paymentTabContent {
    height: 100%
}

.creditCard {
    font-size: 14px;
    flex-wrap: wrap;
    max-width: 704px
}

    .creditCard .radioTick.yellow {
        width: calc(50% - 12px);
        padding: 16px;
        padding-left: 50px;
        border-radius: 4px;
        min-width: 300px
    }

        .creditCard .radioTick.yellow:nth-child(2n-1) {
            margin-right: 24px
        }

.radioTick.red, .radioTick.yellow {
    padding-left: 32px
}

    .radioTick.yellow .tick {
        width: 20px;
        height: 20px;
        border: 2px solid silver
    }

.creditCard .radioTick.red .tick, .creditCard .radioTick.yellow .tick {
    top: 16px;
    left: 16px
}

.creditCard img {
    height: 16px;
    width: auto;
    margin-left: auto
}

.cardNumber {
    letter-spacing: 4.67px
}

.cardHolder {
    letter-spacing: 1px
}

.radioText {
    background-color: #f5f5f5;
    margin: -16px;
    padding: 16px;
    margin-left: -50px;
    border-radius: 4px;
    padding-left: 50px;
    border: solid 1px transparent
}

.emi .radioText {
    border: solid 1px #f3f3f3;
    background-color: #fff
}

.creditCard .radioTick.yellow input:checked ~ .radioText {
    border: solid 1px #fbeabf;
    background-color: #fffcf5
}

    .creditCard .radioTick.yellow input:checked ~ .radioText img.logo {
        display: none
    }

.creditCard .radioText input.cvv {
    display: none;
    width: 90px;
    height: 40px;
    margin-left: auto;
    border: solid 1px #fbeabf;
    background-color: #fff;
    opacity: 1;
    right: 8px;
    bottom: 8px;
    padding: 12px
}

.creditCard .radioTick.yellow input:checked ~ .radioText input.cvv {
    display: inline-block
}

.validityBlock {
    display: flex;
    margin-top: 32px;
    color: silver;
    font-size: 12px
}

.emiBajajFin {
    height: 40px;
    width: auto
}

.verifyButton {
    min-width: 84px
}

.smallLogo img {
    height: 23px;
    width: auto
}

.paytmLogo img {
    height: 29px;
    width: auto
}

.UPIImages img + img {
    margin-left: 50px
}

.verified {
    font-size: 16px;
    line-height: 20px;
    color: #10ba56;
    display: inline;
    position: absolute;
    top: 72px
}

    .completed::after, .verified::after {
        content: '';
        position: absolute;
        width: 28px;
        height: 20px;
        background-image: url(https://cdn.bajajelectronics.com/images/success-tick.svg);
        background-repeat: no-repeat;
        background-size: 20px;
        background-position: 8px center
    }

.paymentContent .tab-content > .active {
    display: block;
    min-height: 250px;
    display: flex;
    flex-direction: column
}

.bottomBlock {
    margin-top: auto
}

.confirm-order {
    width: 415px;
    max-width: 100%;
    margin: 0 auto;
    text-align: center;
    padding-top: 20px;
    padding-bottom: 20px
}

#bajajFinanceVerified {
    position: absolute;
    right: 0;
    top: 28px
}

.editModal .modal-dialog {
    max-width: 754px
}

#enterCouponCode input[type=text] {
    width: calc(100% - 75px)
}

.compareProductHeaderSection {
    padding: 35px 50px
}

.compareProductsTable {
    padding: 0 50px
}

    .compareProductsTable .table {
        table-layout: fixed;
        border-radius: 4px;
        border: solid 1px #ececec;
        background-color: #fff
    }

        .compareProductsTable .table tr td, .compareProductsTable .table tr th {
            width: 20%;
            padding: 9px 24px
        }

        .compareProductsTable .table tr:not(.clickable) td:first-child {
            background-color: #f5f8f0;
            font-family: Roboto-Bold;
            font-size: 16px;
            color: #2e2d3f;
            padding: 9px 20px
        }

        .compareProductsTable .table tr th, .compareProductsTable .table tr:not(.clickable) td {
            border: 1px solid #ececec !important;
            position: relative
        }

        .compareProductsTable .table tr.clickable td {
            padding: 8px .75rem;
            height: 40px
        }

.clickable {
    background-color: #f5f8f0;
    font-family: Roboto-Regular;
    font-size: 16px;
    text-transform: uppercase;
    color: #2e2d3f
}

    .clickable img {
        width: 12px;
        float: right;
        margin-top: 5px
    }

    .clickable[aria-expanded=false] img {
        transform: rotateX(0)
    }

    .clickable[aria-expanded=true] img {
        transform: rotateX(180deg)
    }

.compareHeaderDescription {
    font-family: Roboto-Bold;
    font-size: 16px;
    color: #2e2d3f
}

.compareHeaderPrice {
    font-family: Roboto-Regular;
    font-size: 16px;
    color: #2e2d3f;
    margin-bottom: 0
}

.compareClose {
    position: absolute;
    top: 2px;
    right: 10px;
    padding: 0;
    background: 0 0;
    border: none;
    outline: 0
}

    .compareClose img {
        width: 12px;
        height: 12px
    }

.compareItemNotAdded {
    padding: 0 !important
}

#categorySection {
    margin-top: 20px
}

    #categorySection .optionsSection {
        padding-left: 0;
        padding-right: 0
    }

#productCategory .filterItems {
    padding-right: 15px
}

.featuredCategories {
    margin-bottom: 35px;
    padding-left: 25px
}

    .featuredCategories a {
        font-family: Roboto-Regular;
        font-size: 14px;
        color: #2e2d3f;
        margin-bottom: 12px;
        padding: 0
    }

.featuredBrands {
    margin-left: -5px;
    margin-right: -5px
}

.featuredProduct {
    margin-bottom: 25px
}

.fearuredProductDesc {
    background: #2e2d3f;
    font-family: Roboto-Bold;
    font-size: 14px;
    color: #fff;
    padding: 13px 24px;
    text-decoration: none !important;
    margin-top: -2px;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px
}

.fearuredProductName {
    display: inline;
    text-transform: uppercase
}

.fearuredProductInfo {
    display: inline
}

    .fearuredProductInfo span {
        font-family: Roboto-Regular
    }

.cartLabelOrder {
    background-color: rgba(243,185,44,.1);
    display: flex;
    align-items: center;
    padding: 10px 50px
}

    .cartLabelOrder p {
        margin-bottom: 0
    }

        .cartLabelOrder p:nth-child(1) {
            font-family: Roboto-Bold;
            font-size: 20px;
            color: #f3b92c;
            padding-right: 24px
        }

        .cartLabelOrder p:nth-child(2) {
            font-family: Roboto-Regular;
            font-size: 16px;
            color: #f3b92c
        }

    .cartLabelOrder button {
        border-color: #f3b92c;
        color: #f3b92c !important;
        background-color: transparent !important
    }

.confirm-order {
    width: 415px;
    max-width: 100%;
    margin: 0 auto;
    text-align: center;
    padding-top: 20px;
    padding-bottom: 20px
}

.orderHeaderSection {
    padding: 30px 50px 5px 50px
}

.orderDetailsItem {
    padding-left: 50px;
    padding-right: 50px
}

.orderId {
    font-family: Roboto-Regular;
    font-size: 16px;
    color: #2e2d3f
}

    .orderId span {
        font-family: Roboto-Bold;
        color: #ce242a
    }

.orderIdHeader {
    color: #ce242a
}

.orderedCompany {
    font-family: Roboto-Regular;
    font-size: 14px;
    color: #2e2d3f
}

    .orderedCompany a {
        color: #ce242a
    }

.orderItemLabel {
    font-family: Roboto-Regular;
    font-size: 14px;
    color: silver;
    margin-bottom: 0
}

.orderItemValue {
    font-family: Roboto-Regular;
    font-size: 14px;
    color: #2e2d3f;
    margin-bottom: 0
}

.orderItemValueBold {
    font-family: Roboto-Bold
}

.orderItemValueSuccess {
    color: #10ba56
}

.orderItemValueCancelled {
    color: #ce242a
}

.prodImageSmall {
    padding: 42px 19px
}

.refundStatusSection {
    background: #f8f5f0;
    padding: 20px 24px
}

.refundStatus {
    font-family: Roboto-Bold;
    font-size: 14px;
    color: #f3b92c;
    text-transform: uppercase;
    margin-bottom: 10px
}

.refundStatusDesc {
    font-family: Roboto-Regular;
    font-size: 14px;
    color: #2e2d3f;
    margin-bottom: 0
}

.orderStatusSection {
    padding: 0 50px
}

.orderCancelledMessage, .orderInfoMessage, .orderNotFinishedMessage, .orderSuccessMessage {
    position: relative;
    padding-left: 20px;
    margin-left: -20px;
    margin-bottom: 30px
}

    .orderCancelledMessage::before, .orderInfoMessage::before, .orderNotFinishedMessage::before, .orderSuccessMessage::before {
        content: "";
        width: 30px;
        height: 30px;
        display: block;
        position: absolute
    }

    .orderInfoMessage:not(:last-child)::after, .orderNotFinishedMessage:not(:last-child)::after, .orderSuccessMessage:not(:last-child)::after {
        content: "";
        background: #2e2d3f;
        width: 1px;
        height: 100%;
        display: block;
        position: absolute;
        left: 35px;
        top: 30px
    }

    .orderInfoMessage:not(:last-child)::after, .orderNotFinishedMessage:not(:last-child)::after {
        background: silver
    }

    .orderSuccessMessage::before {
        background: url(https://cdn.bajajelectronics.com/images/selected.svg)
    }

    .orderCancelledMessage::before {
        background: url(https://cdn.bajajelectronics.com/images/delete-coupon-order.svg)
    }

    .orderInfoMessage::before {
        background: url(https://cdn.bajajelectronics.com/images/order-status-info.svg)
    }

    .orderNotFinishedMessage::before {
        background: url(https://cdn.bajajelectronics.com/images/not-selected.svg)
    }

.statusLabelOne, .statusLabelThree, .statusLabelTwo {
    margin-left: 65px;
    font-family: Roboto-Regular;
    color: #2e2d3f
}

.statusLabelOne {
    padding-top: 5px;
    margin-bottom: 5px
}

.statusLabelTwo {
    font-size: 14px;
    margin-bottom: 0
}

.statusLabelThree {
    font-size: 14px;
    color: silver;
    font-style: italic
}

.orderStatusImage {
    text-align: center;
    background: #fff;
    border-radius: 4px;
    border: solid 1px #e0e0e0;
    position: relative;
    max-width: 100%;
    max-height: 100%
}

.orderStatusAddress p {
    color: #2e2d3f;
    font-size: 14px;
    line-height: normal
}

.myAccountBlock {
    padding: 50px
}

.accountTabs {
    width: 248px;
    border-radius: 4px;
    background-color: #fff;
    padding-bottom: 64px
}

    .accountTabs ul {
        border: solid 1px #ececec
    }

    .accountTabs .nav-link {
        color: #2e2d3f;
        padding: 24px;
        line-height: 20px;
        border-bottom: solid 1px #ececec
    }

        .accountTabs .nav-link.active {
            background-color: #fdf8e9;
            color: #f3b92c
        }

.myAccountBlock .tab-pane .card-header {
    display: none
}

.myAccountBlock .tab-pane.fade.show .collapse, .myAccountBlock .tab-pane.fade.show .collapse.show {
    display: block
}

.myAccountBlock .card-header::before {
    background-image: url(https://cdn.bajajelectronics.com/images/drop-down-yellow.svg)
}

.move-l8 {
    margin-right: 6px;
    margin-left: -6px
}

.myAccountContent {
    font-size: 14px
}

.myAccountHr {
    margin-top: 6px;
    margin-bottom: 30px
}

.noAddress {
    width: 286px;
    max-width: 100%;
    margin: auto
}

.myAddressBlock {
    border-radius: 4px;
    border: solid 1px #ececec;
    background-color: #fff;
    position: relative;
    padding: 20px;
    margin-bottom: 24px;
    max-width: 500px;
    font-size: 14px
}

.mr-lg-4- {
    margin-right: -4px !important
}

.chooseAddType .radioTick.red {
    margin-top: 40px;
    margin-left: 18px;
    margin-right: 28px
}

    .chooseAddType .radioTick.red .radioText {
        background-color: #fff;
        border: solid 1px #ececec;
        font-size: 12px;
        padding: 12px 10px;
        padding-right: 36px
    }

.chooseAddType input {
    width: 128px;
    width: -webkit-fill-available
}

.chooseAddType .radioTick.red .tick {
    top: -4px;
    left: unset;
    right: -4px
}

.addedCards .card {
    padding: 20px;
    border-radius: 4px;
    background-color: #f5f5f5;
    width: 340px;
    max-width: 100%;
    margin-bottom: 16px
}

.addedCards a {
    color: #2e2d3f;
    text-decoration: underline
}

.addedCards:nth-child(2n-1) {
    margin-right: 24px
}

.addedCards .cardHolder, .addedCards .cardNumber {
    font-family: Credit-Card;
    color: #00579f
}

.addedCards .validityBlock {
    color: #2e2d3f;
    font-size: 12px;
    margin-top: 22px
}

.creditCard .addedCards img {
    height: 20px
}

.creditCard .addedCards .cardHeader {
    line-height: 35px
}

    .creditCard .addedCards .cardHeader img {
        height: 35px;
        margin-left: 0;
        margin-right: 14px
    }

.editDeleteBlock {
    position: absolute;
    right: 10px;
    top: 8px;
    height: 26px;
    border-radius: 4px;
    padding: 2px 8px;
    background-color: #fff;
    margin: auto
}

    .editDeleteBlock a > img {
        width: auto;
        height: 16px;
        cursor: pointer
    }

    .editDeleteBlock a + a {
        margin-left: 10px
    }

.storeLocator {
    padding: 20px 30px
}

.storeLocatorMain {
    background-color: #f3b92c;
    background-image: url(https://cdn.bajajelectronics.com/images/india.svg);
    background-repeat: no-repeat;
    background-size: 22%;
    background-position: calc(100% - 30px) 50%;
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
    padding: 20px 50px
}

.storeLocatorSearchSection h3 {
    font-family: Roboto-Bold;
    font-size: 40px;
    color: #fff
}

.storeLocatorSearchSection p {
    color: #fff
}

.storeLocatorSearchSection input {
    font-size: 16px;
    background: #fff;
    color: #2e2d3f;
    height: 56px;
    width: 50%
}

.storeLocatorAreaImage {
    margin-top: 5px;
    margin-bottom: 5px;
    margin-right: 30px
}

.storeLocatorMainMap {
    box-shadow: 0 10px 30px 0 rgba(0,0,0,.06);
    background-color: #fff
}

.addressesSection {
    height: 550px;
    overflow-y: auto
}

    .addressesSection::-webkit-scrollbar {
        width: 4px
    }

    .addressesSection::-webkit-scrollbar-thumb {
        background: #dedede;
        border-radius: 3px
    }

        .addressesSection::-webkit-scrollbar-thumb:hover {
            background: #ddd
        }

.address {
    padding: 30px 45px 20px 50px;
    color: #2e2d3f;
    border-bottom: solid 1px #ececec
}

    .address:last-child {
        border-bottom: none
    }

    .address h4 {
        font-size: 18px;
        font-family: Roboto-Bold
    }

    .address p {
        font-size: 16px;
        margin-bottom: 0;
        line-height: 30px
    }

.navigateBtn {
    position: absolute;
    right: 0;
    bottom: 0
}

.contactUs {
    padding: 40px 50px
}

.aboutUsContact {
    padding: 50px;
    background-image: linear-gradient(to bottom,#f3f6ff,#fff8e6)
}

    .aboutUsContact h2, .contactUsForm h2 {
        font-family: Roboto-Bold;
        font-size: 40px;
        color: #2e2d3f
    }

.contactUsLabel {
    font-family: Roboto-Regular;
    font-size: 12px;
    color: silver;
    margin-bottom: 5px
}

.aboutUsContact p {
    font-size: 14px;
    margin-bottom: 20px;
    color: #2e2d3f;
    line-height: 1.57
}

    .aboutUsContact p:last-child {
        margin-bottom: 0
    }

.offersAndPromotions {
    padding: 50px
}

.termsAndConditions .nav-pills {
    border-bottom: 1px solid #ececec
}

    .termsAndConditions .nav-pills .nav-link {
        border-top: none;
        font-family: Roboto-Bold;
        color: silver;
        font-size: 14px
    }

        .termsAndConditions .nav-pills .nav-link.active {
            color: #ce242a;
            border-bottom: 2px solid #ce242a;
            border-radius: 0;
            background: 0 0
        }

.termsAndConditions {
    margin: 0 auto;
    padding: 50px 0;
    width: 70%
}

    .termsAndConditions .tab-content {
        padding: 10px 0
    }

    .termsAndConditions h2 {
        font-size: 40px;
        font-family: Roboto-Bold;
        margin-bottom: 50px;
        color: #2e2d3f
    }

    .termsAndConditions p {
        font-size: 14px;
        line-height: 26px;
        font-family: Roboto-Regular;
        color: #2e2d3f
    }

    .termsAndConditions h5 {
        font-size: 14px;
        line-height: 26px;
        font-family: Roboto-Bold;
        color: #2e2d3f
    }

    .termsAndConditions a {
        font-size: 14px;
        line-height: 26px;
        font-family: Roboto-Bold;
        color: #ce242a
    }

.listTermsOfUse {
    list-style: none
}

    .listTermsOfUse li {
        font-size: 14px;
        line-height: 26px;
        font-family: Roboto-Regular;
        color: #2e2d3f;
        margin-bottom: 20px;
        margin-left: 35px;
        position: relative;
        padding-left: 15px
    }

.list-number {
    list-style: decimal
}

.blogListing {
    padding: 60px 50px
}

.blogHeader {
    font-size: 24px;
    font-family: Roboto-Bold;
    color: #2e2d3f
}

    .blogHeader .blogSearchBtn {
        display: none
    }

.blogYearSection button {
    background: 0 0;
    border: none;
    outline: 0;
    font-size: 14px;
    color: #2e2d3f;
    padding: 5px 15px;
    cursor: pointer
}

    .blogYearSection button.active {
        color: #ce242a;
        font-family: Roboto-Bold;
        border-radius: 3px;
        background-color: #fae9e9
    }

.blogListing .mainsearchBarBtn {
    right: 30px
}

.blogBox:hover {
    box-shadow: 5px 5px 20px 0 rgba(0,0,0,.14)
}

.blogBox img {
    width: 100%
}

.blogBox p {
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    border: solid 1px #e9e9e9;
    border-top: none;
    background-color: #fff;
    padding: 20px;
    font-size: 18px;
    font-family: Roboto-Regular;
    color: #2e2d3f;
    line-height: normal
}

.blogDetails {
    margin: 0 auto;
    padding: 80px 0;
    width: 70%
}

    .blogDetails h2 {
        font-size: 40px;
        font-family: Roboto-Bold;
        color: #2e2d3f
    }

    .blogDetails p {
        font-size: 14px;
        line-height: 26px;
        font-family: Roboto-Regular;
        color: #2e2d3f
    }

    .blogDetails h5 {
        font-size: 14px;
        line-height: 26px;
        font-family: Roboto-Bold;
        color: #2e2d3f
    }

.blogLabels label {
    padding: 5px 15px;
    border-radius: 15px;
    background-color: #eaeaeb;
    font-size: 14px;
    color: #2e2d3f;
    margin-bottom: 0
}

.wishListBlock {
    padding-top: 3px;
    padding-bottom: 3px;
    border-bottom: 2px solid #ececec
}

    .wishListBlock .imgBlock {
        width: 11vw;
        height: 11vw
    }

    .wishListBlock .productDesc {
        padding-left: 16px;
        margin-left: 0;
        width: 100%
    }

.row.productDesc div {
    height: fit-content;
    margin-bottom: auto;
    margin-top: auto
}

.blogListing {
    padding: 60px 50px
}

.validation-summary-errors {
    font-size: 12px;
    color: #ce242a
}

    .validation-summary-errors li, .validation-summary-errors ul {
        list-style: none
    }

.required {
    color: #ce242a
}

.comp-offer {
    font-size: 16px;
    color: #2e2d3f;
    padding: 0;
    text-align: center;
    border-radius: 0;
    border: none;
    width: 28px;
    font-weight: 700
}

.ml-45 {
    margin-left: 45px
}

.ui-button.ui-state-active:hover, .ui-button:active, .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active {
    border: 1px solid transparent !important;
    background: 0 0 !important;
    font-family: Roboto-Bold;
    font-weight: 700 !important;
    font-size: 14px !important;
    color: #2e2d3f !important
}

.ui-menu .ui-menu-item-wrapper {
    padding: 0 !important
}

.searchGroup.ui-state-active, .ui-widget-content .searchGroup.ui-state-active {
    color: #f3b92c !important;
    font-size: 12px !important;
    padding: 0 !important;
    font-weight: 700 !important
}

.brandImg:nth-child(5n) {
    margin-right: 0
}

.wishlistHeaderSection {
    padding: 30px 50px
}

.carousel.brandPartner {
    text-align: center;
    padding-bottom: 64px;
    font-size: 20px;
    color: #2e2d3f
}

    .carousel.brandPartner .carousel-inner {
        width: 926px;
        max-width: 100%;
        margin: 0 auto;
        text-align: center;
        padding-bottom: 64px;
        color: #2e2d3f
    }

    .carousel.brandPartner img {
        width: 200px;
        height: auto
    }

    .carousel.brandPartner .carousel-indicators {
        bottom: 72px
    }

        .carousel.brandPartner .carousel-indicators li {
            width: 15px;
            height: 15px;
            opacity: .2;
            background-color: #ce242a;
            border-radius: 50%;
            margin-left: 15px;
            margin-right: 15px;
            cursor: pointer
        }

        .carousel.brandPartner .carousel-indicators .active {
            opacity: 1;
            background-color: #ce242a
        }

.brandBlock {
    flex-wrap: wrap;
    display: flex
}

.brandImg {
    width: calc(20% - 19.2px);
    margin-right: 24px;
    margin-bottom: 30px
}

.ratingsMainSection span.badge {
    margin-bottom: 0
}

.ratingsMainSection .productDetails .content .priceDetails {
    margin-top: 25px
}

.ratingsMainSection .productDetails .imageContainer {
    margin-bottom: 56px
}

.ratingsMainSection .productDetails .content h4 {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis
}

.reviewsRatingsAll button {
    width: auto;
    background-color: #ce242a
}

.reviewLabel {
    margin-bottom: 0;
    font-size: 12px;
    color: silver
}

.reviewsRatingsAll .ratings {
    margin-bottom: 50px
}

    .reviewsRatingsAll .ratings .specificRating .progress {
        width: 60%
    }

.reviewsRatingsAll .reviews {
    margin-left: 0;
    margin-top: 0;
    margin-bottom: 90px;
    padding-top: 50px !important;
    border-top: 1px solid #ececec
}

.buyingGuideMain {
    width: 65%;
    margin: 0 auto;
    padding: 50px 0 100px 0;
    text-align: center
}

    .buyingGuideMain h2 {
        font-size: 30px;
        font-family: Roboto-Regular;
        color: #2e2d3f
    }

    .buyingGuideMain p {
        font-size: 14px;
        font-family: Roboto-Regular;
        color: #2e2d3f
    }

    .buyingGuideMain .mainsearchBar {
        display: block
    }

    .buyingGuideMain .mainsearchBarBtn {
        right: 30px;
        display: block
    }

.buyingGuideProduct {
    border-radius: 4px;
    border: solid 1px #efefef;
    background-color: #fff;
    position: relative;
    padding: 10px;
    width: 100%;
    height: calc(100% - 30px);
    min-height: 200px;
    min-width: 200px
}

    .buyingGuideProduct:hover {
        box-shadow: 5px 5px 20px 0 rgba(0,0,0,.14)
    }

    .buyingGuideProduct img {
        max-width: 100%;
        max-height: 70%;
        margin-bottom: 20px
    }

    .buyingGuideProduct p {
        font-size: 18px;
        font-family: Roboto-Regular;
        color: #2e2d3f;
        margin-bottom: 0;
        bottom: 10px;
        position: absolute;
        text-align: center;
        width: 100%;
        margin-left: -10px
    }

.buyingGuideMain .checkboxContainer {
    text-align: left
}

.stickyBar {
    position: fixed;
    bottom: 0;
    width: 100%;
    padding: 30px 50px;
    box-shadow: 0 -5px 10px 0 rgba(0,0,0,.04);
    background-color: #fff;
    z-index: 2
}

.appliedFilter {
    border-radius: 15px;
    background-color: #eaeaeb;
    margin-right: 15px;
    padding: 7px 15px 7px 20px;
    font-size: 14px;
    font-family: Roboto-Regular;
    color: #2e2d3f;
    display: inline-block
}

    .appliedFilter:last-child {
        margin-right: 0
    }

    .appliedFilter img {
        margin-left: 10px
    }

.buyingGuideRedirectUrl {
    position: absolute;
    top: 50px;
    left: 50px
}

.preBookHeader {
    font-family: Roboto-Bold;
    font-size: 24px;
    color: #2e2d3f;
    text-align: center
}

.preBookLabel {
    font-family: Roboto-Regular;
    margin-bottom: 5px;
    font-size: 12px;
    color: silver
}

.preBookSection .mainsearchBar {
    border: solid 1px #ececec;
    background-color: #fff;
    display: block
}

.preBookSection .mainsearchBarBtn {
    right: 30px;
    display: block
}

.preBookItem {
    border: 1px solid #ececec;
    border-radius: 4px
}

    .preBookItem .compareClose {
        top: -4px;
        right: 17px
    }

.preBookItemHeader {
    font-family: Roboto-Bold;
    color: #2e2d3f;
    font-size: 14px;
    text-align: left;
    margin-bottom: 0
}

.viewDetailsPreBook {
    font-size: 14px;
    font-family: Roboto-Regular;
    color: #ce242a
}

.preBookItemDesc {
    font-family: Roboto-Regular;
    color: #2e2d3f;
    font-size: 14px;
    text-align: center;
    margin-left: -20px;
    margin-right: -20px
}

.input-group-field {
    width: 40%;
    height: 40px;
    padding: 0;
    text-align: center;
    border-radius: 0;
    border: 1px solid #e0e0e0;
    font-family: Roboto-bold
}

.input-group-button button {
    background: 0 0;
    height: 40px;
    border: 1px solid #e0e0e0
}

    .input-group-button button i {
        font-size: 10px;
        padding: 9px 5px
    }

.input-group-button-minus {
    margin-right: -1px;
    width: 30%
}

    .input-group-button-minus button {
        border-top-left-radius: 4px;
        border-bottom-left-radius: 4px;
        width: 100%
    }

.input-group-button-plus {
    width: 30%;
    margin-left: -1px
}

    .input-group-button-plus button {
        border-top-right-radius: 4px;
        border-bottom-right-radius: 4px;
        width: 100%
    }

.custom-dropdown-corporate select {
    border-radius: 4px;
    font-size: 14px;
    padding: 9px 14px
}

.corporateAlert {
    font-family: Roboto-Italic;
    font-size: 12px;
    line-height: 1.5;
    letter-spacing: normal;
    color: #ce242a
}

.corporateAlertDesc {
    margin-left: -30px
}

#regForm {
    background-color: #fff;
    margin: 0 auto;
    font-family: Raleway;
    padding: 0 8px 14px 8px;
    width: 100%;
    min-width: 300px
}

input.invalid {
    background-color: #fdd
}

.tab {
    display: none
}

.step {
    height: 11px;
    width: 11px;
    position: relative;
    margin: 0 40px;
    background-color: #fff;
    border-radius: 50%;
    border: 1px solid #2e2d3f;
    display: inline-block
}

    .step::after {
        content: "";
        display: block;
        width: 84px;
        background: #2e2d3f;
        height: 1px;
        position: absolute;
        left: 10px;
        top: 4px
    }

    .step:last-child::after {
        display: none
    }

    .step.active, .step.finish {
        background-color: #ce242a;
        border: 1px solid #ce242a
    }

.stepContent {
    position: absolute;
    font-family: Roboto-Regular;
    font-size: 12px;
    color: #2e2d3f;
    top: 15px;
    margin-left: -45px;
    width: 1000%
}

.step.active .stepContent {
    color: #ce242a
}

.socialShareIcon {
    text-align: center;
    border: 1px solid #ececec;
    padding-top: 10px
}

    .socialShareIcon:first-child {
        margin-right: -1px
    }

    .socialShareIcon:last-child {
        margin-left: -1px
    }

    .socialShareIcon p {
        font-size: 14px;
        margin-bottom: 0;
        font-family: Roboto-Regular;
        color: #2e2d3f
    }

    .socialShareIcon img {
        margin-bottom: 10px
    }

.whiteHeader {
    position: sticky;
    position: -webkit-sticky
}

.whiteHeaderAbsolute {
    position: absolute;
    top: 800px
}

.prodMainImageMultiple.whiteHeaderAbsolute {
    top: 500px
}

.prodTwoImageMultiple.whiteHeaderAbsolute {
    top: 500px
}

.bankDetails nav .nav-tabs a {
    padding: .5rem .8rem !important
}

@media (min-width:1440px) {
    .gridViewActivated .productListItem .prodImage img {
        height: 100%
    }
}

@media (min-width:1600px) {
    .gridViewActivated .productListItem .prodImage img {
        height: 100%
    }
}

@media (min-width:1800px) {
    .gridViewActivated .productListItem .prodImage img {
        height: 100%
    }
}

@media (min-width:1280px) {
    .d-lg-block {
        display: block !important
    }

    .ml-lg--50 {
        margin-left: -50px
    }

    .mlr-lg-15 {
        margin-left: -15px;
        margin-right: -15px
    }

    .lh-lg-25 {
        line-height: 25px
    }

    .mlr-lg-0 {
        margin-left: 0;
        margin-right: 0
    }

    .orderStatusAddress {
        padding-top: 30px;
        padding-bottom: 30px;
        border-top: 1px solid #ececec;
        border-bottom: 1px solid #ececec
    }
}

@media (min-width:768px) {
    .prodyuct_not-click {
        text-align: center;
        font-size: 18px;
        font-weight: 700;
        color: #343a40
    }

    .wishlistHeaderSection span.prodDescInner {
        padding-left: 34px
    }

    a.whishlist_account img {
        width: 18px;
        margin-right: 8px
    }

    .brandBlock {
        margin-top: 20px
    }

    .wishlistHeaderSection {
        padding: 30px 50px 0
    }

    button.dropbtnHeader.btn-dropbtnHeader {
        margin-left: 15px
    }

    p.productName.ff-bold.lineoverflow {
        font-size: 14px
    }

    .dealItem a:last-child {
        font-family: Roboto-Regular;
        color: #10ba56;
        font-size: 14px;
        position: absolute;
        top: 21px;
        right: 15px
    }

    section.sectionOne.select_by_brand hr {
        margin: 0
    }

    .productListItem .prodImage img {
        height: 185px;
        max-width: 100%
    }

    section.sectionOne.select_by_brand .row.mb40.mlr0 {
        margin-bottom: 10px
    }

    .row.itemDetails.mycartItemDeleteMain .imgBlock img {
        height: 100px;
        margin: 0 auto
    }

    .row.itemDetails.mycartItemDeleteMain .imgBlock {
        height: 100px
    }

    div#categorySection h3.sectionHeader.plr-xsm-5.mb25.mb-xsm-15 {
        margin-bottom: 15px
    }

    .featuredCategories {
        margin-bottom: 20px;
        padding-left: 25px
    }

    .gridViewActivated button.quickView img {
        vertical-align: middle;
        bottom: 10px;
        padding-bottom: 0
    }

    .gridViewActivated .prodImage {
        margin-bottom: 10px
    }

    section.mobilePhones.pt10 {
        padding-top: 0 !important
    }

    #allDealsCarousel .dealItem, #allDealsCarouselNotLoggedIn .dealItem {
        height: 275px
    }

    section.shopBrands .row.mb20.mlr0 {
        margin-bottom: 10px !important
    }

    div#divShopByCategories .cardDesign {
        height: 220px
    }

        div#divShopByCategories .cardDesign img {
            max-height: 150px;
            bottom: 14%
        }

    section.mobilePhones a.primaryBtn {
        margin-top: -2px;
        display: inline-block
    }

    .modalImage {
        padding-right: 45px;
        position: absolute;
        top: 50%;
        transform: translateY(-50%)
    }
}

@media (max-width:1279px) {
    .mobileMenu {
        display: block;
        width: 100%;
        position: fixed;
        top: 0;
        background: #ce242a;
        padding: 14px 15px 11px 15px;
        z-index: 2
    }

    .d-inline-xsm {
        display: inline
    }

    .text-xsm-left {
        text-align: left !important
    }

    .mlr-xsm-0 {
        margin-left: 0;
        margin-right: 0
    }

    .mb-xsm-0 {
        margin-bottom: 0
    }

    .mb-xsm-10 {
        margin-bottom: 10px
    }

    .mb-xsm-15 {
        margin-bottom: 15px
    }

    .mb-xsm-20 {
        margin-bottom: 20px
    }

    .mb-xsm-30 {
        margin-bottom: 30px
    }

    .mb-xsm-50 {
        margin-bottom: 50px
    }

    .mb-xsm-65 {
        margin-bottom: 65px
    }

    .mt-xsm-0 {
        margin-top: 0
    }

    .mt-xsm-7 {
        margin-top: 7px
    }

    .mt-xsm-15 {
        margin-top: 15px
    }

    .mt-xsm-20 {
        margin-top: 20px
    }

    .ml-xsm--10 {
        margin-left: -10px !important
    }

    .mr-xsm-0 {
        margin-right: 0
    }

    .mr-xsm-30 {
        margin-right: 30px !important
    }

    .ml-xsm-0 {
        margin-left: 0 !important
    }

    .mb-xsm-50 {
        margin-bottom: 50px !important
    }

    .mt-xsm-5 {
        margin-top: -5px
    }

    .plr-xsm-0 {
        padding-left: 0;
        padding-right: 0
    }

    .plr-xxsm-0 {
        padding-left: 0;
        padding-right: 0
    }

    .pl-xxsm-0 {
        padding-left: 0
    }

    .pl-xxsm-7 {
        padding-left: 7px
    }

    .pr-xsm-0 {
        padding-right: 0
    }

    .mb-xsm-30 {
        margin-bottom: 30px
    }

    .mb-xsm-40 {
        margin-bottom: 40px
    }

    .text-xsm-center {
        text-align: center !important
    }

    .hr-xsm {
        border-bottom: 1px solid #ececec
    }

    .hr-xsm-none {
        border-bottom: none
    }

    #signIn .modal-dialog, #signUp .modal-dialog {
        max-width: 100%;
        margin-top: 30px
    }

    #signIn .modal-body, #signUp .modal-body {
        padding: 30px 40px 60px 40px
    }

    .sectionOne {
        margin-top: 56px
    }

    .mainsearchBar {
        width: 100%;
        height: 40px;
        padding: 10px 12px;
        display: none
    }

    .mainsearchBarBtn {
        right: 22px;
        top: 7px;
        display: none
    }

    .searchResults {
        top: 32px;
        width: calc(100% - 30px);
        z-index: 2
    }

    .mainsearchBarMobileActive {
        display: block;
        top: 10px;
        position: fixed;
        left: 0;
        border-radius: 0;
        background: #fff;
        height: 50px;
        border: none;
        border-bottom: solid 1px #acacac;
        padding-left: 60px
    }

        .mainsearchBarMobileActive::placeholder {
            color: silver !important
        }

    .mainsearchCancelBtn {
        display: none;
        position: absolute;
        left: 16px;
        top: -30px;
        padding: 0;
        background: 0 0;
        border: none;
        outline: 0 !important
    }

    .mainsearchBarMobileActive ~ .mainsearchBarBtn {
        right: 17px;
        top: -30px;
        display: block
    }

    .mainsearchBarMobileActive ~ .mainsearchCancelBtn {
        display: block
    }

    .mainsearchBarMobileActive ~ .searchResults {
        top: 5px;
        width: 100%;
        z-index: 2;
        left: 0;
        border: none
    }

    .pl-xsm-15 {
        padding-left: 15px
    }

    .plr-xsm-0 {
        padding-left: 0;
        padding-right: 0
    }

    .plr-xsm-5 {
        padding-left: 5px;
        padding-right: 5px
    }

    .plr-xsm-7 {
        padding-left: 7px;
        padding-right: 7px
    }

    .sectionHeader {
        font-size: 18px
    }

    .optionsSection {
        padding: 5px 0 5px 0;
        display: block
    }

    .optionsSectionItem {
        margin-bottom: 10px;
        width: 100%
    }

        .optionsSectionItem img {
            width: 36px
        }

    .blockbusterDeals {
        padding: 35px 15px
    }

    .blockbusterDealsItemContainer {
        white-space: nowrap;
        overflow-x: scroll
    }

    .copyrightSection {
        padding: 20px 15px
    }

        .copyrightSection span {
            display: inline-block;
            text-align: center
        }

        .copyrightSection p {
            font-size: 10px;
            text-align: center
        }

    .socialIcons {
        display: block;
        text-align: center
    }

    .shopCategoriesMobile {
        white-space: nowrap;
        overflow-x: scroll
    }

        .shopCategoriesMobile a {
            display: inline-block;
            width: 90%
        }

    .footerSubHeader {
        margin-bottom: 10px
    }

    .productsLinks {
        padding: 30px 15px
    }

    .shopCategories {
        padding: 30px 15px;
        background: #fff
    }

    .stockClearanceSection {
        padding: 25px 0
    }

    .stockClearanceImagesSection {
        display: block;
        white-space: nowrap;
        overflow-x: scroll
    }

        .stockClearanceImagesSection a {
            width: 90%;
            display: inline-block
        }

    .userMobileMenuContent {
        border-bottom: 1px solid #ececec;
        padding: 0 24px;
        margin-top: 56px
    }

        .userMobileMenuContent .userMobileMenuLink {
            padding: 16px 0
        }

        .userMobileMenuContent a {
            color: #2e2d3f;
            font-size: 14px;
            font-family: Roboto-Regular;
            margin-top: 8px;
            margin-bottom: 8px
        }

            .userMobileMenuContent a img {
                margin-right: 24px
            }

    .shopByCategoriesMobile {
        padding: 30px 0;
        border-bottom: 1px solid #ececec
    }

        .shopByCategoriesMobile button {
            width: 100%;
            text-align: left;
            padding: 10px 24px;
            background: 0 0;
            border: none;
            outline: 0 !important;
            font-size: 14px;
            font-family: Roboto-Regular
        }

        .shopByCategoriesMobile .linkCollapseContainer {
            background: #f7f9ff;
            padding: 0 0 0 80px
        }

        .shopByCategoriesMobile a {
            display: block;
            font-size: 14px;
            font-family: Roboto-Regular;
            color: #8e8e91;
            padding: 5px 0
        }

        .shopByCategoriesMobile button[aria-expanded=false] .dropdownIcon {
            transform: rotateX(0)
        }

        .shopByCategoriesMobile button[aria-expanded=true] .dropdownIcon {
            transform: rotateX(180deg)
        }

        .shopByCategoriesMobile button span {
            margin-left: 16px
        }

    .dropdownIcon {
        width: 12px;
        float: right;
        margin-top: 12px
    }

    .collapsed .dropdownIcon {
        transform: rotateX(0)
    }

    .categoriesHeader {
        margin-bottom: 15px;
        font-size: 18px;
        font-family: Roboto-Bold;
        color: #2e2d3f;
        padding: 0 24px
    }

    .otpTextBox {
        width: 60%
    }

    .otpBtn {
        width: 40%
    }

    .userLogout {
        padding: 30px 24px
    }

        .userLogout a {
            color: #2e2d3f;
            font-size: 14px;
            font-family: Roboto-Regular
        }

            .userLogout a img {
                margin-right: 16px
            }

    .itemsSection {
        max-width: 100%;
        flex: 0 0 100%;
        padding: 0 0 18px 0
    }

    #categorySection, #itemsSection {
        margin-top: 80px
    }

        #categorySection.section-category {
            margin-top: 0
        }

    .mobileStickyNavbar {
        position: fixed;
        height: 80px;
        width: 100%;
        background: #fff;
        z-index: 9;
        padding-top: 20px
    }

    #giveAwayCarousel {
        z-index: 0
    }

    .prodDescInner {
        font-size: 18px
    }

    .nooofProducts {
        font-size: 12px
    }

    .prodImage {
        padding: 0
    }

    .itemsSection .productListItem {
        border-top: 1px solid #ececec
    }

    .gridViewActivated .productListItem {
        width: 49%;
        border-top: none
    }

    .gridViewActivated .prodImage {
        padding: 5px 0
    }

    .gridViewActivated .productListItem .prodHeaderDesc {
        margin-left: 0;
        padding-right: 0
    }

        .gridViewActivated .productListItem .prodHeaderDesc a {
            margin-left: -15px;
            padding-left: 15px;
            padding-right: 15px;
            font-size: 14px;
            height: 32px;
            overflow: hidden
        }

    .gridViewActivated .gridViewTextCenter {
        margin-left: 0
    }

    .gridViewActivated .productListItem .discountedPrice, .gridViewActivated .productListItem .prodPrice {
        margin-right: 5px
    }

    .prodHeaderDesc a {
        font-size: 14px
    }

    .prodPrice {
        font-size: 18px;
        display: inline;
        margin-right: 6px
    }

    .discountedPrice {
        font-size: 14px
    }

        .discountedPrice::after {
            top: 7px
        }

    .discount {
        font-size: 14px
    }

    .getintouchTextBox {
        width: 70%
    }

    .getintouchBtn {
        width: 30%
    }

    .giveAwaySale {
        padding-left: 7px;
        padding-right: 7px
    }

    .itemsSection {
        padding-bottom: 30px
    }

    .buyingGuide {
        margin: 0 7px
    }

    .sortBySection button {
        padding: 0
    }

    .sortBySection .switch {
        float: right
    }

    .sortByPrice {
        width: 50px
    }

    .breadcrumbContainer {
        padding: 20px 7px 0;
        margin: 30px 0 15px
    }

    .productDetails {
        margin: 0
    }

    .reviewsRatings {
        margin: 0
    }

    hr.main {
        margin-left: 0 !important;
        margin-right: 0 !important
    }

    .breadcrumbContainer .breadcrumb {
        margin-left: 12px
    }

        .breadcrumbContainer .breadcrumb .active {
            font-size: 18px
        }

        .breadcrumbContainer .breadcrumb .breadcrumb-item::before {
            display: none
        }

    .productDetails .content h4 {
        font-size: 18px
    }

        .productDetails .content h4 .companyText {
            display: block;
            margin-top: 10px
        }

    .productDetails .imageContainer {
        margin-bottom: 10px
    }

    #prodPreviewOnlyResponsive {
        margin-bottom: 5px
    }

    .productDetails .content {
        padding: 0 7px
    }

        .productDetails .content .ratingActions .actions {
            margin-left: 0;
            margin-top: 10px
        }

        .productDetails .content .ratingActions .badge {
            display: inline
        }

            .productDetails .content .ratingActions .badge img {
                margin-top: -3px
            }

        .productDetails .content .customSelections .size button {
            min-width: 90px
        }

            .productDetails .content .customSelections .size button:last-child {
                margin-right: 0
            }

    .reviewsRatings {
        padding: 7px
    }

        .reviewsRatings .reviews {
            margin: 0;
            padding: 0 !important;
            border-top: none
        }

    .productDetails .content .priceDetails h3 {
        font-size: 24px
    }

    .addToCompareBtn {
        margin-right: 20px
    }

    .emi-details .emi-col {
        padding: 0
    }

    .reviewsRatings h5 {
        font-size: 16px
    }

    .reviewsRatings .overallRating h2 {
        font-size: 20px
    }

    .reviewsRatings .ratings .specificRating img {
        margin-top: -4px
    }

    .reviewsRatings .reviews .specificReview {
        margin-bottom: 20px
    }

    .checkoutBlock {
        padding: 15px
    }

    #nav-quickProdPreview-tabs {
        margin-bottom: 15px
    }

    .compareProductHeaderSection {
        padding: 20px 15px;
        margin-bottom: 10px
    }

    .compareProductsTable {
        padding: 0
    }

        .compareProductsTable .table {
            border-top: none
        }

            .compareProductsTable .table thead tr td {
                border-top: none;
                border-right: none !important
            }

            .compareProductsTable .table thead tr td, .compareProductsTable .table tr td {
                width: 33.33%;
                padding: 20px 24px
            }

                .compareProductsTable .table thead tr td:first-child, .compareProductsTable .table tr.clickable td:nth-child(2), .compareProductsTable .table tr:not(.clickable) td:first-child {
                    display: none
                }

            .compareProductsTable .table tr.clickable td:first-child {
                white-space: nowrap
            }

            .compareProductsTable .table tr.clickable td {
                padding: 8px 10px
            }

    .compareHeaderDescription, .compareHeaderPrice {
        font-size: 12px;
        text-align: center
    }

    .mainsearchBarCompare.mainsearchBar {
        font-size: 12px;
        padding-right: 30px;
        margin-top: 30px;
        background: #f5f5f5;
        height: 35px
    }

        .mainsearchBarCompare.mainsearchBar::placeholder {
            font-size: 12px
        }

    .mainsearchBarCompare + .mainsearchBarBtn {
        display: block;
        top: 35px !important;
        right: 12px
    }

        .mainsearchBarCompare + .mainsearchBarBtn img {
            width: 12px !important
        }

    .compareItemNotAdded {
        padding-left: 15px !important;
        padding-right: 7px !important
    }

    .compareClose {
        top: 3px;
        right: 15px
    }

    .ratingContainerResponsive img {
        width: 12px
    }

    .categoryMainSection {
        margin-top: 60px
    }

    .fearuredProductDesc {
        padding: 10px 8px
    }

    .fearuredProductName {
        display: block
    }

    .fearuredProductInfo {
        float: none;
        display: block
    }

    .featuredProduct {
        margin-bottom: 13px
    }

    .featuredBrands {
        width: 75%
    }

        .featuredBrands a img {
            margin-bottom: 10px
        }

    .featuredCategories a {
        display: block
    }

    .filterHeader button {
        display: none !important
    }

    .confirm-order {
        padding: 15px;
        padding-top: 30px;
        padding-bottom: 50px
    }

    .orderHeaderSection {
        padding: 20px 15px
    }

    .orderDetailsItem {
        padding-left: 15px;
        padding-right: 15px
    }

    .orderId {
        font-size: 14px;
        margin-bottom: 10px
    }

    .orderStatusSection {
        padding: 0 15px
    }

    .storeLocator {
        padding: 20px 15px
    }

    .storeLocatorMain {
        background-size: 75%;
        background-position: 50% 50%;
        padding: 30px 20px
    }

    .storeLocatorSearchSection h3 {
        font-size: 30px
    }

    .storeLocatorSearchSection input {
        width: 100%
    }

    .storeLocatorMainMap {
        box-shadow: none
    }

    .address {
        padding-left: 0;
        padding-right: 0
    }

    .navigateBtn {
        position: relative;
        margin-top: 10px
    }

    .contactUs {
        padding-left: 15px;
        padding-right: 15px
    }

    .contactUsForm {
        margin-bottom: 50px
    }

    .aboutUsContact {
        padding: 10px 10px
    }

        .aboutUsContact h2, .contactUsForm h2 {
            font-size: 30px;
            margin-bottom: 20px !important
        }

    .offersAndPromotions {
        padding: 20px 15px 50px 15px
    }

    .termsAndConditions {
        padding: 22px 0 30px 0;
        width: 100%
    }

    .listTermsOfUse li {
        margin-left: 15px;
        padding-left: 7px
    }

    .termsAndConditions .nav-pills {
        overflow-x: auto;
        white-space: nowrap;
        display: block
    }

        .termsAndConditions .nav-pills .nav-item {
            display: inline-block
        }

    .termsAndConditions .tab-content {
        padding: 25px 20px 50px 20px
    }

    .termsAndConditions h2 {
        font-size: 30px;
        margin-bottom: 30px
    }

    .blogListing {
        padding: 20px 15px
    }

    .blogHeader {
        font-size: 30px;
        margin-bottom: 20px
    }

    .blogSearchBar {
        display: block !important;
        height: 50px
    }

    .blogSearchBtn {
        display: block !important;
        top: 3px
    }

    .blogBox p {
        padding: 10px 15px
    }

    .blogDetails {
        margin: 0 auto;
        padding: 20px 15px;
        width: 100%
    }

        .blogDetails h2 {
            font-size: 30px
        }

    .ratingsMainSection .productDetails .imageContainer {
        max-height: 100%;
        height: auto;
        margin-left: 6px
    }

    .ratingsMainSection .productDetails .content .ratingActions .badge, .ratingsMainSection .productDetails .content .ratingActions .noReviews {
        display: none
    }

    .ratingsMainSection .productDetails .content h4 .companyText {
        display: none
    }

    .ratingsMainSection .productDetails .content {
        padding-left: 21px
    }

        .ratingsMainSection .productDetails .content .ratingActions {
            margin-top: 10px
        }

        .ratingsMainSection .productDetails .content .priceDetails {
            margin-top: 20px
        }

    .reviewsRatingsAll .ratings .specificRating .progress {
        width: 100%
    }

    .buyingGuideMain {
        padding: 20px 15px 100px 15px;
        width: 100%
    }

    .buyingGuideProduct {
        min-width: calc(50vw - 25px);
        min-height: calc(50vw - 25px)
    }

    .buyingGuideMain .mainsearchBarBtn {
        top: -2px
    }

    .stickyBar {
        padding: 20px
    }

    .buyingGuideRedirectUrl {
        left: 5px;
        top: 20px
    }

    #regForm {
        margin: 0;
        padding: 10px 4px 20px;
        width: 100%;
        min-width: 300px
    }

    .preBookSection .mainsearchBarBtn {
        top: -3px;
        right: 25px
    }

    #corporateSales .modal-dialog, #preBookModal .modal-dialog, #socialShareModal .modal-dialog {
        width: 100%;
        margin: 0
    }

    #preBookModal .modal-content {
        border-radius: 0;
        border: none;
        min-height: 100vh
    }

    #preBookModal .close {
        width: 25px;
        margin-top: -15px;
        margin-right: 0;
        opacity: 1
    }

    .corporateAlert {
        background: 0 0
    }
}

@media (max-width:991px) {
    .cardItemsContent .itemDetails .priceDetails .row {
        margin-left: 125px
    }

    #addressAdded .primaryBtn {
        margin-left: 40px !important
    }

    .verified {
        top: 96px
    }

    .formField > input {
        margin-bottom: 4px
    }

    .confirm-order {
        padding: 15px;
        padding-top: 30px;
        padding-bottom: 50px
    }

    .myAccountBlock {
        padding: 18px 10px
    }

        .myAccountBlock > .row {
            border: 1px solid #ececec;
            border-radius: 4px;
            overflow: hidden
        }

    .accountTabs {
        display: none
    }

    .myAccountBlock .tab-pane, .myAccountBlock .tab-pane .card-header, .myAccountBlock .tab-pane .collapse.show, .myAccountBlock .tab-pane.fade.show .collapse.show {
        display: block;
        opacity: 1
    }

        .myAccountBlock .tab-pane .card-header {
            background-color: #fdf8e9;
            color: #f3b92c;
            border-top: 1px solid #ececec
        }

        .myAccountBlock .tab-pane:first-child .card-header {
            border-top: 0
        }

        .myAccountBlock .tab-pane .card-header.collapsed {
            color: #2e2d3f;
            background-color: #fff
        }

        .myAccountBlock .tab-pane.fade.show .collapse {
            display: none
        }

        .myAccountBlock .tab-pane .card-body {
            padding: 20px
        }

    .move-l8 {
        margin-right: 0;
        margin-left: 0
    }

    .mobile-alert-align {
        top: -28px;
        margin-bottom: -32px;
        font-size: 14px
    }

    .editModal .modal-dialog {
        margin: 0
    }

    .editModal h4 {
        font-size: 34px
    }

    .editModal .modal-content {
        min-height: 100vh;
        width: 100%;
        border: 0
    }

    .noAddress {
        margin: 24px auto
    }

    .mr-lg-4- {
        margin-right: unset
    }

    #addressAdded h4 {
        font-size: 16px
    }

    .wishListBlock .imgBlock {
        width: 22vw;
        height: 22vw
    }

    .wishlistHeaderSection {
        padding: 16px
    }

    .primaryBtn, .secondaryBtn, .tertiaryBtn {
        padding: 10px 14px
    }
}

@media (max-width:767px) {
    p.productName.ff-bold.lineoverflow {
        font-size: 12px
    }

    .existingUser {
        text-align: left !important;
        margin-left: 0 !important
    }

    .pr-xs-0 {
        padding-right: 0
    }

    .pl-xs-15 {
        padding-left: 15px
    }

    .pr-xs-15 {
        padding-right: 15px
    }

    .mb-xs-15 {
        margin-bottom: 15px
    }

    .mb-xs-20 {
        margin-bottom: 20px
    }

    .mb-xs-30 {
        margin-bottom: 30px
    }

    .hidden-xs {
        display: none !important
    }

    .visible-xs {
        display: block !important
    }

    .visible-xs-inline {
        display: inline !important
    }

    .text-xs-left {
        text-align: left !important
    }

    .blockbusterDealsItem {
        min-width: 75%
    }

    .blockbusteritemCard img {
        width: 70% !important
    }

    .w-xs-100p {
        width: 100%
    }

    #categoryLinks, #productLinks, #quickLinks {
        display: none
    }

    .getUsSetion {
        padding: 0 15px
    }

    .productLinksHeader, .quickLinksHeader {
        display: block;
        width: 100%;
        font-size: 16px;
        padding: 24px 15px;
        margin-bottom: 0;
        font-family: Roboto-Bold;
        border-top: 1px solid #ececec
    }

        .productLinksHeader img, .quickLinksHeader img {
            float: right;
            width: 12px;
            margin-top: 5px
        }

    .footerHeader {
        display: none
    }

    .quicklinksContainer {
        width: 100%;
        display: block;
        margin-bottom: 0;
        padding-left: 15px;
        padding-right: 15px
    }

    .quickLinksItem {
        width: 100%
    }

    .quickLinks {
        padding: 0
    }

    .quickLinksRow {
        padding: 0;
        padding-bottom: 20px
    }

    .quickLinksPartners {
        padding: 0 15px;
        border-top: 1px solid #ececec
    }

    .partnersSection {
        padding: 15px 0
    }

        .partnersSection a {
            margin-bottom: 15px
        }

    #categoryLinks, #quickLinks {
        margin-top: 0
    }

    .productDetails .imageContainer {
        height: calc(100vw - 14px)
    }

    .imgBlock {
        height: 82px;
        width: 82px
    }

    .cardItemsContent {
        padding: 10px
    }

        .cardItemsContent .itemDetails .priceDetails .row {
            margin-left: 75px
        }

    .imgBlock img {
        padding: 0;
        margin: 0;
        width: 90px !important
    }

    .paymentCardBody ul.nav {
        border: 0
    }

    .paymentContent {
        font-size: 14px;
        border-top: solid 1px #ebefe4
    }

    .paymentCardBody .nav-item a.nav-link.active::after {
        content: unset
    }

    .creditCard .radioTick.yellow:nth-child(2n-1) {
        margin-right: 0
    }

    .creditCard .radioTick.yellow {
        width: 100%;
        min-width: unset
    }

    .bottomBlock > button, .verifyButton {
        width: 100%;
        max-width: 140px
    }

    .UPIImages img + img {
        margin-left: 15px
    }

    #quickView .modal-dialog {
        max-width: 100%;
        margin-top: 30px
    }

    .prodHeaderDesc {
        height: 40px;
        overflow: hidden
    }

    .prodHeaderDesc {
        height: 35px;
        overflow: hidden;
        margin-bottom: 20px
    }

    #categorySection .recentlyViewedItemCard {
        height: calc(50vw - 15px)
    }

        #categorySection .recentlyViewedItemCard img {
            width: 60% !important
        }

    .wishlistHeaderSection {
        padding: 18px 8px
    }

        .wishlistHeaderSection .row {
            margin-left: -8px;
            margin-right: -8px
        }

    .carousel.brandPartner {
        font-size: 16px
    }

        .carousel.brandPartner .carousel-item {
            padding: 40px 8px 0
        }

    .brandImg {
        width: calc(50% - 6px);
        margin-right: 12px;
        margin-bottom: 12px;
        text-align: center
    }

        .brandImg img {
            width: 100% !important
        }

        .brandImg:nth-child(5n) {
            margin-right: 12px
        }

        .brandImg:nth-child(2n) {
            margin-right: 0
        }

    .carousel.brandPartner .carousel-item img.BrandBGC {
        background: 0 0 !important
    }

    .mobileMenu {
        display: block;
        width: 100%;
        position: fixed;
        top: 0;
        background: #ce242a;
        padding: 14px 15px 11px 15px;
        z-index: 2
    }
}

@media (min-width:768px) and (max-width:1279px) {
    .text-smd-left {
        text-align: left !important
    }

    #mobileMenu .modal-dialog {
        min-width: 50%;
        border-radius: 0;
        margin: 0
    }

    .blockbusterDealsItem {
        min-width: 40%
    }

    .blockbusteritemCard img {
        width: 50% !important
    }

    .hidden-sm {
        display: none
    }

    .visible-sm {
        display: block !important
    }

    .visible-sm-inline {
        display: inline !important
    }

    .quickLinksItem {
        width: 100%
    }

    .quickLinks {
        padding: 30px 15px
    }

    .partnersSection {
        padding: 0
    }

    .productDetails .imageContainer {
        height: calc(50vw - 10.5px)
    }

    #quickView .modal-dialog {
        max-width: calc(100% - 200px)
    }

    .prodHeaderDesc {
        height: 40px;
        overflow: hidden
    }

    #categorySection .recentlyViewedItemCard {
        height: calc(25vw - 15px)
    }

        #categorySection .recentlyViewedItemCard img {
            width: 70% !important
        }

    .addedCards, .addedCards:nth-child(2n-1) {
        width: 100%;
        margin-right: 0
    }

    .myAccountBlock h4 {
        font-size: 18px
    }
}

@media (min-width:360px) and (max-width:1279px) {
    .pl-xsm-0 {
        padding-left: 0
    }
}

@media (max-width:359px) {
    .sortBySection button {
        margin-right: 13px
    }

    .productDetails .content .bankDetails .tab-content .tab-pane .emi-details .emi-col .table-heading {
        font-size: 12px
    }

    .productDetails .content .bankDetails .tab-content .tab-pane .emi-details .emi-col ul li {
        font-size: 12px
    }

    .productDetails .content .bankDetails nav .nav-tabs a, .productDetails .content .productsDec nav .nav-tabs a {
        padding-left: 18px;
        padding-right: 18px
    }

    .mobileStickyNavbar {
        height: 100px
    }

    #productCategory .mobileStickyNavbar {
        height: 80px
    }

    .ratingContainerResponsive img {
        width: 9px
    }

    #categorySection {
        margin-top: 80px
    }
}

.navigationfixedtop {
    position: fixed;
    right: 0;
    left: 0;
    top: 77px;
    z-index: 99;
    width: 100%
}

.blog_img_con {
    height: 200px;
    display: block;
    margin: 0 auto;
    border-bottom: solid 1px #e9e9e9
}

.blogBox {
    border: solid 1px #e9e9e9
}

    .blogBox img {
        width: auto;
        max-width: 100%;
        max-height: 100%;
        display: block;
        margin: 0 auto
    }

    .blogBox p {
        border-bottom: none
    }

.blog_details_img {
    height: 400px;
    overflow-y: hidden;
    border: solid 1px #e9e9e9;
    margin-bottom: 20px
}

    .blog_details_img img {
        max-width: 100%;
        max-height: 100%;
        height: auto;
        width: auto !important;
        display: block;
        margin: 0 auto
    }

.blogBox p {
    height: 110px;
    overflow: hidden
}

.mb-xsm-20.selectSize label {
    width: 70px;
    text-align: center;
    height: 70px
}

.checkboxContainerImage .imageTooltip {
    position: absolute;
    top: 110%;
    left: 50% !important;
    font-size: 12px;
    font-family: Roboto-Regular;
    color: #968b8b;
    line-height: normal;
    transform: translate(-50%,0);
    -webkit-transform: translate(-50%,0);
    -moz-transform: translate(-50%,0);
    width: 100%
}

.customSelections .selectSize label img {
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    position: absolute
}

@media screen and (min-width:1000px) and (max-width:1025px) {
    nav#navbarSupportedContentSecondaryParent {
        padding: 9px 30px
    }

    #navbarSupportedContentSecondary ul li a {
        font-size: 13px
    }
}

@media only screen and (max-width:768px) {
    .prodImage img {
        height: 100%
    }

    #shopByCatgories.owl-carousel .owl-item img {
        height: 50%
    }

    .owl-carousel .owl-item img, .similarProducts owl-item img {
        height: 90%
    }

    .cartAccordion .imgBlock img {
        height: 100%
    }
}

footer .linksConainer a {
    font-size: 12px
}

.quickLinksItem {
    margin-bottom: 0
}

    .quickLinksItem a {
        font-size: 12px
    }

.quickLinksHeader {
    font-size: 12px
}

.seaocial_heads .quickLinksHeader {
    margin-bottom: 26px;
    text-transform: uppercase;
    color: #fff;
    display: block
}

.seaocial_heads .socialIcons.quicklinksContainer.mb20 a {
    display: block;
    color: #fff;
    font-size: 12px;
    margin-bottom: 10px;
    font-family: Roboto-Regular;
    text-decoration: none;
    vertical-align: middle
}

    .seaocial_heads .socialIcons.quicklinksContainer.mb20 a img {
        vertical-align: middle
    }

    .seaocial_heads .socialIcons.quicklinksContainer.mb20 a span {
        padding: 2px 10px 0;
        display: inline-block
    }

.quicklinksContainer p {
    font-size: 12px !important;
    margin-bottom: 0
}

    .quicklinksContainer p:nth-child(1) {
        margin-bottom: 10px
    }

.col-lg-4.col-sm-12.col-12.plr-xsm-0.order-lg-2.hr-xsm.lgColumnHalf.pr-sm-45.left_line_foot {
    border-left: 1px solid #fff;
    padding-left: 25px
}

.money_portals {
    float: right;
    text-align: right
}

    .money_portals a img {
        width: 45px;
        margin-left: 3px;
        height: 18px
    }

.quickLinksItem a, .quicklinksContainer p, .seaocial_heads .socialIcons.quicklinksContainer.mb20 a span {
    font-size: 12px;
    font-family: Roboto-Regular
}

a#topcartlink {
    padding: 0
}

    a#topcartlink img {
        width: 32px
    }

    a#topcartlink .shopingCartCoount {
        position: absolute;
        right: 6px;
        top: -6px;
        background: #f3b92c;
        color: #2e2d3f;
        width: 15px;
        height: 15px;
        font-family: Roboto-Bold;
        line-height: normal;
        border-radius: 50%;
        padding: initial;
        font-size: 11px;
        text-align: center;
        padding: 2px 0
    }

@media (max-width:767px) {
    .seaocial_heads span.quickLinksHeader {
        margin-bottom: 0
    }

    .seaocial_heads .socialIcons.quicklinksContainer.mb20 a {
        display: inline-block;
        text-align: left;
        float: left;
        padding-bottom: 10px
    }

    .col-lg-4.col-sm-12.col-12.plr-xsm-0.order-lg-2.hr-xsm.lgColumnHalf.pr-sm-45.left_line_foot {
        border-left: 0 solid #fff;
        padding-left: 0
    }

    a#topcartlink-mobile .shopingCartCoount {
        top: 0;
        right: 12px
    }

    a#topcartlink-mobile img {
        width: 45px
    }

    .row.mb50.mb-xsm-0.visible-xs-flex.mlr.partnersLogos-mobile {
        display: none
    }
}

@media screen and (min-width:1024px) and (max-width:1279px) {
    section.copyrightSection {
        width: 100%;
        float: left
    }

    .copyrightSectionInner {
        display: block !important
    }

        .copyrightSectionInner div:nth-child(1) {
            width: auto;
            float: left
        }

        .copyrightSectionInner div:nth-child(2) {
            width: auto;
            float: left
        }

    .col-lg-4.col-sm-12.col-12.plr-xsm-0.order-lg-1.lgColumnHalf.pl-sm-45.hr-sm {
        max-width: 35%
    }

    .seaocial_heads.col-lg-3.col-sm-12.col-12.plr-xsm-0.order-lg-1.lgColumnHalf.pl-sm-45.hr-sm {
        max-width: 20%;
        padding-left: 0;
        text-align: left
    }

    .socialIcons.quicklinksContainer.mb20 {
        text-align: left
    }

    .col-lg-4.col-sm-12.col-12.plr-xsm-0.order-lg-2.hr-xsm.lgColumnHalf.pr-sm-45.left_line_foot {
        max-width: 45%
    }

    .optionsSectionItem > .row > .col-md-2 {
        max-width: 25% !important
    }

    .col-12.col-lg-5.text-right.pl0.hidden-xs.hidden-sm.hiddenInGridView {
        display: block
    }

        .col-12.col-lg-5.text-right.pl0.hidden-xs.hidden-sm.hiddenInGridView .primaryBtn, .col-12.col-lg-5.text-right.pl0.hidden-xs.hidden-sm.hiddenInGridView .secondaryBtn {
            font-size: 11px;
            padding: 10px 15px
        }

    .col-12.col-lg-7.pl0.visible-xs.visible-sm.hiddenInGridView.mt10 {
        display: none !important
    }
}

@media screen and (min-width:768px) and (max-width:1279px) {
    #navbarSupportedContentSecondary .navbar-nav li:nth-child(1) .dropdown-content {
        left: 30%;
        transform: translateX(-30%)
    }

    .col-5.col-sm-5.visible-xs.visible-sm.pr10.text-right {
        display: none !important
    }

    .col-3.filterItems.hidden-xs.hidden-sm {
        display: block !important
    }

    .col-lg-9.itemsSection {
        max-width: 79%
    }

        .col-lg-9.itemsSection div#productsort {
            display: block;
            max-width: 50% !important;
            flex: 0 0 50%;
            padding-top: 10px
        }

    .col-lg-7.ipadpro-filtersection {
        max-width: 50%;
        flex: 0 0 58%
    }

    .col-lg-2.col-4.col-sm-5.visible-xs.visible-sm.pr10.text-right {
        display: none !important
    }

    .navigationfixedtop {
        z-index: 999
    }

    section.shopCategories .row.m0.hidden-xs.hidden-sm {
        display: flex
    }

    div#shopByCatgories {
        display: none !important
    }

    .optionsSectionItem {
        float: left;
        margin-bottom: 10px;
        width: 33.33%
    }

    .optionsSection {
        padding: 15px 15px;
        display: block;
        display: flex
    }

    .secondary-navbar .nav-item .nav-link {
        font-size: 13px
    }

    .secondary-navbar .dropdown-toggle::after {
        bottom: 21px
    }

    a#hplsignin + a {
        padding-left: 0
    }

    a#hplsignin {
        padding-right: 0;
        padding-left: 0
    }

    div#navbarSupportedContentSecondary ul {
        flex-direction: row
    }

    nav#navbarSupportedContentParent {
        display: block
    }

    body {
        margin-top: 118px
    }

    .mainsearchBar, .mainsearchBarBtn {
        display: block
    }

    nav#navbarSupportedContentSecondaryParent {
        display: block
    }

    nav#navbarSupportedContentSecondaryParent {
        display: block;
        top: 79px
    }
}

@media screen and (min-width:1025px) and (max-width:1080px) {
    .secondary-navbar .nav-item .nav-link {
        font-size: 13px
    }

    nav#navbarSupportedContentParent {
        padding: 15px
    }

    nav#navbarSupportedContentSecondaryParent {
        padding: 15px 15px 8px
    }
}

@media screen and (min-width:768px) and (max-width:1023px) {
    .primary-navbar .nav-link {
        font-size: 12px
    }

    nav#navbarSupportedContentParent {
        display: block;
        padding: 27px 15px 0 !important
    }

    .footerSubHeader {
        margin-bottom: 0;
        margin-top: 6px;
        font-size: 12px
    }

    .linksConainer strong.ff-bold.fs14 {
        font-size: 12px
    }

    .row.mlr-xsm-0.mb-xsm-30.mobileStickyNavbar {
        position: static;
        margin-bottom: 0
    }

    .col-lg-9.itemsSection div#productsort {
        display: block;
        max-width: 60% !important;
        flex: 0 0 60%;
        padding-top: 10px;
        padding: 10px 10px 0 0
    }

    #categorySection, #itemsSection, #itemsSection.gridViewActivated {
        margin-top: 0
    }

    .col-5.col-sm-5.visible-xs.visible-sm.pr10.text-right {
        display: none !important
    }

    .col-lg-7.ipadpro-filtersection {
        max-width: 40%;
        flex: 0 0 40%;
        padding-right: 0
    }

    .sortByAvailability, .sortByName, .sortByPrice {
        width: auto;
        text-align: left;
        padding-right: 10px !important
    }

    nav#navbarSupportedContentSecondaryParent {
        top: 79px
    }

    .col-3.filterItems.hidden-xs.hidden-sm {
        display: block !important;
        max-width: 27% !important;
        padding: 35px 15px 0;
        flex: 0 0 27% !important
    }

    .col-lg-9.itemsSection {
        max-width: 73%
    }

    .secondary-navbar .nav-item .nav-link {
        font-size: 12px;
        white-space: nowrap;
        padding-left: 0 !important
    }

    .optionsSectionItem .col-md-2 {
        max-width: 16% !important;
        flex: 0 0 16.666667% !important
    }

    .optionsSectionItem .pl-xsm-0 {
        padding-left: 30px
    }

    .optionsSection {
        padding: 15px 0
    }

    .navbar-brand {
        width: auto
    }

    div#navbarSupportedContentSecondary ul {
        flex-direction: row;
        width: 95%
    }

    a.compareLink {
        width: 20px;
        overflow: hidden;
        white-space: nowrap
    }
}

@media screen and (min-width:768px) and (max-width:1024px) {
    .col-lg-4.col-sm-12.col-12.plr-xsm-0.order-lg-1.lgColumnHalf.pl-sm-45.hr-sm {
        padding-left: 15px;
        max-width: 35%
    }

    .seaocial_heads.col-lg-3.col-sm-12.col-12.plr-xsm-0.order-lg-1.lgColumnHalf.pl-sm-45.hr-sm {
        max-width: 20%;
        padding-left: 0;
        text-align: left
    }

    .socialIcons.quicklinksContainer.mb20 {
        text-align: left
    }

    .col-lg-4.col-sm-12.col-12.plr-xsm-0.order-lg-2.hr-xsm.lgColumnHalf.pr-sm-45.left_line_foot {
        max-width: 45%
    }

    nav#navbarSupportedContentParent {
        display: block;
        padding: 15px 15px 8px
    }

    .mainsearchBar, .mainsearchBarBtn {
        display: block
    }

    nav#navbarSupportedContentSecondaryParent {
        display: block
    }

    nav#navbarSupportedContentSecondaryParent {
        display: block;
        padding: 5px 15px
    }
}

@media screen and (min-width:1023px) and (max-width:1100px) {
    nav#navbarSupportedContentSecondaryParent {
        display: block;
        top: 79px
    }
}

@media screen and (min-width:768px) {
    .copyrightSection {
        background: #303037;
        width: 100%;
        float: left
    }

    .copyrightSectionInner {
        display: block
    }

        .copyrightSectionInner div {
            width: auto;
            float: left
        }

            .copyrightSectionInner div:nth-child(2) {
                margin: 0 20px
            }

    .money_portals {
        text-align: right;
        float: right !important
    }
}

@media screen and (min-width:1279px) {
    input#mainsearchBar {
        width: 600px
    }
}

@media screen and (min-width:1430px) and (max-width:1500px) {
    .prodImage.o.prodOutOfStock {
        height: 234px
    }
}

.compareLink {
    display: none
}

@media screen and (min-width:768px) {
    .myAccountBlock {
        padding: 30px 50px
    }

    #signUp .modal-body {
        padding: 10px 40px 0 40px
    }

    #forgotPassword .modal-body h3 {
        font-size: 25px;
        font-family: Roboto-Bold;
        color: #2e2d3f;
        margin-bottom: 10px !important
    }

    section.sectionOne.pb100.pb-xs-30 {
        padding-bottom: 30px
    }

    #signIn .modal-body {
        padding: 10px 40px 10px 40px
    }

    .termsAndConditions p {
        margin-bottom: 10px
    }

    div#ProductReightContent .bankDetails nav {
        display: none
    }

    .productDetails .content .bankDetails + hr {
        margin: 10px 0 0
    }

    .productDetails .content .bankDetails, .productDetails .content .productsDec {
        margin-top: 15px
    }

    .breadcrumbContainer.row.breadcrumb-custom .d-flex.align-items-center a img {
        display: none
    }

    section.sectionOne + section.sectionOne.m-t-60 {
        margin-top: 0
    }

        section.sectionOne + section.sectionOne.m-t-60 .row.productDetails {
            margin-top: 20px
        }

    div#searchedResults .row.productDetails {
        margin-top: 20px
    }

    div#searchedResults ol.breadcrumb {
        margin-left: 0
    }

    .itemsSection .productListItem {
        padding-bottom: 0 !important
    }

    div#navbarSupportedContent ul.navbar-nav.mr-auto {
        width: 40%;
        margin: auto
    }

    form#form_quicksearch {
        width: 100%
    }

    input#mainsearchBar {
        width: 100%;
        padding-right: 40px
    }

    .orderSummary p {
        margin-bottom: 10px;
        display: flex
    }

    .col-lg-1.col-sm-1.col-2.quick-search-img {
        display: none
    }

    div#navbarSupportedContent a.navbar-brand {
        position: relative;
        top: -6px
    }

    .optionsSection {
        padding: 10px 35px 20px;
        display: flex
    }

    #categoryLinks, #quickLinks {
        margin-top: 10px
    }

    .seaocial_heads .quickLinksHeader {
        margin-bottom: 15px
    }

    .termsAndConditions h1, .termsAndConditions h2 {
        margin-bottom: 20px;
        font-size: 30px
    }

    .termsAndConditions h3 {
        font-size: 25px;
        font-weight: 700
    }

    .aboutUsContact {
        margin-bottom: 15px;
        padding: 25px 50px
    }

    .terms-block-title.padd-left-10.padd-right-10 hr {
        margin: 10px 0
    }

    .terms-block.gapp-20.padd-left-20.padd-right-20 br {
        display: none
    }

    .termsAndConditions {
        padding: 20px 0 0
    }

    .contactUs {
        padding: 40px 50px 0 !important
    }

    .prodImage img {
        padding-bottom: 20px
    }

    .productDetails .content .bankDetails, .productDetails .content .productsDec {
        margin-top: 15px !important
    }
}

.checkoutBlock select {
    height: 40px
}

.searchResults li p {
    margin-bottom: 0
}

ul#searchResults {
    max-height: 300px;
    height: auto !important;
    top: 32px !important
}

.socialIcons.quicklinksContainer.mb20 span, div#quickLinks a {
    font-family: Roboto-Regular !important
}

.checkoutBlock .pl-3.pt-top a {
    padding: 0 !important;
    position: relative;
    top: -2px
}

.checkoutBlock .pl-3.pt-1 a {
    position: relative;
    top: -4px
}

.empty-message {
    font-family: Roboto-Regular !important
}

btn-dropbtnHeader {
    background: url(https://cdn.bajajelectronics.com/images/user.svg) no-repeat;
    padding: .5rem .5rem .5rem 2rem !important;
    background-position-y: center !important;
    background-size: 22px !important
}

p.tcred {
    font-weight: 700
}

.col-lg-9.pr-lg-0.cart_changes div#itemsHead {
    display: none
}

.col-lg-9.pr-lg-0.cart_changes .d-lg-flex.d-none.cardItemHeader {
    background: #343a40;
    color: #fff;
    padding-top: 10px;
    padding-bottom: 10px
}