h4 {
    line-height: 35px;
}

.innerContent {
    background-color: var(--white) !important;
    padding-top: 45px !important;
}

.breadcrumb {
    background: var(--white);
    padding: 0px;
    font-size: var(--small-font);
    margin-bottom: 3px;
    line-height: 10px;
}

    .breadcrumb-item + .breadcrumb-item::before, .breadcrumb a, .breadcrumb-item.active {
        color: var(--gray);
    }

.Brand_n_Sold {
    font-size: var(--small-font);
    color: var(--gray);
    margin-bottom: 5px;
}

a.brnad {
    border: solid 1px var(--color-main);
    padding: 3px 10px;
    margin: 0 6px;
    border-radius: 14px;
    color: var(--color-main);
    text-decoration: none;
}

.proDetailStar {
    border-top: var(--var-grey-border);
    border-bottom: var(--var-grey-border);
    padding: 8px 0;
    margin-bottom: 15px;
}

    .proDetailStar ul {
        padding-left: 0px;
        margin-bottom: 0px;
    }

.list-inline-item:not(:last-child) {
    margin-right: 0px;
}

.list-inline-item .fa {
    color: var(--yellow);
    font-size: 18px;
}

.list-inline-item a {
    font-size: var(--small-second-font);
    color: var(--gray);
    margin-bottom: 0px;
    padding: 0 15px;
}

.list-inline-item:last-child {
    position: relative;
}

    .list-inline-item:last-child a::before {
        content: "|";
        position: absolute;
        left: -5px;
        top: 3px;
    }

p.offer-p {
    color: var(--dark);
    font-size: var(--font-forteen);
    margin-bottom: 5px;
}

h3.prdt-Price {
    font-weight: 700;
    color: var(--dark);
    margin-bottom: 15px;
}

    h3.prdt-Price span {
        font-size: var(--font-forteen);
        padding-left: 20px;
        font-weight: 400;
        text-decoration: line-through;
    }

p.stock-bdj span {
    border: solid 1px;
    padding: 3px 10px;
    border-radius: 14px;
    font-size: var(--font-forteen);
}

span.inStock-bdj {
    border-color: var(--success) !important;
    color: var(--success);
}

span.outStock-bdj {
    border-color: var(--danger) !important;
    color: var(--danger);
}

.categoryShopListnew h5 {
    font-weight: 700;
    margin-top: 20px;
    margin-bottom: 20px;
}

.categoryShopListnew {
    border-bottom: var(--var-grey-border);
}


p.offer-Tag {
    color: var(--dark);
    font-size: var(--small-second-font);
}

h6 {
    font-weight: 700;
    color: var(--gray);
}

.delivery select.custom-select {
    border-radius: 0px;
    width: 100%;
    max-width: 400px;
    font-size: var(--font-fifteen);
}

.delivery p.deliveryby {
    font-size: var(--small-second-font);
    margin-top: 8px;
    color: var(--dark);
}

.delivery, .options, .quanitity {
    margin-top: 25px;
}

    .options ul {
        float: left;
        width: 100%;
        padding-left: 0px;
    }

        .options ul li {
            float: left;
            list-style: none;
            border: var(--var-grey-border);
            margin-right: 6px;
            padding: 6px;
            display: table;
            font-size: var(--small-second-font);
            position: relative;
        }

            .options ul li.active {
                border-color: var(--color-main);
            }

            .options ul li a {
                position: absolute;
                width: 100%;
                height: 100%;
                top: 0;
                left: 0;
            }

            .options ul li img {
                display: table-cell;
                text-align: center;
                vertical-align: middle;
            }

.optionSet-one ul li {
    width: 65px;
    height: 65px;
}

.divTable {
    display: table;
    width: 100%;
    height: 100%;
}

.divTableCell {
    display: table-cell;
    vertical-align: middle;
}

.quanitity {
    float: left;
    margin-top: 20px;
}

    .quanitity h6, .quanitity h6 span {
        float: left;
    }

        .quanitity h6 span.textLabel {
            padding: 10px 15px 10px 0;
        }

    .quanitity .input-group {
        float: left;
        width: 225px;
        border: var(--var-grey-border);
    }

        .quanitity .input-group input {
            border-top: 0px;
            border-bottom: 0px;
        }

        .quanitity .input-group button {
            outline: none !important;
            box-shadow: none;
        }

.buttonSection {
    clear: both;
    padding-top: 20px;
}

    .buttonSection button {
        border-radius: 0px;
        font-size: var(--font-forteen);
    }

.productDetail-div {
    margin-top: 35px;
    margin-bottom: 30px;
    padding-top: 15px;
    max-width: 100% !important;
    height: auto !important;
}

    .productDetail-div img {
        max-width: 100%;
        height: auto !important;
    }

    .productDetail-div a {
        font-size: var(--small-second-font);
        padding-top: 15px;
    }

    .productDetail-div h6 {
        text-transform: uppercase;
        font-size: var(--font-forteen);
    }

    .productDetail-div ul {
        font-size: var(--small-second-font);
        margin-top: 0px;
        padding-left: 0px;
    }

        .productDetail-div ul li {
            list-style: none;
            padding-top: 25px;
            line-height: 22px;
        }

.fadeon:not(.showing) {
    opacity: 0;
}

.fadeon {
    transition: opacity .15s linear;
}

ul.offer li {
    list-style: none;
    font-size: var(--small-second-font);
    margin-top: 8px;
    color: var(--dark)
}

.addOnContent a {
    font-size: var(--small-second-font);
}

.addOnContent .offer {
    padding-left: 0px;
}

.addonRow {
    margin-top: 60px;
    margin-bottom: 20px;
}

    .addonRow .addOnCol {
        border: solid 1px var(--color-border-lite);
    }

        .addonRow .addOnCol:last-child {
            border-left: 0px;
        }

        .addonRow .addOnCol .addOnContent {
            padding: 30px;
        }

