﻿.returnSectionSectionMain {
    padding: 30px 50px
}

.returnSection {
    border: 1px solid #e7e5e5;
    border-radius: 10px
}

.returnSectionHeader {
    padding: 23px 20px 23px;
    background: #fbfbfb;
    border-bottom: solid 1px #ebefe4;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px
}

.returnItemHeader {
    padding: 15px 20px 16px;
    border-bottom: 1px solid #ebefe4
}

    .returnItemHeader p {
        font-family: Roboto-Bold;
        font-size: 16px;
        margin-bottom: 0
    }

.returnItemDetails {
    padding: 20px;
    border-bottom: 1px solid #ebefe4
}

    .returnItemDetails p {
        font-family: Roboto-Bold;
        font-size: 14px;
        margin-bottom: 0
    }

.returnComments {
    padding: 20px;
    border-bottom: 1px solid #ebefe4
}

.formField > textarea {
    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
}

.returnComments p {
    font-family: Roboto-Bold;
    font-size: 16px
}

.sendItBackSection {
    padding: 20px
}

.sendItBackHeader {
    font-family: Roboto-Bold;
    font-size: 16px;
    margin-bottom: 20px
}

.descLabel {
    font-family: Roboto-Bold;
    font-size: 14px;
    margin-bottom: 0
}

.hightlightLabel {
    font-family: Roboto-Regular;
    font-size: 12px;
    margin-bottom: 0;
    color: #ce242a !important;
    line-height: 23px;
    margin-left: 10px
}

.returnAddressSection {
    border-radius: 4px;
    background-color: #f9f9f9;
    padding: 15px 20px;
    font-family: Roboto-Regular;
    font-size: 14px;
    line-height: 20px
}

.quantityDropdown {
    margin-top: 0 !important;
    margin-bottom: 0 !important
}

.quantityDropdownList {
    margin-top: -24px
}

.collapsedIcon {
    position: absolute;
    right: 20px;
    top: 30px;
    width: 20px;
    height: 20px;
    transform: rotate(180deg)
}

.orderDetailsSectionMultiHeader.collapsed > .collapsedIcon {
    transform: rotate(0)
}

a.orderId {
    text-decoration: none
}

.pb5 {
    padding-bottom: 5px
}

.pb100 {
    padding-bottom: 100px
}

.footerSeparator {
    margin-left: 10px;
    margin-right: 10px !important
}

.brandLogoTab {
    display: none;
    margin-top: 24px;
    padding-bottom: 24px;
    border-bottom: 1px solid rgba(224,224,224,.1)
}

.visible-xs-flex {
    display: none
}

.productsLinks {
    background-color: #f1f1f1
}

.footerSubHeader {
    font-family: Roboto-Bold
}

.linksConainer a {
    color: #2e2d3f !important
}

.linksConainer b {
    color: #2e2d3f !important
}

.partnersLogos a img {
    margin-bottom: 30px
}

.partnersLogos a {
    margin-right: 20px
}

    .partnersLogos a:last-child {
        margin-right: 0
    }

.allDealsMobile {
    display: none
}

.compareHeaderFixed {
    position: fixed;
    top: 152px;
    z-index: 2;
    background: #fff;
    width: calc(100% - 100px)
}

.copyrightSection {
    background: #303037
}

.copyrightSectionInner {
    display: grid;
    grid-template-columns: auto auto auto
}

.filterItems {
    border-right: none;
    position: relative
}

    .filterItems::after {
        content: "";
        width: 1px;
        height: 100vh;
        background: #ececec;
        display: block;
        position: absolute;
        top: 0;
        right: 0
    }

.visibleInGridView {
    display: none
}

.gridViewActivated .productListItem .visibleInGridView {
    padding-right: 15px;
    text-align: center !important;
    margin-top: 10px;
    display: block;
    height: 30px
}

.gridViewActivated .productListItem .prodHeaderDesc {
    height: 35px
}

.socialButtons .facebook, .socialButtons .google {
    padding: 12px
}

.storeLocatorMainMap {
    box-shadow: 0 10px 30px 0 rgba(0,0,0,.06);
    border: solid 1px #e7e7e7;
    background-color: #fff;
    border-radius: 4px
}

.storeLocatorLabel {
    font-family: Roboto-Bold;
    font-size: 40px;
    color: #2e2d3f;
    line-height: normal;
    margin-top: 20px;
    margin-bottom: 10px
}

.navAddressSection .card {
    border: none
}

    .navAddressSection .card:first-child {
        border: none
    }

