body {
    /* background: #ebedee; */
    background: #fff;
    font-family: 'Open Sans', sans-serif;
    overflow-x: hidden;
}

@font-face {
	font-family: 'Material Icons';
	font-style: normal;
	font-weight: 400;
	src: url(https://fonts.gstatic.com/s/materialicons/v50/flUhRq6tzZclQEJ-Vdg-IuiaDsNc.woff2) format('woff2');
	src: url(../fonts/material-font.woff2) format('woff2');
  }
  
  .material-icons {
	font-family: 'Material Icons';
	font-weight: normal;
	font-style: normal;
	font-size: 24px;
	line-height: 1;
	letter-spacing: normal;
	text-transform: none;
	display: inline-block;
	white-space: nowrap;
	word-wrap: normal;
	direction: ltr;
	-webkit-font-feature-settings: 'liga';
	-webkit-font-smoothing: antialiased;
  }
/* p,h1,h2,h3,h4,h5,h6,a,label{
    text-transform: lowercase;
}
p:first-letter, h1:first-letter, h2:first-letter, h3:first-letter, h4:first-letter, h5:first-letter, h6:first-letter, a:first-letter, label:first-letter {
    text-transform: uppercase;
} */

p, h1, h2, h3, h4, h5, h6, a, label {
    font-family: 'Open Sans', sans-serif;
}

/***********/

.one-fourth{
    width: 25%;
    float: left;
  }
  .colum-three{
    width: 33.333%;
    float: left;
  }
  .two-fourth,.half{
    width: 50%;
    float: left;
  }
  .three-fourth{
    width: 75%;
    float: left;
  }
  .fouth-fourth,.full{
    width: 100%;
    float: left;
  }
  .pad20{
    padding: 20px;
  }
  .pad10{
    padding: 10px;
  }
  .padLeft20{
    padding-left: 20px;
  }
  .padLeft10{
    padding-left: 10px;
  }
  .MarTB15{
    margin: 15px 0px;
  }
  

/*----------*/


header {
    background: #fff;
    border-bottom: none;
    padding: 0px;
}

    header.fixed, .CompareSection.fixed {
        top: -1px;
    }

    header .TopSection .MenuArea {
        width: 25%;
        float: left;
    }

    header .TopSection .logoSection {
        width: 50%;
        float: left;
    }

    header .TopSection .OtherLinks {
        width: 25%;
        float: left;
    }

    header .TopSection .logoSection a {
        display: block;
    }

        header .TopSection .logoSection a img {
            height: 40px;
        }

    header .TopSection .MenuArea a img,
    header .TopSection .OtherLinks ul li a img {
        width: 30px;
        height: 30px;
    }

    header .TopSection {
        margin-bottom: 4px;
    }

    header .TopSearchArea {
        background: transparent;
        padding: 0;
    }

.AdvancedCategorySearch .SearchPanel .form-control {
    border: 1px solid #d2d2d2;
    box-shadow: none;
    border-radius: 4px;
}

.shortcut {
    background: #ebedee;
	padding: 5px 0 0 0;
}

    .shortcut ul li {
        width: 25%;
    }

        .shortcut ul li a {
            display: block;
            padding: 5px 0;
        }

            .shortcut ul li a.currentItem {
                background: #fff;
            }

                .shortcut ul li a.currentItem h5 {
                    color: #dd1c23;
                }

            .shortcut ul li a img {
                width: 60%;
            }

            .shortcut ul li a h5 {
                font-family: 'Open Sans', sans-serif;
                font-size: 11px;
                font-weight: 600;
                color: #000000;
                text-transform: none;
                line-height: 12px;
            }

.swiper-container {
    width: 100%;
    height: 100%;
}

.swiper-pagination-bullet {
    opacity: 0.1;
}

.swiper-pagination-bullet-active {
    background: #7e94d1;
    opacity: 1;
}

.small_banner_section {
    width: 100%;
    float: left;
}

    .small_banner_section img {
        width: 100%;
    }

    .small_banner_section.pulledTop {
        margin-top: -10px;
        position: relative;
        z-index: 10;
    }

.topOfferSection {
    width: 100%;
    float: left;
    padding: 20px 0px;
    background: #ebedee;
}

    .topOfferSection .headerSection,
    .headerSection {
        width: 100%;
        float: left;
        padding: 0 10px;
        margin: 0 0 0px 0;
    }

        .topOfferSection .headerSection .titleArea,
        .headerSection .titleArea {
            width: 80%;
            float: left;
            text-align: left;
        }

        .topOfferSection .headerSection .buttonArea,
        .headerSection .buttonArea {
            width: 20%;
            float: left;
            text-align: right;
        }

        .topOfferSection .headerSection .titleArea h4,
        .headerSection .titleArea h4,
        .titleArea h4,
        .storeContactDetails .titleArea h4{
            font-family: 'Open Sans', sans-serif;
            font-weight: 700;
            margin-bottom: 0px;
            margin-top: 0px;
            text-transform: capitalize;
            font-size: 20px;
            color: #2f4fa7;
            line-height: 36px;
        }



            .topOfferSection .headerSection .titleArea h4 span,
            .headerSection .titleArea h4 span,
            .titleArea h4 span {
                text-decoration: underline;
            }

        .topOfferSection .headerSection .buttonArea a,
        .headerSection .buttonArea a {
            display: inline-block;
            padding: 8px 12px;
            color: #e02a31;
            font-family: 'Open Sans', sans-serif;
            font-weight: 700;
            margin-top: 0px;
            text-transform: uppercase;
            font-size: 12px;
            border: 1px solid #e02a31;
            border-radius: 100px;
            line-height: 10px;
            vertical-align: top;
            margin-bottom: 10px;
        }

.offerSliderSection {
    width: 100%;
    float: left;
    padding: 0 0 0 15px;
}

.productCardSection {
    width: 100%;
    float: left;
    padding: 5px 10px 10px;
    background: #fff;
    border-radius: 10px;
    /* box-shadow: 0 2px 4px rgba(0,0,0,0.3); */
    position: relative;
}

    .productCardSection p.productCondition {
        font-family: 'Open Sans', sans-serif;
        font-weight: 600;
        margin-bottom: 0px;
        margin-top: 0px;
        text-transform: uppercase;
        font-size: 10px;
        text-align: left;
        color: #5a5a5a;
        line-height: normal;
    }

    .productCardSection .productImg {
        width: 100%;
        float: left;
        padding: 0px;
    }
    /* .productCardSection .productImg img{
      max-width: 100px;
  } */
    .productCardSection .productDescription {
        width: 100%;
        float: left;
    }

        .productCardSection .productDescription h4 {
            font-family: 'Open Sans', sans-serif;
            font-weight: 600;
            margin-bottom: 0px;
            margin-top: 0px;
            text-transform: none;
            font-size: 13px;
            text-align: left;
            color: #000000;
            line-height: normal;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: pre;
        }
        /* .productCardSection .productDescription h4 span{
    font-size: 14px;
    font-weight: 500;
  } */
        .productCardSection .productDescription p {
            font-family: 'Open Sans', sans-serif;
            font-weight: 400;
            margin-bottom: 0px;
            margin-top: 0px;
            text-transform: none;
            font-size: 12px;
            text-align: left;
            color: #808080;
            line-height: normal;
        }

            .productCardSection .productDescription p.extraOffer {
                font-size: 12px;
                font-weight: 600;
                color: #e02a31;
            }

            .productCardSection .productDescription p span {
                display: inline-block;
                padding-right: 10px;
                position: relative;
            }

                .productCardSection .productDescription p span.oldPrice {
                    font-size: 11px;
                    font-weight: 600;
                    color: #848484;
                }

                    .productCardSection .productDescription p span.oldPrice:after {
                        content: "";
                        width: 90%;
                        float: left;
                        height: 1px;
                        background: #848484;
                        position: absolute;
                        left: 0;
                        top: 50%;
                        transform: translateY(-50%);
                        z-index: 10;
                    }

                .productCardSection .productDescription p span.newPrice {
                    font-size: 12px;
                    font-weight: 600;
                    color: #000000;
                    margin-left: 4px;
                }

    .productCardSection .warrantySection {
        width: auto;
        float: left;
        text-align: center;
        padding: 4px 10px 4px 18px;
        border-radius: 4px;
        background: #ffd71b;
        position: relative;
        left: 50%;
        transform: translateX(-50%);
        bottom: 0;
        z-index: 10;
        margin: 8px 0 0 0;
    }

        .productCardSection .warrantySection p {
            padding: 0;
            margin: 0;
            line-height: normal;
            font-size: 12px;
            font-weight: 600;
            color: #000000;
            text-transform: uppercase;
            font-family: 'Open Sans', sans-serif;
        }

        .productCardSection .warrantySection i {
            display: inline-block;
            position: absolute;
            left: -10px;
            top: 50%;
            transform: translateY(-50%);
            z-index: 10;
            width: 25px;
        }

    .productCardSection .productTag {
        width: auto;
        padding: 10px 12px;
        background: #18bdae;
        line-height: normal;
        font-size: 12px;
        font-weight: 600;
        color: #fff;
        text-transform: uppercase;
        font-family: 'Open Sans', sans-serif;
        border-radius: 0 10px 0 10px;
        position: absolute;
        right: 0;
        top: 0;
        z-index: 10;
    }

        .productCardSection .productTag.superb {
            background: #FFC107;
        }

        .productCardSection .productTag.veryGood,
        .productCardSection .productTag.verygood {
            background: #24e170;
        }

        .productCardSection .productTag.Good,
        .productCardSection .productTag.good {
            background: #a8d105;
        }

        .productCardSection .productTag.refurbised {
            background: #ff8100;
        }

        .productCardSection .productTag.awesome {
            background: #793ee2;
        }

        .productCardSection .productTag.default {
            background: #18bdae;
        }

.swiper-button-prev, .swiper-button-next {
    width: 35px;
    height: 60px;
    background: #fff;
    border-radius: 5px 0 0 5px;
    box-shadow: 0 3px 8px rgba(0,0,0,0.1);
    transform: translateY(-50%);
    transition: box-shadow 0.3s ease-in;
}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
    right: 0;
    left: auto;
}

    .swiper-button-prev:after, .swiper-button-next:after {
        font-size: 20px;
        width: 35px;
        height: 60px;
        text-align: center;
        padding: 4px;
        color: #000;
        line-height: 50px;
    }

.swiper-button-prev {
    left: 0;
    border-radius: 0px 5px 5px 0px;
}
.swiper-button-prev:hover, .swiper-button-next:hover{
    box-shadow: 0 2px 5px rgba(0,0,0,0.15);
    transition: box-shadow 0.3s ease-in;
}

.protection_plan_section {
    width: 100%;
    float: left;
    padding: 50px 0px;
    background: #fff;
}

    .protection_plan_section .titleArea,
    .titleArea {
        width: 100%;
        float: left;
        text-align: left;
		margin: 0 0 10px 0;
    }

    .protection_plan_section .planSection {
        width: 100%;
        float: left;
        margin-bottom: 20px;
    }

        .protection_plan_section .planSection ul li {
            width: 47%;
            box-shadow: 0 4px 6px rgba(0,0,0,0.1);
            border-radius: 10px;
            float: left;
            padding: 0%;
            margin: 1% 1.5% 2.5%;
        }

            .protection_plan_section .planSection ul li a {
                display: block;
                background: #fff;
                border-radius: 10px;
            }

                .protection_plan_section .planSection ul li a img {
                    width: 100%;
                    border-radius: 10px;
                }

                .protection_plan_section .planSection ul li a p {
                    font-family: 'Open Sans', sans-serif;
                    font-weight: 700;
                    margin-bottom: 0px;
                    margin-top: 0px;
                    text-transform: none;
                    font-size: 14px;
                    color: #000000;
                    line-height: 16px;
                    padding: 0;
                    text-align: center;
                }

                .protection_plan_section .planSection ul li a .textArea {
                    width: 100%;
                    height: 45px;
                    position: relative;
                }

                    .protection_plan_section .planSection ul li a .textArea p {
                        position: absolute;
                        left: 50%;
                        top: 50%;
                        transform: translateX(-50%) translateY(-50%);
                        width: 100%;
                        padding: 0 10px;
                    }

.requestRepair_section {
    width: 100%;
    float: left;
    padding: 20px 15px;
	/* background: url("../img/mobile_img/xtra/repair_bg.jpg") 50% 50% no-repeat; */
	background: url("../img/xtra/repair_bg.jpg") 50% 50% no-repeat;
    background-size: cover;
}

    .requestRepair_section h4 {
        font-family: 'Open Sans', sans-serif;
        font-weight: 700;
        margin-bottom: 0px;
        margin-top: 0px;
        text-transform: initial;
        font-size: 16px;
        color: #fff;
        text-align: left;
        line-height: 24px;
    }

    .requestRepair_section .requestForm {
        width: 100%;
        float: left;
        margin-top: 10px;
        text-align: center;
    }

.requestForm .form-control {
    border-radius: 10px;
    height: 50px;
    font-size: 18px;
    margin: 15px 0;
    outline: none;
    border: none;
    box-shadow: none;
}

.requestForm .form-control:hover,
.requestForm .form-control:focus {
        outline: none;
        border: none;
        box-shadow: none;
    }

a.requestSubmitBtn {
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    margin-bottom: 0px;
    margin-top: 0px;
    text-transform: uppercase;
    font-size: 14px;
    color: #fff;
    text-align: left;
    line-height: 24px;
    padding: 10px 20px;
    border-radius: 100px;
    background: #e02a31;
    display: inline-block;
}

.shopbyBrand_section {
    width: 100%;
    float: left;
    padding: 10px 0px;
    background: #fff06f;
}

.customer_slider {
    background: #d9d8d8;
}

.shopByPrice, .customerWish {
    background: #ebedee;
}

.shopbyBrand_section .brandListSection {
    width: 100%;
    float: left;
    padding: 0 0 0 10px;
}

    .shopbyBrand_section .brandListSection .swiper-slide a {
        display: block;
    }

        .shopbyBrand_section .brandListSection .swiper-slide a img {
            border-radius: 10px;
        }

.testimonials_section {
    width: 100%;
    float: left;
    padding: 20px 15px;
    background: #ebedee;
}

    .testimonials_section .titleArea h4 {
        text-align: left;
    }

.testimonialsCardSection {
    width: 100%;
    float: left;
}

.testimonialsCardSection .profile_pic {
        width: 100px;
        height: 100px;
        float: left;
        border-radius: 100px;
        position: relative;
    }

        .testimonialsCardSection .profile_pic img {
            width: 100%;
            border-radius: 100px;
        }

        .testimonialsCardSection .profile_pic a.youTubeLink {
            width: 28px;
            height: 28px;
            float: left;
            background: #fff;
            border-radius: 100px;
            position: absolute;
            right: 0px;
            bottom: -4px;
            padding: 8px 6px 0;
            box-shadow: 0 2px 4px rgba(0,0,0,0.3);
        }

            .testimonialsCardSection .profile_pic a.youTubeLink img {
                width: auto;
                border-radius: 0;
            }

    .testimonialsCardSection .testimonialsContent {
        width: 100%;
        float: left;
        padding: 15px 20px;
        border-radius: 0 30px 30px 30px;
        background: #fff;
        margin-top: 20px;
    }

        .testimonialsCardSection .testimonialsContent p {
            font-family: 'Open Sans', sans-serif;
            font-weight: 400;
            margin-bottom: 8px;
            margin-top: 0px;
            text-transform: none;
            font-size: 12px;
            text-align: left;
            color: #808080;
            line-height: normal;
        }

            .testimonialsCardSection .testimonialsContent p span {
                color: #000000;
                font-weight: 500;
            }