.frequentBrought {
    padding-left: 0px;
}

    .frequentBrought li {
        width: 22%;
        float: left;
        list-style: none;
        border: var(--var-grey-border);
        margin-right: 32px;
        position: relative;
    }

        .frequentBrought li::after {
            content: "\f067";
            font-family: 'FontAwesome';
            position: absolute;
            right: -23px;
            top: 42px;
            color: var(--gray);
        }

        .frequentBrought li:last-child::after {
            display: none;
        }

p.additionalPrice {
    font-size: var(--small-second-font);
    color: var(--color-main);
}

    p.additionalPrice span {
        font-size: var(--font-fifteen);
    }

.addOnContent button.btn-primary {
    border-radius: 0px;
    font-size: var(--font-forteen);
}

.freequentData p.checkFreequnt {
    font-size: var(--small-second-font);
    margin-bottom: 10px;
}

    .freequentData p.checkFreequnt label {
        margin-right: 11px;
        float: left;
    }

    .freequentData p.checkFreequnt .fa {
        padding-right: 10px;
    }

.freequentData {
    margin-top: 20px;
}
/* #trigger, #triggerTwo, #triggerSl1, #triggerSl2, #triggerSl3, #triggerSl4, #triggerSl5, #triggerSl6, #triggerSSl3, #triggerSSl2,
#triggerSBl3, #triggerSBl2, #triggerSOl3, #triggerSOl2, #triggerSDl3, #triggerSDl2{display: none; }
.checker {background-image: url(../images/check-btns.png);	background-position: left center;	background-size: 100%;	width: 20px; height: 23px;	background-repeat: no-repeat;	background-position: 0px 1px; }
#trigger:checked+.checker, #triggerTwo:checked+.checker , 
#triggerSSl2:checked+.checker , #triggerSSl3:checked+.checker,
#triggerSBl2:checked+.checker , #triggerSBl3:checked+.checker,
#triggerSOl2:checked+.checker , #triggerSOl3:checked+.checker,
#triggerSDl2:checked+.checker , #triggerSDl3:checked+.checker,
#triggerSl1:checked+.checker , #triggerSl2:checked+.checker , #triggerSl3:checked+.checker , #triggerSl4:checked+.checker , #triggerSl5:checked+.checker , #triggerSl6:checked+.checker 
{ background-position: 0px -27px;} */

/*--========================Cart Page Style=========================--*/
.cart table {
    margin-bottom: 30px;
}

    .cart table tr {
        background: var(--white) !important;
    }

        .cart table, .cart table tr th, .cart table tr td {
            border: none;
        }

            .cart table td, .cart table th {
                padding-left: 10px;
                padding-right: 10px;
            }

            .cart table th {
                border-bottom: var(--var-grey-border) !important;
                padding-bottom: 3px;
                padding-top: 10px;
                font-size: var(--font-forteen);
                color: var(--gray-dark);
            }

            .cart table td {
                vertical-align: top;
                border-bottom: var(--var-grey-border) !important;
                padding-bottom: 10px;
                padding-top: 20px;
            }

                .cart table td.productImg {
                    padding: 10px;
                    width: 100px;
                }

                    .cart table td.productImg img {
                        max-width: 100px;
                    }

                .cart table td.productName {
                    padding-right: 35px;
                    max-width: 325px;
                }

                    .cart table td.productName h5 {
                        font-size: 18px;
                        line-height: 30px;
                    }

            .cart table .priceTd {
                min-width: 120px;
                text-align: right;
            }

            .cart table .quanitity {
                max-width: 115px;
                margin-top: 0px;
                float: none;
                min-width: 115px;
            }

                .cart table .quanitity .input-group {
                    width: 100%;
                }

.optionSet-one-Selected, .optionSet-two-Selected {
    margin-bottom: 0px;
    font-size: var(--small-second-font);
    color: var(--gray);
    float: left;
}

    .optionSet-one-Selected span, .optionSet-two-Selected span {
        font-weight: 700;
        color: var(--secondary);
    }
/* .opSetCart{padding-left: 30px;} */
.opSetCart:last-child {
    padding-left: 20px;
}

a.cartRemove {
    float: right;
    font-size: var(--font-forteen);
    font-weight: 700;
    color: var(--secondary);
    margin-top: 10px;
    text-decoration: none;
}

    a.cartRemove .fa {
        margin-right: 5px;
        color: var(--red);
    }

    a.cartRemove:hover {
        color: var(--color-main) !important;
    }

.checkout-box {
    padding: 30px;
    background: var(--light);
    border: var(--var-grey-border);
}

    .checkout-box h6 {
        margin-bottom: 20px;
    }

ul.CheckOut {
    padding-left: 0px;
}

    ul.CheckOut li {
        list-style: none;
        margin: 5px 0;
        font-size: var(--small-second-font);
    }

        ul.CheckOut li span.crtPrice {
            float: right;
            font-weight: 700;
            color: var(--gray-dark);
        }

button.buyBtn, a.buyBtn, input.buyBtn {
    background: var(--color-main);
    color: var(--white);
    border: var(--var-grey-border);
    font-size: var(--font-forteen);
    width: 100%;
    padding: 10px 0;
    outline: none;
    display: block;
    text-align: center;
}

    button.buyBtn:hover, a.buyBtn:hover, input.buyBtn:hover {
        background: var(--color-threed);
    }

.CheckOut-Data {
    border-top: 0px;
    padding: 30px;
    background: var(--white);
    border: var(--var-grey-border);
    margin-bottom: 30px;
}

    .CheckOut-Data p {
        font-size: var(--small-font);
        color: var(--gray);
    }

.totalTR p {
    text-align: right;
    font-weight: 700;
}

    .totalTR p span.crt-amount {
        color: var(--color-main);
    }