.navAddressSection .card-header {
    padding: 10px 15px;
    background: #fff;
    border: none
}

    .navAddressSection .card-header::before {
        background-image: none !important
    }

.navAddressSection .card:last-child .card-header.collapsed::before {
    display: none
}

.navAddressSection .card-header.collapsed::before {
    background-image: none !important;
    width: calc(100% - 55px);
    height: 1px;
    background: #e7e7e7;
    left: 55px;
    position: absolute;
    bottom: 0;
    top: inherit
}

.navAddressSection .card-header[aria-expanded=true] .notActive {
    display: none
}

.navAddressSection .card-header.collapsed .activated, .navAddressSection .card-header[aria-expanded=false] .activated {
    display: none
}

.compareInsideButtons {
    display: grid;
    grid-template-columns: auto auto
}

    .compareInsideButtons .primaryBtn, .compareInsideButtons .secondaryBtn {
        padding: 10px 8px
    }

.priceCompare {
    font-family: Roboto-Bold;
    font-size: 18px;
    color: #2e2d3f;
    line-height: normal;
    margin-bottom: 16px
}

.compareHeaderImage {
    background: #f5f5f5;
    height: 110px;
    width: 110px;
    display: grid;
    align-items: center;
    justify-content: center;
    margin-left: auto;
    margin-right: auto;
    border-radius: 4px
}

.compareProductsTable table td:last-child {
    border-right: none !important
}

.compareProductsTable thead td {
    padding: 24px 20px 14px !important;
    border-top: none
}

.compareCriteria select {
    border: none;
    border-radius: 4px
}

.productDropdown select {
    font-size: 14px;
    border-radius: 4px;
    border: solid 1px #ececec;
    background-color: #fff
}

.cartLabel a {
    border-color: #f3b92c;
    color: #f3b92c !important;
    background-color: transparent !important
}

.primaryBtnLink {
    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;
    text-decoration: none
}

    .primaryBtnLink:hover {
        text-decoration: none
    }

.productDetails .content .bankDetails {
    margin-top: 20px
}

.productDetails .content .customSelections .size button {
    padding: 0
}

.selectSize button.active {
    border: solid 1px #ffcece !important;
    background-color: snow !important
}

    .selectSize button.active label {
        color: #ce242a
    }

.productDetails .content .customSelections .size button label {
    padding: 12px;
    text-align: center
}

    .productDetails .content .customSelections .size button label .checkmark {
        right: 7px !important;
        top: 10px
    }

.checkboxContainerImage {
    border: 1px solid #968b8b;
    padding: 10px 15px;
    margin-right: 10px;
    margin-top: 0;
    margin-bottom: 0;
    border-radius: 4px;
    margin-bottom: 10px
}

    .checkboxContainerImage .checkmark {
        border-radius: 50%;
        left: initial;
        right: -5px;
        top: -7px;
        display: none
    }

    .checkboxContainerImage input:checked ~ .checkmark {
        background: #ce242a;
        border-color: #ce242a;
        display: block
    }

    .checkboxContainerImage .imageTooltip {
        position: absolute;
        bottom: -22px;
        left: 10px;
        font-size: 12px;
        font-family: Roboto-Regular;
        color: #2e2d3f;
        line-height: normal
    }

#productPreviewZoom .modal-footer {
    padding-top: 30px;
    padding-bottom: 32px;
    text-align: center;
    justify-content: center
}

.zoomedDesc {
    font-family: Roboto-Bold;
    font-size: 28px;
    margin-bottom: 0;
    line-height: 25px;
    color: #2e2d3f
}

.freeDelivery {
    font-size: 14px !important
}

.pagination {
    padding: 15px 30px;
    display: flex;
    background: #f4f4f5;
    max-width: 270px;
    width: 100%;
    margin-left: auto;
    margin-right: auto
}

    .pagination button {
        display: grid;
        align-items: center;
        justify-content: center;
        border: none;
        background: 0 0;
        padding: 4px 9px;
        width: 30px;
        height: 30px;
        color: #2e2d3f;
        margin-right: auto;
        margin-left: auto
    }

        .pagination button.active {
            background: #f3b92c;
            border-radius: 50%
        }

.outOfStockLabel {
    background: #ce242a
}

.brandsPartnerSection {
    padding: 30px 50px
}

.brandsPartnerSectionMain {
    display: grid;
    grid-template-columns: auto auto auto auto auto;
    margin-left: -12px;
    margin-right: -12px
}