.shopByPrice .brandListSection ul li {
    width: 24%;
    padding: 0 1% 0 0;
    float: left;
}

    .shopByPrice .brandListSection ul li a {
        display: block;
        border-radius: 10px;
        position: relative;
        min-height: 90px;
        background: rgb(78,203,255);
        background: -moz-linear-gradient(top, rgba(78,203,255,1) 0%, rgba(123,59,241,1) 100%);
        background: -webkit-linear-gradient(top, rgba(78,203,255,1) 0%,rgba(123,59,241,1) 100%);
        background: linear-gradient(to bottom, rgba(78,203,255,1) 0%,rgba(123,59,241,1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4ecbff', endColorstr='#7b3bf1',GradientType=0 );
    }

        .shopByPrice .brandListSection ul li a p {
            position: absolute;
            left: 50%;
            top: 50%;
            transform: translateX(-50%) translateY(-50%);
            width: 100%;
            font-family: 'Open Sans', sans-serif;
            font-weight: 600;
            margin-bottom: 0px;
            margin-top: 0px;
            text-transform: none;
            font-size: 14px;
            color: #fff;
            line-height: 18px;
            padding: 0 10px;
            text-align: center;
        }

.video_section {
    width: 100%;
    float: left;
}

footer {
    background: #ebedee;
}

    footer .top_footer_menu {
        background: #ebedee;
        padding: 20px 15px 10px;
    }

    footer .copyrightArea {
        background: #2b2e2f;
        padding: 10px 0;
    }

        footer .copyrightArea p, footer .copyrightArea p a {
            color: #949494;
            margin: 0;
            line-height: normal;
            text-align: right;
        }

.top_footer_menu a.footerLogo {
    display: block;
    margin-bottom: 10px;
}

    .top_footer_menu a.footerLogo img {
        height: 30px;
    }

.top_footer_menu .addressSection {
    width: 100%;
    float: left;
    margin-top: 10px;
}

ul.socialLinks {
    width: 100%;
    float: left;
}

    ul.socialLinks li {
        float: left;
        padding: 0 10px 0 0;
    }

        ul.socialLinks li a {
            display: block;
            color: #57699b;
            font-size: 16px;
        }

ul.contactList {
    width: 100%;
    float: left;
}

    ul.contactList li {
        width: 100%;
        float: left;
    }

        ul.contactList li a {
            display: block;
            position: relative;
            padding-left: 25px;
            font-family: 'Open Sans', sans-serif;
            font-weight: 600;
            margin-bottom: 0;
            margin-top: 0px;
            font-size: 14px;
            color: #222222;
            line-height: 24px;
        }

            ul.contactList li a i {
                position: absolute;
                left: 0;
                top: 0;
                line-height: 24px;
                color: #57699b;
                font-size: 16px;
            }

.top_footer_menu .FooterLinkSection {
    width: 100%;
    float: left;
    margin-top: 20px;
}

.FooterLinkSection h4 {
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    margin-bottom: 5px;
    margin-top: 0px;
    text-transform: capitalize;
    font-size: 14px;
    color: #222222;
    line-height: 26px;
    text-decoration: underline;
}

.FooterLinkSection ul li {
    width: 100%;
    float: left;
}

    .FooterLinkSection ul li a {
        display: block;
        font-family: 'Open Sans', sans-serif;
        font-weight: 600;
        margin-bottom: 6px;
        margin-top: 0px;
        font-size: 12px;
        color: #333333;
        line-height: 20px;
    }

.BottomFilter.TopFilterSection.fixed {
    top: 62px;
}


/*--------*/
a.btnDefault {
    background: #e02a31;
}

a.link {
    color: #2f4fa7;
}

.MyAccountCard ul li a {
    color: #2f4fa7;
}

.YouPay p.totalTxt {
    color: #2f4fa7;
}

.productKeysArea .gradeArea .conditionArea .ConditionLabel, .ProductsDisplayArea.list_view ul li .list_item .list_description .conditionArea .ConditionLabel, .conditionArea .ConditionLabel {
    background: #2f4fa7;
}

.BottomFilter.FilterBtns ul li a span.counter {
    background: #2f4fa7;
}

section.ProductDetailsSection .WarrantyBazaarArea .CartBuyBtn.payBookBtnArea ul li a.BuyNow {
    background: #e02a31;
}

section.ProductDetailsSection .WarrantyBazaarArea .CartBuyBtn.payBookBtnArea ul li a.addtoCart {
    color: #2f4fa7;
}

.productSliderArea .flexslider .productDetailsLink a {
    color: #2f4fa7;
}

section.ProductDetailsSection .emi p span .view_details {
    background: #e02a31;
    border: 1px solid #e02a31;
}

.headerTitleArea a.viewAllBtn {
    color: #e02a31;
}

.delivery_pincode .inputArea .btnArea a.updatePinBtn, a.updatePinBtn {
    color: #e02a31;
}

.ReviewArea .ReviewHeaderArea a.writeReviewBtn {
    border: 1px solid #e02a31;
    color: #e02a31;
}

.my_account_card .headertext a.goNextBtn {
    color: #2f4fa7;
}

.checkout_content .form_section {
    width: 100%;
    float: left;
    padding: 5px 5px 5px;
}

.btn_continue {
    background: #e02a31;
}

.emiCashbackSection ul li.showOfferSection a.moreOfferBtn {
    font-weight: 600;
    color: #e02a31;
}

.browse_by_price_area.bestSellerSection .viewAllBtnArea a {
    color: #e02a31;
}

section.ProductDetailsSection .keyFeaturesArea.sellerInfoArea .sellerInfoTextArea p a {
    font-weight: 700;
    color: #2f4fa7;
}
/*.checkout_content .form_section .btn_social ul li {
    width: 50%;
    float: none;
    margin: 0px auto;
}*/
.myAccountHeader .shortcut {
    background: #ffffff;
}

/*---------- Warranty ----------*/

.deviceSelectionSection {
    width: 100%;
    float: left;
    padding: 20px 15px;
    background: #17c7ed;
}

    .deviceSelectionSection h1 {
        font-family: 'Open Sans', sans-serif;
        font-weight: 700;
        margin-bottom: 0px;
        margin-top: 0px;
        text-transform: uppercase;
        font-size: 20px;
        color: #fff;
        line-height: 26px;
        text-align: center;
    }

        .deviceSelectionSection h1 span {
            font-weight: 300;
            text-transform: none;
        }

.bannerForm {
    width: 100%;
    float: left;
}

.form-control {
    font-family: 'Open Sans', sans-serif;
    border-radius: 8px;
    height: 50px;
    font-weight: 500;
    font-size: 16px;
    box-shadow: none;
    border: none;
    outline: none;
}

    .form-control:hover, .form-control:focus,
    .form-control:active {
        box-shadow: none !important;
        border: none !important;
        outline: none !important;
    }

label {
    font-weight: 600;
    color: #4a4a4a;
    font-size: 14px;
    text-transform: uppercase;
    margin-bottom: 8px;
}

.formSubmitPanel {
    width: 100%;
    float: left;
    margin-top: 10px;
    padding: 0 30%;
}

    .formSubmitPanel a.submitBtn {
        display: block;
        font-family: 'Open Sans', sans-serif;
        font-weight: 700;
        margin-bottom: 0px;
        margin-top: 0px;
        text-transform: uppercase;
        font-size: 14px;
        color: #fff;
        line-height: 26px;
        /* text-align: center; */
        background: #dd1c23;
        padding: 8px 20px;
        text-align: center;
        border-radius: 100px;
    }

        .formSubmitPanel a.submitBtn i {
            display: inline-block;
            margin-left: 4px;
        }

.stepsSection {
    width: 100%;
    float: left;
    margin-top: 20px;
}

    .stepsSection p {
        text-align: center;
        color: #fff;
        font-size: 14px;
        font-family: 'Open Sans', sans-serif;
        font-weight: 400;
    }

    .stepsSection ul.stepsLists {
        width: 100%;
        float: left;
        text-align: center;
    }

        .stepsSection ul.stepsLists li {
            float: none;
            /* width: 33.333%; */
            font-family: 'Open Sans', sans-serif;
            font-weight: 600;
            margin-bottom: 0px;
            margin-top: 0px;
            font-size: 12px;
            color: #fff;
            line-height: 24px;
            margin-right: 15px;
            display: inline-block;
            vertical-align: middle;
            text-transform: uppercase;
        }

            .stepsSection ul.stepsLists li span {
                width: 20px;
                height: 20px;
                background: rgba(47, 79, 167, 0.5);
                border-radius: 100px;
                margin-right: 5px;
                display: inline-block;
                /* margin-top: 4px; */
                line-height: 20px;
                font-size: 12px;
            }

            .stepsSection ul.stepsLists li:last-child {
                margin: 0px;
            }

.peaceMindSection {
    width: 100%;
    float: left;
    padding: 30px 15px;
    background: #ebedee url(../img/xtra/dotted_shape.png) -10% 50% no-repeat;
    background-size: 90px;
}

.titleArea p {
    font-size: 14px;
    margin: 0px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    color: #656565;
}

    .titleArea p.description {
        font-weight: 400;
        line-height: 20px;
        font-size: 12px;
    }

.peaceMindSection .titleArea h4 {
    color: #2f4fa7;
}

.benefitList {
    width: 100%;
    float: left;
    margin: 20px 0 0 0;
}

    .benefitList ul li {
        width: 100%;
        float: left;
        margin-bottom: 15px;
    }

        .benefitList ul li .iconArea {
            width: 22%;
            float: left;
            text-align: center;
        }

        .benefitList ul li .txtArea {
            width: 78%;
            float: left;
        }

        .benefitList ul li .iconArea i {
            width: 60px;
            height: 60px;
            border-radius: 100%;
            background: #e2e3f2;
            padding: 10px;
            display: inline-block;
        }

            .benefitList ul li .iconArea i img {
                width: 100%;
            }

        .benefitList ul li .txtArea h4 {
            font-size: 14px;
            margin: 10px 0 0 0;
            font-family: 'Open Sans', sans-serif;
            font-weight: 600;
            color: #000000;
        }

        .benefitList ul li .txtArea p {
            font-size: 12px;
            color: #4b4b4b;
            line-height: normal;
            font-weight: 500;
            margin: 5px 0;
            padding: 0;
            font-family: 'Open Sans', sans-serif;
        }

.weAssureSection.peaceMindSection {
    background: #fff;
}

.weAssureSection .titleArea h4 {
    margin-bottom: 15px;
    color: #000000;
}

.assreListSection ul li .iconArea {
    width: 30%;
    float: left;
}

.assreListSection ul li .txtArea {
    width: 70%;
    float: left;
    padding-left: 15px;
}

    .assreListSection ul li .txtArea h4 {
        color: #2f4fa7;
        margin: 0 0 10px 0;
    }

.assreListSection.benefitList ul li {
    margin-bottom: 20px;
}

.counterSection {
    width: 100%;
    float: left;
    padding: 30px 15px;
}

    .counterSection ul li {
        width: 50%;
        float: left;
        text-align: center;
        margin-bottom: 15px;
    }

        .counterSection ul li span {
            display: block;
            font-size: 30px;
            color: #2f4fa7;
            font-weight: 700;
            margin: 0px 0 0px 0;
            font-family: 'Open Sans', sans-serif;
            line-height: 30px;
            padding-bottom: 5px;
        }

        .counterSection ul li p {
            font-size: 12px;
            color: #000000;
            line-height: normal;
            font-weight: 600;
            margin: 0px 0 0px 0;
            padding: 0;
            font-family: 'Open Sans', sans-serif;
            width: 100%;
            float: left;
            text-transform: none;
        }

        .counterSection ul li span i {
            font-size: 20px;
            font-weight: 400;
            font-style: normal;
            line-height: 30px;
            vertical-align: top;
        }

        .counterSection ul li:nth-child(1) span {
            color: #ff5d74;
        }

        .counterSection ul li:nth-child(2) span {
            color: #64d1fa;
        }

        .counterSection ul li:nth-child(3) span {
            color: #ffba01;
        }

        .counterSection ul li:nth-child(4) span {
            color: #47cf50;
        }

/*---------- Plan -------*/

.deviceSelectionSection.planSelection {
    background: #ebedee url("../img/xtra/plan_selection_banner_bg.jpg") 50% 0% no-repeat;
    background-size: contain;
}

.planSelection h1 {
    color: #0c3093;
}

    .planSelection h1 span {
        color: #000000;
    }

.planSelection .bannerForm {
    margin: 15px 0;
}

.datepicker.form-control {
    padding-right: 50px;
    background: #fff url("../img/xtra/calendar.svg") 97% 50% no-repeat;
}

.timepicker.form-control {
    padding-right: 50px;
    background: #fff url("../img/xtra/clock.svg") 97% 50% no-repeat;
}

.datePickerSection {
    position: relative;
}

    .datePickerSection .form-control {
        padding-right: 50px;
    }

    .datePickerSection i {
        width: 30px;
        height: 30px;
        position: absolute;
        right: 10px;
    }

.datepicker-modal {
    max-width: 100%;
    min-width: 300px;
    max-height: none;
}

.modal.datepicker-modal,
.modal.timepicker-modal {
    background: transparent;
    box-shadow: none;
    -webkit-box-shadow: none;
}

.datepicker-date-display,
.timepicker-digital-display {
    background-color: #2f4fa7;
}

.datepicker-cancel, .datepicker-clear, .datepicker-today, .datepicker-done,
.timepicker-close {
    color: #2f4fa7;
}

.datepicker-table td.is-selected {
    background-color: #2f4fa7;
    color: #fff;
}

.availablePlansSection {
    width: 100%;
    float: left;
    padding: 5px 0 0;
}

    .availablePlansSection ul li {
        float: left;
        width: 33.333%;
        padding: 0 5px;
    }

        .availablePlansSection ul li a {
            display: block;
            padding: 17px 10px 10px;
            background: #fff;
            border-radius: 4px;
            font-family: 'Open Sans', sans-serif;
            font-weight: 600;
            margin-bottom: 0px;
            margin-top: 0px;
            text-transform: none;
            font-size: 13px;
            color: #000000;
            line-height: 17px;
            /* padding: 0; */
            text-align: center;
            position: relative;
            box-shadow: 0 4px 6px rgba(0,0,0,0.1);
        }

            .availablePlansSection ul li a span {
                width: 20px;
                height: 20px;
                border-radius: 100px;
                box-shadow: 0 2px 3px rgba(0,0,0,0.3);
                background: #fff;
                color: #bfbfbf;
                position: absolute;
                left: 50%;
                top: -10px;
                transform: translateX(-50%);
                padding-top: 2px;
                font-size: 12px;
            }

            .availablePlansSection ul li a.active {
                background: #2f4fa7;
                color: #fff;
            }

                .availablePlansSection ul li a.active span {
                    color: #000000;
                }

.form-group {
    margin-bottom: 15px;
    width: 100%;
    float: left;
}

    .form-group.centerAligned {
        text-align: center;
    }

        .form-group.centerAligned label {
            text-align: center;
            width: 100%;
        }

.availablePlansSection.planDuration {
    text-align: center;
}

    .availablePlansSection.planDuration ul li {
        float: none;
        display: inline-block;
    }

        .availablePlansSection.planDuration ul li a {
            padding: 20px 10px;
        }

.planPrice {
    width: 100%;
    float: left;
    text-align: center;
}

    .planPrice h4 {
        font-family: 'Open Sans', sans-serif;
        font-weight: 700;
        margin-bottom: 0px;
        margin-top: 10px;
        text-transform: none;
        font-size: 26px;
        color: #dd1c23;
        line-height: 26px;
    }

        .planPrice h4 span {
            color: #000000;
            font-size: 16px;
            font-weight: 600;
        }

.peaceMindSection.featureSection {
    background: #fff url("../img/xtra/top_arrow_bg.jpg") 50% 0% no-repeat;
}

    .peaceMindSection.featureSection .benefitList ul li .iconArea i {
        width: 30px;
        height: 30px;
        border-radius: 100%;
        background: transparent;
        padding: 0;
        display: inline-block;
    }

    .peaceMindSection.featureSection .benefitList ul li .txtArea p {
        padding: 0px;
    }

    .peaceMindSection.featureSection .benefitList ul li {
        margin-bottom: 5px;
    }

    .peaceMindSection.featureSection .benefitList {
        margin: 0px 0 0 0;
    }

.peaceMindSection.howItWorks {
    background: #d3e0f8 url(../img/xtra/dotted_shape.png) -10% 50% no-repeat;
    background-size: 90px;
}

.howItWorks .benefitList ul li .iconArea i {
    background: #fff;
}

.faq_section {
    width: 100%;
    float: left;
    background: #ebedee;
    padding: 20px 15px;
}

.faqInnerSection {
    width: 100%;
    float: left;
}

    .faqInnerSection ul li {
        width: 100%;
        float: left;
        margin: 0 0 5px 0;
    }

        .faqInnerSection ul li a {
            font-family: 'Open Sans', sans-serif;
            color: #000000;
            font-weight: 600;
            font-size: 14px;
            text-transform: capitalize;
            display: block;
            padding: 10px 30px 10px 10px;
            position: relative;
            line-height: 24px;
            border-bottom: 1px solid #dedede;
            background: #fff;
            border-radius: 0px;
            margin: 0 0 5px 0;
        }

            .faqInnerSection ul li a i {
                position: absolute;
                line-height: 40px;
                top: 0;
                right: 10px;
                font-size: 2rem;
            }

    .faqInnerSection .collapse,
    .faqInnerSection .collapse.in {
        width: 100%;
        float: left;
        transition: height 0.3s ease-in;
    }

    .faqInnerSection ul li p {
        margin: 0px 0 5px 0;
        font-family: 'Open Sans', sans-serif;
        font-weight: 400;
        text-transform: none;
        font-size: 12px;
        text-align: left;
        color: #131313;
        line-height: 20px;
        padding: 0 10px;
    }

.checkoutSection {
    width: 100%;
    float: left;
    padding: 20px 15px 0;
    background: #ebedee;
}

    .checkoutSection h1,
    .dashboardSection h1 {
        font-family: 'Open Sans', sans-serif;
        font-weight: 700;
        margin-bottom: 10px;
        margin-top: 0px;
        text-transform: uppercase;
        font-size: 20px;
        color: #0c3093;
        line-height: 26px;
        text-align: center;
    }

        .checkoutSection h1 span,
        .dashboardSection h1 span {
            font-weight: 300;
            text-transform: none;
            color: #000000;
        }

.checkoutInfoSection {
    width: 100%;
    float: left;
    padding: 15px 0;
}

    .checkoutInfoSection ul li {
        width: 33.333%;
        float: left;
        position: relative;
        padding-left: 40px;
        font-size: 12px;
        margin: 0px;
        font-family: 'Open Sans', sans-serif;
        font-weight: 600;
        color: #b1b1b1;
        line-height: 16px;
    }

        .checkoutInfoSection ul li i {
            width: 32px;
            height: 32px;
            float: left;
            position: absolute;
            left: 0;
            top: 0;
        }

            .checkoutInfoSection ul li i img {
                width: 100%;
            }

.orderSummarySection {
    width: 100%;
    float: left;
    padding: 20px 15px;
}

    .orderSummarySection a.Collapsableheader {
        display: block;
        padding: 10px 30px 10px 15px;
        background: #2f4fa7;
        border-radius: 4px;
        font-family: 'Open Sans', sans-serif;
        font-weight: 600;
        margin-bottom: 0px;
        margin-top: 0px;
        text-transform: none;
        font-size: 14px;
        color: #fff;
        line-height: 20px;
        position: relative;
    }

        .orderSummarySection a.Collapsableheader i {
            position: absolute;
            right: 10px;
            top: 50%;
            transform: translateY(-50%);
            font-size: 18px;
        }

.orderSummaryContent {
    width: 100%;
    float: left;
    padding: 15px 0;
}

    .orderSummaryContent .textArea {
        width: 70%;
        float: left;
        padding-right: 10px;
    }

.emiOptionsArea {
    width: 30%;
    float: left;
    position: relative;
    padding-left: 40px;
    font-size: 12px;
    margin: 0px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    color: #b1b1b1;
    line-height: 16px;
}

    .emiOptionsArea i {
        width: 32px;
        height: 32px;
        float: left;
        position: absolute;
        left: 0;
        top: 0;
    }

        .emiOptionsArea i img {
            width: 100%;
        }

.orderSummaryContent h4 {
    font-size: 14px;
    margin: 0px 0 0 0;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    color: #000000;
}

    .orderSummaryContent h4 span {
        font-weight: 500;
        color: #7b7b7b;
        font-size: 12px;
    }

.orderDescription {
    width: 100%;
    float: left;
}

    .orderDescription p {
        font-size: 12px;
        margin: 0px 0 0 0;
        font-family: 'Open Sans', sans-serif;
        font-weight: 600;
        color: #484848;
        line-height: 30px;
    }

        .orderDescription p span {
            font-weight: 600;
            font-size: 14px;
            color: #000000;
            float: right;
        }

        .orderDescription p.totalAmount {
            margin: 5px 0 0 0;
            padding: 5px 0;
            border-top: 1px solid #dadada;
        }

            .orderDescription p.totalAmount span {
                font-size: 18px;
                color: #2f4fa7;
                font-weight: 700;
            }

.couponCodeSection {
    width: 100%;
    float: left;
    padding: 0 15px;
}

    .couponCodeSection .inputSection {
        width: 60%;
        float: left;
        padding-right: 10px;
    }

    .couponCodeSection .btnSection {
        width: 40%;
        float: left;
    }

a.applyBtn {
    display: block;
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    margin-bottom: 0px;
    text-transform: uppercase;
    font-size: 14px;
    color: #fff;
    line-height: 30px;
    background: #dd1c23;
    padding: 10px 20px;
    text-align: center;
    border-radius: 8px;
    margin-top: 26px;
}

.personalDetailsSection {
    width: 100%;
    float: left;
    padding: 20px 15px;
}

.otpSection label {
    width: 100%;
    float: left;
}

.otpBtnArea {
    padding-right: 10px;
}

    .otpBtnArea .applyBtn {
        margin: 0px;
    }

a.resendOTPBtn {
    display: block;
    font-size: 12px;
    margin: 0px 0 0 0;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    color: #484848;
    line-height: 40px;
    text-decoration: underline;
    text-align: right;
    width: 100%;
    float: left;
}

.checkoutPaymentBtnArea {
    width: 100%;
    float: left;
    padding: 20px 15px;
}

a.paymentBtn {
    display: block;
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    margin-bottom: 0px;
    margin-top: 0px;
    text-transform: uppercase;
    font-size: 14px;
    color: #fff;
    line-height: 26px;
    background: #dd1c23;
    padding: 8px 20px;
    text-align: center;
    border-radius: 100px;
}

.paymentOptionsImg {
    width: 100%;
    float: left;
    padding: 20px 70px;
}

.dashboardSection {
    width: 100%;
    float: left;
    padding: 20px 15px;
    background: #fff;
}

.dashboardTabArea {
    width: 100%;
    float: left;
    padding: 20px 0;
}

    .dashboardTabArea .tabHeader {
        width: 100%;
        float: left;
    }

    .dashboardTabArea .tabContent {
        width: 100%;
        float: left;
        padding: 20px 10px;
    }

.tabContent .myDeviceLists {
    width: 100%;
    float: left;
}

    .tabContent .myDeviceLists ul li {
        width: 100%;
        float: left;
        position: relative;
        padding-left: 50px;
        margin-bottom: 15px;
    }

        .tabContent .myDeviceLists ul li i {
            width: 40px;
            height: 40px;
            float: left;
            position: absolute;
            left: 0;
            top: 0;
        }

            .tabContent .myDeviceLists ul li i img {
                width: 100%;
            }

        .tabContent .myDeviceLists ul li h4,
        .tabContent .myDeviceLists ul li p {
            font-size: 12px;
            margin: 0px;
            font-family: 'Open Sans', sans-serif;
            font-weight: 600;
            color: #000000;
            line-height: 20px;
            padding: 0;
            margin: 0;
        }

        .tabContent .myDeviceLists ul li p {
            color: #4b4b4b;
            font-weight: 500;
        }

.tabHeader .tabs .tab a {
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    margin-bottom: 0px;
    margin-top: 0px;
    font-size: 14px;
    color: #222222;
    line-height: 45px;
    text-transform: uppercase;
}

.tabHeader .tabs {
    background-color: transparent;
}

.tabs .indicator {
    background-color: #5780f1;
    z-index: 10;
}

.tabHeader .tabs .tab a:hover,
.tabHeader .tabs .tab a.active {
    background-color: transparent;
    color: #0c3093;
}

.ServiceRequestSection {
    width: 100%;
    float: left;
    border: 1px solid #e8e8e8;
}

.tabHeader .tabs::after {
    content: "";
    width: 100%;
    height: 2px;
    background: #d6d6d6;
    position: absolute;
    left: 0;
    bottom: 0px;
    z-index: 1;
}

table th, table td {
    font-size: 12px;
    margin: 0px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    color: #4e4e4e;
}

table th {
    font-size: 14px;
    color: #000000;
}

.registerNewDeviceSection {
    background: #ebedee;
}

    .registerNewDeviceSection .tabContent {
        padding: 20px 0px;
    }

    .registerNewDeviceSection .couponCodeSection,
    .registerNewDeviceSection .personalDetailsSection {
        padding: 0px;
    }

.titleArea.leftAligned h4 {
    text-align: left;
}

.requireMark {
    color: #dd1c23;
}

.planInfo {
    width: 100%;
    float: left;
    padding: 10px;
    background: #fff;
    border-radius: 8px;
    margin-bottom: 10px;
}

    .planInfo h4 {
        font-family: 'Open Sans', sans-serif;
        font-weight: 600;
        margin-bottom: 10px;
        margin-top: 0px;
        text-transform: uppercase;
        font-size: 16px;
        background: #0c3093;
        color: #fff;
        line-height: 24px;
        padding: 5px 10px;
        display: inline-block;
    }

    .planInfo p {
        font-family: 'Open Sans', sans-serif;
        font-size: 12px;
        color: #0000008f;
        line-height: 18px;
        margin: 0 0 5px 0;
        padding: 0;
        font-weight: 600;
    }

        .planInfo p span {
            float: right;
            font-weight: 600;
            color: #000000;
        }

        .planInfo p.orderTotal {
            font-size: 16px;
        }

.planDetails img {
    margin-bottom: 10px;
}

.tabContent .myDeviceLists ul li h4 {
    position: relative;
}

.tabContent .myDeviceLists ul li a {
    display: block;
}

.tabContent .myDeviceLists ul li h4 span {
    font-weight: 700;
    color: #0c3093;
}

    .tabContent .myDeviceLists ul li h4 span.PlanStatus, span.PlanStatus {
        display: inline-block;
        padding: 0px 6px;
        background: #0c3093;
        color: #fff;
        position: absolute;
        right: 0;
        top: 0;
        font-size: 10px;
        text-transform: uppercase;
        border-radius: 4px;
        line-height: 18px;
    }

        .tabContent .myDeviceLists ul li h4 span.PlanStatus.active, span.PlanStatus.active {
            background: #30c751;
            color: #fff;
        }

        .tabContent .myDeviceLists ul li h4 span.PlanStatus.disabled, span.PlanStatus.disabled {
            background: #dadada;
            color: #6b6b6b;
        }

.planInfo h4.price {
    display: block;
    background: #fff;
    text-align: center;
    margin: 10px 0 10px 0;
    color: #000;
    padding: 0;
    font-size: 20px;
    font-weight: 700;
}

.planDetails h6 {
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    margin-bottom: 10px;
    margin-top: 0px;
    font-size: 16px;
    color: #000000;
    line-height: 18px;
}

    .planDetails h6 span {
        font-size: 12px;
        color: #949494;
    }

.planDetails p.PlanTitle {
    border-bottom: 1px solid #d0d0d0;
    text-transform: uppercase;
    margin-bottom: 10px;
    font-weight: 600;
    color: #0c3093;
}

.claimDetails p {
    width: 100%;
    float: left;
    font-size: 12px;
    color: #0000008f;
}

    .claimDetails p span {
        width: 50%;
        float: left;
        font-size: 12px;
        color: #0000008f;
    }

        .claimDetails p span.right {
            text-align: right;
            font-weight: 600;
            color: #000000;
        }

.uploadFileSection {
    width: 100%;
    float: left;
    background: #fff url("../img/xtra/image_thumbnail.png") 50% 50% no-repeat;
    background-size: 100px;
    border-radius: 8px;
    height: 100px;
}

    .uploadFileSection .form-control {
        width: 100%;
        height: 100px;
        z-index: 100;
        opacity: 0;
    }

.videoSection .titleArea h4 {
    text-transform: none;
    font-size: 14px;
    line-height: normal;
    color: #2f4fa7;
    font-weight: 700;
}

    .videoSection .titleArea h4:first-letter {
        text-transform: capitalize;
    }

.videoSection .titleArea {
    padding: 0 20px;
}

/*--------------------------*/
header.HeaderTitleOption {
    background: #fff;
}

    header.HeaderTitleOption .TopSection .MenuArea,
    header.HeaderTitleOption .TopSection .OtherLinks {
        width: 50%;
        float: left;
    }

header .TopSection .MenuArea a {
    color: #2f4fa7;
}

.LoginScreen .LoginBtn.btn, .btn.SubmitBtn {
    background: #2f4fa7;
}

.demo-gallery .flexslider .flex-control-thumbs {
    list-style-type: none;
}

.reviewSubmitArea ul li a.submit {
    background: #2f4fa7;
}

.reviewSubmitArea.submitOnly ul li {
    width: 100%;
    padding: 10px;
}

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

header .TopSection .OtherLinks ul li a.cartBtn span {
    bottom: -2px;
    right: 0;
}

section.MenuCategory .accountDetailArea, section.MenuCategory h4 {
    background: #2f4fa7;
}

.c-menu--slide-right .c-menu__link i {
    color: #2f4fa7;
}

section.MenuCategory.topLogoSection {
    background: #d2d2d2;
}

.wingsLoader {
    background: #fff url(../img/mobile_img/xtra/power_loader.svg) 50% 50% no-repeat;
}

section.ProductDetailsSection.productReviewSection.fixedTopSection.relativeTitleBar {
    padding-top: 160px;
}

.productReviewSection.fixedTopSection .rateProductArea {
    top: 40px;
}

.productReviewSection .productAllInfoSection {
    padding-top: 48px;
}

section.MenuCategory.topLogoSection .logoSection {
    width: 40%;
    float: right;
    text-align: right;
    padding-top: 5px;
}

section.MenuCategory.topLogoSection .loginBtn a {
    color: #000000;
}

section.MenuCategory.topLogoSection .loginBtn {
    width: 60%;
    float: left;
}

section.MenuCategory.topLogoSection .logoSection {
    width: 40%;
    padding-top: 5px;
}

.c-menu__close {
    background: #fff;
}

.c-menu--slide-right .c-menu__close {
    width: 18px;
    height: 18px;
}

    .c-menu--slide-right .c-menu__close img {
        width: 18px;
        vertical-align: top;
    }

.checkout_content .form_section.sellerRegstrationForm {
    background: #fff;
}

.paymentWarning {
    background: #fff;
}

.buySellTab ul li a {
    background: #98adea;
}
/* .buySellTab ul li a.active {
    background: #21409a;
} */

.loader.bottomProductLoader .loader-inner.ball-pulse-sync > div {
    background-color: #21409a;
}

.checkout_content .address_review .title_box .btn_area a.btn_add {
    background: #ff4a43;
    border: 1px solid #ff4a43;
}

.checkout_content .address_review .title_box .btn_area a.btn_add {
    padding: 3px 5px 5px;
}

.address_item .edit, .address_item .delete {
    background: #ff4a43;
    border: 1px solid #ff4a43;
}

.buySellTab.new_buySellTab ul li a.active,
.buySellTab ul li a.active {
    border-color: #21409a;
    color: #21409a;
}

.buySellTab ul li a.active {
    background: #fff;
}

.buySellTab.new_buySellTab ul li a {
    font-size: 12px;
    font-weight: 700;
}

.buySellTab.MyOrder ul li a.active {
    background: #21409a;
    color: #fff;
}

.MyAccountCard ul li a.orderViewMore, a.orderViewMore {
    color: #ff4a43;
    font-size: 12px;
}

.MyOrderCard ul li .Description h4 i {
    color: #21409a;
}

.LoginScreen a.lnkRurl {
    display: block;
}

    .LoginScreen a.lnkRurl img {
        height: 50px;
    }

.shortcut.refurbishedicon ul li a img {
    width: 30px;
}

.shortcut.refurbishedicon ul li a h5 {
    padding-top: 4px;
}

.LoginScreen a.LoginClose img {
    height: 24px;
}

.top_footer_menu a.twenty_years img {
    height: 100px;
}

.TopSearchArea.SearchActive {
    background: #2f4fa7;
}

.AdvancedCategorySearch .SearchPanel a.SearchBtn {
    right: 5px;
    top: 8px;
    display: inline-block;
    width: 24px;
    height: 24px;
}

.AdvancedCategorySearch .SearchPanel .form-control {
    padding: 6px 35px 6px 10px;
}

.productSliderArea .flexslider .slides img {
    width: auto;
}

section.ProductDetailsSection.SellerReview .WriteReviewArea a {
    padding: 5px 10px;
}

section.ProductDetailsSection .WriteReviewArea .FormSection {
    padding: 10px 15px;
}


/*--------*/

.BottomFilter.TopFilterSection ul li {
    width: 40%;
}

    .BottomFilter.TopFilterSection ul li.viewFilter {
        width: 20%;
    }

.highlightCategorySection {
    width: 100%;
    float: left;
    padding: 15px;
    background: #f4fbff;
}

    .highlightCategorySection ul li {
        width: 100%;
        float: left;
        margin: 0 0 6px 0;
    }

        .highlightCategorySection ul li:last-child {
            margin: 0px;
        }

        .highlightCategorySection ul li span {
            font-family: 'Open Sans', sans-serif;
            font-weight: 600;
            margin-bottom: 0px;
            margin-top: 0px;
            text-transform: none;
            font-size: 12px;
            color: #000000;
            line-height: 16px;
            padding: 0 5px 0 18px;
            position: relative;
        }

            .highlightCategorySection ul li span i {
                font-size: 10px;
                position: absolute;
                left: 0;
                top: 4px;
                color: #2f4fa7;
            }

.conditionArea.onGridView {
    width: 100%;
}

section.CategorySection .ProductsDisplayArea.grid_view ul li a .product_description p {
    width: 100%;
}

.ProductsDisplayArea.grid_view ul li a .product_description p.extraOffer {
    margin-bottom: 0px;
    margin-top: 0px;
    text-transform: none;
    line-height: 24px;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    font-weight: 600;
    color: #e02a31;
    width: 100%;
}

.ProductsDisplayArea.grid_view ul li a .product_description p.price {
    width: 100%;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    margin-bottom: 0px;
    margin-top: 0px;
    text-transform: none;
    font-size: 12px;
    text-align: left;
    color: #808080;
    line-height: 24px;
}

    .ProductsDisplayArea.grid_view ul li a .product_description p.price span.oldPrice {
        font-size: 14px;
        font-weight: 600;
        color: #848484;
    }

    .ProductsDisplayArea.grid_view ul li a .product_description p.price span.newPrice {
        font-size: 15px;
        font-weight: 600;
        color: #000000;
        text-decoration: none;
        margin: 0px;
    }

        .ProductsDisplayArea.grid_view ul li a .product_description p.price span.newPrice i {
            color: #000000;
        }

section.CategorySection .ProductsDisplayArea.grid_view ul li a .product_description p span.oldPrice {
    font-size: 12px;
    margin: 0px 5px 0 0;
    text-decoration: none;
    padding: 0 0px 0 0;
    position: relative;
}

    section.CategorySection .ProductsDisplayArea.grid_view ul li a .product_description p span.oldPrice i {
        color: #848484;
    }

    section.CategorySection .ProductsDisplayArea.grid_view ul li a .product_description p span.oldPrice::before {
        background: #848484;
    }

section.CategorySection .ProductsDisplayArea.grid_view ul li a .product_description .productFeaturesSection,.productFeaturesSection,
.priceAvailableSection{
    width: 100%;
    float: left;
    padding-top: 8px;
}

    section.CategorySection .ProductsDisplayArea.grid_view ul li a .product_description .productFeaturesSection li,.productFeaturesSection li {
        float: left;
        width: auto;
        border: 1px solid #e0e0e0;
        display: block;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: pre;
        padding: 0px 2px;
        max-width: 100%;
        border-radius: 2px;
        text-transform: none;
        font-weight: 600;
        font-size: 10px;
        line-height: normal;
        color: #a0a0a0;
        text-align: left;
        font-family: 'Open Sans', sans-serif;
        margin: 0 2px 2px 0;
    }

section.CategorySection .ProductsDisplayArea.grid_view ul li a .product_description h4 {
    font-size: 14px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    margin: 0 0 2px 0;
    text-transform: none;
}

.conditionArea.onGridView h4, section.CategorySection .ProductsDisplayArea ul li a .product_description .conditionArea.onGridView h4 {
    font-size: 12px;
}

.ProductsDisplayArea.list_view ul li .list_item .list_description h4 {
    font-size: 1.4rem;
    font-weight: 600;
    text-transform: none;
    font-family: 'Open Sans', sans-serif;
}

.ProductsDisplayArea.list_view ul li .list_item .list_description .extraOffer {
    padding: 0px;
    line-height: 14px;
    margin: 5px 0 0 0;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    font-weight: 600;
    color: #e02a31;
    text-align: left;
    width: 100%;
    float: left;
}

.ProductsDisplayArea.list_view ul li .list_item .list_description .price {
    text-transform: none;
    font-size: 12px;
    text-align: left;
    color: #808080;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    width: 100%;
    float: left;
}

    .ProductsDisplayArea.list_view ul li .list_item .list_description .price .oldPrice {
        font-size: 14px;
        margin: 0px 10px 0 0;
        text-decoration: none;
        padding: 0 0px 0 0;
        position: relative;
        font-weight: 600;
        color: #848484;
        display: inline-block;
    }

        .ProductsDisplayArea.list_view ul li .list_item .list_description .price .oldPrice::before {
            content: "";
            width: 100%;
            height: 1px;
            float: left;
            background: #848484;
            position: absolute;
            left: 0;
            top: 50%;
            transform: translateY(-50%);
        }

    .ProductsDisplayArea.list_view ul li .list_item .list_description .price .newPrice {
        font-size: 16px;
        font-weight: 600;
        color: #000000;
        text-decoration: none;
    }

.ProductsDisplayArea.list_view ul li .productFeaturesSection ul li, section.CategorySection.fullWidth .ProductsDisplayArea.list_view .productFeaturesSection ul li {
    float: left;
    width: auto;
    border: 1px solid #c2c2c2;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: pre;
    padding: 1px 3px 0px;
    max-width: 40%;
    border-radius: 2px;
    text-transform: none;
    font-weight: 600;
    font-size: 10px;
    line-height: normal;
    margin: 0 2px 2px 0;
}

.highlightCategorySection ul li span i.rupee {
    color: #000;
    position: relative;
    font-size: 12px;
    left: initial;
    top: initial;
}


/*-------------*/

section.ProductDetailsSection .productTitleArea h2.price_rate span.DiscountOff, h2.price_rate span.DiscountOff {
    color: #e02a31;
}

section.ProductDetailsSection .productTitleArea h2.price_rate span.lineThrough, span.lineThrough, h2.price_rate span.lineThrough {
    color: #848484;
}

.productTitleArea .reviewArea span,
section.ProductDetailsSection .productTitleArea .reviewArea p,
.reviewArea .xtraRibbon {
    float: left;
}

.reviewArea .xtraRibbon {
    margin-left: 10px;
}

    .reviewArea .xtraRibbon img {
        width: 75px;
    }

.productTitleArea .reviewArea, .reviewArea {
    width: 100%;
    float: left;
    padding: 0px 0 5px 0;
}

section.ProductDetailsSection .productTitleArea .assuredSection .promiseDetailsArea p {
    font-family: 'roboto_mediumregular','Roboto', sans-serif;
    font-size: 12px;
    color: #0000008f;
    line-height: 18px;
    margin: 0 0 10px 0;
    padding: 0;
    font-weight: 400;
}

section.ProductDetailsSection .keyFeaturesArea ul.highlightsKeys li {
    width: 50%;
    padding: 0 10px 8px 0;
}

section.CategorySection .ProductsDisplayArea ul li a .product_img {
    position: relative;
}

    section.CategorySection .ProductsDisplayArea ul li a .product_img .ribbon {
        width: 100%;
        float: left;
        position: absolute;
        left: 0;
        top: 80%;
        transform: translateY(-80%);
        padding: 0 10%;
    }

        section.CategorySection .ProductsDisplayArea ul li a .product_img .ribbon img {
            width: 100%;
            margin: 0 auto;
        }

section.CategorySection .headerTextArea {
    width: 100%;
    float: left;
    padding: 15px;
    background: #fff;
}

    section.CategorySection .headerTextArea h1 {
        font-family: 'Open Sans', sans-serif;
        font-weight: 600;
        margin-bottom: 0px;
        margin-top: 0px;
        text-transform: none;
        font-size: 16px;
        color: #000000;
        line-height: 22px;
        text-align: center;
    }

        section.CategorySection .headerTextArea h1 span {
            font-weight: 400;
        }

.ProductsDisplayArea.grid_view ul li a .product_description {
    height: 100px;
    overflow: hidden;
}

.filterModal .modal-header {
    background: #2f4fa7;
}

.FilterItemsSection .BottomFilter li a.ApplyBtn {
    background: #2f4fa7;
}

.filterListArea.bottomCategorymenu ul li.moreFilter a {
    color: #2f4fa7;
}

.ModalSection .modal-header, .sortModal .modal-header, .ModalSection .modal-header, .sortModal .modal-header .testArea p {
    background: #2f4fa7 !important;
    color: #fff;
}

.paymentSection ul li .styled-radio:checked + label {
    background: #fff;
    color: #2f4fa7;
}

    .paymentSection ul li .styled-radio:checked + label:before {
        background: #2f4fa7;
        border: 2px solid #fff;
    }

.ProductsDisplayArea.list_view ul li .list_item .list_img .ribbon {
    top: 80%;
    transform: translateY(-80%);
}

/*--------*/

.filterModal .filterPreFace .FilterItemsSection {
    height: calc(100vh - 49px);
}

.filterModal .showingFace .FilterItemsSection .BottomFilter {
    bottom: 0;
    transition: bottom 0.6s ease-in;
}

.filterListArea .filterItmesWrapper {
    width: 100%;
    float: left;
}

    .filterListArea .filterItmesWrapper .filterItemsArea {
        width: 30%;
        float: left;
        background: #ebedee;
        min-height: calc(100vh - 105px);
    }

    .filterListArea .filterItmesWrapper .filterItemsDetailsArea {
        width: 70%;
        float: left;
    }

.filterListArea.bottomCategorymenu li {
    padding: 0px;
    border-bottom: none;
    position: relative;
    min-height: auto;
}

    .filterListArea.bottomCategorymenu li a {
        font-family: 'Open Sans', sans-serif;
        border: none;
        font-size: 14px;
        color: #000000;
        font-weight: 600;
        padding: 14px 10px 14px 10px;
        display: block;
        line-height: normal;
        background: #ebedee;
        text-transform: lowercase;
    }

        .filterListArea.bottomCategorymenu li a:first-letter {
            text-transform: uppercase;
        }

.filterListArea.bottomCategorymenu .nav-tabs li.active a {
    background: #fff;
    color: #2f4fa7;
}

.filterListArea .filterItmesWrapper .filterItemsDetailsArea .tab-content {
    padding: 10px 10px 10px 15px;
    height: auto;
    max-height: calc(100vh - 105px);
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
}

.filterItemsDetailsArea .tab-content h4 {
    font-family: 'Open Sans', sans-serif;
    font-weight: 500;
    margin-bottom: 10px;
    margin-top: 0px;
    /* text-transform: none; */
    font-size: 12px;
    color: #848484;
    line-height: 22px;
}

.filterItemsDetailsArea .availableItemLists [type="checkbox"] + span:not(.lever) {
    position: relative;
    padding-left: 35px;
    cursor: pointer;
    display: block;
    height: auto;
    font-family: 'Open Sans', sans-serif;
    font-weight: 500;
    margin-bottom: 10px;
    margin-top: 0px;
    text-transform: uppercase;
    font-size: 14px;
    color: #000000;
    line-height: 22px;
}



.filterItemsDetailsArea .availableItemLists p label {
    width: 100%;
    margin: 0px;
}

.tabs-left {
    border-bottom: none;
    padding-top: 0px;
}

.tabs-left {
    border-right: none;
}

    .tabs-left > li, .tabs-right > li {
        float: none;
        margin-bottom: 0px;
    }

    .tabs-left > li {
        margin-right: 0px;
    }

        .tabs-left > li.active > a,
        .tabs-left > li.active > a:hover,
        .tabs-left > li.active > a:focus {
            /* border-bottom-color: #ddd;
    border-right-color: transparent; */
            border: none;
        }

        .tabs-left > li > a {
            border-radius: 0;
            margin-right: 0;
            display: block;
        }

.vertical-text {
    margin-top: 50px;
    border: none;
    position: relative;
}

    .vertical-text > li {
        height: 20px;
        width: 120px;
        margin-bottom: 100px;
    }

        .vertical-text > li > a {
            border-bottom: 1px solid #ddd;
            border-right-color: transparent;
            text-align: center;
            border-radius: 0;
        }

        .vertical-text > li.active > a,
        .vertical-text > li.active > a:hover,
        .vertical-text > li.active > a:focus {
            /* border-bottom-color: transparent;
    border-right-color: #ddd;
    border-left-color: #ddd; */
            border: none;
        }

    .vertical-text.tabs-left {
        left: -50px;
    }

        .vertical-text.tabs-left > li {
            -webkit-transform: rotate(-90deg);
            -moz-transform: rotate(-90deg);
            -ms-transform: rotate(-90deg);
            -o-transform: rotate(-90deg);
            transform: rotate(-90deg);
        }



.modal {
    width: 100%;
    max-height: 100%;
    border-radius: 0;
}

    .modal .modal-content {
        padding: 0;
        border-radius: 4px;
    }

/**/

section.MenuCategory.topLogoSection .loginBtn a i {
    display: inline-block;
    font-size: 20px;
    height: auto;
    line-height: normal;
}

.c-menu--slide-left .c-menu__item, .c-menu--slide-right .c-menu__item, .c-menu--push-left .c-menu__item, .c-menu--push-right .c-menu__item {
    display: block;
    text-align: center;
    width: 100%;
    float: left;
}

/*-------- Footer ----------*/

.footerTopSection {
    width: 100%;
    float: left;
}

.channelPartnerLogin a.requestSubmitBtn {
    padding: 2px 12px;
    font-size: 12px;
}

.FooterLinkSection ul {
    width: 100%;
    float: left;
    margin-bottom: 5px;
}

    .FooterLinkSection ul li p {
        color: #21409a;
        margin: 0;
        text-transform: capitalize;
        font-size: 11px;
        font-weight: 600;
        text-decoration: underline;
    }

p.address {
    position: relative;
    padding-left: 25px;
}

    p.address i {
        position: absolute;
        left: 0;
        top: 0;
        line-height: 24px;
        color: #57699b;
        font-size: 16px;
    }

footer .copyrightArea img {
    width: 50%;
}

p.address {
    position: relative;
    padding-left: 25px;
    width: 100%;
    float: left;
    font-weight: 600;
}

ul.downloadAppList {
    margin: 0;
    padding: 0 15px 0 0;
}

    ul.downloadAppList li {
        width: 50%;
        float: left;
        padding: 0 5px;
    }

        ul.downloadAppList li a {
            display: block;
        }

a.pageCallButton,
a.scrollTopButton {
    width: 35px;
    height: 35px;
    background: #ebedee;
    border-radius: 100px;
    padding: 6px;
    position: fixed;
    right: 55px;
    bottom: 20px;
    z-index: 1000;
    box-shadow: 0 3px 6px rgba(0,0,0,0.2);
    text-align: center;
    border: 2px solid #c7c7c7;
}

a.scrollTopButton {
    right: 10px;
}

    a.pageCallButton img,
    a.scrollTopButton img {
        width: 100%;
    }

    a.scrollTopButton i {
        font-size: 24px;
        color: #2f4fa7;
        text-align: center;
        line-height: 14px;
    }

a.pageCallButton i {
    font-size: 16px;
    color: #2f4fa7;
    text-align: center;
    line-height: 14px;
}
/*---------*/

.filterListArea.bottomCategorymenu li a span {
    display: inline-block;
    font-size: 12px;
    color: #2f4fa7;
    font-weight: 400;
    float: right;
}

.btnRedXtra {
    background: #e02a31;
    color: #fff;
}

section.ProductDetailsSection .keyFeaturesArea ul li {
    line-height: normal;
    padding: 0;
}

.bottomCategorymenu ul li a {
    padding: 10px 20px 10px 0;
    line-height: normal;
}

.sortbyModal .FilterLists.paymentSection ul li .styled-radio:checked + label {
    color: #2f4fa7;
}

    .sortbyModal .FilterLists.paymentSection ul li .styled-radio:checked + label::before {
        border: 2px solid #2f4fa7;
    }

    .sortbyModal .FilterLists.paymentSection ul li .styled-radio:checked + label::after {
        background: #2f4fa7;
    }

.conditionArea.onGridView h4, section.CategorySection .ProductsDisplayArea ul li a .product_description .conditionArea.onGridView h4 {
    font-weight: 500;
}

.color1 {
    color: #14c51a !important;
}

.color2 {
    color: #ff8b13 !important;
}

.color3 {
    color: #05c7b4 !important;
}

.color4 {
    /*color: #ab57e0 !important;*/
    color: #000000 !important;
}

section.ProductDetailsSection .WarrantyBazaarArea .CartBuyBtn.payBookBtnArea ul li a.prebookingBuyNowBtn {
    color: #e02a31;
    padding: 0;
    line-height: 33px;
}

.ProductsDisplayArea ul li.evenrow,
.ProductsDisplayArea.grid_view ul li.evenrow,
section.CategorySection.fullWidth .ProductsDisplayArea.list_view ul li.evenrow {
    background: #f3f7f9;
}

.Checkout .checkout_content .promocode button {
    background: #e02a31;
}

.Checkout .pay_now ul li a.paynow {
    background: #e02a31;
    color: #fff;
}

.Checkout .pay_now ul li span.alterColor {
    color: #e02a31;
}

.styled-radio[type="radio"]:checked + label:before {
    border-color: #2f4fa7;
}

.styled-radio:checked + label:after, .styled-radio:not(:checked) + label:after {
    background: #2f4fa7;
}

.Checkout .title_price {
    background: #eaf0ff;
    border: 1px solid #d0ddff;
}

    .Checkout .title_price .price h4 {
        color: #2f4fa7;
    }

    .Checkout .title_price .title h4 a {
        color: #2f4fa7;
        font-weight: 700;
    }

a.ScrollTop {
    color: #2f4fa7;
}

section.CartSectionNew .MyAccountCard.SellerLists ul li .ProductDesc {
    padding: 0 0 10px 0;
}

.productAllInfoSection .InfoTabSection ul li a.active {
    color: #2f4fa7;
    border-bottom: 2px solid #2f4fa7;
}

/*-------*/

.channelPartnerLogin a {
    display: block;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    margin-bottom: 6px;
    margin-top: 0px;
    font-size: 12px;
    color: #0000008f;
    line-height: 20px;
    text-decoration: underline;
}

    .channelPartnerLogin a span {
        color: #e02a31;
        font-weight: 700;
    }

.footerTopSection {
    text-align: center;
}

    .footerTopSection ul.socialLinks {
        text-align: center;
    }

        .footerTopSection ul.socialLinks li {
            float: none;
            display: inline-block;
            padding: 0px;
        }

            .footerTopSection ul.socialLinks li a {
                padding: 0 6px;
            }

.productAllInfoSection .InfoTabSection ul li a.active {
    color: #2f4fa7;
    border-bottom: 2px solid #2f4fa7;
}

section.CategorySection.topOfferProducts .ProductsDisplayArea.grid_view ul li:last-child {
    width: 50%;
}

section.CategorySection.topOfferProducts .ProductsDisplayArea.grid_view ul li a .product_description {
    min-height: 70px;
    overflow: hidden;
    height: auto;
}

section.CategorySection.topOfferProducts .ProductsDisplayArea ul li:nth-child(2)::before, .topOfferProducts .ProductsDisplayArea ul li:nth-child(2)::before {
    content: initial;
}

.topOfferSection.productListGridView {
    background: #f8f8f8;
}

section.CategorySection.topOfferProducts {
    background: #f8f8f8;
    padding: 0 10px;
}

    section.CategorySection.topOfferProducts .viewAllBtnArea, .viewAllBtnArea {
        width: 100%;
        float: left;
        padding: 5px 5px 5px 10px;
        /* background: #fff; */
    }

        section.CategorySection.topOfferProducts .viewAllBtnArea a,
        .viewAllBtnArea a {
            font-family: 'Open Sans', sans-serif;
            text-align: left;
            color: #e02a31;
            font-size: 12px;
            font-weight: 600;
            line-height: 24px;
            text-transform: none;
        }

section.CategorySection .ProductsDisplayArea, .ProductsDisplayArea {
    box-shadow: none;
}

.testimonialsCardSection .testimonialsContent {
    padding: 5px 10px 8px;
    border-radius: 0 20px 20px 10px;
    background: #fff;
    margin-top: 15px;
    font-size: 11px;
    font-weight: 600;
    color: #404040;
}

    .testimonialsCardSection .testimonialsContent p {
        font-size: 11px;
        font-weight: 600;
        color: #404040;
    }


/*-------*/

.shortcut.scroller ul {
    width: 100%;
    float: left;
    overflow: scroll;
    overflow-y: hidden;
    white-space: nowrap;
    /* display: flex; */
    z-index: 100;
}

    .shortcut.scroller ul li {
        float: none;
        width: 20%;
        display: inline-flex;
    }

.shortcut ul li a h5 {
    font-size: 10px;
    line-height: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: pre;
}

/*----*/

.ProductsDisplayArea.grid_view ul li a .product_description p.price span.newPrice {
	font-size: 16px;
    font-weight: 700;
    color: #000000;
}

section.CategorySection .ProductsDisplayArea.grid_view ul li a .product_description p span.oldPrice {
	font-size: 12px;
    margin: 0px 2px;
}

section.CategorySection .ProductsDisplayArea.grid_view ul li a .product_description p span.extraOffer {
    font-size: 12px;
    margin: 0px 0px;
    font-weight: 700;
    color: #e02a31;
}

section.CategorySection .ProductsDisplayArea ul li a .product_description .conditionArea.onGridView h4 {
    font-weight: 600;
	font-size: 12px;
    line-height: normal;
    color: #676767;
}

.ProductsDisplayArea.grid_view ul li a .product_description p.price span.specialPriceTag {
    width: 100%;
    float: left;
    font-weight: 600;
    color: #060606;
	font-size: 9px;
    line-height: normal;
    padding: 0;
    margin: 0;
    text-decoration: none;
}

section.CategorySection .ProductsDisplayArea ul li a, .ProductsDisplayArea ul li a {
    padding: 15px;
}

.requestRepair_section {
    margin-bottom: 10px;
}

.productCardSection .productDescription h4 {
    font-size: 13px;
    font-weight: 600;
}

.productCardSection .productDescription p.extraOffer {
    font-size: 11px;
    font-weight: 600;
    color: #e02a31;
}

.productCardSection .productDescription p span.newPrice {
    font-size: 14px;
    font-weight: 600;
    color: #000000;
    margin-left: 4px;
}

.productCardSection .productDescription p {
    line-height: 14px;
}

    .productCardSection .productDescription p span.oldPrice {
        font-size: 11px;
        font-weight: 600;
        color: #848484;
    }

.offerSliderSection {
    padding: 0 0 0 8px;
}

.productCardSection .warrantySection p {
    line-height: 10px;
}

.productCardSection {
    padding: 6px;
    border-radius: 4px;
}

    .productCardSection .warrantySection {
        padding: 4px 6px 4px 8px;
        margin: 4px 0 0 0;
    }

        .productCardSection .warrantySection p {
            font-size: 8px;
            font-weight: 700;
        }

        .productCardSection .warrantySection i {
            width: 16px;
        }

.productListGridView section.CategorySection .ProductsDisplayArea.grid_view ul li a .product_description p {
    margin: 0px;
    line-height: 14px;
}

.protection_plan_section.OfferZone .planSection {
    background: #fff;
    padding: 4px 4px 0px 4px;
    box-shadow: 0px 2px 4px rgba(0,0,0,0.05);
}

.modal.sortbyModal .modal-header .testArea p {
    font-weight: 500;
    background: transparent;
    color: #fff;
    font-size: 14px;
}

.sortbyModal .bottomApplySection ul li a {
    font-weight: 500;
}

.comingsoon {
    width: 100%;
    float: left;
    background: #ebedee;
}


section.ProductDetailsSection .productTitleArea h1,
.productKeysArea .gradeArea .conditionArea h4, section.ProductDetailsSection .productKeysArea .gradeArea .conditionArea h4, .ProductsDisplayArea.list_view ul li .list_item .list_description .conditionArea h4, .conditionArea h4, section.CategorySection .ProductsDisplayArea ul li a .product_description .conditionArea h4,
section.ProductDetailsSection .keyFeaturesArea h4, h4.TitleText,
.productDescRateArea p.productTitle, .productAllInfoSection .descriptionSection.specification h4 {
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    color: #6f6f6f;
}

section.ProductDetailsSection .keyFeaturesArea h4, h4.TitleText b{
    font-weight: 600;
}

section.ProductDetailsSection .productTitleArea h1,
.productDescRateArea p.productTitle {
    text-transform: none;
}

.productKeysArea .gradeArea .conditionArea h4, section.ProductDetailsSection .productKeysArea .gradeArea .conditionArea h4, .ProductsDisplayArea.list_view ul li .list_item .list_description .conditionArea h4, .conditionArea h4, section.CategorySection .ProductsDisplayArea ul li a .product_description .conditionArea h4 {
    color: #676767;
    font-size: 12px;
}

.headerTitleArea a.viewAllBtn, .delivery_pincode .inputArea .btnArea a.updatePinBtn, a.updatePinBtn, .ReviewArea .ReviewHeaderArea a.writeReviewBtn {
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
}

.productAllInfoSection .descriptionSection.specification ul li {
    font-family: 'Open Sans', sans-serif;
}

.productAllInfoSection .descriptionSection.specification ul li {
    line-height: normal;
    padding: 8px 0;
}

    .productAllInfoSection .descriptionSection.specification ul li .half {
        padding: 0 4px 0 0;
    }

        .productAllInfoSection .descriptionSection.specification ul li .half.dark {
            padding: 0 0px 0 4px;
        }

.productReviewSection.fixedTopSection .rateProductArea {
    min-height: 160px;
    padding: 10px 15px;
}

.productAllInfoSection .infoContentArea {
    height: calc(100vh - 250px);
}

.titleArea h4.smallerTxt,
.headerSection .titleArea h4.smallerTxt,
.topOfferSection .headerSection .titleArea h4.smallerTxt {
    font-size: 16px;
}

/*/// Add By Surajit 23-05-2020 */

.CartBuyBtn {
    width: 100%;
    float: left;
    padding: 15px;
    text-align: center;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

    .CartBuyBtn ul {
        list-style-type: none;
        padding: 0;
        margin: 0;
    }

        .CartBuyBtn ul li {
            float: left;
            width: 50%;
            padding: 0px;
        }

            .CartBuyBtn ul li a {
                font-family: 'Open Sans', sans-serif;
                font-size: 16px;
                font-weight: 700;
                color: #888888;
                padding: 12px 0;
                text-align: center;
                display: block;
                text-decoration: none;
                text-transform: uppercase;
                height: 58px;
                line-height: 35px;
            }

                .CartBuyBtn ul li a.addtoCart {
                    color: #000000;
                    -webkit-border-radius: 0px;
                    -moz-border-radius: 0px;
                    -o-border-radius: 0px;
                    border-radius: 0px;
                    background: #fff;
                    font-size: 18px;
                }

                .CartBuyBtn ul li a.BuyNow {
                    background: #d41625;
                    color: #fff;
                    -webkit-border-radius: 0px;
                    -moz-border-radius: 0px;
                    -o-border-radius: 0px;
                    border-radius: 0px;
                }

    .CartBuyBtn.fixed {
        width: 100%;
        float: left;
        position: fixed;
        background: #ffffff;
        left: 0;
        bottom: -1px;
        z-index: 10000;
        box-shadow: 0px -8px 20px rgba(0, 0, 0, 0.1);
        padding: 0px;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease;
    }

/*--------*/

.buyer_progress_bar .stepsArea ul li a .counter_title {
    font-size: 0.95rem;
}

.deliveryAddressSection {
    width: 100%;
    float: left;
    padding: 10px 15px;
}

    .deliveryAddressSection .headerSection,
    .reviewOrderSection .headerSection {
        width: 100%;
        float: left;
        padding-left: 30px;
        padding-right: 100px;
        position: relative;
    }

        .deliveryAddressSection .headerSection h4,
        .reviewOrderSection .headerSection h4 {
            font-family: 'Open Sans', sans-serif;
            font-weight: 600;
            margin-bottom: 0px;
            margin-top: 0px;
            text-transform: capitalize;
            font-size: 14px;
            color: #222222;
            line-height: 24px;
        }

        .deliveryAddressSection .headerSection p {
            margin: 0;
        }

        .deliveryAddressSection .headerSection i,
        .reviewOrderSection .headerSection i {
            width: 25px;
            float: left;
            position: absolute;
            left: 0;
            top: 0;
        }

        .deliveryAddressSection .headerSection a.addnewBtn {
            font-family: 'Open Sans', sans-serif;
            font-size: 12px;
            font-weight: 600;
            color: #21409a;
            padding: 6px 12px;
            text-align: center;
            display: inline-block;
            text-decoration: none;
            text-transform: uppercase;
            border: 1px solid #d41625;
            border-radius: 2px;
            position: absolute;
            right: 0;
            top: 50%;
            transform: translateY(-50%);
        }

.buyer_progress_bar .stepsArea ul li a.complete .counter {
    border: 1px solid #fc4823;
    background: #fc4823;
    color: #fff;
    position: relative;
}

.buyer_progress_bar .stepsArea ul li a.complete .counter_title {
    color: #000000;
}

.buyer_progress_bar .stepsArea ul li a.active .counter {
    border: 1px solid #fc4823;
    background: #fc4823;
    color: #fff;
    position: relative;
}

.buyer_progress_bar .stepsArea ul li a.active .counter_title {
    color: #21409a;
}

.addressPanel {
    width: 100%;
    float: left;
    padding: 0px;
    background: #fdfbfc;
    border: 1px solid #eaeaeabd;
    margin: 10px 0 0 0;
}

    .addressPanel label {
        width: 100%;
        float: left;
        padding: 5px 30px 0px 10px;
        position: relative;
    }

        .addressPanel label span {
            position: absolute !important;
            right: 4px;
            top: 5px;
            width: 25px;
            padding-left: 0px !important;
        }

    .addressPanel h4 {
        font-family: 'Open Sans', sans-serif;
        font-weight: 600;
        margin-bottom: 0px;
        margin-top: 0px;
        text-transform: capitalize;
        font-size: 14px;
        color: #222222;
        line-height: 24px;
    }

    .addressPanel p {
        margin: 0px;
        color: #848484;
        text-transform: none;
    }

    .addressPanel.selected {
        background: #fecec4;
        border: 1px solid #f5a493;
    }

        .addressPanel.selected h4,
        .addressPanel.selected p {
            color: #000000;
        }

        .addressPanel.selected [type="radio"]:checked + span:after {
            border: 2px solid #e02a31;
            background-color: #e02a31;
        }

.reviewOrderSection {
    width: 100%;
    float: left;
    padding: 10px 15px;
    background: #fff;
}

.orderDetailsSection .ProductDesc .PicArea {
    width: 20%;
}

.orderDetailsSection .ProductDesc .Description {
    width: 80%;
}

.cartItemListArea ul li .ProductDesc .Description {
    padding: 0 0 0 10px;
}

.cartItemListArea ul li .ProductDesc {
    padding: 0px;
    margin-bottom: 10px;
}

    .cartItemListArea ul li .ProductDesc .Description h4.SellerName {
        font-size: 12px;
    }

.cartItemListArea ul li .bottomSection {
    margin: 10px 0 0 0;
}

    .cartItemListArea ul li .bottomSection .quantity {
        width: 30%;
        float: left;
    }

    .cartItemListArea ul li .bottomSection .totalAmount {
        width: 70%;
        float: left;
    }

        .cartItemListArea ul li .bottomSection .totalAmount h4 {
            font-family: 'Open Sans', sans-serif;
            font-weight: 600;
            margin-bottom: 0px;
            margin-top: 0px;
            font-size: 14px;
            color: #000000;
            line-height: 24px;
            text-align: right;
        }

            .cartItemListArea ul li .bottomSection .totalAmount h4 span {
                font-weight: 500;
                color: #848484;
            }

    .cartItemListArea ul li .bottomSection .quantity select.form-control {
        border: 1px solid #eaeaeabd;
        border-radius: 0px;
        padding: 5px 8px;
        max-width: 56px;
        line-height: normal;
        font-size: 14px;
        font-weight: 600;
        height: 35px;
    }

.quantity select.form-control:focus,
.quantity select.form-control:hover, .quantity select.form-control:active {
    border: 1px solid #eaeaeabd;
}

.cartItemListArea ul li .bottomSection p.deliveryText,
p.deliveryText {
    color: #848484;
}

    p.deliveryText span {
        display: inline-block;
        color: #fff;
        text-transform: uppercase;
        padding: 0px 8px;
        background: #54ba4c;
        font-size: 10px;
        line-height: 18px;
        vertical-align: top;
        margin-left: 5px;
    }

.paymentCard {
    width: 100%;
    float: left;
    /*padding: 10px 15px;*/
}

    .paymentCard h4 {
        font-family: 'Open Sans', sans-serif;
        font-weight: 600;
        margin-bottom: 0px;
        margin-top: 0px;
        text-transform: capitalize;
        font-size: 14px;
        color: #222222;
        line-height: 24px;
    }

    .paymentCard .cardInner {
        width: 100%;
        float: left;
        margin-top: 10px;
        padding: 10px;
        background: #fcfcfc;
        border: 1px solid #efefef;
    }

    .paymentCard .input-field {
        width: 100%;
        float: left;
        margin-top: 20px;
    }

        .paymentCard .input-field .form-control {
            background: #f8f8f8;
            border-radius: 0;
            border: 1px solid #edebeb;
        }

.expiryArea .inputArea {
    width: 40%;
    float: left;
}

.expiryArea .separator {
    width: 20%;
    float: left;
    font-family: 'Open Sans', sans-serif;
    line-height: 35px;
    font-weight: 500;
    font-size: 16px;
    text-align: center;
}

.cardinputArea {
    width: 100%;
    float: left;
}

    .cardinputArea .expiryArea {
        width: 60%;
        float: left;
        padding-right: 20px;
    }

    .cardinputArea .cvvArea {
        width: 40%;
        float: left;
    }

.expiryArea .input-field > label {
    top: -28px;
}

.expiryArea .input-field .form-control {
    text-align: center;
}

.rememberMeSection {
    text-align: left;
    width: 100%;
    float: left;
    margin: 10px 0;
}

    .rememberMeSection label {
        width: 100%;
        margin: 0px;
    }

    .rememberMeSection [type="checkbox"] + span:not(.lever) {
        height: 20px;
        line-height: 20px;
    }

    .rememberMeSection [type="checkbox"].filled-in:checked + span:not(.lever):after {
        border: 2px solid #53bb4c;
        background-color: #53bb4c;
    }

p.agreeTxt {
    font-size: 10px;
    line-height: normal;
}

.paymentBtnLists {
    width: 100%;
    float: left;
    padding: 10px 15px;
}

    .paymentBtnLists ul li {
        width: 100%;
        float: left;
        margin-bottom: 10px;
    }

        .paymentBtnLists ul li a {
            display: block;
            font-family: 'Open Sans', sans-serif;
            font-weight: 600;
            background: #bdebfb;
            /* height: 40px; */
            border: none;
            font-size: 14px;
            text-transform: none;
            color: #222222;
            border-radius: 6px;
            padding: 20px 15px;
        }

    .paymentBtnLists ul li a.active {
        border: 1px solid #ee1c25;
        background: #ee1c25;
        color: #fff;
        position: relative;
    }

/*---------*/

.checkoutPageSection {
    width: 100%;
    float: left;
    padding: 0px;
    background: #fff;
}

.checkoutBanner {
    width: 100%;
    float: left;
    margin-bottom: 0px;
}

.checkoutContentSec {
    width: 100%;
    float: left;
}

    .checkoutContentSec h4 {
        font-family: 'Open Sans', sans-serif;
        font-weight: 600;
        margin-bottom: 10px;
        margin-top: 0px;
        text-transform: none;
        font-size: 12px;
        color: #222222;
        line-height: normal;
    }

    .checkoutContentSec p {
        font-family: 'Open Sans', sans-serif;
        margin: 0px;
        color: #848484;
        text-transform: none;
    }

.checkoutFields .input-field .form-control {
    background: #f8f8f8;
    border-radius: 6px;
    border: 2px solid #edebeb;
    font-size: 16px;
    box-shadow: 0 10px 10px rgba(0,0,0,0.08);
}



.checkoutFields .input-field {
    position: relative;
    margin-top: 1rem;
    margin-bottom: 0rem;
    width: 100%;
    float: left;
}

.checkoutFields .paymentBtnSection .btn_continue {
    border-radius: 6px;
    width: auto;
    margin: 0px auto;
    padding: 0 50px;
}

.otpSection p a {
    display: inline-block;
    margin-left: 5px;
    color: #21409a;
    text-decoration: underline;
    font-weight: 600;
}
.otpSection p a:hover{
    color: #e02a31;
}


.checkoutFields .actionableBtnArea {
    width: 100%;
    float: left;
    text-align: center;
    padding: 40px 0 20px;
}

    .checkoutFields .actionableBtnArea a {
        display: inline-block;
        margin: 0 5px;
        color: #21409a;
        text-decoration: underline;
        font-weight: 600;
        font-size: 12px;
    }
    .checkoutFields .actionableBtnArea a:hover{
        color: #e02a31;
    }


/*--------- */

.topHeaderSection {
    width: 100%;
    float: left;
    background: #fff;
    padding: 15px;
    margin-bottom: 10px;
    box-shadow: 0 4px 15px rgba(0,0,0,0.1);
    position: relative;
}

    .topHeaderSection h4 {
        font-family: 'Open Sans', sans-serif;
        font-weight: 700;
        margin-bottom: 0px;
        margin-top: 0px;
        text-transform: capitalize;
        font-size: 13px;
        line-height: 20px;
        padding-left: 30px;
    }

    .topHeaderSection a.backBtn {
        width: 20px;
        height: 20px;
        position: absolute;
        left: 15px;
        top: 15px;
    }

        .topHeaderSection a.backBtn span {
            color: #000000;
            font-size: 20px;
            line-height: 20px;
        }

.appointmentSection {
    width: 100%;
    float: left;
    padding: 15px;
    background: #fff;
}

.selectAppointment {
    width: 100%;
    float: left;
}

    .selectAppointment a.selectBtn {
        font-family: 'Open Sans', sans-serif;
        font-weight: 700;
        margin-bottom: 10px;
        margin-top: 0px;
        text-transform: capitalize;
        font-size: 14px;
        color: #222222;
        line-height: 24px;
        display: inline-block;
        padding: 6px 15px;
        border-radius: 10px;
        border: 1px solid #f5f5f5;
        box-shadow: 0 5px 10px rgba(0,0,0,0.1)
    }

    .selectAppointment p.or {
        font-size: 20px;
        color: #222222;
        margin: 15px 0;
    }

.pickUpDateSection {
    width: 100%;
    float: left;
    margin-bottom: 15px;
}

    .pickUpDateSection .headerTitle {
        width: 100%;
        float: left;
        margin: 0 0 10px 0;
        position: relative;
        padding: 10px 0 10px 35px;
    }

        .pickUpDateSection .headerTitle h4 {
            font-family: 'Open Sans', sans-serif;
            font-weight: 600;
            margin: 0px;
            text-transform: capitalize;
            font-size: 14px;
            color: #222222;
            line-height: 20px;
        }

        .pickUpDateSection .headerTitle span {
            width: 30px;
            height: 30px;
            position: absolute;
            left: 0;
            top: 50%;
            transform: translateY(-50%);
        }

            .pickUpDateSection .headerTitle span img {
                width: 100%;
            }

    .pickUpDateSection .pickDateList {
        width: 100%;
        float: left;
    }

        .pickUpDateSection .pickDateList li {
            float: left;
            width: auto;
            min-width: 30%;
            padding: 4px;
        }

            .pickUpDateSection .pickDateList li a {
                display: block;
                padding: 8px 12px;
                font-family: 'Open Sans', sans-serif;
                font-weight: 600;
                margin: 0px;
                text-transform: capitalize;
                font-size: 14px;
                color: #6f6f6f;
                line-height: 20px;
                border: 1px solid #bdbdbd;
                border-radius: 6px;
                text-align: center;
            }

                .pickUpDateSection .pickDateList li a span {
                    font-size: 20px;
                }

                .pickUpDateSection .pickDateList li a.selected {
                    border: 1px dashed #458ccc;
                    color: #458ccc;
                }

        .pickUpDateSection .pickDateList.pickTime li {
            width: 50%;
        }

.appointmentContineBtnArea {
    width: 100%;
    float: left;
    margin-top: 50px;
}

    .appointmentContineBtnArea .btn_continue {
        border-radius: 4px;
        box-shadow: 0 5px 10px rgba(0,0,0,0.2)
    }

body.hasFixedTopBottom {
    padding-top: 50px;
    padding-bottom: 50px;
}

.topHeaderSection.fixed {
    position: fixed;
    left: 0;
    top: 0;
    margin: 0;
}

.pageBottomSection {
    width: 100%;
    float: left;
    padding: 10px 15px;
}

    .pageBottomSection .btn_continue {
        border-radius: 4px;
    }

    .pageBottomSection.fixedBottom {
        position: fixed;
        bottom: 0;
        left: 0;
        border: 1px solid #f1f1f1;
        box-shadow: 0px 4px 10px rgba(0,0,0,0.1);
    }


.pickupModeSection {
    width: 100%;
    float: left;
    padding: 15px;
    background: #fff;
}

.pickupMode .titleArea {
    margin: 0px;
}

.pickupMode .cardSection.addonOffer span h4 {
    padding-right: 0;
    text-transform: none;
}

.pickupMode .cardSection.addonOffer span p.offer {
    font-weight: 600;
    font-size: 13px;
    line-height: normal;
    font-family: 'Open Sans', sans-serif;
    color: #fff;
    background: #f66141;
    padding: 4px 10px;
    margin: 0px 0 10px 0;
    border-radius: 4px;
    display: inline-block;
}

.cardSection .pickupSteps {
    width: 100%;
    /* float: left; */
}

    .cardSection .pickupSteps ul li {
        width: 100%;
        /* float: left; */
        margin-bottom: 0;
        position: relative;
        padding: 10px 0 10px 38px;
    }

        .cardSection .pickupSteps ul li h4 {
            font-family: 'Open Sans', sans-serif;
            font-weight: 600;
            margin: 0px;
            text-transform: capitalize;
            font-size: 13px;
            color: #222222;
            line-height: 20px;
        }

        .cardSection .pickupSteps ul li span {
            width: 30px;
            height: 30px;
            position: absolute;
            left: 0;
            top: 50%;
            transform: translateY(-50%);
        }

            .cardSection .pickupSteps ul li span img {
                width: 100%;
            }

.pickupMode .cardSection label {
    width: 100%;
    float: left;
}

.pageBottomSection.splitHalf ul li {
    width: 50%;
    float: left;
}

.splitHalf ul li a.addtoCart {
    font-family: 'Open Sans', sans-serif;
    font-size: 18px;
    font-weight: 700;
    padding: 0;
    text-align: center;
    display: block;
    text-decoration: none;
    text-transform: uppercase;
    line-height: 35px;
    height: 35px;
}

.splitHalf ul li a.continue {
    display: block;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    font-weight: 600;
    padding: 0;
    text-align: center;
    text-decoration: none;
    line-height: 35px;
    height: 35px;
    background: #ed1b24;
    border-radius: 4px;
    color: #fff;
}

    .splitHalf ul li a.continue span {
        color: #fff;
        font-size: 24px;
        line-height: 24px;
        vertical-align: middle;
    }

    .splitHalf ul li a.continue.disable {
        background: #b7b7b7;
        color: #717171;
        cursor: not-allowed;
    }

        .splitHalf ul li a.continue.disable span {
            color: #717171;
        }

.pickupMode .titleArea h4 {
    font-size: 14px;
    font-weight: 700;
}

.pickupMode .titleArea p {
    font-size: 12px;
}

.pickupMode .cardSection.addonOffer span h4 span {
    color: #428ccb;
}

.pickupMode .cardSection .addressDetails {
    width: 100%;
}

.addressDetails p.kmCalculate {
    position: relative;
    padding-left: 15px;
}

    .addressDetails p.kmCalculate span {
        width: 15px;
        height: 15px;
        font-size: 12px;
        color: #00aaf0;
        position: absolute;
        left: 0;
        top: 50%;
        transform: translateY(-50%);
        line-height: 15px;
    }


    .checkout_content .address_review .address_area {
        height: 244px;
        overflow-y: scroll;
        -webkit-overflow-scrolling: touch;
    }
    .checkout_content .address_review .more_address {
        position: absolute;
        right: 0;
        bottom: 0;
        left: 0;
        text-align: center;
    }
    .Checkout .checkout_content .address_review{
        position: relative;
    }

    .addressPanel label span {
        top: 50%;
        padding-left: 0px !important;
        transform: translateY(-50%);
    }



    [type="radio"]:checked + span:after, [type="radio"].with-gap:checked + span:after {
        background-color: #e02a31;
    }
    [type="radio"]:checked + span:after, [type="radio"].with-gap:checked + span:before, [type="radio"].with-gap:checked + span:after {
        border: 2px solid #e02a31;
    }

    .addressPanel{
        position: relative;
    }
    .addressPanel a.actionBtn{
        width: 24px;
        height: 24px;
        position: absolute;
        right: 0;
        top: 0;
        z-index: 10;
        font-size: 12px;
        text-align: center;
        color: #676767;
        line-height: 24px;
    }
    .addressPanel a.actionBtn.Edit{
        right: 30px;
    }



    /*----------*/

    .addressCheckPanel {
        width: 100%;
        float: left;
        padding: 0px;
        background: #fdfbfc;
        border: 1px solid #eaeaeabd;
        margin: 10px 0 0 0;
        position: relative;
    }
    .addressCheckPanel.selected{
        background: #fecec4;
        border: 1px solid #fecec4;
    }
    .addressCheckPanel label {
        width: 100%;
        float: left;
        padding: 5px 50px 0px 8px;
        position: relative;
    }
    .addressCheckPanel h4 {
        font-family: 'Open Sans', sans-serif;
        font-weight: 700;
        margin-bottom: 0px;
        margin-top: 0px;
        text-transform: capitalize;
        font-size: 14px;
        color: #000000;
        line-height: 24px;
    }
    .addressCheckPanel p {
        margin: 0px;
        color: #000000;
        text-transform: none;
        font-weight: 600;
    }
    .addressCheckPanel a.actionBtn {
        width: 24px;
        height: 24px;
        position: absolute;
        right: 0;
        bottom: 5px;
        z-index: 10;
        font-size: 12px;
        text-align: center;
        color: #676767;
        line-height: 24px;
    }
    .addressCheckPanel a.actionBtn.Edit {
        right: 26px;
    }
    .addressCheckPanel [type="checkbox"] + span:not(.lever){
        width: 100%;
        padding: 0 0 0 2px;
    }
    .addressCheckPanel [type="checkbox"].filled-in:checked + span:not(.lever):before,
    .addressCheckPanel [type="checkbox"].filled-in:checked + span:not(.lever):after,
    .addressCheckPanel [type="checkbox"].filled-in + span:not(.lever):before,
    .addressCheckPanel [type="checkbox"].filled-in + span:not(.lever):after{
        left: auto;
        right: -35px;
        top: 15px;
    }
    .addressCheckPanel [type="checkbox"].filled-in:checked + span:not(.lever):before,
    .addressCheckPanel [type="checkbox"].filled-in + span:not(.lever):before{
        right: -25px;
        top: 15px;
    }
    .addressCheckPanel [type="checkbox"].filled-in:checked + span:not(.lever):after {
        border: 2px solid #fc4823;
        background-color: #fc4823;
    }
    .addressCheckPanel [type="checkbox"].filled-in + span:not(.lever):after,
    .addressCheckPanel [type="checkbox"].filled-in:not(:checked) + span:not(.lever):after{
        border-radius: 100px;
    }
    [type="checkbox"].filled-in:checked + span:not(.lever):after {
        border: 2px solid #21409a;
        background-color: #21409a;
    }
    .preBookingBar{
        width: 100%;
        float: left;
        margin: 0 0 8px 0;
    }
    .preBookingBar label{
        margin: 0px;
        padding: 4px 6px 4px 4px;
        border: 1px solid #b1cef7;
        background: #e5f3ff        
    }
    .preBookingBar [type="checkbox"] + span:not(.lever){
        height: 20px;
        line-height: 20px;
        padding-left: 30px;
        font-size: 12px;
        font-weight: 600;
        color: #000;
    }
    .preBookingBar label span b{
        font-size: 14px;
    }

.reviewOrderSection .cartItemListArea ul li .ProductDesc{
    padding: 10px;
    border: 1px solid #eaeaea;
    position: relative;
}
.reviewOrderSection .cartItemListArea ul li .ProductDesc a.actionBtn {
    width: 24px;
    height: 24px;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 10;
    font-size: 12px;
    text-align: center;
    color: #676767;
    line-height: 24px;
}

/*////////////////////////////////*/

/*------- Menu restructure // start --------*/

.mobileMenuSection{
	display: none;
}
.desktopMenuSection{
	display: block;
}

nav{
	width: 100%;
	padding: 0 30px;
	background: #fff;
	box-shadow: none;
  }
  nav a {
	color: #2f4fa7;
  }
  nav .brand-logo{
	padding: 0px;
	display: block;
  }
  nav .brand-logo img{
	height: 40px;
  }
  nav ul a{
	font-size: 12px;
	color: #000000;
	font-weight: 700;
	margin: 0px 0 0px 0;
	padding: 0 15px;
	font-family: 'Open Sans', sans-serif;
	text-transform: uppercase;
  }
  nav ul li{
	position: relative;
  }
  
  
  nav a.sidenav-trigger.desktopSideNav{
	display: block;
	margin: 0px;
  }
  
  .navbarSearch{
    width: 30%;
    float: left;
    position: absolute;
    left: 28%;
    top: 9px;
	/* transform: translateX(-30%);*/
  }
  .navbarSearch form{
	width: 100%;
	float: left;
  }
  .nav-wrapper .navbarSearch .input-field input[type=search]{
	background: #f5f5f5;
	height: 46px;
	border: 2px solid #ececec;
	border-radius: 4px;
	font-size: 14px;
	color: #4b4b4b;
	line-height: 46px;
	font-weight: 600;
	font-family: 'Open Sans', sans-serif;
	width: 100%;
	padding-left: 15px;
	padding-right: 40px;
  }
  .nav-wrapper .navbarSearch .input-field input[type=search]:focus,
  .nav-wrapper .navbarSearch .input-field input[type=search]:active{
	border: 2px solid #2f4fa7;
  }
  
  .navbarSearch .label-icon .material-icons,
  .navbarSearch .material-icons{
	line-height: 46px;
	height: 46px;
	color: #909090;
  }
  .navbarSearch .input-field label{
	margin: 0px;
	top: 0;
	left: initial;
	right: 0;
  }
  .navbarSearch .input-field input[type=search] + .label-icon{
	left: initial;
	right: 0;
	width: 40px;
	text-align: center;
	display: block;
	position: absolute;
	top: 0;
	z-index: 1;
  }
  
  .sidenav .user-view {
	position: relative;
	padding: 15px 20px;
	margin-bottom: 8px;
	background: #2f4fa7;
  }
  .sidenav li > a {
	color: #000;
	display: block;
	font-size: 13px;
	font-weight: 500;
	height: 40px;
	line-height: 40px;
	padding: 0 20px;
	font-family: 'Open Sans', sans-serif;
  }
  .sidenav li > a > i, .sidenav li > a > [class^="mdi-"], .sidenav li > a li > a > [class*="mdi-"], .sidenav li > a > i.material-icons {
	float: left;
	height: 40px;
	line-height: 40px;
	margin: 0 15px 0 0;
	width: 24px;
	color: #969696;
  }
  
  .sidenav a.loginBtn{
	color: #000;
	display: block;
	font-size: 14px;
	font-weight: 600;
	height: 40px;
	line-height: 40px;
	padding: 0px;
	font-family: 'Open Sans', sans-serif;
  
  }
  .sidenav a.loginBtn span{
	height: 40px;
	line-height: 40px;
	vertical-align: top;
  }
  .sidenav .user-view .background {
	background: #23408e;
  }
  .sidenav .user-view .background img{
	width: 100%;
	opacity: 0.5;
  }
  .sidenav .user-view a{
	color: #fff;
  }
  .sidenav .user-view .email {
	padding-bottom: 0;
	font-weight: 400;
  }
  .sidenav li > a i.fa{
	text-align: center;
	font-size: 20px;
  }
  nav a.navCart{
	color: #000000;
  }
  nav a.navCart:hover{
	color: #2f4fa7;
  }

  .sidenav.right-aligned a.loginBtn span{
	font-size: 40px;
  }

/*--------- menu // end -------*/


.shortcut ul li a {
	display: block;
	padding: 0px 0;
    text-align: center;
    width: 100%;
  }
  .shortcut ul li a img {
	width: 50px;
	display: inline-block;
	vertical-align: top;
  }
  
  .shortcut ul li a h5 {
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    font-weight: 600;
    color: #000000;
    text-transform: none;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: pre;
    display: inline-block;
    line-height: 50px;
    margin: 0;
    padding: 0 0 0 10px
  }
  .shortcut ul li a:hover h5{
	color: #2f4fa7;
  }

  .container {
    width: 80%;
}
.protection_plan_section .planSection ul li{
    width: 24%;
    margin: 1% 0.2% 0;
    max-width: 300px;
}
.protection_plan_section.shopByCat .planSection ul li {
    width: 49%;
    margin: 1% 0.5%;
}
.protection_plan_section.shopByCat{
	padding: 50px 20%;
}
section.CategorySection.topOfferProducts .viewAllBtnArea a, .viewAllBtnArea a{
	font-size: 16px;
}
.shopbyBrand_section,.topOfferSection{
    padding: 20px 0px 20px;
}
.shopbyBrand_section .headerSection{
	margin: 0 0 10px 0;
}
section.CategorySection .ProductsDisplayArea.grid_view ul li, .ProductsDisplayArea.grid_view ul li,
section.CategorySection.topOfferProducts .ProductsDisplayArea.grid_view ul li:last-child{
		width: 25%;
	}

.bottomRequestSection{
    width: 100%;
    float: left;
}
.bottomRequestSection .requestRepair_section,
.bottomRequestSection .small_banner_section{
    width: 50%;
    float: left;
}
.bottomRequestSection .requestRepair_section{
    padding: 100px;
    margin: 0;
}
.requestRepair_section h4 {
    font-weight: 700;
    margin-bottom: 35px;
    font-size: 24px;
}
a.requestSubmitBtn {
    margin-bottom: 15px;
    margin-top: 15px;
    font-size: 16px;
    padding: 12px 25px;
}
.testimonialsCardSection .testimonialsContent{
    padding: 20px;
}
.testimonialsCardSection .testimonialsContent p {
    font-size: 14px;
    font-weight: 500;
    color: #404040;
    line-height: 24px;
}
.testimonialsCardSection .testimonialsContent p span {
    color: #000000;
    font-weight: 600;
    font-size: 14px;
}
.testimonials_section{
    padding: 20px 15px;
}
.videoSection {
    padding: 30px 15%;
}
.videoSection .titleArea h4{
    font-size: 20px;
    margin-bottom: 20px;
    text-align: center;    
}

/*------*/
footer .top_footer_menu {
    background: #ffffff;
    padding: 30px 0px;
}

nav a.iconItem img{
    width: 30px;
    height: 30px;
}

.shortcut.scroller ul::-webkit-scrollbar {
    height: 8px;
    width: 100%;
  }
   
  .shortcut.scroller ul::-webkit-scrollbar-track {
    box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  }
   
  .shortcut.scroller ul::-webkit-scrollbar-thumb {
    background-color: darkgrey;
    outline: 1px solid slategrey;
  }

  .ProductsDisplayArea.list_view ul li .list_item .list_img {
    width: 20%;
    padding: 20px;
}
.ProductsDisplayArea.list_view ul li .list_item .list_description {
    width: 80%;
    padding: 20px;
}
.modal{
    background-color: rgba(0,0,0,0.5);
}
.modal-dialog {
    width: 50%;
    margin: 0px auto;
}

/*----- product details // start -----*/

section.ProductDetailsSection .productSliderArea {
    width: 40%;
    float: left;
    padding: 15px;
    position: relative;
  }
  section.ProductDetailsSection .productTitleArea {
    width: 60%;
    float: left;
    padding: 10px 15px;
    box-shadow: none;
  }
  section.ProductDetailsSection {
    padding: 30px 0;
  }
  
  .ProductBottomSection {
    width: 100%;
    float: left;
    background: #f8f8f8;
  }
  .promiseDetailsArea ul li {
    width: 33.33%;
    float: left;
    padding: 0;
  }
  .flexslider .slides img {
    max-height: 300px;
  }  
  .whatisRefurbishedArea .headerTitleArea, .headerTitleArea{
    padding: 10px;
  }
  section.ProductDetailsSection .productTitleArea .topContentSection {
    width: 100%;
    float: left;
    padding: 0px 0px 20px;
  }
  .promiseDetailsArea ul li .txtArea {
    width: 75%;
    float: left;
    padding-left: 5px;
  }
  .promiseDetailsArea ul li .iconArea {
    width: 15%;
    float: left;
  }
  .promiseDetailsArea ul li .txtArea h4{
    margin: 0 0 4px 0;
  }
  .proDetailsPageCard.assuredSection .promiseDetailsArea {
    padding: 10px;
  }
  section.ProductDetailsSection .productTitleArea .assuredSection .promiseDetailsArea p{
    margin: 0;
    padding: 0;
  }
  .productTitleArea .productKeysArea {
    padding: 10px 0px;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
  }
  .productDescripTop{
    width: 100%;
    float: left;
    background: #fff;
  }
  .demo-gallery .flexslider .flex-control-thumbs li{
    width: 60px;
    height: 60px;
  }
  .demo-gallery .flexslider .flex-control-thumbs img{
    height: 58px;
  }
  .flex-control-thumbs li:last-child::before{
    left: 0px;
    top: 0px;
  }
  section.ProductDetailsSection .WarrantyBazaarArea.single_btn .CartBuyBtn {
    padding: 0;
    margin-top: 30px;
  }
  section.ProductDetailsSection .WarrantyBazaarArea .CartBuyBtn.payBookBtnArea ul li a.addtoCart {
    background: #fff;
    color: #e02a31;
    padding: 10px;
    border-radius: 5px;
    border: 2px solid #e02a31;
    line-height: 26px;
  }
  section.ProductDetailsSection .WarrantyBazaarArea .CartBuyBtn.payBookBtnArea ul li a.addtoCart:hover {
    background: #e02a31;
    color: #fff;
  }
  section.ProductDetailsSection .WarrantyBazaarArea .CartBuyBtn.payBookBtnArea ul li a.BuyNow:hover{
    background: #2f4fa7;
}
  section.ProductDetailsSection .WarrantyBazaarArea .CartBuyBtn.payBookBtnArea ul li a.BuyNow{
    border-radius: 5px;
  }
  section.ProductDetailsSection .WarrantyBazaarArea .CartBuyBtn ul li{
    padding: 5px;
  }
  section.ProductDetailsSection .WarrantyBazaarArea.single_btn {
    box-shadow: none;
    margin-bottom: 8px;
  }
  
  .ProductBottomSection .topOfferSection .headerSection {
    padding: 20px 0px;
  }
  .ProductBottomSection section.CategorySection.topOfferProducts {
    background: #f8f8f8;
    padding: 0;
  }
  
  .productDescriptionScroller{
    height: calc(100vh - 153px);
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
  }
  .productDescriptionScroller::-webkit-scrollbar {
    width: 4px;
  }
   
  .productDescriptionScroller::-webkit-scrollbar-track {
    box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  }
   
  .productDescriptionScroller::-webkit-scrollbar-thumb {
    background-color: darkgrey;
    outline: 1px solid slategrey;
  }

  /* .productSliderArea .ProductCondMessage{
    bottom: 17%;
  }
  .demo-gallery .flexslider .flex-viewport {
    padding-bottom: 60px;
} */
  
section.ProductDetailsSection .WarrantyBazaarArea .CartBuyBtn.fixed{
    position: relative;
    /* box-shadow: 0px -8px 20px rgba(0, 0, 0, 0.1); */
    box-shadow: none;

}

/*------- product details // end ------*/


.myAcSection{
    width: 100%;
    float: left;
    padding: 50px 25%;
    background: #f9f9fa;
}

.paymentBtnSection{
    width:100%;
    float: left;
    padding: 0 15px 15px;
}

.protection_plan_section.brandList {
    background: #fff;
    padding: 50px 15px;
}
.deviceBrandList {
    width: 100%;
    float: left;
    margin: 10px 0;
    box-shadow: 0px 4px 10px rgba(0,0,0,0.1);
    border-radius: 0px;
}
.deviceBrandList ul li {
    width: 20%;
    float: left;
    border: 0.5px solid #e4e4e4;
}
.deviceBrandList ul li a {
    display: block;
    padding: 10px;
    text-align: center;
}
.deviceBrandList ul li a img {
    width: 100%;
}

.checkoutOrderReview .cartItemListArea ul li{
    padding: 0px;
    border-bottom: none;
}

.checkout_content {
    width: 100%;
    float: left;
    padding: 0px 20% 0px;
}
.checkout_content .paymentCard{
    width: 50%;
    float: left;
    padding: 15px;
}
.checkout_content .paymentCard,
.checkout_content .paymentBtnLists{
    width: 100%;
    float: left;
    padding: 15px;
}
.checkout_content .paymentBtnSection{
    width: 50%;
    float: right;
    padding: 15px;
}

section.ProductDetailsSection.CartSectionNew{
    padding: 50px 25%;
}

.checkoutRegisterMobile,.checkoutLogin{
    padding: 50px 25%;
}
.form_section {
    width: 100%;
    float: left;
}
.form_section.checkoutFields{
    padding: 15px 0;
}
.checkoutFields .paymentBtnSection{
    padding: 15px;
}

.checkoutFields .input-field .form-control:focus,
.checkoutFields .input-field input[type=text]:focus,
.checkoutFields .input-field .form-control:hover,
.checkoutFields .input-field .form-control:active {
    border: 2px solid #e2dcdc !important;
    box-shadow: 0 5px 10px rgba(0,0,0,0.1) !important;
}



.BottomFilter.FilterBtns ul li a span.counter {
    background: #2f4fa7;
    position: relative;
    right: 0;
    top: 0;
    min-width: 20px;
    min-height: 20px;
    display: inline-block;
    margin-left: 5px;
}

.sortbyModal .modal-dialog{
    width: 35%;
}

section.CategorySection .ProductsDisplayArea.list_view ul li,
.ProductsDisplayArea.list_view ul li {
    float: left;
    width: 50%;
    border: 1px solid #e4e4e4;
}
.ProductsDisplayArea.list_view ul li .list_item .list_img {
    width: 30%;
    padding: 10px;
}
.ProductsDisplayArea.list_view ul li .list_item .list_description {
    width: 70%;
    padding: 20px 15 15px;
}
.productReviewSection .rateProductArea{
    width: 50%;
}
.productReviewSection .productAllInfoSection{
    width: 50%;
}

header.HeaderTitleOption {
    background: #fff;
    padding: 20px 30px;    
}
.buySellTab.MyOrder{
    padding: 10px 20%;
    background: #ebedee;
}
.buySellTab.MyOrder ul li a {
    font-size: 16px;
    padding: 10px 5px;
    line-height: 28px;
    font-weight: 700;
    letter-spacing: 0.4px;
}
.MyAccountCard.MyOrderListArea ul li{
    width: 49%;
    float: left;
    margin: 0.5%;
}
.MyAccountCard.MyOrderListArea ul li.loadMoreList{
    width: 100%;
    float: left;
    margin: 0;
}
.promiseDetailsArea ul li .txtArea h4,
section.ProductDetailsSection .productTitleArea .productKeysArea .gradeArea p, .productKeysArea .gradeArea p,.emiCashbackSection ul li a,
section.ProductDetailsSection .keyFeaturesArea ul li p,section.ProductDetailsSection .pincode_status .delivery_status p,.bottomCategorymenu ul li a,section.ProductDetailsSection .keyFeaturesArea.sellerInfoArea .sellerInfoTextArea p,
.productKeysArea ul li a,section.ProductDetailsSection .productTitleArea .assuredSection .promiseDetailsArea p{
    font-family: 'Open Sans', sans-serif;
}

.promiseDetailsArea ul li .txtArea h4,.productKeysArea ul li a,section.ProductDetailsSection .keyFeaturesArea ul li p,section.ProductDetailsSection .pincode_status .delivery_status p.title,
section.ProductDetailsSection .pincode_status .delivery_status p,section.ProductDetailsSection .faqsArea .faqsAccordionArea ul li a,section.ProductDetailsSection .productTitleArea .assuredSection .promiseDetailsArea p{
    font-weight: 600;
}
.emiCashbackSection ul li a,section.ProductDetailsSection .emi a,section.ProductDetailsSection .keyFeaturesArea ul li p,
section.ProductDetailsSection .pincode_status .delivery_status p.title,
section.ProductDetailsSection .pincode_status .delivery_status p,section.ProductDetailsSection .productTitleArea .assuredSection .promiseDetailsArea p{
    font-size: 1.2rem;
}
section.ProductDetailsSection .keyFeaturesArea ul.highlightsKeys li p,section.ProductDetailsSection .keyFeaturesArea ul li p{
    margin: 0px;
}
section.ProductDetailsSection .keyFeaturesArea ul li{
    padding: 0 0 8px 0;
}
.productAllInfoSection .InfoTabSection{
    background: #fff;
}

nav a.navCart,header .TopSection .OtherLinks ul li a.navCart{
    position: relative;
}
nav a.navCart span.counter,
header .TopSection .OtherLinks ul li a.navCart span.counter{
    min-width: 20px;
    height: 20px;
    display: inline-block;
    background: #e02a31;
    margin: 0px;
    position: absolute;
    top: 40%;
    right: -4px;
    color: #fff;
    line-height: 20px;
    text-align: center;
    border-radius: 100px;
    font-size: 12px;
    font-weight: 600;
    transform: translateY(-40%);
}

.protection_plan_section.shopByCat {
    padding: 20px 0%;
}

.wideScreenArea .container{
    width: 100%;
    max-width: 100%;
    padding: 0 30px;
}
.protection_plan_section .planSection{
    text-align: center;
}
.protection_plan_section .planSection ul li{
    float: none;
    display: inline-block;
}

.protection_plan_section.withSixitems .planSection ul li{
    width: 15%;
}
.protection_plan_section .categoryItemLeft{
    width: 33%;
    float: left;
}
.protection_plan_section .categoryItemRight{
    width: 67%;
    float: left;
}
.protection_plan_section .categoryItemLeft .planSection ul li{
    width: 49%;
    float: left;
    margin: 0 0.5%;
}
.protection_plan_section .categoryItemRight .planSection ul li{
    width: 24%;
    float: left;
    margin: 0 0.5%;
}

.bottomRequestSection.hasThreeItem .requestRepair_section, .bottomRequestSection.hasThreeItem .small_banner_section {
    width: 33.333%;
    float: left;
}
.bottomRequestSection.hasThreeItem .requestRepair_section {
    padding: 30px;
    margin: 0;
}
.bottomRequestSection.hasThreeItem h4 {
    font-weight: 600;
    margin-bottom: 30px;
    font-size: 20px;
}


/*-------------***********-------------*/

.hideOnMobile{
    display: block;
}
.hideOnDesktop{
    display: none;
}
.sectionWrapper{
    width: 100%;
    float: left;
    padding: 20px;
    background: #f4f4f4;
}
.desktopView .protection_plan_section{
    padding: 0px;
    width: 80%;
    float: left;
    background: transparent;
}
.desktopView .sideBanner{
    padding: 0px 0 0 15px;
    width: 20%;
    float: left;
}

.desktopView .protection_plan_section .planSection ul li{
    float: left;
    width: 49%;
    margin: 0.5% 0.5%;
    max-width: none;
    border-radius: 4px;
}
.desktopView .protection_plan_section .planSection ul li a{
    display: block;
    width: 100%;
    float: left;
    border-radius: 4px;
}
.desktopView .protection_plan_section .planSection ul li a picture{
    width: 48%;
    border-radius: 0px;
    float: left;
}
.desktopView .protection_plan_section .planSection ul li a picture img{
    width: 100%;
    border-radius: 4px 0 0 4px;
}
.desktopView .protection_plan_section .planSection ul li a .textArea {
    width: 52%;
    height: auto;
    float: left;
    text-align: left;
    padding: 15px;
}
.desktopView .protection_plan_section .planSection ul li a .textArea p{
    position: relative;
    left: 0;
    top: 0;
    transform: translateX(0%) translateY(0%);
    width: 100%;
    padding: 0 10px;
    text-align: left;
}
.desktopView .protection_plan_section .planSection ul li a .textArea h4{
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    margin-bottom: 10px;
    margin-top: 0px;
    text-transform: none;
    font-size: 15px;
    color: #000000;
    line-height: normal;
}
.desktopView .protection_plan_section .planSection ul li a .textArea p{
    font-size: 13px;
    color: #4b4b4b;
    line-height: 20px;
    font-weight: 500;
    margin: 0px 0 10px 0;
    padding: 0;
    font-family: 'Open Sans', sans-serif;
}
.desktopView .protection_plan_section .planSection ul li a .textArea p.knowMore{
    padding: 0px;
    font-size: 11px;
    color: #2f4fa7;
    font-weight: 700;
    margin: 0px 0 0px 0;
    font-family: 'Open Sans', sans-serif;
    line-height: 18px;
    display: inline-block;
    text-transform: uppercase;
}

.desktopView .topOfferSection .headerSection .titleArea h4,
.desktopView .headerSection .titleArea h4,
.desktopView .titleArea h4{
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    margin-bottom: 0px;
    margin-top: 0px;
    text-transform: capitalize;
    font-size: 18px;
    color: #2d2d2d;
    line-height: 40px;
    border-bottom: 1px solid #dedede;
}
.desktopView.shopbyBrand_section{
    padding: 20px 20px 20px;
}
.desktopView.topOfferSection {
    padding: 20px 20px 30px;
    background: #f4f4f4;    
}
.desktopView .titleArea h4.smallerTxt, 
.desktopView .headerSection .titleArea h4.smallerTxt, 
.desktopView .topOfferSection .headerSection .titleArea h4.smallerTxt {
    font-size: 18px;
}
.desktopView .offerSliderSection {
    padding: 20px;
}
.desktopView .productCardSection .warrantySection {
    padding: 4px 6px 4px 8px;
    margin: 10px 0 4px;
}
.desktopView .productCardSection .productImg {
    padding: 10px;
}
.desktopView .titleArea h4.smallerTxt, .desktopView .headerSection .titleArea h4.smallerTxt{
    border: none;
    line-height: normal;
}
.desktopView .topOfferSection .headerSection, .headerSection{
    padding: 0px;
}
.desktopView.topOfferSection .headerSection{
    padding: 5px 0 15px 0;
}

.desktopView.shopbyBrand_section .brandListSection{
    padding: 0px;
}
.desktopView.bottomRequestSection{
    padding: 20px 10px;
    background: #f4f4f4;
}
.desktopView.bottomRequestSection .small_banner_section{
    padding: 0 10px;
}
.desktopView.bottomRequestSection .small_banner_section a{
    display: block;
    box-shadow: 0 2px 4px rgba(0,0,0,0.075);
}
.desktopView.RepairWrapper{
    padding: 20px;
}

.desktopView.bottomRequestSection .small_banner_section {
    width: 51%;
    float: left;
}
.desktopView.bottomRequestSection .requestRepair_section {
    padding: 77px;
    margin: 0 1% 0 0;
    width: 48%;
}
.desktopView.RepairWrapper .small_banner_section {
    padding: 0;
}

.desktopView.bottomRequestSection.hasThreeItem .small_banner_section {
    width: 33.333%;
    float: left;
}
.testimonials_section{
    padding: 20px 20px;
    background: #f4f4f4;
}
.customer_slider {
    background: #f4f4f4;
}


/*-------*/

.topOfferSection section.CategorySection .ProductsDisplayArea ul li a .product_img {
    padding: 50px;
}

.comingsoonSection{
    width: 100%;
    float: left;
    padding: 50px 0;
    background: #f3f6fb;
}

.MyAccountCard.priceBreupArea ul li{
    width: 100%;
}

/*------*/

.categoryTreeSection{
    width: 100%;
    float: left;
    padding: 0px;
}
.faqsAccordionArea.categoryTreeSection li a{
    background: transparent;
    padding: 5px 5px 5px 20px;
    line-height: 24px;
}
.faqsAccordionArea.categoryTreeSection ul li a i{
    position: absolute;
    line-height: normal;
    top: 50%;
    right: initial;
    font-size: 1.75rem;
    transform: translateY(-50%);
    left: 0;
}
.faqsAccordionArea.categoryTreeSection ul li div a{
    font-size: 12px;
    font-weight: 600;
}
.faqsAccordionArea.categoryTreeSection ul li div a:hover,
.faqsAccordionArea.categoryTreeSection li a:hover{
    color:#2f4fa7;
}


/*--------*/

.secondaryLogo{
    width: 100%;
    float: left;
    padding: 5px 0px 0;
}
.secondaryLogo a img{
    max-width: 140px;
}
.chooseDevice .titleArea{
    text-align: center;
}


.deviceSelectionSection.planSelection {
    background: #fff;
}
.bannerForm {
    width: 100%;
    float: left;
    padding: 0 25%;
}
.availablePlansSection{
    width: 100%;
    float: left;
    padding: 5px 0 0;
}
.availablePlansSection ul li{
    float: left;
    width: 50%;
    padding: 0 5px;
    margin-bottom: 0px;
    margin-top: 10px;
}
.availablePlansSection ul li a{
    display: block;
    padding: 20px 10px 20px;
    background: #f39;
    border-radius: 4px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    margin-bottom: 0px;
    margin-top: 0px;
    text-transform: none;
    font-size: 13px;
    color: #000000;
    line-height: 17px;
    /* padding: 0; */
    text-align: center;
    position: relative;
    box-shadow: 0 4px 6px rgba(0,0,0,0.1);
    min-height: 80px;
}
.availablePlansSection ul li a span{
    width: 20px;
    height: 20px;
    border-radius: 100px;
    box-shadow: 0 2px 3px rgba(0,0,0,0.3);
    background: #fff;
    color: #bfbfbf;
    position: absolute;
    left: 50%;
    top: -10px;
    transform: translateX(-50%);
    padding-top: 2px;
    font-size: 12px;
}
.availablePlansSection ul li a span.text{
    width: 100%;
    height: auto;
    border-radius: 0;
    box-shadow: none;
    background: transparent;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    padding-top: 0;
    font-size: 15px;
    color: #fff;
    line-height: 17px;
    display: inline-block;
    padding: 0 10px;
}
.availablePlansSection ul li a.active{
    background: #ff3399;
    color: #fff;
}
.availablePlansSection ul li a.active span{
    color: #000000;
}
.availablePlansSection ul li a.active span.text{
    color: #fff;
}
.form-group {
    margin-bottom: 15px;
    width: 100%;
    float: left;
}
.form-group.centerAligned{
    text-align: center;
}
.form-group.centerAligned label{
    text-align: center;
    width: 100%;
}
.availablePlansSection.planDuration{
    text-align: center;
}
.availablePlansSection.planDuration ul li{
    float: none;
    display: inline-block;
}
.availablePlansSection.planDuration ul li a{
    padding: 20px 10px;
}
.planPrice{
    width: 100%;
    float: left;
    text-align: center;
}
.planPrice h4{
    font-family: 'Open Sans', sans-serif;
    /* font-weight: 700; */
    margin-bottom: 0px;
    margin-top: 0px;
    text-transform: none;
    /* font-size: 26px;
    color: #dd1c23; */
    line-height: 24px;

    font-size: 16px;
    font-weight: 600;
    color: #000000;
}
.planPrice h4 span{
    font-weight: 600;
    color: #4a4a4a;
    font-size: 12px;
    text-transform: capitalize;
}

.breadcrumbs{
    width: 100%;
    float: left;
    padding: 0px 0 10px;
    text-align: left;
}
.breadcrumbs ul li{
    display: inline-block;
    padding: 0 0px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    margin-bottom: 0px;
    margin-top: 0px;
    font-size: 12px;
    color: #424242;
    line-height: 16px;
    vertical-align: top;
}
.breadcrumbs ul li a{
    display: block;
    font-weight: 600;
    color: #6f6f6f;
    text-decoration: none;
}
.breadcrumbs ul li a:hover{
    color: #0c3093;
}
.breadcrumbs ul li .material-icons{
    font-size: 18px;
    line-height: 18px;
    color: #797979;
}

.breadcrumbs ul li:last-child{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: pre;
    max-width: 35%;
}

.or{
    width: 100%;
    float: left;
    text-align: center;
    font-weight: 600;
    font-size: 14px;
    text-transform: uppercase;
    color: #bdbdbd;
    margin: 0;
    position: relative;
}
.or::after,.or::before{
    content: "";
    width: 40%;
    float: left;
    height: 1px;
    background: #d8d8d8;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}
.or::before{
    left: initial;
    right: 0;
}

/*---- Select2 -----*/

.modelSelectorSection{
    width: 100%;
    float: left;
    position: relative;
}
.select2-container {
    box-sizing: border-box;
    display: block;
    margin: 0;
    position: relative;
    width: 100% !important;
    float: left;
    /* overflow-x: hidden;
    overflow-y: visible; */
}
.select2-container--default .select2-selection--single {
    background-color: #fff;
    border-radius: 4px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    box-shadow: 0 4px 6px rgba(0,0,0,0.1);
    border: 2px solid #f39;
}
.select2-container .select2-selection--single{
    height: 44px;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #444;
    line-height: 40px;
}
.select2-container .select2-selection--single .select2-selection__rendered {
    display: block;
    padding-left: 15px;
    padding-right: 30px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 44px;
    position: absolute;
    top: 0px;
    right: 0px;
    width: 30px;
}
.select2-dropdown{
    border: none;
}
.select2-container--default .select2-search--dropdown .select2-search__field {
    border: 1px solid #ccc;
    border-radius: 4px;
    height: 40px;
    border-bottom: 1px solid #ccc;
}
.select2-container--default .select2-search--dropdown .select2-search__field:focus,.select2-container--default .select2-search--dropdown .select2-search__field:active {
    border: 1px solid #ccc;
    box-shadow: none;
    outline: none;
}
.select2-results__option {
    padding: 6px 8px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
}
.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #0c3093;
    color: #fff;

}
.select2-container--default .select2-results > .select2-results__options {
    max-height: 200px;
    overflow-y: auto;
    padding-bottom: 15px;
    box-shadow: 0 4px 4px rgba(0,0,0,0.1);
}

/* .select2-container--open .select2-dropdown{
    width: 90% !important;
} */

/*----*/
nav .crackLogo{
    position: absolute;
    left: 10%;
    top: 50%;
    transform: translateY(-50%);
}
nav .crackLogo img{
    height: 30px;
    vertical-align: middle;
    line-height: 64px
}

/* .chooseDevice .planSection ul li.mobile a {
    background: #03a2ff;
}
.chooseDevice .planSection ul li.laptop a {
    background: #ffa500;
}
.chooseDevice .planSection ul li.tele a {
    background: #f55454;
}
.chooseDevice .planSection ul li.ac a {
    background: #2d57b3;
} */

.chooseDevice .planSection ul li a p{
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    margin-bottom: 0px;
    margin-top: 0px;
    text-transform: capitalize;
    font-size: 14px;
    color: #fff;
    line-height: 18px;
    padding: 0 0 0px 0;
}
.deviceBrandList ul li a p{
    font-family: 'Open Sans', sans-serif;
    font-weight: 500;
    margin-bottom: 0px;
    margin-top: 0px;
    text-transform: capitalize;
    font-size: 16px;
    color: #000000;
    line-height: 30px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-color: #f39 transparent transparent transparent;
    border-style: solid;
    border-width: 10px 6px 0 6px;
    height: 0;
    left: 50%;
    margin-left: -8px;
    margin-top: -4px;
    position: absolute;
    top: 50%;
    width: 0;
}

/*------------*/

.greenCategory{
    width: 100%;
    float: left;
    padding: 15px;
    background: #e9ffe9;
    margin-top: 10px;
    border: 1px solid #d0f7d0;
}
.greenCategory h4.subtitle,
.greenCategory h4.bestPrice{
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    font-size: 12px;
    margin-bottom: 8px;
    margin-top: 0;
    color: #000;
    border-left: 2px solid #40b051;
    line-height: normal;
    padding: 0 0 0 10px; 
    width: 100%;
    float: left;    
}
.greenCategory h4.subtitle span{
    color: #009c18;
}
.greenCategory h4.bestPrice{
    border: none;
    padding-left: 0px;
    text-transform: uppercase;
    font-weight: 700;
}
.greenCategory h6{
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    font-size: 14px;
    margin-bottom: 8px;
    margin-top: 14px;
    color: #000000;
    line-height: 20px;
    border-bottom: 1px solid #d1efd1;
    padding: 0 0 6px 0;
}

.productFeaturesSection.availableSize li.title{
    border: none;
    color: #000000;
    font-size: 12px;
}
.productFeaturesSection.availableSize li{
    font-size: 11px;
    color: #000;
    border: 1px solid #6b8e6f;
    border-radius: 100px;
    padding: 0 5px;
    font-weight: 600;
}
.productFeaturesSection.availableSize li.active{
    background: #2f4fa7;
    color: #fff;
    border: 1px solid #2f4fa7;
}

.paymentOpotionCard {
    width: 100%;
    float: left;
    padding: 10px 17% 10px 20%;
    margin: 10px 0 0;
    /* border: 1px solid #959595; */
    box-shadow: none;
    border-radius: 6px;
    position: relative;
    background: #fff;
}
.paymentOpotionCard h4{
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    margin-bottom: 0px;
    margin-top: 0px;
    text-transform: capitalize;
    font-size: 18px;
    color: #e02a31;
    line-height: 40px;
    position: relative;
    float: left;
    width: 100%;    
}
.paymentOpotionCard a.link {
    font-family: 'Open Sans', sans-serif;
    background: #2f4fa7;
    border: none;
    font-size: 11px;
    text-transform: uppercase;
    color: #fff;
    font-weight: 600;
    border-radius: 4px;
    padding: 5px 6px 5px 8px;
    display: inline-block;
    line-height: 18px;
    vertical-align: top;
    position: absolute;
    right: 10px;
    top: 16px;
    transform: translateY(0%);
    margin: 0;
}
.paymentOpotionCard a.link:hover{
    background: #e02a31;
}
.paymentOpotionCard a.link i{
    padding-left: 4px;
}

.paymentOpotionCard span {
    width: 15%;
    position: absolute;
    left: 14px;
    top: 50%;
    transform: translateY(-50%);
}
.discountSection{
    width: 100%;
    float: left;
    border-radius: 0;
    padding: 5px;
    background: #a1f3a1;
    margin: 0;
}
.discountSection p,
section.ProductDetailsSection .productTitleArea .discountSection p{
    font-family: 'Open Sans', sans-serif;
    margin: 0;
    padding: 0;
    font-size: 12px;
    line-height: normal;
    color: #014401;
    font-weight: 600;
    text-align: center;    
}
.pinkCategory{
    background: #ffe6ef;
    border: 1px solid #ffaecb;
}
.pinkCategory h4.subtitle span {
    color: #ff005c;
}
.pinkCategory h4.subtitle{
    border-left: 2px solid #ff005c;
}
.pinkCategory h4.bestPrice{
    border: none;
}
.pinkCategory h6{
    border-bottom: 1px solid #ffc7db;
}
.productFeaturesSection.distanceFilter li{
    font-family: 'Open Sans', sans-serif;
    background: #2f4fa7;
    border: none;
    font-size: 12px;
    text-transform: capitalize;
    color: #fff;
    font-weight: 600;
    border-radius: 4px;
    padding: 15px;
    width: 24%;
    text-align: center;
    text-overflow: initial;
    white-space: normal;
    overflow: auto;
    min-height: 68px;
}
.productFeaturesSection.distanceFilter li.active{
    background: #fff;
    color: #2f4fa7;
}
/* .paymentOpotionCard.sellingList{
    padding: 10px 20% 10px 15%;
} */
.paymentOpotionCard.sellingList h4 span{
    font-size: 10px;
    text-transform: uppercase;
    position: relative;
    transform: initial;
    width: auto;
    left: initial;
    top: initial;
    color: #000;
    margin-right: 10px;
}
section.ProductDetailsSection .productTitleArea .paymentOpotionCard.sellingList p{
    font-size: 11px;
    margin: 0px;
    font-weight: 500;
    color: #5a5a5a;
}
section.ProductDetailsSection .productTitleArea .paymentOpotionCard.sellingList p.instruction{
    color: #757575;
}

.blueCategory {
    background: #d5f0ff;
    border: 1px solid #a4dfff;
}

.paymentOpotionCard.sellingList h4 span.red{
    color: #e02a31;
}
.blueCategory h4.subtitle span {
    color: #046cc5;
}
.blueCategory h4.subtitle{
    border-left: 2px solid #4bbbf9;
}
.paymentOpotionCard span img{
    max-width: 100%;
}

.wayToSection{
    width: 100%;
    float: left;
    text-align: center;
}
.wayToSection .brandLogo{
    width: 100%;
    float: left;
    padding: 30px;
}
.onwayTo .titleArea{
    text-align: center;
}

.protection_plan_section.onwayTo {
    padding: 100px 0px;
}

.price_rate .compare-checkbox:checked + label:before {
    right: 11px;
    top: 10px;
}
.loader {
    height: 2px;
    width: 100%;
    position: relative;
    overflow: hidden;
    background-color: #ddd;
  }
  .loader:before{
    display: block;
    position: absolute;
    content: "";
    left: -200px;
    width: 200px;
    height: 2px;
    background-color: #2f4fa7;
    animation: loading 2s linear infinite;
  }
  
  @keyframes loading {
      from {left: -200px; width: 30%;}
      50% {width: 30%;}
      70% {width: 70%;}
      80% { left: 50%;}
      95% {left: 120%;}
      to {left: 100%;}
  }

 /*---*/ 

 .offlineSellerSection {
    width: 100%;
    float: left;
    padding: 70px 20%;
}
.offlineSellerSection .productPriceSection{
    width: 100%;
    float: left;
    padding: 15px;
    border-radius: 6px 6px 0 0;
    background: #2f4fa7;   
}

.productPriceSection .description{
    width: 70%;
    float: left;
}
.productPriceSection .price{
    width: 30%;
    float: left;    
}
.productPriceSection .description h4{
    font-family: 'Open Sans', sans-serif;
    font-size: 18px;
    line-height: normal;
    color: #fff;
    font-weight: 600;
    margin: 0;
    padding: 0;
}
.productPriceSection .description h4 span{
    font-size: 14px;
}
.productPriceSection .price p{
    font-family: 'Open Sans', sans-serif;
    font-size: 20px;
    line-height: normal;
    color: #fff;
    font-weight: 700;
    margin: 0;
    padding: 0;
    text-align: right;
}
.cardSection {
    width: 100%;
    float: left;
    border: 1px solid #f1f1f1;
    box-shadow: 0px 4px 10px rgba(0,0,0,0.1);
    border-radius: 0px;
    padding: 10px 10px;
    background: #fff;
    margin: 0 0 10px 0;
}
.cardSection h4 {
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    margin-bottom: 5px;
    margin-top: 0px;
    text-transform: capitalize;
    font-size: 14px;
    color: #222222;
    line-height: 20px;
    position: relative;
}

.offlineSellerSection .cardSection{
    padding: 30px;
}
.offlineSellerSection .cardSection img{
    width: 40%;
    padding: 0px 0 20px;
}
.offlineSellerSection .cardSection h4{
    padding: 10px 20px;
    text-align: center;
    font-size: 16px;
    line-height: 24px;
    color: #fff;
    background: #55bd6b;
    border-radius: 4px;
}
.offlineSellerSection .cardSection .requestNum{
    width: 100%;
    float: left;
    text-align: center;
    border: 1px solid #2f4fa7;
    border-radius: 4px;
    padding: 10px;
    margin-bottom: 5px;
}
.cardSection .requestNum h4{
    text-transform: uppercase;
    padding: 0;
    font-size: 20px;
    color: #2f4fa7;
}
.cardSection .requestNum p{
    color: #848484;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    margin: 0px;
    font-size: 13px;
    line-height:normal;    
}

.LoginSection .checkoutBanner img{
    width: 100%;
}
.LoginSection .checkoutContentSec{
    text-align: center;
}
.LoginSection .checkoutContentSec h4{
    font-size: 18px;
    font-weight: 600;
    color: #2f4fa7;
    margin: 20px 0 0px;
}
.LoginSection .checkoutFields .input-field{
    margin-bottom: 2rem;
}

.altLoginSection{
    width: 100%;
    float: left;
    text-align: center;
}
.altLoginSection h4{
    font-size: 14px;
    font-weight: 600;
    color: #171717;
    margin: 20px 0 0px;
    font-family: 'Open Sans', sans-serif;
    text-transform: none;
    line-height: normal;
}
.altLoginSection .socialLinkArea{
    width: 100%;
    float: left;
    padding: 15px 0;
}
.altLoginSection .socialLinkArea ul li{
    float: left;
    padding: 0 10px;
    width: 50%;
}
.altLoginSection .socialLinkArea ul li a{
    display: block;
    font-size: 14px;
    font-weight: 600;
    color: #fff;
    margin: 0px;
    padding: 8px 15px 5px;
    border-radius: 4px;
    font-family: 'Open Sans', sans-serif;
    text-transform: none;
    line-height: normal;
    text-align: left;
    vertical-align: middle;
}
.altLoginSection .socialLinkArea ul li a span{
    display: inline-block;
    vertical-align: top;
    line-height: 30px;
}
.altLoginSection .socialLinkArea ul li a i{
    display: inline-block;
    margin-right: 5px;
}
.altLoginSection .socialLinkArea ul li a.fb{
    background: #3a5899;
}
.altLoginSection .socialLinkArea ul li a.gmail{
    background: #c63c32;
}
.LoginSection .checkoutContentSec h4.changeNumber{
    position: relative;
    padding: 10px 20% 10px 10px;
    color: #131313;
    margin: 0px;
}
.LoginSection .checkoutContentSec h4.changeNumber a{
    font-family: 'Open Sans', sans-serif;
    line-height: normal;
    text-align: left;
    font-size: 13px;
    font-weight: 600;
    color: #0c3093;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    padding: 10px;
    text-transform: uppercase;
}
.otpScreen .checkoutFields .input-field .form-control{
    text-align: center;
}
.otpScreen .checkoutFields .paymentBtnSection {
    padding: 15px 0;
    text-align: center;
}
.otpScreen .checkoutFields .paymentBtnSection .btn_continue {
    width: auto;
    margin: 0 10px;
    padding: 0 20px;
    display: inline-block;
}
.otpScreen .checkoutFields .paymentBtnSection .resentBtn{
    background: #2e4fa7;
}


/*********/

section.ProductDetailsSection {
    padding: 30px 30px;
    background: #fff;
}
section.ProductDetailsSection .container {
    width: 80%;
    max-width: 100%;
    margin: 0px auto;
    padding: 0px;
}
section.ProductDetailsSection .productDescripTop{
    position: relative;

    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row;
    -ms-flex-flow: row;
    flex-flow: row;
}
section.ProductDetailsSection .productSliderArea{
    padding: 30px;

    position: -webkit-sticky;
    position: sticky;
    top: 75px;
    bottom: 0;
    z-index: 2;
    -webkit-align-self: flex-start;
    -ms-flex-item-align: start;
    align-self: flex-start;
    -webkit-flex-flow: column;
    -ms-flex-flow: column;
    flex-flow: column;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}
section.ProductDetailsSection .productTitleArea{
    padding: 0 30px;
    border-left: 1px solid #f1f1f1;

    -webkit-flex-flow: column;
    -ms-flex-flow: column;
    flex-flow: column;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;    
}
section.ProductDetailsSection .productTitleArea.productDescriptionScroller {
    height: auto;
    overflow-y: initial;
    -webkit-overflow-scrolling: initial;
    margin: 0px;
}

.greenCategory{
    background: #fff;
    border: 1px solid #f1f1f1;
    border-radius: 4px;    
}
.greenCategory h6{
    border-bottom: 1px solid #f1f1f1;
    width: 100%;
    float: left;
    margin-top: 10px;
}
.greenCategory h4.subtitle, .greenCategory h4.bestPrice{
    border: none;
    padding: 0px;
}
.paymentOpotionCard{
    border-radius: 4px;
    background: #fff;
    margin: 5px 0 0;
    border: 1px solid #f1f1f1;
    box-shadow: 0 2px 4px rgba(0,0,0,0.07);    
}
.productFeaturesSection.availableSize li,
.priceAvailableSection li{
    font-size: 11px;
    color: #676767;
    border: 1px solid #e0e0e0;
    border-radius: 4px;
    padding: 0 5px;
    font-weight: 600;
    float: left;
}
.productFeaturesSection.availableSize li.active {
    background: #969696;
    color: #fff;
    border: 1px solid #969696;
}
.productFeaturesSection.distanceFilter li{
    width: auto;
    min-height: auto;
    padding: 0px;
    border: none;
    border-radius: 0;
    background: transparent;    
    margin: 0 1% 0 0;
}
.productFeaturesSection.distanceFilter li:last-child{
    margin: 0px;
}
.productFeaturesSection.distanceFilter li a{
    padding: 6px 10px;
    border: 1px solid #ececec;
    display: block;
    color: #444444;
    background: #f4f4f4;
    border-radius: 4px;
    font-size: 11px;
}

.productFeaturesSection.distanceFilter li.active{
    background: transparent;
}
.productFeaturesSection.distanceFilter li.active a,
.productFeaturesSection.distanceFilter li a:hover{
    background: #797e8e;
    color: #fff;
    border: 1px solid #797e8e;
}
.discountSection{
    background: #e6fbe6;
}
.greenCategory{
    padding: 0px;
}
.greenCategory .TopTitleSection{
    width: 100%;
    float: left;
    padding: 10px 10px 0 10px;
    border-bottom: 1px solid #f1f1f1;
}
.greenCategory .contentSection{
    width: 100%;
    float: left;
    padding: 0 10px 10px;
    background: #f4f4f4;    
}
.greenCategory h6{
    border-bottom: none;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    margin: 0px 0 0 0;
    padding: 0;
    font-size: 12px;
    color: #ababab;
    text-transform: uppercase;
    line-height: 24px;   
}

.priceComparisonArea{
    width: 100%;
    float: left;
    padding: 5px 0;
}
.priceComparisonArea ul{
    width: 100%;
    float: left;
    /* overflow: scroll;
    overflow-y: hidden;
    white-space: nowrap; */
}
.priceComparisonArea ul li{
    width: 100%;
    padding: 0 0% 0 0;
    float: left;
    /* float: none;
    display: inline-flex; */

}
/* .priceComparisonArea ul li .paymentOpotionCard{
    margin: 0;
    padding: 10px;    
}
.priceComparisonArea ul li .paymentOpotionCard span {
    width: 100%;
    position: relative;
    left: 0;
    top: 0;
    transform: translateY(0%);
    float: left;
}
.priceComparisonArea ul li .paymentOpotionCard h4 {
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    margin-bottom: 5px;
    margin-top: 0px;
    text-transform: capitalize;
    font-size: 14px;
    color: #2f4fa7;
    line-height: 40px;
    position: relative;
    width: 100%;
    float: left;
    text-align: center;
}
.priceComparisonArea ul li .paymentOpotionCard a.link {
    font-family: 'Open Sans', sans-serif;
    background: #2f4fa7;
    border: none;
    font-size: 11px;
    text-transform: uppercase;
    color: #fff;
    font-weight: 600;
    border-radius: 4px;
    padding: 5px 10px;
    display: block;
    line-height: 20px;
    vertical-align: top;
    position: relative;
    right: 0;
    top: 0;
    transform: translateY(0%);
    margin: 0;
    text-align: center;
} */
.priceComparisonArea ul li .paymentOpotionCard a.link:hover{
    background: #e02a31;
}

.productFeaturesSection.availableSize{
    padding: 5px 0px;
}

.productTitleArea .topContentSection .topDescription{
    width: 100%;
    float: left;
    margin-bottom: 0px;
}
.productTitleArea .topContentSection .topDescription .productTitleArea{
    width: 60%;
    float: left;
    padding: 0;
    border: none;
}
.productTitleArea .topContentSection .topDescription .productPriceArea{
    width: 40%;
    float: left;
    padding: 0px;
}
section.ProductDetailsSection .productTitleArea h1{
    font-size: 18px;
    margin: 0 0 20px 0;
    padding: 0px;
}
.productTitleArea .topContentSection .topDescription .productPriceArea .price_rate{
    text-align: right;
    font-size: 26px;
    margin: 0 0 10px 0;
    font-weight: 600;    
}

.delivery_pincode .inputArea .pincode{
    width: 60%;
    float: left;
}
.delivery_pincode .inputArea .btnArea{
    width: 25%;
    float: left;
}
.delivery_pincode .inputArea .sectionHeader{
    width: 15%;
    float: left;
}
.delivery_pincode .inputArea .sectionHeader h4{
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    margin: 0;
    padding: 0;
    font-size: 12px;
    color: #6f6f6f;
    text-transform: uppercase;
    line-height: 29px;    
}
section.ProductDetailsSection .pincode_status {
    width: 100%;
    float: left;
    padding: 0;
    border-top: none;
    border: none;
    border-radius: 0;
}
.delivery_pincode .inputArea .btnArea a.updatePinBtn{
    box-shadow: 0 1px 3px rgba(0,0,0,0.2);
}
.delivery_pincode .inputArea .btnArea a.updatePinBtn:hover{
    box-shadow: 0 1px 4px rgba(0,0,0,0.3);
}

section.ProductDetailsSection .productTitleArea .keyFeaturesArea{
    background: #fff;
    border: 1px solid #f1f1f1;
    border-radius: 4px;
    box-shadow: none;
    margin-top: 10px;
}
/* .onlineStoreSection,.offlineStoreSection{
    width: 49%;
    float: left;
}
.onlineStoreSection{
    margin-right: 0.5%;
}
.offlineStoreSection{
    margin-left: 0.5%;
} */

section.ProductDetailsSection .productTitleArea .priceAvailableSection h4,.priceAvailableSection h4{
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    margin: 5px 0 0 0;
    padding: 0;
    font-size: 12px;
    color: #6f6f6f;
    text-transform: uppercase;
    line-height: 24px;
}
section.ProductDetailsSection .productTitleArea .priceAvailableSection li p,.priceAvailableSection li p,
a.tbleAvailablePrice p,a.tbleOfferPrice p,
a.tbleRefurbishedPrice p{
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    font-size: 12px;
    margin-bottom: 0px;
    margin-top: 0;
    color: #fff;  
    line-height: normal;     
}
section.ProductDetailsSection .productTitleArea .priceAvailableSection li h6,.priceAvailableSection li h6,
a.tbleAvailablePrice h6,a.tbleOfferPrice h6,
a.tbleRefurbishedPrice h6{
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    font-size: 18px;
    margin-bottom: 0px;
    margin-top: 0;
    color: #009c18;
    line-height: normal;  
    width: 100%;
    float: left;  
 
}
.animatedTxt{
    -webkit-animation: highlights 0.6s infinite alternate linear;
    -moz-animation: highlights 0.6s infinite alternate linear;
    -o-animation: highlights 0.6s infinite alternate linear;
    animation: highlights 0.6s infinite alternate linear;
    /* text-shadow: 0 1px 4px;  */
}

/* @keyframes highlights {
    0% {
        text-shadow: 0 0px 1px; 
    }
    50% {
        text-shadow: 0 0px 8px;
    }
    100% {
        text-shadow: 0 0px 1px; 
    }
  } */

  @keyframes highlights {
    0% {
        color: #fff; 
    }
    20% {
        color: #2f4fa7; 
    }
    50% {
        color: #e02a31;
    }
    100% {
        color: #2f4fa7;
    }
  } 


  /* .paymentOpotionCard h4.animatedTxt{
    color: transparent;
    background-color: #1d3557;
    position: relative;
    -webkit-background-clip: text;
    background-clip: text;
  }
  .paymentOpotionCard h4.animatedTxt:before {
    content: attr(data-title);
    background: linear-gradient(90deg, #f58915 0%, #fd1d1d 51%, #1d3557 100%);
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 0;
    background-clip: text;
    -webkit-background-clip: text;
    transition: all 1s ease-in-out;
    animation: text-animation 3s infinite;
  } */
  
  @keyframes text-animation {
    0% {
      width: 0;
    }
    50% {
      width: 100%;
    }
    100% {
      width: 0;
    }
  }


section.ProductDetailsSection .productTitleArea .priceAvailableSection li,.priceAvailableSection li{
    overflow: visible;
    text-overflow: initial;
    white-space: normal;
    width: 32.5%;
    margin: 0 0.75% 0 0;
    padding:0px;
    border: none;
    background: transparent;
}

section.ProductDetailsSection .productTitleArea .priceAvailableSection li:last-child,.priceAvailableSection li:last-child{
    margin: 0px;
}

section.ProductDetailsSection .productTitleArea .priceAvailableSection li a,.priceAvailableSection li a,
a.tbleAvailablePrice,a.tbleOfferPrice,a.tbleRefurbishedPrice{
    display: block;
    width: 100%;
    float: left;
    background: #f4f4f4;    
    border: 1px solid #e8e8e8;
    padding: 5px 10px;
    border-radius: 4px;        
}
section.ProductDetailsSection .productTitleArea .priceAvailableSection li a:hover,.priceAvailableSection li a:hover{
    background: #fff;
}

.greenCategory h4.subtitle span {
    color: #2f4fa7;
    font-size: 18px;
    font-weight: 700;
    vertical-align: middle;
}
.greenCategory .left h4.subtitle{
    text-transform: uppercase;
    position: relative;
    padding: 0 0 0 20px;
}
.greenCategory .left h4.subtitle::before{
    content: "";
    width: 10px;
    height: 10px;
    background: #f1f1f1;
    border-radius: 100px;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}
.greenCategory.onlineStoreSection .left h4.subtitle::before{
    background: #009c18;
}
.greenCategory.offlineStoreSection .left h4.subtitle::before{
    background: #ff6b15;
}
.greenCategory.refurbishedStore .left h4.subtitle::before{
    background: #06acfb;
}
.onlineStore.paymentOpotionCard h4{
    text-align: center;
}

.productFeaturesSection.distanceFilter{
    padding: 10px 0;
}

section.ProductDetailsSection .productTitleArea .priceAvailableSection li.online h6,.priceAvailableSection li.online h6,
a.tbleAvailablePrice h6,a.tbleOfferPrice h6,a.tbleRefurbishedPrice h6{
    color: #fff;   
}

section.ProductDetailsSection .productTitleArea .priceAvailableSection li.offline h6,.priceAvailableSection li.offline h6{
    color: #fff;
}

section.ProductDetailsSection .productTitleArea .priceAvailableSection li.refurbished h6,.priceAvailableSection li.refurbished h6{
    color: #fff;
}


section.ProductDetailsSection .productTitleArea .priceAvailableSection li.online a,.priceAvailableSection li.online a,a.tbleAvailablePrice{
    color: #fff;
    background: #1cb954;
    border: 1px solid #1cb954;
}
section.ProductDetailsSection .productTitleArea .priceAvailableSection li.offline a,.priceAvailableSection li.offline a,a.tbleOfferPrice{
    color: #fff;
    background: #ffa115;
    border: 1px solid #ffa115;   
}
section.ProductDetailsSection .productTitleArea .priceAvailableSection li.refurbished a,.priceAvailableSection li.refurbished a,a.tbleRefurbishedPrice{
    color: #fff;
    background: #25b9ff;
    border: 1px solid #25b9ff;    
}

section.ProductDetailsSection .productTitleArea .priceAvailableSection li.online a:hover,.priceAvailableSection li.online a:hover,
section.ProductDetailsSection .productTitleArea .priceAvailableSection li.offline a:hover,.priceAvailableSection li.offline a:hover,
section.ProductDetailsSection .productTitleArea .priceAvailableSection li.refurbished a:hover,.priceAvailableSection li.refurbished a:hover{
    background: #2f4fa7;
    border: 1px solid #2f4fa7;
}

.delivery_pincode .inputArea .btnArea a.updatePinBtn, a.updatePinBtn {
    color: #000;
}

.locationFilterSection{
    width: 100%;
    float: left;
}
.locationFilterSection h6.title{
    width: 35%;
    float: left;
    line-height: 29px;
    padding: 10px 0 0 0;
    margin: 0;
}
.locationFilterSection .distanceFilter{
    width: 65%;
    float: left;
}

.delivery_pincode .inputArea .pincode .form-control{
    font-size: 14px;
    font-weight: 600;
    /* background-color: #f4f4f4; */
}
.paymentOpotionCard .compareContent{
    width: 45%;
    float: left;
}
.paymentOpotionCard .comparePrice{
    width: 45%;
    float: left;
    text-align: center;
    /* position: relative; 
    height: 100%;    */
}
/* .paymentOpotionCard .comparePrice h4{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
} */
.paymentOpotionCard .compareContent h6{
    font-size: 11px;
    color: #2f4fa7;
}
.productTitleArea .headerTitleArea a.viewAllBtn {
    color: #000000;
}
.productTitleArea .headerTitleArea a.viewAllBtn:hover {
    color: #e02a31;
}
.offlineStoreSection .TopTitleSection{
    position: relative;
}
.offlineStoreSection .TopTitleSection .filterLocationSection{
    width: 25%;
    float: left;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    padding-left: 20px;
}
.offlineStoreSection .TopTitleSection .filterLocationSection select.form-control{
    font-family: 'Open Sans', sans-serif;
    border-radius: 4px;
    height: 30px;
    font-weight: 600;
    font-size: 11px;
    box-shadow: none;
    border: none;
    outline: none;
    background-color: #f4f4f4;
    padding: 6px 12px 6px 6px;
}
.offlineStoreSection .TopTitleSection .filterLocationSection span,
section.ProductDetailsSection .pincode_status .pincode span{
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1;
    font-size: 18px;
    color: #cacaca;
}
section.ProductDetailsSection .pincode_status .pincode span{
    left: 4px;
}
section.ProductDetailsSection .pincode_status .pincode {
    padding-left: 26px;
    background: #fff;
    border-radius: 4px 0 0 4px;
    border: 1px solid #f4f4f4;
}
section.ProductDetailsSection .productTitleArea p.soldoutText{
    font-family: 'Open Sans', sans-serif;
    font-size: 12px;
    font-weight: 500;
    color: #6f6f6f;
    text-align: right;
    text-transform: none;
}
.greenCategory .contentSection p.instruction{
    font-size: 11px;
    font-weight: 500;
    color: #7b7b7b;
    padding: 5px 0 0 0;
    margin: 0px;
    font-family: 'Open Sans', sans-serif;
    line-height: normal;
    text-align: right;
    text-transform: none;
}

/*------*/

nav a.sidenav-trigger.desktopSideNav{
    position: relative;
}
nav a.sidenav-trigger.desktopSideNav span{
    width: 8px;
    height: 8px;
    border-radius: 100px;
    background: #f2f2f2;
    position: absolute;
    right: 5px;
    top: 50%;
    z-index: 10;
    transform: translateY(-50%);
}
nav a.sidenav-trigger.desktopSideNav span.online{
    background: #009c18;
}
nav a.sidenav-trigger.desktopSideNav span.offline{
    background: #e49c02;
}

p.soldoutText img{
    width: 25%;
    display: inline-block;
}

a.inlineOffer{
    font-size: 11px;
    margin: 0px;
    font-weight: 600;
    color: #7b7b7b;
    display: block;
    font-family: 'Open Sans', sans-serif;
    width: 100%;
    float: left;
    position: relative;
    padding-left: 18px;
    line-height: 24px;    
}
a.inlineOffer span{
    font-size: 13px;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: auto;
    color: #fb9b0b;
}
a.inlineOffer:hover{
    color: #000000;
}
.indOfferZone{
    width: 100%;
    float: left;
}
.indOfferZone .discountSection p,
section.ProductDetailsSection .productTitleArea .paymentOpotionCard.sellingList .indOfferZone .discountSection p{
    color: #b74c00;
    font-weight: 600;
    text-align: left;
    width: 100%;
}
.indOfferZone .discountSection{
    display: none;
    background: #fff2de;
    border: 1px solid #f1cd97;    
    position: absolute;
    left: 0;
    top: 22px;
    z-index: 100;
}
.sellingList .reviewArea{
    position: relative;
}
.sellingList .reviewArea span{
    position: relative;
    left: 0;
    top: 0;
    transform: initial;
    width: auto;
    font-size: 10px;
    line-height: normal;
    padding: 0 4px;
}

.signupSection .checkoutBanner img {
    width: 50%;
}
.sellerLogin .checkoutBanner img {
    width: 75%;
}
.signupSection .checkoutFields .input-field .form-control,
.sellerLogin .checkoutFields .input-field .form-control {
    background: #f8f8f8;
    border-radius: 6px;
    border: 1px solid #edebeb;
    font-size: 14px;
    box-shadow: none;
}
.signupSection .checkoutFields .input-field {
    margin-bottom: 0;
    width: 100%;
    float: left;    
}
.signupSection .checkoutFields .input-field label,
.sellerModelFormSection .input-field label{
    position: relative;
    width: 100%;
    float: left;
    text-transform: none;
    transform: none;
    color: #696969;
}
.signupSection .checkoutFields .input-field .form-control:hover,
.signupSection .checkoutFields .input-field .form-control:active {
    border: 1px solid #b1b1b1 !important;
    box-shadow: 0 5px 10px rgba(0,0,0,0.1) !important;
}

 .checkoutFields .wizardBtnSection {
    padding: 20px 0 5px;
}
.checkoutFields .wizardBtnSection .backBtn{
    background: #3c3c3c;
}

a.forgotPass {
    font-size: 14px;
    font-weight: 600;
    color: #171717;
    margin: 0px 0 15px;
    font-family: 'Open Sans', sans-serif;
    text-transform: none;
    line-height: normal;
    display: block;
    text-decoration: underline;

}
a.forgotPass.registerBtn{
    color: #2f4fa7;
    text-decoration: none;
}

.checkoutFields .paymentBtnSection .otpLogin{
    background: #2f4fa7;
}

.signupSection [type="checkbox"] + span:not(.lever){
    height: 22px;
    line-height: 22px;
    font-size: 14px;
}

input.uploadFile{
    padding: 10px;
}

.startSellingSteps{
    width: 100%;
    float: left;
    padding: 0;
    position: relative;
    margin: 10px 0 20px;
}
.startSellingSteps::after{
    content: "";
    width: 1px;
    height: 100%;
    background: #cecece;
    position: absolute;
    left: 50%;
    top: 0;
    transform: translateX(-50%);
}
.startSellingSteps ul li{
    width: 100%;
    float: left;
    margin: 0;
    text-align: center;
    position: relative;
    z-index: 10;
}
.startSellingSteps ul li p{
    padding: 5px 15px;
    background: #2f4fa7;
    border-radius: 100px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    font-size: 11px;
    color: #fff;
    line-height: 20px;
    margin: 0px;
    text-align: center;
    text-transform: uppercase;
    display: inline-block; 
}
.startSellingSteps ul li.arrow{
    padding: 5px 0 2px;
}
.startSellingSteps ul li.arrow span{
    background: #fff;
    border: 1px solid #cecece;
    margin: 0px;
    border-radius: 100px;
    font-size: 14px;
    color: #7d7d7d;
    /* padding: 0 5px; */
    display: inline-block;
    width: 20px;
    height: 20px;  
}
.LoginSection .checkoutContentSec h4.smaller{
    font-size: 14px;
}

.LoginSection .checkoutContentSec.description h4{
    margin: 20px 0;
}
.checkoutBanner.smaller{
    padding:20px 0;
}
.checkoutBanner.smaller img{
    width: 40%;
}
.checkoutContentSec h6{
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    font-weight: 500;
    padding: 0;
    margin: 10px 0;
    line-height: normal;
}
.checkoutContentSec h6 span{
    font-weight: 600;
    text-transform: uppercase;
    color: #2f4fa7;
    font-size: 18px;
}

.sellerModelsArea .tableArea{
    width: 100%;
    float: left;
    padding:30px 0;
}
table th, table td {
    font-size: 12px;
    margin: 0px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    color: #4e4e4e;
    padding: 10px;
}
table th{
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 700;
}
table td.highlighted{
    background: #c4ffce;
}
.sellerModelsArea .tabSection{
    width: 100%;
    float: left;
    padding: 10px 0;
}
.sellerModelsArea .tabSection .tabHeader{
    width: 100%;
    float: left;
}
.sellerModelsArea .tabSection .tabHeader ul li{
    width: 33.333%;
    float: left;
}
.sellerModelsArea .tabSection .tabHeader.hasFourItems ul li{
    width: 25%;
}
.sellerModelsArea .tabSection .tabHeader ul li a{
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 14px;
    color: #fff;
    line-height: 30px;
    display: block;
    text-align: center;
    background: #afafaf;
    padding: 10px;
}
.sellerModelsArea .tabSection .tabHeader ul li a.active,
.sellerModelsArea .tabSection .tabHeader ul li a:hover{
    background:#2f4fa7;
    color: #fff;
}
.sellerModelsArea .tabSection .tabHeader ul li:first-child a{
    border-radius: 4px 0 0 4px;
}
.sellerModelsArea .tabSection .tabHeader ul li:last-child a{
    border-radius: 0px 4px 4px 0px;
}
.sellerModelsArea .tabSection .tabContentSection{
    width: 100%;
    float: left;
    padding: 15px 0 0;
}
.tabContentSection .captionSection{
    width: 100%;
    float: left;
}
.tabContentSection .captionSection h4{
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    margin-bottom: 0px;
    margin-top: 0px;
    text-transform: none;
    font-size: 14px;
    color: #333333;
    line-height: 24px;
    padding: 6px 14px;
    background: #f4f4f4;
    border-radius: 100px;
}
.tabContentSection .captionSection h4 span{
    text-transform: uppercase;
    font-weight: 700;
    font-size: 18px;
    color: #2f4fa7;
    padding: 0 0 0 5px;   
}
.sellerModelsArea{
    padding: 20px 0%;
}
.manageModelsArea{
    padding: 15px 25% 0;
}
.modelAllsection{
    padding: 0px 0 50px 0;
}
.modelAllsection .tableArea{
    padding: 0px;
}
.actionBtnArea{
    width: 100%;
    float: left;
    margin: 0 0 10px 0;
    text-align: center;
}
.actionBtnArea ul li{
    display: inline-block;
    padding: 0px;
}
.actionBtnArea ul li a{
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    margin-bottom: 0px;
    margin-top: 0px;
    text-transform: none;
    font-size: 12px;
    color: #fff;
    line-height: 24px;
    padding: 5px 10px;
    background: #2f4fa7;
    border-radius: 4px;
    display: block;    
}
.actionBtnArea ul li a:hover{
    background: #353535;
}
.actionBtnArea ul li.fileUploadField .fileUpload{
    width: 100%;
    padding: 0px;
    max-width: 222px;
    position: relative;
    left: 0;
    top: 0;
    margin: 0px 0 -35px 0;
    z-index: 10;
    opacity: 0;
    height: 35px;
    cursor: pointer;
}
.actionBtnArea ul li.fileUploadField{
    position: relative;
}
.rightAligned{
    float: right;
}
.biddingRequestSection .planSection ul li a{
    padding: 15px 5px;
}
.biddingRequestSection .planSection ul li a h4{
    /* margin: 0px; */
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 20px;
    color: #152656;
    line-height: 28px;
    padding: 0px 10px;
    display: inline-block;
    background: #fff;
    border-radius: 100px;
    margin: 0 0 5px 0;
    box-shadow: 0 2px 4px rgba(0,0,0,0.2);
}
/* .chooseDevice .planSection ul li.my_brands a {
    background: #10bb55;
}
.chooseDevice .planSection ul li.price_model a {
    background: #8055e8;
} */
.biddingDetailsSection{
    width: 100%;
    float: left;
    padding:10px;
}
.planInfo {
    box-shadow: 0 1px 4px rgba(0,0,0,0.2);
}
.planInfo p{
    float: left;
    width: 100%;
    margin: 0 0 5px 0;    
}
.planInfo p span {
    float: left;
}
.planInfo p span.offerPrice{
    color: #2f4fa7;
    font-weight: 700;
}
.planInfo p span.time{
    color: #fb5d01;
    font-weight: 700;
}
.planInfo p span.lowestPrice{
    color: #009c18;
    font-weight: 700;    
}
.planInfo p span.redTxt{
    color: #ec2e2e;
    font-weight: 700;   
}
.dealButtonArea .half{
    width: 50%;
    padding:5px;
}
a.rejectBtn{
    background: #2f4fa7;
}
a.btn_continue{
    border-radius: 4px;
}
.planInfo p span.title{
    font-size: 14px;   
}
.planInfo .splitArea .half{
    width: 50%;
}
.customerRatingSection{
    width: 100%;
    float: left;
}
.customerRatingSection ul li{
    width: 20%;
    float: left;
    text-align: center;
}
.customerRatingSection ul li a{
    display: block;
    color: #afafaf;    
}
.customerRatingSection ul li a.active{
    color: #2f4fa7;
}
.customerRatingSection ul li a span{
    font-size: 40px;
    line-height: 60px;
}    
.hasFloatedBtn,.input-field.hasFloatedBtn{
    position: relative;
}
.hasFloatedBtn input.form-control,.input-field.hasFloatedBtn input.form-control{
    padding-right: 100px;
}
.hasFloatedBtn a.floatedBtn{
    background: #21409a;
    height: 50px;
    border: none;
    font-size: 1.4rem;
    text-transform: uppercase;
    color: #fff;
    font-weight: 600;
    padding: 0 20px;
    font-family: 'Open Sans', sans-serif;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 10;
    line-height: 50px;
    border-radius: 0 6px 6px 0;
    margin-top: 22px;
}
.viewCertificateSection{
    width: 100%;
    float: left;
    padding:10px;
}
.viewCertificateSection a{
    display: block;
}
.viewCertificateSection a img{
    width: 50%;
}
.mapLocation{
    width: 100%;
    float: left;
}
section.ProductDetailsSection.comparePriceSection .container{
    width: 100%;
}
section.ProductDetailsSection.comparePriceSection .productSliderArea,
section.ProductDetailsSection.comparePriceSection .productTitleArea{
    width: 50%;
}

.trendGraphArea{
    width: 100%;
    float: left;
}

.comparePriceSection .productSliderArea h4 {
    font-size: 14px;
    font-weight: 600;
    color: #2f4fa7;
    margin: 0px 0 10px;
    font-family: 'Open Sans', sans-serif;
}
.priceTrendTable{
    width: 100%;
    float: left;
    padding: 20px 0 0 0;    
}
.priceTrendTable table{
    border: 1px solid #f4f4f4;
}

.priceInStore .paymentOpotionCard h4,
.priceInStore .paymentOpotionCard h4 span{
    color: #2f4fa7;
}
section.ProductDetailsSection .productTitleArea .priceInStore .paymentOpotionCard.sellingList p.StorePrice{
    font-size: 18px;
    font-weight: 700;
    color: #4e4e4e;
    margin: 0 0 8px 0;
}
.priceInStore input.form-control{
    height: 40px;
    border: 1px solid #ed1c24;
    border-radius: 4px;
    background: rgb(237 28 36 / 0.1);
    font-size: 13px;
    font-weight: 600;
    color: #000000;
}
.priceInStore input.form-control:hover,
.priceInStore input.form-control:focus,
.priceInStore input.form-control:active{
    border: 1px solid #2f4fa7 !important;
    background: rgb(47 79 167 / 0.1);
}
.priceInStore .input-field{
    width: 100%;
    float: left;
    margin: 0 0 4px 0;
}
.priceInStore .input-field label{
    position: relative;
    width: 100%;
    float: left;
}
.priceInStore .input-field span{
    position: relative;
    left: initial;
    top: initial;
    transform: initial;
    width: 100%;
    float: left;
    height: auto;
    vertical-align: top;
    line-height: 20px;
}
.priceInStore{
    background: #f4f4f4;
    border: 1px dashed #c2c2c2;
}
.priceInStore a.closeBtn{
    display: block;
}
.priceInStore a.closeBtn span{
    color: #000000;
    line-height: normal;
}
.priceInStore a.closeBtn:hover span{
    color: #2f4fa7;
}
.planInfo.sellerInfo p span{
    float: right;
}
.homeTable{
    width: 100%;
    float: left;
    padding: 10px;
}

/*----*/

.dashboard{
    padding: 50px 15%;
}
.dashboard .dashboardSection{
    width: 50%;
    float: left;
    padding: 10px 10px 10px;
    margin: 0 0 10px 0;
    border-bottom: 1px solid #ebedee;
}
.dashboardSection .homeTable{
    padding: 0px;
}
.dashboard .headerSection{
    padding: 0 10px;
}
.dashboard .headerSection .titleArea{
    width: 80%;
    float: left;
    text-align: left;
}

.dashboard .planSection ul li .bottomCounter,
.dashboard .deviceBrandList ul li .bottomCounter{
    width: 100%;
    float: left;
    padding: 5px;
    background: #545454;
    border-radius: 0 0 4px 4px
}
.dashboard .planSection ul li .bottomCounter p,
.dashboard .deviceBrandList ul li .bottomCounter p{
    width: 50%;
    float: left;
    padding: 0;
    margin: 0;
    color: #fff;
    font-size: 12px;
    font-weight: 500;
}
.dashboard .planSection ul li .bottomCounter p span,
.dashboard .deviceBrandList ul li .bottomCounter p span{
    background: #fff;
    color: #000;
    padding: 0 4px;
    border-radius: 100px;
    font-weight: 700;
    font-size: 11px;
    line-height: normal;
}
.dashboard .planSection ul li a,
.dashboard .deviceBrandList ul li a{
    border-radius: 4px 4px 0 0;
}
.dashboard .deviceBrandList ul li a p{
    line-height: normal;
}

.headerSection.backBtnArea .buttonArea{
    float: right;
    width: 30%;
    padding: 10px 0 0;
}
.headerSection.backBtnArea .buttonArea a{
    font-size: 14px;
    padding: 5px 10px;
    font-size: 12px; 
    margin: 0px;   
}

.smsSection{
    width: 100%;
    float: left;
}
.smsSection h4{
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    color: #6f6f6f;
    font-size: 18px;
    margin: 0 0 10px 0;
    padding: 10px;
    border: 1px solid #e6e6e6;
    border-radius: 4px;
    text-align: center;
}
.smsSection h4.offlinePrice{
    color: #2f4fa7;
}
.smsSection h4.lowestPrice{
    color: #000000;
    font-size: 14px;
}
.smsSection h4.lowestPrice span{
    font-size: 18px;
    color: #07af52;
    font-weight: 700;
}
.smsSection .storeDetails{
    width: 100%;
    float: left;
    padding: 10px 0;
    margin: 0 0 10px 0;
    border-bottom: 1px solid #e6e6e6;
}
.smsSection .storeDetails .storeIcon{
    width: 20%;
    float: left;
}
.smsSection .storeDetails .storeText{
    width: 80%;
    float: left;
}
.smsSection .storeDetails .storeText p,
.smsSection .storeDetails .storeText h4,
.smsSection .storeDetails .storeText h5{
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    font-size: 12px;
    margin-bottom: 8px;
    margin-top: 0;
    color: #000;
}
.smsSection .storeDetails .storeText h4{
    font-size: 14px;
}
.smsSection .storeDetails .storeText h4 span{
    color: #ed1c24;
    font-weight: 700;
}
.LoginSection .checkoutContentSec.storeMap h4{
    margin: 0px;
    color: #000000;
    font-size: 16px;
    line-height: 28px;    
}
.LoginSection .checkoutContentSec.storeMap h4 span{
    color: #2f4fa7;
    font-weight: 700;
}

.rateUsArea{
    width: 100%;
    float: left;
    margin: 0 0 15px 0;    
}
.rateUsArea h4{
    color: #6f6f6f;
    font-size: 12px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    margin: 0 0 15px 0;
    padding: 0 0 10px 0;
    border-bottom: 1px solid #dcdcdc;
    text-transform: uppercase;
    letter-spacing: 0.4px; 
}

.headerTextArea .breadcrumbs{
    text-align: center;
    margin-top: 20px;
}
.breadcrumbs ul li a{
    font-size: 12px;
    text-transform: none;
}
.writeReviewSection{
    width: 100%;
    float: left;
}
.writeReviewSection .form-control{
    font-size: 14px;
    border: 1px solid #c2c2c2;
}
.writeReviewSection .form-control:hover,
.writeReviewSection .form-control:focus,.writeReviewSection .form-control:active{
    border: 1px solid #c2c2c2 !important;
}




a.actionBtn{
    display: inline-block;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    margin-bottom: 0px;
    margin-top: 0px;
    text-transform: none;
    font-size: 12px;
    color: #fff;
    line-height: normal;
    padding: 3px 5px;
    background: #797979;
    border-radius: 4px;
}
a.actionBtn.red{
    background: #e23131;
}
a.actionBtn.yellow{
    background: #de8500;
}
a.actionBtn:hover{
    background: #2f4fa7 !important;
}

section.ProductDetailsSection.sellerComparePrice{
    padding: 50px 25%;
}
section.ProductDetailsSection.sellerComparePrice .productTitleArea{
    width: 100%;
    border: none;
    padding: 0px;
}



/*--------*/

#searchform { display: block; margin: 0 auto; width: 100%; max-width: 500px; transform: translateY(10%); }

/* span { font-size: 1.5em; } */
#search-bar { display: block; margin: .25em 0 0; width: 100%; padding: .25em .5em; font-size: 1.2em; }

/* .output {
  list-style: none;
  width: 100%;
  min-height: 0px;
  border-top: 0 !important;
  color: #767676;
  font-size: .75em;
  transition: min-height 0.2s;
  position: absolute;
  z-index: 5;
}

.output, #search-bar {
  background: #fff;
  border: 1px solid #767676;
} */

.prediction-item {
  padding: .5em .75em;
  transition: color 0.2s, background 0.2s;
}

.output:hover .focus {
  background: #fff;
  color: #767676;
}

.prediction-item:hover, .focus,
.output:hover .focus:hover {
  background: #ddd;
  color: #333;
}

.prediction-item:hover {
  cursor: pointer;
}

.prediction-item strong { color: #333; }
.prediction-item:hover strong { color: #000; }


/* #submit {
  display: block;
  margin: .5em 0 2.5em;
  padding: .25em .5em;
  font-size: 1.2em;
  color: #439973;
  border: 1px solid #439973;
  background: 0;
  transition: color 0.2s, background 0.2s;
}

#submit:hover {
  color: #fff;
  background: #439973;
} */

.predictableSearchSection{
    width: 100%;
    float: left;
    padding: 0 0 50px 0;
    margin: 0px;
    position: relative;
    z-index: 100;
}
.predictableSearchSection span{
    font-weight: 600;
    color: #4a4a4a;
    font-size: 12px;
    text-transform: uppercase;
    margin-bottom: 8px;
    font-family: 'Open Sans', sans-serif;
}
.predictableSearchSection .inputArea{
    width: 100%;
    float: left;
    position: relative;
}
.predictableSearchSection .inputArea #search-bar{
    border: 1px solid #ff3399;
    height: 40px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    font-size: 14px;
    border-radius: 4px;
    margin: 0;
    padding: 5px 90px 5px 5px;
}
.predictableSearchSection .inputArea #submit{
    margin: 0px;
    position: absolute;
    right: 0;
    top: 0;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    font-size: 14px;
    background: #ff3399;
    color: #fff;
    height: 40px;
    border: none;
    border-radius: 0px 4px 4px 0;
    padding: 0 20px;   
}
.predictableSearchSection .inputArea #submit:hover{
    background: #000000;
}
.predictableSearchSection .output{
    list-style: none;
    width: 100%;
    min-height: 0px;
    border-top: 0 !important;
    color: #767676;
    font-size: .75em;
    transition: min-height 0.2s;
    position: absolute;
    z-index: 5;
    top: 58px;
    border: 1px solid #2f4fa7;
    border-radius: 0 0 4px 4px; 
    background: #fff;
}

.priceAvailableSection li h6.notAvailable{
    font-size: 14px !important;
    line-height: 24px !important;
}

.offlineRequest{
    width: 100%;
    float: left;
}
.offlineSellerSection .cardSection .offlineRequest .requestNum{
    width: 48%;
    float: left;
    margin: 1%;
}
.offlineSellerSection .cardSection .offlineRequest .requestNum h4{
    background: #fff;
    font-size: 14px;
    line-height: normal;
    margin: 0px;
}

.input-field > label{
    font-size: 14px;
    font-weight: 600;
}

.dataTables_wrapper select{
    display: inline-block;
    width: 50px;
}
table.dataTable tbody tr.highlightedRow,
table.dataTable.stripe tbody tr.odd.highlightedRow,
table.dataTable.display tbody tr.odd.highlightedRow{
    background: #baffc9;
    color: #000;
}

table.dataTable tbody tr.highlightedRow.red,
table.dataTable.stripe tbody tr.odd.highlightedRow.red,
table.dataTable.display tbody tr.odd.highlightedRow.red{
    background: #ffbebc;
}
table.dataTable tbody tr.highlightedRow.blue,
table.dataTable.stripe tbody tr.odd.highlightedRow.blue,
table.dataTable.display tbody tr.odd.highlightedRow.blue{
    background-color: #9ddfff !important;
}
table.dataTable tbody tr.highlightedRow.yellow,
table.dataTable.stripe tbody tr.odd.highlightedRow.yellow,
table.dataTable.display tbody tr.odd.highlightedRow.yellow{
    background-color: #fff793 !important;
}
table.dataTable tbody tr td.red{
    background: #ffbebc !important;
    color: #000000;
    font-weight: 600;
}
table.dataTable tbody tr td.blue{
    background-color: #9ddfff !important;
    color: #000000;
    font-weight: 600;
}
table.dataTable tbody tr td.yellow{
    background-color: #fff793 !important;
    color: #000000;
    font-weight: 600;
}
table.dataTable tbody tr td.green{
    background: #baffc9 !important;
    color: #000000;
    font-weight: 600;
}

.form_section.sellerModelFormSection{
    width: 100%;
    float: left;
    padding: 0px 0px 20px;
}
.sellerModelFormSection .actionBtnArea{
    padding: 40px 0 0 0;
    margin: 0px;
}
.sellerModelFormSection .actionBtnArea ul li {
    padding: 0px 4px;
    width: 50%;
    float: left;
}
.sellerModelFormSection .actionBtnArea ul li a{
    font-size: 14px;
    line-height: 40px;
    padding: 4px 10px;
}

.stepsSection{
    width: 100%;
    float: left;
    margin: 0 0 20px 0;
}
.stepsSection ul li{
    width: 33.333%;
    float: left;
    padding: 0 10px;
    text-align: center;
    position: relative;
}
.stepsSection ul li a{
    display: block;
    position: relative;
    z-index: 10;
}
.stepsSection ul li a span{
    width: 80px;
    height: 80px;
    display: inline-block;
    border-radius: 100px;
    background: #afafaf;
    text-align: center;
    padding: 10px;
}
.stepsSection ul li h4{
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    margin-bottom: 6px;
    margin-top: 0px;
    text-transform: capitalize;
    font-size: 14px;
    color: #2f4fa7;
    line-height: 26px;
}
.stepsSection ul li a span img{
    width: 100%;
}
.stepsSection ul li::after,
.stepsSection ul li::before{
    content: "";
    width: 50%;
    height: 2px;
    background: #afafaf;
    display: inline-block;
    position: absolute;
    left: 0;
    top: 30%;
    z-index: 1;
}
.stepsSection ul li::before{
    left: initial;
    right: 0;
}
.stepsSection ul li:first-child::after,
.stepsSection ul li:last-child::before{
    content: initial;
}
.stepsSection ul li a.active span,
.stepsSection ul li a:hover span{
    background: #2f4fa7;
    transition: all 0.3s ease;
}

.infoModalWrapper .modal-dialog {
    width: 40%;
    margin: 10% auto;
}
.infoModalWrapper .modal-title{
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    margin-bottom: 0px;
    margin-top: 0px;
    text-transform: capitalize;
    font-size: 18px;
    color: #2f4fa7;
    line-height: 26px;
}
.modal-header{
    border: none;
    padding: 15px 20px;    
}
.infoModalWrapper .modal-body p{
    font-family: 'Open Sans', sans-serif;
    font-size: 13px;
    color: #4c4c4c;
    line-height: 22px;
    margin: 0 0 5px 0;
    padding: 0;
    font-weight: 500;
}
.modal-body{
    padding: 15px 20px 30px;
}
.stepsSection ul li a.infoBtn{
    display: inline-block;
    padding: 2px 8px;
    background: #d6d6d6;
    border-radius: 100px;
    font-size: 10px;
    color: #252525;
    text-transform: uppercase;
    font-weight: 700;
}

.protection_plan_section.sellerHomeSection{
    padding: 50px 30px;
    background: #ecf1ff;
}
.manageModelsArea .container{
    width: 100%;
}
.sellerHomeSection .leftSection{
    width: 50%;
    float: left;
    padding-right: 10px;
}
.sellerHomeSection .rightSection{
    width: 50%;
    float: left;
    padding-left: 10px;
}
.sellerHomeSection .titleArea{
    text-align: left;
    margin: 0 0 20px 0;
    /* padding: 15px;
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 3px 4px rgba(0,0,0,0.1); */
}
.sellerHomeSection .titleArea h4{
    font-size: 24px;
    margin: 0 0 10px 0;
}
.sellerHomeSection .planSection ul li {
    width: 48%;
    margin: 1% 1%;
    max-width: 100%;
    float: left;
    box-shadow: none;
}
.sellerHomeSection .planSection ul li a{
    padding: 20px 30px 20px 10px;
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 3px 6px rgba(0,0,0,0.1);
    width: 100%;
    float: left;
    position: relative;
}
.sellerHomeSection .planSection ul li a:hover{
    box-shadow: 0 4px 6px rgba(0,0,0,0.2);
}
.sellerHomeSection .planSection ul li a span{
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    color: #e0e0e0;
    font-size: 40px;
    display: inline-block;
    transition: all 0.1s ease-in;
}
.sellerHomeSection .planSection ul li a:hover span{
    right: 3px;
    color: #797979;
    transition: all 0.1s ease-in;
}
.sellerHomeSection .planSection ul li a h4{
    float: left;
    width: 50%;
}
.sellerHomeSection .planSection ul li a h4{
    float: left;
    width: 40%;
    box-shadow: none;
    margin: 0px;
    padding: 0px;
    font-size: 40px;
    color: #152656;
    line-height: normal;
    text-align: center;
}

.sellerHomeSection .planSection ul li a p{
    float: left;
    width: 43%;
    color: #545454;
    text-align: left;
    line-height: 24px;
    padding: 0px 0 0px 0;
    font-size: 16px;
    font-weight: 600;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 38%;
}
.chooseDevice .planSection ul li.mobile a h4{
    color: #03a2ff;
}
.chooseDevice .planSection ul li.laptop a h4 {
    color: #ffa500;
}
.chooseDevice .planSection ul li.tele a h4{
    color: #f55454;
}
.chooseDevice .planSection ul li.ac a h4{
    color: #2d57b3;
}
.chooseDevice .planSection ul li.my_brands a h4{
    color: #10bb55;
}
.chooseDevice .planSection ul li.price_model a h4{
    color: #8055e8;
}

.sellerHomeSection .planInfo{
    box-shadow: 0 3px 6px rgba(0,0,0,0.1);
    padding: 20px 15px;
    margin-bottom: 15px;
}
.sellerHomeSection .planInfo p{
    font-size: 12px;
    color: #6f6f6f;
    line-height: normal;
    border-bottom: 1px solid #f4f4f4;
    width: 50%;
    padding: 5px 4px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: pre;
}
.sellerHomeSection .planInfo.sellerInfo p span{
    float: left;
    width: 48%;
}
.sellerHomeSection .planInfo.sellerInfo p span.right{
    float: right;
    font-size: 14px;
    font-weight: 700;
    width: 50%;
    text-align: right;
    line-height: normal;
}

.sellerHomeSection .homeTable{
    box-shadow: 0 3px 6px rgba(0,0,0,0.1);
    padding: 20px 15px;
    background: #fff;
    border-radius: 10px;
}
.sellerHomeSection .priceTrendTable table {
    border: none;
}
.sellerHomeSection table th{
    color: #2f4fa7;
}
.bannerArea{
    padding: 0 0 30px 0;
}
.modalListing{
    width: 100%;
}
.modalListing ul li{
    width: 100%;
    padding: 0 0 10px 20px;
    position: relative;
    font-family: 'Open Sans', sans-serif;
    font-size: 13px;
    color: #4c4c4c;
    line-height: 24px;
    margin: 0 0 0px 0;
    font-weight: 500;
}
.modalListing ul li span{
    width: 5px;
    height: 5px;
    background: #b1b1b1;
    border-radius: 100px;
    position: absolute;
    left: 0;
    top: 30%;
}
.protection_plan_section.chooseDevice{
    padding: 50px 20px;
}
.protection_plan_section.chooseDevice .planSection ul li a{
    padding: 15px;
}

.modelCategorySection{
    width: 100%;
    float: left;
}
.categoryListSection{
    width: 100%;
    float: left;
    text-align: center;
    box-shadow: none;
    margin: 0px;
}
.categoryListSection ul li{
    width: 24%;
    float: none;
    display: inline-block;
    vertical-align: top;
    border: 1px solid #e4e4e4;
    transition: border 0.3ms ease-in;
}
.categoryListSection ul li:hover,
.categoryListSection ul li.active{
    border: 1px solid #2f4fa7;
    transition: border 0.3ms ease-in;
}
/* .categoryListSection ul li a{
    min-height: 190px;
} */
.categoryListSection ul li a p{
    font-size: 12px;
    color: #464646;
    line-height: normal;
    transition: all 0.3ms ease;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: pre;
}
.categoryListSection ul li a:hover p{
    color: #2f4fa7;
    transition: all 0.3ms ease;
}
.modelCategorySection .titleArea h4{
    font-size: 14px;
    line-height: 24px;
}

/**/
.modal .modal-content{
    float: left;
    width: 100%;
}
.categorySelectModal.modal .modal-content{
    background: #e4e4e4;
}
.selectCategorySection{
    width: 100%;
    float: left;
    min-height: 300px;
    padding: 10px 0;
}
.selectCategorySection .dropdown {
    position: relative;
    width: 80%;
    filter: url(#goo);
    margin: 0px auto;
  }
  .selectCategorySection .dropdown__face,
  .selectCategorySection .dropdown__items {
    background-color: #fff;
    padding: 20px;
    border-radius: 25px;
  }
  .selectCategorySection .dropdown__face {
    display: block;
    position: relative;
  }
  .selectCategorySection .dropdown__items {
    margin: 0;
    position: absolute;
    right: 0;
    top: 50%;
    width: 100%;
    list-style: none;
    list-style-type: none;
    display: flex;
    justify-content: space-between;
    visibility: hidden;
    z-index: -1;
    opacity: 0;
    transition: all 0.4s cubic-bezier(0.93, 0.88, 0.1, 0.8);
  }
  .selectCategorySection .dropdown__items::before {
    content: "";
    background-color: #fff;
    position: absolute;
    bottom: 100%;
    right: 20%;
    height: 40px;
    width: 20px;
  }
  .selectCategorySection .dropdown__arrow {
    border-bottom: 2px solid #000;
    border-right: 2px solid #000;
    position: absolute;
    top: 50%;
    right: 30px;
    width: 10px;
    height: 10px;
    transform: rotate(45deg) translateY(-50%);
    transform-origin: right;
  }
  .selectCategorySection .dropdown input {
    display: none;
  }
  .selectCategorySection .dropdown input:checked ~ .dropdown__items {
    top: calc(100% + 25px);
    visibility: visible;
    opacity: 1;
  }
  
  /* body {
    background-image: linear-gradient(140deg, #e2e2e2, #cdcdcd);
    display: grid;
    place-items: center;
    font-family: "Lato", Arial, sans-serif;
    height: 100vh;
    margin: 0;
  }
  
  * {
    box-sizing: border-box;
  } */
  
  .selectCategorySection svg {
    display: none;
  }
  .selectCategorySection .dropdown__items li{
      width: 100%;
      text-align: center;
  }
  .selectCategorySection .dropdown__items li p{
    font-family: 'Open Sans', sans-serif;
    font-weight: 500;
    margin-bottom: 0px;
    margin-top: 0px;
    text-transform: capitalize;
    line-height: normal;
    font-size: 12px;
    color: #464646;
  }
  
  .selectCategorySection .input-field{
      padding-top: 20px;
  }

  .modelManageSelection .signupSection .checkoutFields .input-field label,
  .modelManageSelection .input-field label{
    color: #2f4fa7;
    line-height: 24px;
    font-weight: 700;
  }
  .modelManageSelection .full .half{
      padding: 0 5px;
  }
  .tableTopSection{
    width: 100%;
    float: left;
    padding: 10px 0;
    margin: 0 0 20px 0;
    border-top: 1px solid #e4e4e4;
    border-bottom: 1px solid #e4e4e4;
  }
  .tableTopSection .leftSection{
    width: 60%;
    float: left;  
  }

  .tableTopSection .ExportButtonArea{
    width: 40%;
    float: left;
  }
  .tableTopSection .leftSection .locationSetArea{
    float: left;
    width: 40%;
}
.tableTopSection .leftSection .showModelSection{
    float: left;
    width: 60%;
}
  .tableTopSection .ExportButtonArea .actionBtnArea{
    text-align: right;
    margin: 3px 0 0 0;
  }
  .locationSetArea .iconArea{
      width: 10%;
      float: left;
  }
  .locationSetArea .iconArea span{
    width: 100%;
    text-align: center;
    line-height: 40px;
    color: #797979;
  }
  
  .locationSetArea select.form-control{
    width: 80%;
    float: left;
    background: #f8f8f8;
    border-radius: 6px;
    border: 1px solid #dadada;
    font-size: 14px;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
    height: 40px;
    padding: 6px;
}
.locationSetArea select.form-control:focus,
.locationSetArea select.form-control:hover{
    border: 1px solid #cecece !important;
    box-shadow: 0 2px 4px rgba(0,0,0,0.2) !important;
}

.selectCategorySection .input-field .selectpicker{
    width: 100%;
    background: #fff;
}
.selectCategorySection .input-field{
    width: 70%;
    margin: 0px auto;
}
.selectCategorySection .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn){
    width: 100%;
    float: left;
    display: block;
    margin: 0px;
}
.selectCategorySection .btn-group .dropdown-toggle {
    -webkit-box-shadow: none;
    box-shadow: none;
    height: 45px;
    border-radius: 4px;
    background: #fff;
    border: 1px solid #d8d8d8;
}
.selectCategorySection .btn-group .dropdown-toggle:hover,
.selectCategorySection .btn-group .dropdown-toggle:focus,
.selectCategorySection .btn-group .dropdown-toggle:active{
    border: 1px solid #cecece !important;
    outline: none !important;
}
.selectCategorySection .media-object{
    width: 25px;
}
.modelManageSelection .titleArea{
    border-bottom: 1px solid #e4e4e4;
    padding-bottom: 5px;
}
.showModelSection label{
    margin: 10px 0 0 0;
}
.showModelSection [type="checkbox"] + span:not(.lever) {
    height: 22px;
    line-height: 22px;
    font-size: 14px;
    text-transform: none;
}

.modal-header,.modal-body,.modal-footer{
    width: 100%;
    float: left;
}
.categorySelectModal .modal-footer{
    padding: 0px;
    height: auto;
    border-radius: 0 0 4px 4px;
}
.categorySelectModal .modal-footer .paymentBtnSection{
    padding: 0px;
}
.categorySelectModal .modal-footer .paymentBtnSection .btn_continue{
    padding: 10px;
    height: auto;
    font-size: 18px;
    border-radius: 0 0 4px 4px;
    vertical-align: top;
    line-height: 30px;
}
.categorySelectModal .modal-footer .paymentBtnSection .btn_continue span{
    line-height: 30px;
    vertical-align: top;
}
.categorySelectModal .modal-footer .paymentBtnSection .btn_continue:hover,
.categorySelectModal .modal-footer .paymentBtnSection .btn_continue:focus,
.categorySelectModal .modal-footer .paymentBtnSection .btn_continue:active{
    background: #2f4fa7;
}

/*---*/
.tokenize > .tokens-container > .token{
    padding: 0 20px 0 8px;
    background-color: #eff2f7;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 100px;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    font-weight: 600;
    line-height: 24px;
    color: #353535;
    margin: 7px 5px 0 0;
}
.tokenize > .tokens-container.form-control{
    min-height: 45px;
    border: 1px solid #d8d8d8;
    box-shadow: 0 2px 3px rgba(0,0,0,0.1);
}
.tokenize > .tokens-container.form-control:hover{
    border: 1px solid #d8d8d8 !important;
    box-shadow: 0 2px 3px rgba(0,0,0,0.2) !important;
}

/*-----*/

.table .tbleModel{
    position: relative;
    width: 100%;
    padding-left: 30px;
    line-height: 16px;
    font-size: 12px;
    padding: 5px 5px 5px 35px;
}
.table .tbleModel span{
    position: absolute;
    left: 0px;
    top: 50%;
    transform: translateY(-50%);
}
.table .tbleModel span img{
    width: 30px;
}
.table .tblPrice{
    position: relative;
    width: 100%;
    padding-right: 50px;
    min-width: 150px;
}
.table .tblPrice .form-control{
    height: 30px;
    font-size: 12px;
    line-height: 30px;
    padding: 5px 8px;
    border-radius: 4px 0 0 4px;
    border: 1px solid #e4e4e4;
}
.table .tblPrice .form-control:hover{
    border: 1px solid #2f4fa7 !important;
}
.table .tblPrice a.priceSaveBtn{
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    margin-bottom: 0px;
    margin-top: 0px;
    text-transform: none;
    font-size: 12px;
    color: #fff;
    line-height: 30px;
    padding: 0px 5px;
    background: #2f4fa7;
    border-radius: 0 4px 4px 0;
    display: inline-block;
    height: 30px;
    width: 50px;   
    text-align: center;
}
table.dataTable tbody th, table.dataTable tbody td {
    padding: 4px 5px;
    vertical-align: middle;
}
a.tbleAvailablePrice, a.tbleOfferPrice, a.tbleRefurbishedPrice{
    padding: 4px 5px;
    min-width: 60px;
}
a.tbleAvailablePrice h6, a.tbleOfferPrice h6, a.tbleRefurbishedPrice h6{
    font-weight: 600;
    font-size: 12px;
    text-align: center;
}
.stockAvailable{
    font-size: 12px;
    text-align: center;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    margin-bottom: 0px;
    margin-top: 0;
    color: #000000;
    width: 100%;
    display: block;
    line-height: 30px;
}
.stockAvailable.instock{
    color: #009c18;
}
.stockAvailable.outstock{
    color: #ff7177;
}
table.dataTable.display tbody tr>.sorting_1{
    background: #fff !important;
    width: 25%;    
    min-width: 250px;
}
.manageAllModelTableSection{
    padding: 15px 30px;
}
a.tbleAvailablePrice, a.tbleOfferPrice, a.tbleRefurbishedPrice{
    width: auto;
}

/*----*/

.switch label input[type=checkbox]:checked + .lever {
    background-color: #a6beff;
}
.switch label .lever{
    width: 25px;
    height: 10px;
    margin-right: 10px;
    margin: 0 15px;
}
.switch label input[type=checkbox]:checked + .lever:before, .switch label input[type=checkbox]:checked + .lever:after {
    left: 12px;
}
.switch label .lever:before, .switch label .lever:after{
    width: 15px;
    height: 15px;
    top: -2px;
}
.dataTables_wrapper .dataTables_info{
    font-size: 12px;
    font-family: 'Open Sans', sans-serif;
}
.dataTables_wrapper .dataTables_paginate .paginate_button{
    font-size: 12px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    background: #fff;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover{
    color: #fff !important;
    border: 1px solid #2e4ea6;
    background: #2e4ea6;
}
table.dataTable thead th, table.dataTable thead td {
    border-bottom: 1px solid #b7b7b7;
}
table.dataTable tfoot th, table.dataTable tfoot td{
    border-top: 1px solid #b7b7b7;
}
.modelManageSelection .full .half:first-child{
    border-right: 1px solid #e4e4e4;
}



span.highlightedLabel {
    color: #fff;
    padding: 3px 6px;
    border-radius: 100px;
    margin-right: 0px;
    font-size: 10px;
    margin-bottom: 0px;
    display: inline-block;
    text-decoration: none;
    line-height: 11px;
}

.bgGreen, .button-group li a.bgGreen {
    background: #5cb85c;
}

.bgRed, .button-group li a.bgRed {
    background: #F96A57;
}


a.yourOfferPriceBtn {
    width: auto;
    padding: 4px 5px;
    min-width: 60px;
    color: #fff;
    background: #ffa115;
    border: 1px solid #ffa115;
    float: left;
    border-radius: 4px;
    display: block;
}

    a.yourOfferPriceBtn h6 {
        font-weight: 600;
        font-size: 12px;
        text-align: center;
        color: #fff;
        font-family: 'Open Sans', sans-serif;
        margin-bottom: 0px;
        margin-top: 0;
        line-height: normal;
        width: 100%;
        float: left;
    }

    a.yourOfferPriceBtn.green {
        background: #029435;
        border: 1px solid #029435;
    }

    a.yourOfferPriceBtn.red {
        background: #ed1c24;
        border: 1px solid #ed1c24;
    }


    /*-------*/

    .storeContactDetails{
        width: 100%;
        float: left;
    }
    .storeContactDetails ul li{
        width: 100%;
        float: left;
    }
    .storeContactDetails ul li .paymentOpotionCard{
        padding: 10px 15% 10px 10px;
    }
    .storeContactDetails ul li .paymentOpotionCard h4{
        background: transparent;
        color: #e61414;
        padding: 0px;
        margin: 0px;
        line-height: 32px;
    }
    .storeContactDetails ul li .paymentOpotionCard a.link{
        top: 50%;
        transform: translateY(-50%);
    }
    .storeContactDetails ul li .paymentOpotionCard .compareContent h6 {
        font-size: 14px;
        color: #000000;
        font-weight: 600;
    }
    .storeContactDetails ul li .paymentOpotionCard .compareContent{
        width: 40%;
        float: left;
    }
    .storeContactDetails ul li .paymentOpotionCard .mobileNo{
        width: 30%;
        float: left;
        text-align: center;
    }
    .storeContactDetails ul li .paymentOpotionCard .comparePrice{
        width: 30%;
        float: left;
    }
    .storeContactDetails ul li .paymentOpotionCard .mobileNo a{
        font-family: 'Open Sans', sans-serif;
        font-weight: 700;
        font-size: 14px;
        color: #2f4fa7;
        padding: 0px;
        margin: 0px;
        line-height: 32px;
    }
    .storeContactDetails ul li .paymentOpotionCard .mobileNo a:hover{
        color: #e61414;
    }
    .storeContactDetails ul li .paymentOpotionCard a.link{
        font-size: 30px;
        padding: 2px 4px;
    }
    .storeContactDetails ul li .paymentOpotionCard a.link i {
        padding-left: 0;
    }
    .storeContactDetails .titleArea h4{
        font-family: 'Open Sans', sans-serif;
        font-weight: 700;
        margin-bottom: 0px;
        margin-top: 0px;
        text-transform: capitalize;
        font-size: 14px;
        color: #171717;
        line-height: 24px;
        background: transparent;
        text-align: left;
        padding: 0px;
        margin: 10px 0 0;
    }

    .offlineStoreSection .paymentOpotionCard .compareContent{
        padding-right: 75px;
        position: relative;
    }
    .offlineStoreSection .paymentOpotionCard .compareContent .indOfferZone {
        width: 100%;
        float: left;
        position: absolute;
        right: 0;
        top: 50%;
        /* z-index: 100; */
    }
    .offlineStoreSection .paymentOpotionCard .compareContent .indOfferZone a.inlineOffer{
        float: right;
        text-align: right;
        display: inline-block;
        width: auto;
    }
    section.ProductDetailsSection .productTitleArea .paymentOpotionCard.sellingList p{
        float: left;
        width: auto;
        line-height: 14px;
    }
    .productTitleArea .reviewArea, .reviewArea {
        width: auto;
        float: left;
        padding: 0;
    }
    section.ProductDetailsSection .productTitleArea .paymentOpotionCard.sellingList p span{
        position: relative;
        width: auto;
        left: initial;
        top: initial;
        transform: initial;
    }

li.UnavailablePrice .paymentOpotionCard {
    padding: 10px 10px 10px 20%;
}
    li.UnavailablePrice .paymentOpotionCard .comparePrice {
        width:100%;
    }
    li.UnavailablePrice .paymentOpotionCard h4 {
        text-align: right;
        font-size: 14px;
    }
.discountSection.unavailable {
    background: #fdc2c0;
}
    .discountSection.unavailable p,
    section.ProductDetailsSection .productTitleArea .discountSection.unavailable p {
        color: #c11b16;
    }

.paymentOpotionCard .priceUnavailable h4 {
    font-size:11px;
}