.ProductTitle-ecli {
    display: block;
    display: -webkit-box;
    margin: 0 auto;
    font-size: 26px;
    line-height: 1.4;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.Product-list {
    padding-top: 0px;
    padding-bottom: 0px;
    background: #fff;
}

.productSlideList .item {
    display: inline-block;
    vertical-align: top;
    margin-bottom: 30px;
    padding-bottom: 30px;
    border-bottom: var(--var-grey-border);
}

    .productSlideList .item:last-child {
        margin-right: auto;
    }

    .productSlideList .item .DummySpace {
        display: none;
        position: absolute;
        top: 0;
        left: 100%;
        height: 1px;
        top: 100%;
        border-top: var(--var-grey-border);
    }

    .productSlideList .item:last-child {
        margin-right: auto;
    }

        .productSlideList .item:last-child .DummySpace {
            display: block;
        }
/* .productSlideList .item:nth-last-child(n+6){border: solid 1px #000;} */
/* .productSlideList .item:nth-child(n+1){border: solid 1px #f00;} */
.Product-list .addtocart {
    padding: 0 15px 20px 15px;
}

    .Product-list .addtocart button {
        width: 100%;
        font-size: var(--small-second-font);
        margin-bottom: 15px;
    }

p.pl-productName {
    font-size: var(--font-fifteen)
}

.padding-zero {
    padding: 0px;
}
/* .productSlideList .firstRow{border-bottom: double 1px var(--color-border-lite);} */
.sideFilter {
    border-right: var(--var-grey-border);
}

.SlideFilterHeadder {
    padding-top: 15px;
    padding-bottom: 15px;
    margin-bottom: 6px;
}

    .SlideFilterHeadder h4 {
        font-weight: 700;
        color: var(--dark);
        margin-bottom: 0px;
    }

        .SlideFilterHeadder h4 .fa {
            color: var(--gray);
        }

    .SlideFilterHeadder a {
        color: var(--gray);
        font-size: var(--font-forteen);
        padding-left: 5px;
        text-decoration: none;
    }

.sideFilter h4.panel-title {
    margin: 0px;
    font-size: var(--font-fifteen);
    border-top: var(--var-grey-border);
    padding: 5px 0;
}

    .sideFilter h4.panel-title a {
        color: var(--gray);
        text-transform: uppercase;
        font-weight: 600;
        text-decoration: none;
        width: 100%;
        display: block;
        cursor: pointer;
    }

.sideFilter .table td, .sideFilter .table th {
    border: none;
}

.sideFilter .table td {
    padding-top: 5px;
    padding-bottom: 5px;
}

.checkFreequnt label {
    float: left;
    padding-left: 20px;
}

    .checkFreequnt label span {
        margin-left: 5px;
        font-size: var(--font-forteen);
        color: var(--gray);
        cursor: pointer;
        min-width: 180px;
        float: left;
        text-align: left;
        padding-left: 24px;
    }

.checkFreequnt span {
    vertical-align: text-top;
}

.listPage-Head {
    padding-top: 30px;
    border-bottom: var(--var-grey-border);
}

    .listPage-Head h5 {
        font-weight: 700;
    }

    .listPage-Head .form-control {
        margin-top: -7px;
        border-radius: 0px;
        font-size: var(--small-second-font);
    }

    .listPage-Head .form-group label {
        text-align: right;
        padding-right: 0px;
        font-size: var(--font-forteen);
    }

.rightProDiv {
    min-height: 550px;
}

.ProimageSlide img {
    width: 100%;
}
/*--========================== Check out section ===========================--*/
ul.checkoutTabs {
    padding-left: 0px;
    margin-top: 30px;
}

    ul.checkoutTabs li {
        display: inline-block;
        position: relative;
        width: 160px;
        padding-top: 50px;
        font-size: var(--font-forteen);
    }

        ul.checkoutTabs li a {
            color: var(--gray);
            text-decoration: none;
            font-size: var(--small-second-font);
        }

            ul.checkoutTabs li a.fulLink {
                position: absolute;
                width: 50px;
                height: 50px;
                top: 0;
                left: calc(50% - 25px)
            }

        ul.checkoutTabs li.pending a {
            font-weight: 700;
        }

        ul.checkoutTabs li::before {
            content: "";
            width: 50px;
            height: 50px;
            border-radius: 50%;
            border: solid 3px var(--color-border-lite);
            background: var(--color-new-v1);
            position: absolute;
            left: calc(50% - 25px);
            top: 0px;
        }

.checkoutHead {
    text-align: center;
}

ul.checkoutTabs li.login.active::before, ul.checkoutTabs li.address.active::before, ul.checkoutTabs li.payMethod.active::before, ul.checkoutTabs li.order.active::before, ul.checkoutTabs li.payComplete.active::before {
    background: url(../images/tick.svg) no-repeat 8px 8px;
    background-size: 28px 31px;
    border-color: var(--color-main-second);
}

ul.checkoutTabs li.address::before {
    background-image: url('../images/checkout-icons.png');
    background-position: 0 0;
    opacity: .8;
}

ul.checkoutTabs li.payMethod::before {
    background-image: url('../images/checkout-icons.png');
    background-position: 0 -68px;
    opacity: .8;
}

ul.checkoutTabs li.order::before {
    background-image: url('../images/checkout-icons.png');
    background-position: -1px -142px;
    opacity: .8;
}

ul.checkoutTabs li.payComplete::before {
    background-image: url('../images/checkout-icons.png');
    background-position: -1px -220px;
    opacity: .8;
}

ul.checkoutTabs li.address.pending::before, ul.checkoutTabs li.payMethod.pending::before, ul.checkoutTabs li.order.pending::before {
    opacity: 1;
    background-color: var(--light);
    border-color: var(--color-main-second);
}

.checkOutInner {
    background: var(--white);
    padding: 30px;
    margin-top: 30px;
    margin-bottom: 30px;
}

    .checkOutInner h5 {
        font-weight: bold;
        color: var(--gray-dark);
    }

    .checkOutInner .newAddress p {
        font-size: var(--font-forteen);
        color: var(--gray);
    }

    .checkOutInner .btnCols {
        padding-top: 25px;
    }

.savedAddress p {
    font-size: var(--small-second-font);
    color: var(--gray);
}

.addressSaved {
    border: var(--var-grey-border);
    padding: 25px;
    margin-bottom: 5px;
}

    .addressSaved h5 {
        font-size: var(--font-fifteen);
    }

    .addressSaved p {
        margin-bottom: 2px;
    }

    .addressSaved button.btn-primary {
        font-size: var(--font-fifteen);
        margin-top: 8px;
    }

    .addressSaved button.deleteBtns {
        margin-top: 8px;
        box-shadow: none;
        color: var(--color-main);
    }

        .addressSaved button.deleteBtns:hover {
            color: var(--color-second);
        }

    .addressSaved .addressEdit {
        width: 100%;
        display: block;
        font-size: var(--small-second-font);
    }

    .addressSaved.active {
        border: var(--var-color-border);
        float: left;
        width: 100%;
    }

    .addressSaved > .defaultAddress {
        display: none;
    }

    .addressSaved.active > .defaultAddress {
        display: block;
        margin: -25px -25px 10px -25px;
        font-size: var(--small-second-font);
        padding: 16px 25px 9px 25px;
        border-bottom: solid 1px var(--color-main);
    }

    .addressSaved.active > button.deleteBtns {
        padding-left: 0px;
        font-size: var(--small-second-font);
        float: left;
        color: #007bff;
    }

        .addressSaved.active > button.deleteBtns .fa {
            margin-left: 8px;
        }

    .addressSaved > button.deleteBtns span {
        display: none;
        float: left;
    }

    .addressSaved.active > button.deleteBtns span {
        display: block;
    }

    .addressSaved.active > .addressEdit {
        float: left;
        width: 51%;
        margin-top: 6px;
        padding-top: 9px;
        text-decoration: none;
    }

    .addressSaved.active > .btn-primary {
        display: none;
    }

.custom-select {
    width: 100% !important;
    border-radius: .25rem !important;
    font-size: var(--font-fifteen);
}

.checkFreequnt label img {
    margin-top: 10px;
    max-width: 50px;
}

button.wishlsitBtn {
    outline: none;
    box-shadow: none !important;
    color: var(--gray);
}

    button.wishlsitBtn:hover {
        color: var(--color-main);
    }

    button.wishlsitBtn .fa {
        font-size: 22px;
    }

/* .videoCol{padding: 25px 55px 10px 55px;} */
.videoCol iframe {
    width: 100% !important;
    height: auto !important;
    min-height: 350px !important;
}
/* .show.showImgDiv {width: 400px; height: 400px;} */
.show.showImgDiv {
    width: 100%;
    height: 100%;
}

.registration {
    background: var(--white);
    padding: 60px;
    margin: 20px 0;
}

    .registration h4 {
        font-weight: 700;
        margin-bottom: 20px;
    }

    .registration p.login-link {
        text-align: center;
        margin-top: 30px;
        margin-bottom: 0px;
    }

        .registration p.login-link a {
            font-size: var(--small-font);
        }

.form-group {
    position: relative;
}

.validateFalse input {
    border-color: var(--red);
    -webkit-box-shadow: inset 0px 0px 6px 1px rgba(255,0,0,0.30);
    -moz-box-shadow: inset 0px 0px 6px 1px rgba(255,0,0,0.30);
    box-shadow: inset 0px 0px 6px 1px rgba(255,0,0,0.30);
}

    .validateFalse input:focus {
        border-color: var(--red);
        -webkit-box-shadow: inset 0px 0px 6px 1px rgba(255,0,0,0.30);
        -moz-box-shadow: inset 0px 0px 6px 1px rgba(255,0,0,0.30);
        box-shadow: inset 0px 0px 6px 1px rgba(255,0,0,0.30);
    }

span.validationMessage, span.errorMessage {
    font-size: var(--small-font);
    color: var(--red);
    position: absolute;
    right: 0;
    margin: 5px 0;
}

span.successMessage {
    font-size: var(--small-font);
    color: var(--green);
    position: absolute;
    right: 0;
    margin: 5px 0;
}


.validateFalse .helptext {
    display: none;
}

p.otpMessage {
    font-size: var(--font-forteen);
    margin-bottom: 35px;
}

    p.otpMessage a:hover {
        text-decoration: none;
        color: var(--color-main);
    }

    p.otpMessage span {
        font-weight: 700;
    }

p.otpMessageBotm {
    text-align: center;
    font-size: var(--small-second-font);
    color: var(--gray);
    margin-top: 50px;
    margin-bottom: 0px;
    padding: 0 30px;
}

    p.otpMessageBotm a:hover {
        text-decoration: none;
        color: var(--color-main);
    }

span.resendOtp {
    position: absolute;
    right: 0;
    font-size: var(--small-font);
    top: 5px;
}

    span.resendOtp a:hover {
        text-decoration: none;
        color: var(--color-main);
    }
/*--================your-account=====================--*/
.your-account {
    background: var(--white);
    margin-top: 15px;
    padding: 30px;
}

    .your-account a .account-box {
        padding: 15px;
        border: var(--var-grey-border);
    }

    .your-account a {
        text-decoration: none;
    }

        .your-account a .account-box p {
            font-size: var(--font-forteen);
            margin-bottom: 0px;
            color: var(--gray);
        }

            .your-account a .account-box p.notAvail {
                font-size: var(--small-font);
                margin-top: 3px;
            }

            .your-account a .account-box p.more {
                font-size: var(--small-font);
                margin-top: 3px;
                color: #007bff;
            }

        .your-account a .account-box.acAddress h6 {
            background: url(../images/icons/address.png) no-repeat -4px -3px;
            padding-top: 60px;
        }

        .your-account a .account-box.acOrder h6 {
            background: url(../images/icons/order.png) no-repeat;
            padding-top: 60px;
        }

        .your-account a .account-box.acPay h6 {
            background: url(../images/icons/pay.png) no-repeat;
            padding-top: 60px;
        }

        .your-account a .account-box:hover {
            background: var(--color-lite-Two);
        }

        .your-account a .account-box.disabled {
            opacity: .5;
            background: var(--white) !important;
        }
/*--================Odrer page ====================--*/
.order-cols {
    margin-top: 20px;
}

    .order-cols h5.title {
        font-weight: bold;
        color: var(--gray);
        margin-bottom: 5px;
    }

    .order-cols .breadcrumb {
        background: none;
    }

.order-group {
    margin-bottom: 15px;
}

    .order-group .cart table {
        margin-bottom: 0px;
    }

        .order-group .cart table td.productName h5 {
            font-size: var(--font-forteen);
        }

        .order-group .cart table td.productImg {
            max-width: 90px;
        }

        .order-group .cart table td.productName {
            max-width: 300px;
        }

        .order-group .cart table td.priceTd, .order-group .cart table td.quanitity {
            font-size: var(--font-forteen);
        }

            .order-group .cart table td.priceTd span {
                font-weight: 700;
            }

            .order-group .cart table td.quanitity span.delivered-date {
                font-size: var(--small-second-font);
                color: var(--gray);
            }

        .order-group .cart table td {
            padding-bottom: 5px;
            padding-top: 7px;
        }

        .order-group .cart table tr.tableFoot p {
            margin-bottom: 0px;
            font-size: var(--font-forteen);
            margin-top: 5px;
            margin-bottom: 8px;
        }

            .order-group .cart table tr.tableFoot p span {
                font-weight: 700;
            }

            .order-group .cart table tr.tableFoot p.ordTotal {
                text-align: right;
            }

        .order-group .cart table tr.tableFoot td {
            border-bottom: 0px !important;
        }

    .order-group tr.order-btns button {
        font-size: var(--font-forteen);
        border: none;
        margin-top: 2px;
        margin-bottom: 2px;
        padding: 5px 15px;
        outline: none;
    }

    .order-group tr.order-btns td.trackBtn {
        text-align: right;
    }

.order-DetailTable td.productImg {
    width: 120px;
}

.order-DetailTable td.progressTd {
    width: 60%;
}

.order-address h6 {
    color: var(--dark);
}

.order-address p.deliveryAddress, .order-address p.loyaltypoint {
    font-size: var(--font-forteen);
    margin-bottom: 0px;
}

    .order-address p.deliveryAddress span {
        font-weight: 700;
        color: var(--gray);
    }

.progress {
    height: 5px;
}

.progressContainer {
    position: relative;
    margin-top: 20px;
}

    .progressContainer .dots {
        position: absolute;
        width: 20px;
        height: 20px;
        border-radius: 50%;
        background: #e9ecef;
        top: -7px;
    }

    .progressContainer .progress-bar {
        background: var(--color-main);
    }

    .progressContainer .dots.active {
        background: var(--color-main);
    }

    .progressContainer .dots.dotszero {
        left: 0px;
    }

    .progressContainer .dots.dotstwofive {
        left: 33%;
    }

    .progressContainer .dots.dotsfivzero {
        left: 66%;
    }

    .progressContainer .dots.dotssevenfive {
        right: 0%;
    }

    .progressContainer .dots::before {
        font-size: 13px;
        top: -18px;
        position: absolute;
        color: var(--gray);
    }

    .progressContainer .dots.dotszero::before {
        content: "Order";
        left: 0;
    }

    .progressContainer .dots.dotstwofive::before {
        content: "Packed";
        font-size: 13px;
        left: -12px;
    }

    .progressContainer .dots.dotsfivzero::before {
        content: "Shipped";
        font-size: 13px;
        left: -12px;
    }

    .progressContainer .dots.dotssevenfive::before {
        content: "Delivered";
        font-size: 13px;
        left: -38px;
    }

    .progressContainer a.nav-item {
        color: #495057;
        background-color: #fff !important;
        border-color: #fff !important;
    }

.progressStatus {
    position: relative;
}

    .progressStatus .tab-pane {
        border-top: var(--var-grey-border);
        margin-top: 10px;
        padding-top: 15px;
    }

        .progressStatus .tab-pane.active::before {
            content: "";
            border-bottom: solid 8px var(--color-border-lite);
            border-left: solid 8px rgba(255,255,0,0);
            border-right: solid 8px rgba(0,255,255,0);
            top: -8px;
            position: absolute;
        }

        .progressStatus .tab-pane#nav-about.active::before {
            right: 0%;
        }

        .progressStatus .tab-pane#nav-contact.active::before {
            left: 66%;
        }

        .progressStatus .tab-pane#nav-profile.active::before {
            left: 33%;
        }

        .progressStatus .tab-pane#nav-home.active::before {
            left: 0%;
        }

        .progressStatus .tab-pane p {
            font-size: var(--small-second-font);
            padding-left: 10px;
            padding-right: 10px;
        }