.brandsPartnerSection .brandPartner {
    padding-left: 12px;
    padding-right: 12px;
    margin-bottom: 30px
}

    .brandsPartnerSection .brandPartner img {
        width: 100%
    }

.allDeals, .recentlyViewed, .telAudioSection {
    background: #f1f1f1
}

.gridViewActivated .prodImage:hover, .mobileItemCard:hover {
    box-shadow: 0 10px 30px 0 rgba(0,0,0,.1)
}

.storeLocatorMain {
    background-image: none
}

.tabContentAddress {
    height: 560px;
    overflow-y: auto
}

.hrAddress {
    border-bottom: 1px solid #ececec;
    width: calc(100% - 35px);
    margin-left: 35px
}

.navTabsMain li a {
    font-family: Roboto-Bold;
    padding: 15px 20px 12px;
    font-size: 16px;
    color: #2e2d3f;
    line-height: normal;
    text-decoration: none;
    display: block;
    margin-bottom: -1px
}

    .navTabsMain li a.active {
        background: #eaeaeb;
        border-bottom: 2px solid #2e2d3f
    }

.navTabsSecondary {
    border-bottom: none
}

    .navTabsSecondary li {
        width: 100%
    }

        .navTabsSecondary li a {
            width: 100%;
            padding: 5px 66px;
            background: #fff;
            display: block;
            font-family: Roboto-Regular;
            color: #2e2d3f;
            text-decoration: none
        }

            .navTabsSecondary li a.active {
                background: #fae9e9;
                color: #ce242a
            }

            .navTabsSecondary li a img {
                margin-top: -3px;
                margin-right: 20px
            }

            .navTabsSecondary li a .collpaseActiveIcon {
                display: none
            }

            .navTabsSecondary li a.active .collpaseActiveIcon {
                display: inline
            }

            .navTabsSecondary li a.active .collpaseIcon {
                display: none
            }

.collapseButton {
    background: 0 0;
    color: #000;
    border: none;
    font-family: Roboto-Bold;
    font-size: 16px;
    outline: 0 !important;
    box-shadow: none;
    display: block
}

    .collapseButton:hover {
        background: 0 0;
        color: #000
    }

    .collapseButton:active, .collapseButton:focus {
        outline: 0 !important;
        box-shadow: none !important;
        color: #000 !important;
        background-color: #fff !important;
        border-color: #fff !important
    }

    .collapseButton img {
        margin-right: 20px;
        margin-top: -3px
    }

button.collapseButton[aria-expanded=true] + .hrAddress {
    display: none
}

.addressMapSection {
    padding: 30px 35px
}

.addressesSection {
    height: 100%
}

.addressesSectionMap {
    height: 383px
}

.address {
    padding: 0
}

    .address h4 {
        font-size: 24px;
        color: #ce242a
    }

.addressInMobile {
    display: none;
    padding-left: 75px
}

.pt1 {
    padding-top: 1px !important
}

.cartLabel {
    display: none !important
}

.cartLabelActive {
    display: flex !important
}

.getinTouchLabel, .parternsLabel {
    font-size: 18px;
    color: #fff
}

.parternsLabel {
    margin-bottom: 20px;
    text-transform: uppercase
}

.productDetails .content .ratingActions .actions {
    margin-left: 0
}

.productDetails .content .priceDetails {
    margin-top: 10px
}

.productDetails .content .productsDec .tab-content .tab-pane ul li.dec-headings {
    color: #8e8e91
}

.productDetails .content .bankDetails .tab-content .tab-pane .emi-details .emi-col .table-heading {
    color: #8e8e91
}

.optionsSection .headerDesc {
    color: #8e8e91
}

.mobileItem .oldPrice, .recentlyViewedItem .oldPrice, .telAudioItem .oldPrice {
    color: #8e8e91
}

.breadcrumbContainer .totalProducts {
    color: #8e8e91
}

.preBookLabel {
    color: #8e8e91
}

.reviewLabel {
    color: #8e8e91
}

.termsAndConditions .nav-pills .nav-link {
    color: #8e8e91
}

.contactUsLabel {
    color: #8e8e91
}

.statusLabelThree {
    color: #8e8e91
}

.orderItemLabel {
    color: #8e8e91
}

.validityBlock {
    color: #8e8e91
}

label.input_label {
    color: #8e8e91
}

.grey {
    color: #8e8e91
}

.productDetails .content .productsDec .tab-content .tab-pane ul li.dec-headings {
    color: #8e8e91
}

.productDetails .content .bankDetails .tab-content .tab-pane .emi-details .emi-col .table-heading {
    color: #8e8e91
}

.breadcrumbContainer .totalProducts {
    color: #8e8e91
}

.nooofProducts, .sortByLabel {
    color: #8e8e91
}

.gridViewActivated .productListItem .discountedPrice {
    color: #8e8e91
}

.mainsearchBarCompare.mainsearchBar::placeholder {
    color: #8e8e91
}

.getintouchTextBox::placeholder {
    color: #8e8e91
}

.text-dec-none {
    text-decoration: none !important
}

#corporateSales .close, #preBookModal .close, #socialShareModal .close {
    margin-top: -15px;
    margin-right: 0
}

.cardDesign {
    height: 250px;
    position: relative;
    width: 100%;
    background: gray;
    padding: 20px 14px;
    border-radius: 4px;
    text-decoration: none
}

    .cardDesign h2 {
        font-family: Roboto-Bold;
        font-size: 33px;
        line-height: normal;
        margin-bottom: 15px;
        word-break: break-word
    }

    .cardDesign p {
        font-family: Roboto-Regular;
        font-size: 16px;
        line-height: normal
    }

    .cardDesign img {
        position: absolute;
        bottom: 10%;
        right: 0;
        max-width: 170px;
        padding-right: 10px
    }

.cardDesign-1 {
    background: #fadee5;
    color: #ff5c9d
}

.cardDesign-2 {
    background: #fcf8ae;
    color: #ffcf3d
}

.cardDesign-3 {
    background: #d3f6f5;
    color: #4fe6e4
}

.cardDesign-4 {
    background: #e0ecc8;
    color: #afe845
}

.cardDesign-5 {
    background: #e9e9e9;
    color: #616161
}

.cardDesign-6 {
    background: #ecddcd;
    color: #6c5c4b
}

.discount {
    color: #10ba56
}

.productDetails .content .priceDetails .offer:nth-child(2) {
    color: #10ba56
}

.productDetails .content .priceDetails P {
    line-height: 2
}

#notifyMeModal {
    padding: 0 !important
}

    #notifyMeModal .modal-header {
        border-bottom: none;
        padding: 30px 16px 8px
    }

    #notifyMeModal .close {
        width: 16px;
        padding: 0;
        margin-top: -15px;
        margin-right: 0
    }

    #notifyMeModal .modal-dialog {
        max-width: 100%;
        width: 60%;
        margin: 100px auto
    }

.whiteHeaderAbsoluteTwo {
    position: absolute;
    top: 220px
}

.whiteHeaderMultiple {
    position: fixed;
    top: -180px
}

    .whiteHeaderMultiple.whiteHeaderAbsolute {
        position: absolute
    }

.featuredProduct a {
    text-decoration: none
}

.fearuredProductDesc {
    padding: 11px 10px 11px 23px;
    position: relative;
    height: 60px
}

.featuredProduct-1 .fearuredProductDesc {
    background: #f9dee5;
    color: #2e2d3f
}

.featuredProduct-2 .fearuredProductDesc {
    background: #e9e8c0;
    color: #2e2d3f
}

.featuredProduct-3 .fearuredProductDesc {
    background: #d2f0ef;
    color: #2e2d3f
}

.featuredProduct-4 .fearuredProductDesc {
    background: #e6edd6;
    color: #2e2d3f
}

.featuredProduct-5 .fearuredProductDesc {
    background: #e8e8e8;
    color: #2e2d3f
}

.featuredProduct-6 .fearuredProductDesc {
    background: #f4e5d5;
    color: #2e2d3f
}

.featuredProduct-7 .fearuredProductDesc {
    background: #f9dee5;
    color: #2e2d3f
}

.featureProductImg {
    height: 250px;
    display: grid;
    align-items: center;
    justify-content: center
}

.featuredProduct-1 .featureProductImg {
    background: #fff2f5
}

.featuredProduct-2 .featureProductImg {
    background: #fffddd
}

.featuredProduct-3 .featureProductImg {
    background: #efffff
}

.featuredProduct-4 .featureProductImg {
    background: #f9ffeb
}

.featuredProduct-5 .featureProductImg {
    background: #f2f2f2
}

.featuredProduct-6 .featureProductImg {
    background: #fef6ed
}

.featuredProduct-7 .featureProductImg {
    background: #fff2f5
}

#nav-quickProdPreview-tabs {
    position: relative
}

.collapseInnerClose {
    display: none
}

.quickLinks {
    background: #4a4a52
}

    .quickLinks .secondaryBtn {
        border: solid 1px #fff;
        background-color: #4a4a52;
        color: #fff !important
    }