.order-group p.Brand_n_Sold {
    margin-bottom: 2px;
}

.order-group p.ordDetPrice {
    margin-bottom: 5px;
    font-size: var(--small-second-font);
    font-weight: bold;
}

.order-group p.ordDetQty {
    margin-bottom: 0px;
    font-size: var(--small-second-font);
}

.order-group .productName h5.ProductTitle-ecli {
    line-height: 22px;
}

.order-group table tr.orderItems td {
    padding: 30px !important;
}

    .order-group table tr.orderItems td.productImg {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }

.order-address {
    background: var(--white);
    padding: 26px;
    margin-bottom: 14px;
}
/* .cart table td.productName h5{} */

.SavedAddressHead {
    margin-top: 30px;
}

/*--===================Specification Table ====================--*/
.specification-table tr td {
    font-size: var(--font-forteen);
    padding: 8px 15px;
}

    .specification-table tr td:first-child {
        width: 30%;
    }

.nav-link h6 {
    color: var(--secondary);
}

.nav-link.active h6 {
    color: var(--color-main);
}

.productDetail-div .nav-tabs, .productDetail-div .nav-tabs .nav-link
.productDetail-div .nav-tabs .nav-item.show .nav-link, .productDetail-div .nav-tabs .nav-link.active,
.productDetail-div .nav-tabs .nav-link:focus, .productDetail-div .nav-tabs .nav-link:hover {
    border: 1px solid #fff;
}



.productDetail-div .nav-item {
    padding: 8px 15px 3px 15px;
}

.productDetail-div .nav-tabs {
    /*margin-bottom: 15px;*/
}


.progress .progress-bar {
    animation-name: animateBar;
    animation-iteration-count: 1;
    animation-timing-function: ease-in;
    animation-duration: .4s;
}

/*--====================== 05/08/2019 start ============================--*/

.logSecurity {
    background: var(--white);
    margin-top: 15px;
    padding: 30px 30px 15px 30px;
}

    .logSecurity.logEdits {
        padding-bottom: 30px;
    }

    .logSecurity a {
        text-decoration: none;
    }

        .logSecurity a .account-box {
            padding: 15px;
            border: var(--var-grey-border);
            margin-bottom: 15px;
        }

            .logSecurity a .account-box:hover {
                background: var(--color-lite-Two);
            }


    .logSecurity p {
        font-size: var(--font-forteen);
        margin-bottom: 0px;
        color: var(--gray);
    }

    .logSecurity a .account-box p.more {
        font-size: var(--small-font);
        margin-top: 3px;
        color: #007bff;
    }

.your-account a .account-box.logSecure h6 {
    background: url(../images/icons/lock.png) no-repeat -2px -3px;
    padding-top: 60px;
}
/*--====================== 05/08/2019 End ==============================--*/
/*--====================== 06/08/2019 start ============================--*/
ul.deliveryTabs {
    border-bottom: 0px;
}

    ul.deliveryTabs li {
        width: 100%;
        font-size: var(--font-fifteen);
        border-bottom: var(--var-grey-border);
    }

        ul.deliveryTabs li a {
            color: var(--gray);
            text-decoration: none;
            width: 100%;
            float: left;
            padding: 7px;
        }

            ul.deliveryTabs li a.active {
                background: var(--color-main);
                color: var(--white);
            }