.quickLinksHeader {
    color: #fff !important;
    text-transform: uppercase
}

.quickLinksItem a {
    color: #fff
}

    .quickLinksItem a:hover {
        color: #fff !important;
        text-decoration: underline
    }

.quickLinksRow {
    border-bottom: 1px solid rgba(224,224,224,.1)
}

.quicklinksContainer {
    width: 100%
}

    .quicklinksContainer p {
        color: #fff;
        font-family: Roboto-Regular;
        font-size: 14px
    }

.hr-section {
    margin-top: 0 !important;
    overflow: hidden
}

.orderDetailsSectionMulti {
    border: 1px solid #e7e5e5;
    margin-left: 50px;
    margin-right: 50px;
    border-radius: 10px
}

.orderDetailsSectionMultiHeader {
    position: relative;
    padding: 27px 20px 28px;
    background: #fbfbfb;
    border: solid 1px #e7e5e5;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    width: 100%
}

    .orderDetailsSectionMultiHeader.collapsed {
        border-radius: 10px
    }

.textColorBlack {
    color: #2e2d3f !important
}

@media (min-width:1600px) {
    .allDeals, .blockbusterDeals, .mobilePhones, .navbar-dark.navbar-bg, .navbar-expand-lg .navbar-collapse, .optionsSection, .recentlyViewed, .secondary-navbar, .sectionOne, .shopBrands, .shopCategories, .telAudioSection, footer {
        max-width: 1440px;
        margin-left: auto;
        margin-right: auto
    }

    .allDeals, .blockbusterDeals, .mobilePhones, .optionsSection, .recentlyViewed, .sectionOne, .shopBrands, .shopCategories, .telAudioSection {
        border-left: 1px solid #ececec;
        border-right: 1px solid #ececec
    }

    #corporateSales .modal-dialog, #preBookModal .modal-dialog, #preBookquickView .modal-dialog, #quickView .modal-dialog, #quickViewWthoutEmi .modal-dialog #termsofuse .modal-dialog, #signIn .modal-dialog, #signUp .modal-dialog, #socialShareModal .modal-dialog {
        width: 50%
    }

    hr.main {
        margin-left: 230px !important;
        margin-right: 230px !important
    }

    .hr-section {
        margin-top: 0 !important;
        overflow: hidden
    }

        .hr-section hr.main {
            max-width: 100%;
            margin: auto !important;
            margin-top: 20px !important;
            margin-bottom: 20px !important
        }
}

@media (min-width:1280px) {
    .partnersLogos {
        padding-bottom: 30px;
        margin-bottom: 30px
    }

    #preBookquickView .modal-body, #quickView .modal-body, #quickViewWthoutEmi .modal-body {
        padding: 10px 10px 10px 10px
    }

    .compareProductsTable table {
        border: none !important
    }

    .allCategories {
        padding-top: 80px
    }

    .subCategoryOffers {
        background: #f6f6f6;
        margin-left: -25px;
        margin-right: -25px;
        padding-left: 25px;
        padding-right: 25px
    }

    .subCategoryOffersAll {
        background: #f6f6f6;
        margin-left: -50px;
        margin-right: -50px;
        padding-top: 50px;
        padding-left: 50px;
        padding-right: 50px;
        border-top: 1px solid #ececec;
        border-bottom: 1px solid #ececec
    }

    .fearuredProductInfo {
        position: absolute;
        right: 10px;
        top: 50%;
        transform: translateY(-50%)
    }

    .fearuredProductName {
        position: absolute;
        top: 50%;
        left: 23px;
        transform: translateY(-50%)
    }

    .navAddressSection {
        border-right: 1px solid #ececec
    }

    .tabContentAddress::-webkit-scrollbar {
        width: 4px
    }

    .tabContentAddress::-webkit-scrollbar-thumb {
        background: #dedede;
        border-radius: 3px
    }

        .tabContentAddress::-webkit-scrollbar-thumb:hover {
            background: #ddd
        }
}

@media (min-width:768px) {
    .plr-smd-0 {
        padding-left: 0;
        padding-right: 0
    }
}

@media (max-width:767px) {
    .returnTableResponsive {
        overflow-x: scroll
    }

    .returnItemDetails, .returnItemHeader {
        min-width: 768px
    }

    .prodPreviewMobile {
        max-width: 100%;
        width: 100%
    }

    #quickViewMobile .close {
        opacity: 1;
        opacity: 1;
        width: 16px;
        padding: 0;
        margin-top: 0;
        margin-right: 0
    }

    #quickViewMobile .modal-header {
        border-bottom: none
    }

    #quickViewMobile .modal-dialog {
        margin: 0
    }

    #quickViewMobile .modal-content {
        border-radius: 0;
        border: none;
        height: 100%
    }

    #quickViewMobile .videoplayBtnImage {
        width: 50px !important;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translateX(-50%) translateY(-50%)
    }

    .pl-xs-0 {
        padding-left: 0
    }

    .mt-xs-15 {
        margin-top: 15px
    }

    .mb-xs-10 {
        margin-bottom: 10px
    }

    .visible-xs-flex {
        display: flex
    }

    .pb-xs-15 {
        padding-bottom: 15px
    }

    .pb-xs-30 {
        padding-bottom: 30px
    }

    .shopCategories {
        padding: 30px 0
    }

    .shopCategoriesRow {
        margin-left: 0;
        margin-right: 0
    }

    .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: 25vw;
        transform: translateY(-50%)
    }

    .allDealsMobile {
        display: grid;
        grid-template-columns: 50% 50%
    }

    .blockbusterDealsItemContainer {
        display: grid;
        grid-template-columns: auto auto;
        white-space: normal
    }

    .blockbusterDealsItem {
        min-width: 100%;
        padding-left: 6px;
        padding-right: 6px
    }

        .blockbusterDealsItem:not(:last-child) {
            margin-bottom: 30px
        }

    .blockbusteritemCard, .mobileItemCard, .recentlyViewedItemCard, .telAudioItemCard {
        height: 50vw;
        padding-top: 50%;
        padding-bottom: 50%;
        position: relative
    }

    .blockbusteritemCard {
        margin-bottom: 13px
    }

        .blockbusteritemCard img, .mobileItemCard img, .recentlyViewedItemCard img, .telAudioItemCard img {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%,-50%);
            max-width: 100%;
            padding: 10px;
            max-height: 100%
        }

        .blockbusteritemCard img {
            width: 100% !important
        }

    .blockbusterDealsItem p {
        font-size: 12px;
        line-height: normal
    }

    .blockbusterDealsItem a {
        font-size: 12px;
        line-height: normal
    }

    .allDealsMobile .dealItem {
        height: 50vw;
        padding: 11px 12px;
        position: relative;
        margin-left: 6px;
        margin-right: 6px
    }

        .allDealsMobile .dealItem:nth-child(1), .allDealsMobile .dealItem:nth-child(2) {
            margin-bottom: 12px
        }

        .allDealsMobile .dealItem p {
            font-size: 14px;
            line-height: normal;
            margin-bottom: 5px
        }

        .allDealsMobile .dealItem img {
            transform: translateX(-50%) translateY(-50%);
            left: 50%;
            position: absolute;
            top: calc(50% + 10px);
            height: 50%;
            padding-left: 10px;
            padding-right: 10px
        }

        .allDealsMobile .dealItem a {
            bottom: 12px;
            left: 11px;
            font-size: 12px
        }

    .compareCriteria select {
        font-size: 12px !important;
        padding: 7px
    }

    .compareCriteria::after {
        right: 5px
    }

    .productDropdown select {
        padding: 7px;
        font-size: 12px
    }

    .productDropdown::after {
        right: 5px
    }

    .compareProductsTable table {
        width: 250vw
    }

    .compareProductsTable thead td {
        padding: 24px 5px 14px !important
    }

    .text-xs-center {
        text-align: center
    }

    .existingUser {
        text-align: center
    }

    #offersAndPromotions .recentlyViewedItemCard {
        height: calc(50vw - 15px)
    }

        #offersAndPromotions .recentlyViewedItemCard img {
            width: 60% !important
        }

    .brandsPartnerSectionMain {
        grid-template-columns: auto auto
    }

    #signIn .modal-dialog, #signUp .modal-dialog {
        margin: 0
    }

    #signIn .modal-content, #signUp .modal-content {
        border: none;
        border-radius: 0;
        min-height: 100vh
    }

    .modalImage {
        display: none
    }

    .socialButtons {
        display: flex
    }

        .socialButtons button {
            width: 50%
        }

    .productLinksHeader {
        background: #4a4a52;
        color: #fff !important;
        text-transform: uppercase
    }

    .productLinksHeader, .quickLinksHeader {
        font-size: 14px;
        border-top: 1px solid rgba(224,224,224,.1)
    }

    .getinTouchLabel, .parternsLabel {
        font-size: 14px
    }
}