.deliveryDetails h5 {
    font-weight: 700;
}

.deliveryDetails p {
    font-size: var(--font-forteen);
}

.deliveryDetails ul.selectdays {
    padding-left: 0px;
    float: left;
}

    .deliveryDetails ul.selectdays li {
        list-style: none;
        float: left;
    }

        .deliveryDetails ul.selectdays li a {
            font-size: var(--font-forteen);
            padding: 3px 15px;
            margin: 0 5px 5px 0;
            border: var(--var-color-border);
            float: left;
            border-radius: 23px;
            text-decoration: none;
            color: var(--color-main);
        }

            .deliveryDetails ul.selectdays li a.selected {
                background: var(--color-main);
                color: var(--white);
            }

                .deliveryDetails ul.selectdays li a.selected::before {
                    content: "\f00c";
                    font-family: 'FontAwesome';
                    margin-right: 5px;
                    font-size: 12px;
                }

.deliveryDetails p.head-text {
    font-weight: 700;
    margin-bottom: 7px;
    float: left;
    width: 100%;
    margin-top: 20px;
}

.deliveryDetails ul.timeSelect {
    float: left;
    width: 100%;
    padding-left: 0;
}

    .deliveryDetails ul.timeSelect li {
        list-style: none;
    }

p.conditionP {
    font-size: var(--small-font);
    float: left;
}

h5.modelHeadAddres {
    font-weight: 700;
    margin-bottom: 0px;
}

p.deliveryStatus {
    font-size: var(--small-second-font);
    color: var(--gray);
}
/*--====================== 06/08/2019 end ==============================--*/
/*--====================== 08/08/2019 Start ============================--*/
.ProductTitle-ecli a {
    color: var(--gray);
    text-decoration: none;
}

    .ProductTitle-ecli a:hover {
        color: #383c40;
        text-decoration: none;
    }

p.expDel-buttons {
    float: right;
    margin-bottom: 0px;
}

    p.expDel-buttons button {
        margin-left: 8px;
        color: var(--color-main);
        border: var(--var-color-border);
        background: var(--white);
        border-radius: 11px;
        outline: none;
    }

        p.expDel-buttons button:hover {
            background: var(--color-border-lite);
        }

ul.deliveryTabs li a .fa {
    float: right;
    padding-top: 4px;
    display: none;
}

ul.deliveryTabs li a.selected .fa {
    display: block;
}

p.expDel-buttons.active button {
    background: var(--color-main);
    color: var(--white);
}

.imgBG {
    visibility: hidden !important;
}

#Loader {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 9999;
    opacity: 0.7;
    background: url("../images/loader.gif") center no-repeat #ddd;
    background-size: 10%;
}


.productDetail-div .tab-content {
    border-top: 1px solid var(--color-border-lite) !important;
    padding: 30px;
}

.nav-link.active {
    border: none !important;
}

.productDetail-div .nav-tabs {
    border: none;
}

.productDetail-div .nav-link.active {
    border-radius: 0;
    position: relative;
    background: none;
}


    .productDetail-div .nav-link.active:after {
        content: " ";
        position: absolute;
        width: 70%;
        background: #000;
        height: 4px;
        left: calc( 50% - 35% );
        bottom: -1px;
    }

.productDetail-div .nav-link:hover {
    border-bottom: solid 1px #b9b9b9 !important;
}

.productDetail-Tab {
    padding: 45px 30px;
}

    .productDetail-Tab .productDetail-div {
        margin-top: 0px;
        margin-bottom: 0px;
        background: #fff;
    }

        .productDetail-Tab .productDetail-div nav {
            padding-top: 25px;
        }

table.deliveryOptionDetail th {
    font-size: var(--small-second-font);
    background: #eaeded;
    padding: 5px;
}

table.deliveryOptionDetail td {
    font-size: var(--small-font);
    padding: 5px;
}

table.deliveryOptionDetail tbody tr:first-child td {
    border-bottom: solid 1px #eaeded;
}

.ncategoryLink {
    font-size: var(--font-forteen);
    color: var(--gray);
    cursor: pointer;
    min-width: 180px;
    float: left;
    text-align: left;
}

.nolablPad label {
    padding-left: 0px;
    margin-bottom: 6px;
}