@media (min-width:768px) and (max-width:1279px) {
    .mobileMenuFlex {
        display: grid;
        grid-template-columns: repeat(18,1fr) !important;
        grid-template-areas: "a b b c c c c c c c c c c c c c c d" !important
    }

    .mobileMenuItem:nth-child(1) {
        text-align: left !important
    }

    .ptb-sm-0 {
        padding-top: 0;
        padding-bottom: 0
    }

    .pt-sm-20 {
        padding-top: 20px !important
    }

    .pl-sm-45 {
        padding-left: 45px
    }

    .pr-sm-45 {
        padding-right: 45px
    }

    .partnersLogos {
        display: flex !important
    }

    .hr-sm {
        border-bottom: 1px solid rgba(224,224,224,.1)
    }

    #quickViewWthoutEmi .modal-dialog {
        max-width: calc(100% - 200px)
    }

    .compareProductsTable table {
        width: 125vw
    }

    .quickLinks {
        padding: 0
    }

    .quickLinksRow {
        padding: 30px 0 0 0
    }

    .quickLinksItem {
        width: 100%
    }

    .lgColumnHalf {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }

    .lgColumnFull {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }

    .lgColumnOrderZero {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }

    .brandLogoTab {
        display: block
    }
}

@media (max-width:1279px) {
    .returnSectionSectionMain {
        padding: 30px 15px !important
    }

    #quickViewMobile .close {
        opacity: 1;
        opacity: 1;
        width: 16px;
        padding: 0;
        margin-top: 0;
        margin-right: 0
    }

    #quickViewMobile .modal-header {
        border-bottom: none
    }

    #signIn .modal-dialog, #signUp .modal-dialog {
        max-width: calc(100% - 60px)
    }

    .mobileMenu {
        z-index: 10
    }

    #signIn .modal-dialog, #signUp .modal-dialog {
        max-width: calc(100% - 60px) !important;
        margin-top: 30px !important
    }

    .mobileMenuFlex {
        display: grid;
        grid-template-columns: repeat(9,1fr);
        grid-template-areas: "a b c c c c c c d"
    }

    .mobileMenuItem {
        position: relative;
        text-align: center
    }

        .mobileMenuItem .nav-link {
            padding: 0 !important
        }

        .mobileMenuItem:nth-child(1) {
            grid-area: a;
            text-align: left !important;
            padding: 7px 0
        }

        .mobileMenuItem:nth-child(2) {
            grid-area: b;
            text-align: left;
            padding: 5px 0
        }

        .mobileMenuItem:nth-child(3) {
            grid-area: c;
            padding: 0 0 0 10px
        }

        .mobileMenuItem:nth-child(4) {
            grid-area: d;
            text-align: right !important;
            padding: 7px 0
        }

    .mainsearchBarBtnMobile, .mainsearchBarMobile {
        display: block;
        margin-top: 0
    }

    .gridViewActivated .productListItem .prodHeaderDesc a {
        padding-left: 0;
        -webkit-line-clamp: 2
    }

    .compareCriteria select {
        font-size: 14px
    }

    tbody.collapse {
        display: table-row-group
    }

    .clickable {
        display: none
    }

    .compareProductsTable {
        width: 100%;
        overflow-x: scroll
    }

        .compareProductsTable .table thead tr td, .compareProductsTable .table tr td {
            padding: 9px 16px !important;
            font-size: 14px !important
        }

            .compareProductsTable .table thead tr td:first-child, .compareProductsTable .table thead tr td:last-child, .compareProductsTable .table tr.clickable td:nth-child(2), .compareProductsTable .table tr.clickable td:nth-child(3), .compareProductsTable .table tr:not(.clickable) td:first-child, .compareProductsTable .table tr:not(.clickable) td:last-child {
                display: table-cell
            }

    .storeLocator {
        padding: 35px 0 10px 0
    }

    .storeLocatorLabel {
        font-size: 24px;
        margin-top: 30px;
        margin-bottom: 20px;
        padding-left: 15px;
        padding-right: 15px
    }

    .storeLocator > .prodDesc {
        padding-left: 15px;
        padding-right: 15px
    }

    .priceCompare {
        font-size: 14px
    }

    .compareInsideButtons {
        grid-template-columns: auto
    }

        .compareInsideButtons button:first-child {
            margin-right: 0;
            margin-bottom: 10px
        }

    .productDetails .content .customSelections .size button {
        min-width: 95px
    }

        .productDetails .content .customSelections .size button label {
            padding: 12px 20px 12px 3px
        }

    #notifyMeModal .modal-dialog {
        width: 100%;
        margin: 0
    }

    #notifyMeModal .modal-content {
        border-radius: 0;
        border: none;
        min-height: 100vh
    }

    #notifyMeModal .close {
        width: 25px;
        margin-top: -15px;
        margin-right: 0;
        opacity: 1
    }

    #quickViewWthoutEmi .modal-dialog {
        max-width: 100%;
        margin-top: 30px
    }

    .subCategoryOffers {
        background: #f6f6f6;
        padding-top: 25px
    }

    .specificBrand {
        margin-top: 80px;
        padding-left: 15px;
        padding-right: 15px
    }

        .specificBrand .mobileItemCard {
            height: 50vw
        }

    .fearuredProductName br {
        display: none
    }

    .fearuredProductDesc {
        padding: 10px
    }

    .featureProductImg img {
        width: 100%
    }

    .cardDesign {
        height: 225px
    }

        .cardDesign h2 {
            font-size: 22px
        }

        .cardDesign p {
            font-size: 14px
        }

        .cardDesign img {
            width: 45% !important
        }

    .cartLabelActive {
        position: fixed;
        z-index: 4;
        background: #fff
    }

    .storeLocatorMainMap {
        box-shadow: none;
        border: none
    }

    .navTabsMain {
        padding-left: 5px;
        padding-top: 0
    }

    .navTabsSecondary li a {
        padding: 5px 45px
    }

        .navTabsSecondary li a.active {
            background: 0 0;
            color: #2e2d3f
        }

    .navTabsSecondary li.collapseOpenMobile a.active {
        color: #ce242a
    }

        .navTabsSecondary li.collapseOpenMobile a.active + .addressInMobile {
            display: block
        }

    .collapseButton {
        padding: 10px 5px
    }

        .collapseButton img {
            margin-right: 10px
        }

    .navTabsSecondary li a img {
        margin-right: 10px
    }

    .tabContentAddress {
        padding-top: 0
    }

    .brandsPartnerSection {
        padding: 16px
    }

    .checkboxContainerImage .imageTooltip {
        left: 7px
    }

    .navAddressSection .card-header {
        padding: 10px 15px
    }

        .navAddressSection .card-header[aria-expanded=true] {
            padding-bottom: 0
        }

        .navAddressSection .card-header.collapsed::before {
            width: calc(100% - 35px);
            left: 35px
        }

    .navTabsSecondary li a .collpaseIcon {
        display: none
    }

    .collapseInnerClose {
        display: inline
    }

    .collapseOpenMobile .collapseInnerClose {
        display: none
    }

    .navTabsSecondary li a .collpaseActiveIcon {
        display: none !important
    }

    .navTabsSecondary li.collapseOpenMobile a .collpaseActiveIcon {
        display: inline !important
    }

    .hr-xsm {
        border-bottom: 1px solid rgba(224,224,224,.1)
    }

    .copyrightSectionInner {
        grid-template-columns: auto
    }

        .copyrightSectionInner div {
            text-align: center
        }

            .copyrightSectionInner div:not(:last-child) {
                margin-bottom: 10px;
                text-align: center
            }

    .orderDetailsSectionMulti {
        margin-left: 10px;
        margin-right: 10px
    }

    .orderDetailsSectionMultiHeader {
        padding: 14px 10px
    }

    .orderDetailsSectionMulti .orderId {
        margin-bottom: 5px
    }

    .text-xs-right {
        text-align: right
    }

    .orderPlacedMb {
        margin-bottom: 18px !important
    }

    .totalAmountMb, .totalItemMb {
        margin-bottom: 0 !important
    }

    .shopingCartCoount {
        right: -6px
    }
}

@media (max-width:767px) {
    #signIn .modal-dialog, #signUp .modal-dialog {
        max-width: 100% !important;
        margin-top: 0 !important
    }

    .mainsearchBarBtnMobile {
        right: 10px;
        top: 7px
    }

    .mainsearchBarMobile {
        height: 40px;
        padding: 10px 30px 10px 9px
    }

    .shopingCartCoount {
        right: -6px
    }
}

@media (max-width:359px) {
    .fearuredProductDesc {
        padding: 10px 4px;
        font-size: 13px
    }
}

@media (max-width:1365px) and (min-width:1024px) {
    .dealItem img {
        max-width: 80% !important
    }

    #signIn .modal-dialog, #signUp .modal-dialog {
        max-width: 900px
    }
}