@media only screen and (max-width: 850px) {
    #no-more-tables td {
        clear: both;
    }

    .deliveryDetails {
        padding-top: 30px;
    }
}
/*--====================== 08/08/2019 End ============================--*/
/*--====================== 13/08/2019 Start ==========================--*/
@media only screen and (max-width: 600px) {
    .sideFilter {
        min-height: 100% !important;
    }

    .SlideFilterHeadder h4 {
        font-size: 16px;
    }

    .cart table .quanitity {
        max-width: 160px;
        min-width: 120px;
    }
}

/*--====================== 13/08/2019 End ==========================--*/
@keyframes animateBar {
    0% {
        transform: translateX(-100%);
    }

    100% {
        transform: translateX(0);
    }
}

/*--================ Table responsive ====================--*/

@media only screen and (max-width: 1280px) {
    .cart table .quanitity {
        max-width: 150px;
    }
}

@media only screen and (max-width: 1024px) and (min-width: 1000px) {
    .cart table .priceTd {
        min-width: 95px;
    }
}

@media only screen and (max-width: 1152px) {
    .cart table .quanitity {
        max-width: 150px;
        padding-left: 0;
        padding-right: 0;
    }
}

@media only screen and (max-width: 750px) {
    #no-more-tables table, #no-more-tables thead, #no-more-tables tbody, #no-more-tables th, #no-more-tables td, #no-more-tables tr {
        display: block;
    }

        #no-more-tables thead tr {
            position: absolute;
            top: -9999px;
            left: -9999px;
        }

    #no-more-tables tr {
        border: var(--var-grey-border);
        border-bottom: solid 0px;
    }

        #no-more-tables tr:last-child {
            border: var(--var-grey-border);
        }

    #no-more-tables td {
        border: none;
        border-bottom: 1px solid var(--light);
        position: relative; /*--padding-left: 50%;--*/
        white-space: normal;
        text-align: left;
    }

        #no-more-tables td:before {
            position: absolute;
            top: 6px;
            left: 6px;
            width: 45%;
            padding-right: 10px;
            white-space: nowrap;
            text-align: left;
            font-weight: bold;
        }

        #no-more-tables td:before {
            content: attr(data-title);
        }

    .optionSet-one-Selected, .optionSet-two-Selected {
        float: none;
    }

    .opSetCart:last-child {
        padding-left: 0px;
    }

    .Brand_n_Sold {
        margin-bottom: 0px;
        line-height: 29px;
    }

    .cart table td {
        border: 0px !important;
    }

        .cart table td.productName h5 {
            margin-top: 15px;
        }

    td.quanitity, td.priceTd {
        padding-top: 35px !important;
    }

    .quanitity .input-group {
        float: none;
    }

    a.cartRemove {
        float: none;
        margin-top: 10px !important;
    }

    table.col-md-12.table-bordered.table-striped.table-condensed.cf {
        padding: 0px;
    }

    .panel {
        display: none;
    }

    .SlideFilterHeadder {
        padding-top: 10px;
    }

    .listPage-Head .form-group label {
        padding-right: 15px;
    }

    .order-group table td.productImg, .order-group table td.productName, .order-group table td.progressTd {
        max-width: unset !important;
        width: 100%;
    }

    .order-address p.deliveryAddress {
        margin-bottom: 35px;
    }

    .order-details {
        /*padding-left: 0px;
        padding-right: 0px;*/
    }

    .specification-table tr td:first-child {
        width: 100%;
        font-weight: 700;
    }
}


@media (max-width: 1200px) {
    /*--Extra large devices (large desktops, 1200px and up)--*/
}

@media (max-width: 990px) {
    /*--Large devices (desktops, 992px and up)--*/
    .frequentBrought li::after {
        top: 38%;
    }

    .item h4.itemHead {
        padding: 0 20px;
    }

    /*.rightProDiv {
            --overflow: scroll !important;
            height: 100% !important;--
        }*/

    .show.showImgDiv {
        width: 100%;
        height: auto;
        margin-bottom: 10px;
    }

        .show.showImgDiv img {
            width: 100% !important;
            height: auto !important;
        }

    .innerContent {
        padding-top: 20px !important;
        padding: 15px;
    }

    .breadcrumb.displayMobileMenu {
        margin-top: 5px;
        margin-bottom: 15px !important;
    }

    .videoCol iframe {
        min-height: 225px !important;
    }

    .listPage-Head {
        padding-top: 13px;
        border-bottom: var(--var-grey-border);
        border-top: var(--var-grey-border);
    }

    .displaynone-ipad {
        display: none;
    }

    .checkoutHead {
        display: none;
    }

    .checkout-mobTab {
        display: block;
    }

    .checkOutInner {
        margin-top: 0px;
        margin-bottom: 0px;
        padding-left: 0px;
        padding-right: 0px;
    }

    .checkout-mobTab .checkOutCols {
        padding: 0px;
    }

    .checkout-mobTab ul {
        padding-left: 0px;
        margin: 0px;
    }

        .checkout-mobTab ul li {
            list-style: none;
            background-color: var(--white);
            padding: 10px 15px;
            border-bottom: var(--var-grey-border);
            background-image: url('../images/checkout-icons.png');
            background-position: 4px 0;
            opacity: .8;
            padding-left: 46px;
            background-repeat: no-repeat;
            background-size: 43px;
        }

            .checkout-mobTab ul li a {
                font-size: var(--font-forteen);
                color: var(--gray);
                width: 100%;
                cursor: pointer;
                text-decoration: none;
            }

            .checkout-mobTab ul li.active {
                background-image: url(../images/tick.svg);
                background-repeat: no-repeat;
                background-position: 14px 8px;
                background-size: 19px 27px;
            }

            .checkout-mobTab ul li.pending a {
                font-weight: 700;
                color: var(--dark);
            }

            .checkout-mobTab ul li:nth-child(2).pending {
                background-position: 4px 2px;
            }

            .checkout-mobTab ul li:nth-child(3).pending {
                background-position: 4px -55px;
            }

            .checkout-mobTab ul li:nth-child(4).pending {
                background-position: 4px -119px;
            }

            .checkout-mobTab ul li:nth-child(5).pending {
                background-position: 4px -179px;
            }

        .checkout-mobTab ul.waitig li {
            border-bottom: 0px !important;
            border-top: var(--var-grey-border);
            background-image: url('../images/checkout-iconss.png');
        }

            .checkout-mobTab ul.waitig li.comPay {
                background-position: 4px -179px;
            }

            .checkout-mobTab ul.waitig li.prdSum {
                background-position: 4px -113px;
            }

            .checkout-mobTab ul.waitig li.payMet {
                background-position: 4px -55px;
            }

            .checkout-mobTab ul.waitig li.delAdd {
                background-position: 4px -9px;
            }

    .order-group td.priceTd {
        padding-top: 5px !important;
    }

    .order-group td.quanitity {
        padding-top: 5px !important;
    }

    .order-group .cart table tr.tableFoot td {
        border-top: var(--var-grey-border) !important;
    }

    .order-group .cart table tr.tableFoot p.ordTotal {
        text-align: left;
    }

    .order-group table tr td {
        padding-left: 30px !important;
        padding-right: 30px !important;
    }

        .order-group table tr td:first-child {
            padding-top: 30px !important;
        }

    .login-Left {
        display: none;
    }

    .imgBG {
        visibility: hidden !important;
    }

    #Loader {
        position: fixed;
        left: 0px;
        top: 0px;
        width: 100%;
        height: 100%;
        z-index: 9999;
        opacity: 0.7;
        background: url("../images/loader.gif") center no-repeat #ddd;
        background-size: 10%;
    }


    .productDetail-div .tab-content {
        border-top: 1px solid var(--color-border-lite) !important;
        padding: 30px;
    }

    .nav-link.active {
        border: none !important;
    }

    .productDetail-div .nav-tabs {
        border: none;
    }

    .productDetail-div .nav-link.active {
        border-radius: 0;
        position: relative;
        background: none;
    }


        .productDetail-div .nav-link.active:after {
            content: " ";
            position: absolute;
            width: 70%;
            background: #000;
            height: 4px;
            left: calc( 50% - 35% );
            bottom: -1px;
        }

    .productDetail-div .nav-link:hover {
        border-bottom: solid 1px #b9b9b9 !important;
    }

    .productDetail-Tab {
        padding: 45px 30px;
    }

        .productDetail-Tab .productDetail-div {
            margin-top: 0px;
            margin-bottom: 0px;
            background: #fff;
        }

            .productDetail-Tab .productDetail-div nav {
                padding-top: 25px;
            }

    table.deliveryOptionDetail th {
        font-size: var(--small-second-font);
        background: #eaeded;
        padding: 5px;
    }

    table.deliveryOptionDetail td {
        font-size: var(--small-font);
        padding: 5px;
    }

    table.deliveryOptionDetail tbody tr:first-child td {
        border-bottom: solid 1px #eaeded;
    }

    .imgBG {
        visibility: hidden !important;
    }

    #Loader {
        position: fixed;
        left: 0px;
        top: 0px;
        width: 100%;
        height: 100%;
        z-index: 9999;
        opacity: 0.7;
        background: url("../images/loader.gif") center no-repeat #ddd;
        background-size: 10%;
    }


    .productDetail-div .tab-content {
        border-top: 1px solid var(--color-border-lite) !important;
        padding: 30px;
    }

    .nav-link.active {
        border: none !important;
    }

    .productDetail-div .nav-tabs {
        border: none;
    }

    .productDetail-div .nav-link.active {
        border-radius: 0;
        position: relative;
        background: none;
    }


        .productDetail-div .nav-link.active:after {
            content: " ";
            position: absolute;
            width: 70%;
            background: #000;
            height: 4px;
            left: calc( 50% - 35% );
            bottom: -1px;
        }

    .productDetail-div .nav-link:hover {
        border-bottom: solid 1px #b9b9b9 !important;
    }

    .productDetail-Tab {
        padding: 45px 30px;
    }

        .productDetail-Tab .productDetail-div {
            margin-top: 0px;
            margin-bottom: 0px;
            background: #fff;
        }

            .productDetail-Tab .productDetail-div nav {
                padding-top: 25px;
            }

    table.deliveryOptionDetail th {
        font-size: var(--small-second-font);
        background: #eaeded;
        padding: 5px;
    }

    table.deliveryOptionDetail td {
        font-size: var(--small-font);
        padding: 5px;
    }

    table.deliveryOptionDetail tbody tr:first-child td {
        border-bottom: solid 1px #eaeded;
    }
}

@media (max-width: 768px) {
    /*--Medium devices (tablets, 768px and up)--*/
    .progressContainer .dots::before {
        font-size: 12px !important;
    }

    .progressContainer .dots.dotszero::before {
        content: "Order";
        left: -7px;
    }

    .progressContainer .dots.dotstwofive::before {
        content: "Packed";
        font-size: 13px;
        left: -12px;
    }

    .progressContainer .dots.dotsfivzero::before {
        content: "Shipped";
        font-size: 13px;
        left: -12px;
    }

    .progressContainer .dots.dotssevenfive::before {
        content: "Delivered";
        font-size: 13px;
        left: -18px;
    }

    .order-group table tr.orderItems td.productName {
        padding: 0px 20px !important;
    }

    .order-group table tr.orderItems td.productImg {
        padding: 20px 20px 10px 20px !important;
    }
}
/*--Extra small devices (portrait phones, less than 576px)--*/
@media (max-width: 576px) {

    .your-account a .account-box {
        margin-bottom: 20px;
    }

        .your-account a .account-box.acPay {
            margin-bottom: 0px;
        }

    .addonRow .addOnCol:last-child {
        border-left: solid 1px var(--color-border-lite);
    }

    .addonRow .addOnCol .addOnContent {
        padding-left: 20px;
        padding-right: 20px;
    }

    .frequentBrought li {
        margin-right: 30px;
    }

    .showImgDiv iframe {
        height: 309px;
    }

    .videoCol iframe {
        min-height: 185px !important;
    }

    .listPage-Head .form-group label {
        margin-bottom: 10px;
        text-align: left;
    }

    .displaynone-ipad {
        display: block;
    }

    .registration {
        padding: 30px;
    }
}