/*------------------------------------------------------------------
Common Stylesheet

Project:   Massive - Multipurpose Responsive Theme
Build:     Bootstrap 3 +
Author:    ThemeBucket

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

@font-face {
    font-family: 'JioType';
    src: url('../fonts/jio-type/JioType-Black.eot');
    src: url('../fonts/jio-type/JioType-Black.eot?#iefix') format('eot'), url('../fonts/jio-type/JioType-Black.woff') format('woff'), url('../fonts/jio-type/JioType-Black.woff2') format('woff2'), url('../fonts/jio-type/JioType-Black.ttf') format('truetype'), url('../fonts/jio-type/JioType-Black.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'JioType-Light';
    src: url('../fonts/jio-type/JioType-Light.eot');
    src: url('../fonts/jio-type/JioType-Light.eot?#iefix') format('eot'), url('../fonts/jio-type/JioType-Light.woff') format('woff'), url('../fonts/jio-type/JioType-Light.woff2') format('woff2'), url('../fonts/jio-type/JioType-Light.ttf') format('truetype'), url('../fonts/jio-type/JioType-Light.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'JioType-Bold';
    src: url('../fonts/jio-type/JioType-Bold.eot');
    src: url('../fonts/jio-type/JioType-Bold.eot?#iefix') format('eot'), url('../fonts/jio-type/JioType-Bold.woff') format('woff'), url('../fonts/jio-type/JioType-Bold.woff2') format('woff2'), url('../fonts/jio-type/JioType-Bold.ttf') format('truetype'), url('../fonts/jio-type/JioType-Bold.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'JioType-Medium';
    src: url('../fonts/jio-type/JioType-Medium.eot');
    src: url('../fonts/jio-type/JioType-Medium.eot?#iefix') format('eot'), url('../fonts/jio-type/JioType-Medium.woff') format('woff'), url('../fonts/jio-type/JioType-Medium.woff2') format('woff2'), url('../fonts/jio-type/JioType-Medium.ttf') format('truetype'), url('../fonts/jio-type/JioType-Medium.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

body {
    font-family: 'JioType-Light';
    line-height: 1.5;
    color: #323232;
    font-size: 16px;
    font-weight: 400;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
}

    body > section {
        padding: 20px 0;
    }

.grey-section {
    background: #f6f6f6;
}

.grey-section-margin-top {
    margin-top: 152px !important;
}

.no-margin {
    margin: 0 !important;
}

.no-padding {
    padding: 0 !important;
}

.no-pt {
    padding-top: 0;
}

.no-pl {
    padding-left: 0;
}

.no-pr {
    padding-right: 0;
}

.no-pb {
    padding-bottom: 0;
}

a:active,
a:focus {
    outline: none !important;
}


a {
    text-decoration: none !important;
}

    a:hover, a:focus {
        color: #323232;
    }

    a:hover, .btn, .btn:hover {
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        transition: all 0.3s ease;
    }

    a img,
    iframe {
        border: none !important;
    }

ul.disc-bullet {
    list-style: none;
    padding: 0;
    margin: 0;
}

    ul.disc-bullet li {
        padding-left: 30px;
    }

        ul.disc-bullet li:before {
            content: "•";
            color: #004785;
            font-size: 24px;
            height: 100vh;
            position: absolute;
            left: 15px;
            margin-top: -6px;
        }

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

.p-10 {
    padding: 10px;
}

.p-20 {
    padding: 20px;
}

.p-30 {
    padding: 30px;
}

.p-40 {
    padding: 40px !important;
}

.ptb-50 {
    padding: 50px 0 !important;
}

.pt-10 {
    padding-top: 10px;
}

.pt-20 {
    padding-top: 20px;
}

.pt-30 {
    padding-top: 30px;
}

.pt-40 {
    padding-top: 40px;
}

.pb-10 {
    padding-bottom: 10px;
}

.pb-20 {
    padding-bottom: 20px;
}

.pb-30 {
    padding-bottom: 30px;
}

.pb-40 {
    padding-bottom: 40px;
}

.pb-50 {
    padding-bottom: 40px !important;
}

.pb-80 {
    padding-bottom: 80px !important;
}

.pl-10 {
    padding-left: 10px;
}

.pl-20 {
    padding-left: 20px;
}

.pl-30 {
    padding-left: 30px;
}

.pl-40 {
    padding-left: 40px;
}

.pr-10 {
    padding-right: 10px;
}

.pr-20 {
    padding-right: 20px;
}

.pr-30 {
    padding-right: 30px;
}

.pr-40 {
    padding-right: 40px;
}

h3.blue {
    font-family: 'JioType-Bold';
    color: #004785;
}

h4.black {
    font-family: 'JioType-Bold';
    color: #000;
}



body {
    background: #f6f6f6;
}
.frmcon{min-height:480px;}
.jumpmenu {
    width: 100%;
    margin-bottom: 20px;
}

    .jumpmenu select {
        color: #000;
        width: 100%;
        font-weight: normal;
        border-radius: 5px;
        font-family: 'JioType-Light';
        font-size: 15px;
        padding: 5px 5px;
    }

        .jumpmenu select:focus-visible {
            box-shadow: none;
            outline: none;
        }

.m-top {
    margin-top: 50px;
}

.srchlbl {
    text-align: right;
    line-height: 40px;
    font-size: 20px;
    font-weight: 600;
}



.pdfbox {
    border-radius: 5px;
    border: 1px solid #bfe1ff;
    padding: 7px;
    height: auto;
    overflow: hidden;
    margin-bottom: 20px;
}

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

.bodylinks {
    color: #000;
}

    .bodylinks:hover {
        color: #004785;
    }

.addressbox {
    position: relative;
    margin-bottom: 10px;
    overflow: hidden;
}

#footer.dark {
    background: #222;
    margin-top: 0px;
}

    #footer.dark .secondary-footer p.left {
        margin: 0;
        padding: 0;
        color: #FFF;
        text-align: center;
        font-size: 16px;
    }

.independence {
    height: 80px;
}

.menuzord {
    display: flex;
    justify-content: space-between;
}

.addbox {
    position: relative;
    display: block;
    overflow: hidden;
    margin-bottom: 20px;
}

.productname {
    font-size: 20px;
    line-height: 24px;
    /* font-family: 'JioType'; */
    font-weight: bold;
    color: #b55e0a;
    background: #fee777;
    text-align: center;
    padding: 10px;
    border-radius: 10px;
}

.instruction {
    font-family: 'JioType-Medium';
    font-size: 18px;
    text-align: left;
}

    .instruction ol {
        padding: 0px 0px;
        margin: 0px 0px;
    }

        .instruction ol li {
            display: inline-block;
            margin-bottom: 0px;
            font-family: 'JioType-Light';
            line-height: 20px;
            padding-bottom: 15px;
        }

    .instruction h4 {
        text-align: center;
        font-size: 20px;
        /*    font-weight: bold;*/
    }

.factorylocetor {
    text-align: center;
    color: #bd2925;
    margin: 17px 0 15px;
    position: relative;
    font-family: 'JioType-Medium';
    text-transform: uppercase;
    padding: 20px 0px 0px 0px;
    font-size: 28px;
}

.productsearcch {
    
    padding: 30px 0px 30px;
    /* text-align: center; width: 100%;*/
    display: flex;
    justify-content: center;
    transition: 0.5s;
}

    .productsearcch .listmenu {
        padding: 8px 12px;
        font-size: 16px;
        height: auto;
    }

.prthmbicon {
    background: url(../images/user-icon.svg);
    display: inline-block;
    height: 32px;
    width: 32px;
    background-size: cover;
}

/* The sticky class is added to the header with JS when it reaches its scroll position */
.stickyy {
    position: fixed;
    top: 80px;
    width: 100%;
    background: #f3f0f0;
    padding: 10px 0px 0px 0px;
    z-index: 999;
    transition: 0.5s;
}

.edtuct {
    background: url(../img/edit-icon.png) no-repeat center;
    height: 28px;
    width: 28px;
    display: inline-block;
    margin: 4px 2px 4px 4px;
}

.dltuct {
    background: url(../img/dlt-icon.png) no-repeat center;
    height: 28px;
    width: 28px;
    display: inline-block;
    border: none;
    outline: none;
    margin: 4px 4px 4px 2px;
}

.viwuct {
    background: url(../img/show2.png) no-repeat center;
    border: none;
    height: 16px;
    width: 16px;
    display: inline-block;
}

/* Add some top padding to the page content to prevent sudden quick movement (as the header gets a new position at the top of the page (position:fixed and top:0) */
.stickyy + .content {
    padding-top: 102px;
}

.greysections {
    padding: 20px 0px 0px;
}



/* arrows */
.listmenu {
    -webkit-appearance: none;
    -moz-appearance: none;
    text-indent: 1px;
    text-overflow: '';
}

select.listmenu {
    background-image: linear-gradient(45deg, transparent 50%, rgb(0, 0, 0) 50%), linear-gradient(135deg, rgb(0, 0, 0) 50%, transparent 50%), linear-gradient(to right, rgb(255, 255, 255), rgb(255, 255, 255));
    background-position: calc(100% - 20px) calc(1em + 2px), calc(100% - 15px) calc(1em + 2px), 100% 0;
    background-size: 5px 5px, 5px 5px, 2.5em 2.5em;
    background-repeat: no-repeat;
}

    select.listmenu:focus {
        background-image: linear-gradient(45deg, rgb(0, 0, 0) 50%, transparent 50%), linear-gradient(135deg, transparent 50%, rgb(0, 0, 0) 50%), linear-gradient(to right, rgb(255, 255, 255), rgb(255, 255, 255));
        background-position: calc(100% - 15px) 1em, calc(100% - 20px) 1em, 100% 0;
        background-size: 5px 5px, 5px 5px, 2.5em 2.5em;
        background-repeat: no-repeat;
        border-color: grey;
        outline: 0;
    }

.example input[type=text] {
    padding: 7px 12px;
    font-size: 16px;
    border: 1px solid #ccc;
    float: left;
    width: 80%;
    background: #fff;
    border-radius: 4px 0px 0px 4px;
}

.example {
    padding-bottom: 15px;
}

.btncon {
    float: left;
    width: 20%;
    padding: 7px 12px;
    color: white;
    font-size: 16px;
    border: 1px solid #ccc;
    border-left: none;
    cursor: pointer;
    background: url(./img/searchicn.png);
    background-repeat: no-repeat;
    background-position: 50%;
    background-color: #fee777;
    border-radius: 0px 4px 4px 0px;
}


.example::after {
    content: "";
    clear: both;
    display: table;
}

.cserach {
    width: 50%;
    padding: 30px 0px 30px;
    text-align: center;
    /* display: flex; */
    justify-content: center;
    transition: 0.5s;
}

@media screen and (max-width: 767px) {
    .productsearcch {
        display: block;
    }

    .stickyy {
        top: 50px;
    }
}

.catbl {
    text-align: center;
}

    .catbl table {
        display: inline-block;
    }

        .catbl table tr {
            display: inline;
            margin: 10px 20px;
        }

            .catbl table tr td {
            }

                .catbl table tr td input[type=radio] {
                    height: 20px;
                    width: 20px;
                    margin: 0px;
                    padding: 0px;
                    float: left;
                }

                .catbl table tr td label {
                    font-size: 18px;
                    font-weight: 700;
                    line-height: 18px;
                    margin: 0px 8px;
                    padding: 0px;
                }

.vcstcky {
    position: sticky;
    top: 46px;
    z-index: 99;
    padding: 22px 0px 1px 0px;
}

.clrhdr {
    height: 80px;
    clear: both;
    display: block;
    width: 100%;
}

.bgdgn {
    margin: 30px auto;
    background: #ffffff;
    box-shadow: 0px 0px 33px #adadad;
    border-radius: 8px;
    height: 100vh;
}

/* social media css - 18-08-23*/

.icon-bar {
    position: fixed;
    top: 66%;
    right: 0;
    z-index: 999;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

    .icon-bar a {
        display: block;
        text-align: center;
        padding: 6px 10px;
        transition: all 0.3s ease;
        color: white;
        font-size: 18px;
    }

/* .icon-bar a:hover {
  background-color: #ee1c2e;
} */

.facebook {
    background: #3B5998;
    color: white;
}

    .facebook:hover {
        background: #263c6b;
        color: white;
    }

.twitter {
    background: #f22d72;
    color: white;
}

    .twitter:hover {
        background: #f06797;
        color: white;
    }



.linkedin {
    background: #007bb5;
    color: white;
}

    .linkedin:hover {
        background: #024565;
        color: white;
    }

/* social media css - 18-08-23*/


.btn-blue {
    color: #fff;
    background-color: #004785;
    border-color: #004785;
    font-family: 'JioType-Bold';
}

    .btn-blue.active, .btn-blue.focus, .btn-blue:hover {
        color: #fff;
        background-color: #ee1c2e;
        border-color: #ee1c2e
    }

.btn-red {
    color: #fff;
    background-color: #ee1c2e;
    border-color: #ee1c2e;
    font-family: 'JioType-Bold';
}

    .btn-red.active, .btn-red.focus, .btn-red:hover {
        color: #fff;
        background-color: #f61f31;
        border-color: #f61f31
    }

.btn-maroon {
    color: #fff;
    background-color: #bc2824;
    border-color: #bc2824;
    font-family: 'JioType-Bold';
}

    .btn-maroon.active, .btn-maroon.focus, .btn-maroon:hover {
        color: #fff;
        background-color: #d42e29;
        border-color: #d42e29
    }

.b-logos {
    height: 132px;
    line-height: 132px;
    margin-top: -152px;
    background: #FFF;
    margin-bottom: 20px;
}

    .b-logos .img-responsive {
        display: inline-block;
        max-width: 100%;
        height: auto;
    }

    .b-logos h2 {
        display: block;
        font-size: 30px;
        font-family: 'JioType-Bold';
    }

.store {
    margin-top: -130px;
    text-align: right;
    padding: 0 15px;
}

    .store ul {
        padding: 0;
        list-style: none;
    }

        .store ul.store-location {
            margin: 0;
        }

            .store ul.store-location li {
                margin: 0;
                padding: 0;
            }

                .store ul.store-location li a {
                    font-family: 'JioType-Bold';
                    line-height: 120px;
                    font-size: 18px;
                    color: #444;
                }

.brand {
    text-align: left;
    background: url(../img/red-patterns.jpg) 0 0 repeat;
    padding: 20px;
    margin-top: -175px;
}

img.brand-img {
    margin-top: -152px;
}

    img.brand-img + .brand {
        margin: 0;
    }

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

    ul.brand-list li a {
        display: block;
        color: #FFF;
        line-height: 35px;
        font-size: 18px;
        font-family: 'JioType-Light';
    }

        ul.brand-list li a:hover {
            font-weight: bold;
        }

.column-two {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
}

.column-three {
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3;
}

.column-four {
    -webkit-column-count: 4;
    -moz-column-count: 4;
    column-count: 4;
}

.column-two,
.column-three,
.column-four {
    -webkit-column-gap: 40px;
    -moz-column-gap: 40px;
    column-gap: 40px;
}

.section-title {
    margin: 0 0 20px;
}

    .section-title h2 {
        margin: 0;
        color: #bd2925;
        font-family: 'JioType-Bold';
        text-transform: uppercase;
    }

p {
    color: #000;
}

.careersbg {
    width: 100%;
    min-height: 2458px;
    margin: 0 auto;
    background-image: url(../careers/img/career_option.jpg);
    background-repeat: no-repeat;
    background-size: contain;
}

@media screen and (max-width: 767px) {
    .grey-section-margin-top {
        margin-top: 0 !important;
    }

    .b-logos {
        margin-top: 0px;
        margin-bottom: 20px;
        height: auto;
        line-height: normal;
        padding: 15px;
    }

    img.brand-img {
        margin-top: 0;
        width: 100%;
    }

    .brand {
        margin-top: 0;
        padding: 10px;
    }

    ul.brand-list li {
        width: 47%;
        padding: 0 3%;
        display: inline-block;
    }
}

@media screen and (max-width: 588px) {
    .brand {
        padding: 20px 35px;
    }

    ul.brand-list li {
        width: 100%;
        display: block;
        padding: 0;
    }

    .store {
        text-align: left;
        margin-top: -20px;
        background: #ffffff;
        padding: 0 15px;
        border-top: 1px solid #f3f3f3;
    }

        .store ul.store-location {
            margin: 0;
        }

            .store ul.store-location li a {
                line-height: 50px;
            }
}

/*-------------------------------------------------------------------
    tb preloader
-------------------------------------------------------------------*/
#tb-preloader {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 999999;
    display: block;
    background: #fff;
}

.tb-preloader-wave {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 60px;
    height: 60px;
    margin: -30px 0 0 -30px;
}

    .tb-preloader-wave:before,
    .tb-preloader-wave:after {
        position: absolute;
        display: inline-block;
        content: "";
        width: 60px;
        height: 60px;
        border-radius: 50%;
        background: #222;
        -webkit-animation: preloader-wave 1.6s linear infinite;
        animation: preloader-wave 1.6s linear infinite;
    }

    .tb-preloader-wave:after {
        animation-delay: -0.8s;
        -webkit-animation-delay: -0.8s;
    }

@keyframes preloader-wave {
    0% {
        -webkit-transform: scale(0, 0);
        transform: scale(0, 0);
        opacity: 0.5;
        filter: alpha(opacity=50);
    }

    100% {
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1);
        opacity: 0;
        filter: alpha(opacity=0);
    }
}

@-webkit-keyframes preloader-wave {
    0% {
        -webkit-transform: scale(0, 0);
        opacity: 0.5;
        filter: alpha(opacity=50);
    }

    100% {
        -webkit-transform: scale(1, 1);
        opacity: 0;
        filter: alpha(opacity=0);
    }
}

/*-------------------------------------------------------------------
    offers landing page
-------------------------------------------------------------------*/
#offers {
    margin-top: 100px;
}

.bt-alphabet {
    position: relative;
    background: transparent;
}

    .bt-alphabet:before {
        top: -9%;
        right: 0;
        content: '';
        width: 100%;
        height: 117%;
        position: absolute;
        background: url(../img/offer-landing/special-offres.jpg) no-repeat 100% 50%;
    }

.notifications {
    background: #1d346e;
    padding: 10px;
    line-height: 52px;
    margin-top: 100px;
}

    .notifications:before {
        position: absolute;
        content: "";
        left: 25px;
        background: url(../img/offer-landing/up-arrow.png) no-repeat 0 0;
        width: 32px;
        height: 32px;
    }

    .notifications h3 {
        margin: 0 0 0 40px;
        padding: 0;
        font-size: 20px;
        line-height: 32px;
        color: #FFF;
    }

.brand-img {
    margin: 0;
}

@media (max-width: 480px) {
    .notifications-mobile {
        position: relative;
        background: #1d346e;
        padding: 20px 20px 30px !important;
        text-align: center;
        width: 90% !important;
        height: auto;
        line-height: 52px;
        margin: -182px auto 0;
    }

    .special-offres {
        margin: 0 -15px !important;
    }
}

@media (max-width: 800px) {

    .special-offres {
        margin: 0 -15px !important;
    }
}

@media (min-width: 767px) {
    .notifications-mobile {
        display: none;
    }
}

@media (max-width: 767px) {
    #offers {
        margin: 0;
        padding: 0;
    }

    .brand-img {
        text-align: center;
    }

        .brand-img .img-responsive {
            display: inline-block;
        }

    .notifications {
        display: none;
    }

    .notifications-mobile {
        position: relative;
        background: #1d346e;
        padding: 25px;
        text-align: center;
        width: 70%;
        height: auto;
        line-height: 52px;
        margin: -182px auto 0;
    }

        .notifications-mobile:before {
            position: absolute;
            content: "";
            left: initial;
            right: 20%;
            bottom: -16px;
            text-align: center;
            background: url(../img/offer-landing/down-arrow.png) no-repeat 0 0;
            width: 32px;
            height: 32px;
        }

        .notifications-mobile h3 {
            margin: 0;
            padding: 0;
            font-size: 20px;
            line-height: 32px;
            color: #FFF;
        }

    #offers .col-md-6 {
        padding: 0;
    }

    .special-offres {
        margin: 0 -28px;
    }
}

/* ----------------------------------------------------------------
	header
-----------------------------------------------------------------*/
header {
    width: 100%;
    height: 80px;
    z-index: 1000;
    position: fixed;
}

    header.internal {
        position: relative;
    }

    /*.header-full-width .container {
    width: 100%;
    padding: 0 15px;
}*/

    header.sticky .header-sticky {
        position: fixed;
        width: 100%;
    }

    header.sticky .header-sticky {
        box-shadow: 0 1px 0 rgba(0,0,0,.05);
    }

    header.sticky {
        height: 80px;
        z-index: 1000;
        position: fixed;
        top: 0px;
    }


    header .logo-brand img {
        height: 80px;
        float: left;
    }

    header.sticky .logo-brand img, header.sticky .logo-brand img.retina {
        height: 80px !important;
    }

    header .light-header,
    header.sticky .light-header
    .light-nav {
        background: #fff !important;
        border-bottom: 0;
    }

.semi-transparent {
    background: rgba(10,10,10, .5) !important;
}

/*.menuzord-menu>li>a.active{
     color:#e53b51;
     background: blue !important;
 }*/

/* ----------------------------------------------------------------
	top mega menu
-----------------------------------------------------------------*/

.menuzord {
    background: none;
    padding: 0;
}


.menuzord-menu > li > a,
header.sticky .menuzord-menu > li > a,
.logo-brand,
header .logo-brand img,
header.sticky .logo-brand,
header.sticky .logo-brand img,
header,
header .sticky,
header li.nav-icon i,
header.sticky li.nav-icon i {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.nav-bottom {
    transition: none;
    -webkit-transition: none;
    -moz-transition: none;
}

.menuzord-menu > li > a {
    line-height: 80px;
}

.nav-border-bottom .menuzord-menu > li > a {
    line-height: 99px;
}

header.sticky .menuzord-menu > li > a {
    line-height: 80px;
}

.menuzord-menu > li > a,
header.sticky .menuzord-menu > li > a {
    padding: 0 10px;
}


.logo-brand {
    margin: 0;
    line-height: 80px;
}

header.sticky .logo-brand {
    line-height: 60px;
}

.menuzord-menu ul.dropdown li a,
.menuzord-menu > li > .megamenu a,
.menuzord-menu > li > .megamenu h5,
.menuzord-menu ul.dropdown li a {
    /*color:#b0b0b0 ;*/
    color: #FFF;
}

.menuzord-menu > li > .megamenu h5 {
    font-weight: 600;
    font-size: 14px;
    margin-bottom: 20px;
    padding-left: 10px;
}


.menuzord-menu > li > .megamenu .megamenu-row li a {
    /*padding: 8px 10px;*/
    padding: 8px 4px 8px 28px;
    width: 100%;
    display: inline-block;
    font-size: 16px;
    text-decoration: none;
}

.menuzord-menu > li > .megamenu .megamenu-row li:hover a {
    background: #b9101f;
    color: #FFF;
}

.menuzord-menu > li > .megamenu .megamenu-row li a .indicator {
    margin: 0 8px 0 -15px;
}

.menuzord,
.menuzord * {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    /* font-family: 'JioType'; */
    letter-spacing: .5px;
    font-weight: normal;
}

.menuzord {
    width: 100%;
    float: left;
    position: relative;
}

    .menuzord a,
    .menuzord-menu ul.dropdown li a {
        -o-transition: color .3s linear, background .3s linear;
        -moz-transition: color .3s linear, background .3s linear;
        -webkit-transition: color .3s linear, background .3s linear;
        transition: color .3s linear, background .3s linear
    }

.menuzord-menu.scrollable > .scrollable-fix {
    display: none
}

.logo-brand {
    float: left;
    color: #666;
    text-decoration: none;
    font-size: 24px;
    font-weight: 600;
    cursor: pointer
}

.menuzord-menu {
    margin: 0;
    padding: 0;
    float: left;
    list-style: none
}

    .menuzord-menu.menuzord-right {
        float: right
    }

    .menuzord-menu > li {
        margin: 0;
        display: inline-block;
        float: left;
        /*margin-left: 2px;*/
    }

        .menuzord-menu > li > a {
            display: inline-block;
            text-decoration: none;
            font-size: 16px;
            font-weight: normal;
            outline: 0;
            -webkit-tap-highlight-color: transparent;
            /* font-family: 'JioType'; */
        }


            .menuzord-menu > li > a,
            .menuzord-menu > li > a > i {
                color: #333;
            }

.light.menuzord-menu > li > a,
.light.menuzord-menu > li > a > i {
    color: #fff;
}


.menuzord-menu > li.active > a,
.menuzord-menu > li:hover > a {
    color: #FFF;
    background: #ee1c2e;
}

.menuzord-menu ul.dropdown,
.menuzord-menu ul.dropdown li ul.dropdown {
    list-style: none;
    margin: 0;
    padding: 0;
    display: none;
    position: absolute;
    z-index: 99;
    min-width: 190px;
    white-space: nowrap;
}

    .menuzord-menu ul.dropdown li ul.dropdown {
        left: 100%;
        top: -1px;
    }

    .menuzord-menu ul.dropdown li {
        clear: both;
        width: 100%;
        border: 0;
        font-size: 16px;
        position: relative
    }

        .menuzord-menu ul.dropdown li a {
            width: 100%;
            background: 0 0;
            padding: 10px 25px 10px 22px;
            color: #FFF;
            text-decoration: none;
            display: inline-block;
            float: left;
            clear: both;
            position: relative;
            outline: 0;
        }

        .menuzord-menu ul.dropdown li:hover > a {
            padding-right: 19px;
            color: #FFF;
            background: #b9101f;
        }

    .menuzord-menu ul.dropdown.dropdown-left {
        left: none;
    }

    .menuzord-menu ul.dropdown li ul.dropdown.dropdown-left {
        left: -100%
    }

.menuzord-menu li .indicator {
    margin-left: 3px;
}

    .menuzord-menu li .indicator i {
        font-family: FontAwesome;
    }

        .menuzord-menu li .indicator i.fa-angle-down:before {
            content: '';
        }


.menuzord-menu li ul.dropdown li .indicator {
    position: absolute;
    top: 8px;
    right: 10px;
    font-size: 15px
}

.menuzord-menu > li > .megamenu {
    width: 100%;
    padding: 30px 20px;
    left: 0;
    position: absolute;
    display: none;
    z-index: 99;
    border-top: solid 1px #f0f0f0;
    background: #fff
}

    .menuzord-menu > li > .megamenu.megamenu-half-width {
        width: 50%;
        left: auto
    }

    .menuzord-menu > li > .megamenu.megamenu-quarter-width {
        width: 25%;
        left: auto
    }

    .menuzord-menu > li > .megamenu .megamenu-row {
        width: 100%;
        margin-top: 15px
    }

        .menuzord-menu > li > .megamenu .megamenu-row:first-child {
            margin-top: 0
        }

        .menuzord-menu > li > .megamenu .megamenu-row:after,
        .menuzord-menu > li > .megamenu .megamenu-row:before {
            display: table;
            content: "";
            line-height: 0
        }

        .menuzord-menu > li > .megamenu .megamenu-row:after {
            clear: both
        }

        .menuzord-menu > li > .megamenu .megamenu-row .col1,
        .menuzord-menu > li > .megamenu .megamenu-row .col10,
        .menuzord-menu > li > .megamenu .megamenu-row .col11,
        .menuzord-menu > li > .megamenu .megamenu-row .col12,
        .menuzord-menu > li > .megamenu .megamenu-row .col2,
        .menuzord-menu > li > .megamenu .megamenu-row .col3,
        .menuzord-menu > li > .megamenu .megamenu-row .col4,
        .menuzord-menu > li > .megamenu .megamenu-row .col5,
        .menuzord-menu > li > .megamenu .megamenu-row .col6,
        .menuzord-menu > li > .megamenu .megamenu-row .col7,
        .menuzord-menu > li > .megamenu .megamenu-row .col8,
        .menuzord-menu > li > .megamenu .megamenu-row .col9 {
            display: block;
            min-height: 20px;
            float: left;
            margin-left: 3%
        }

        .menuzord-menu > li > .megamenu .megamenu-row [class*=col]:first-child {
            margin-left: 0
        }

        .menuzord-menu > li > .megamenu .megamenu-row .col1 {
            width: 5.583333333333%
        }

        .menuzord-menu > li > .megamenu .megamenu-row .col2 {
            width: 14.166666666666%
        }

        .menuzord-menu > li > .megamenu .megamenu-row .col3 {
            width: 22.75%
        }

        .menuzord-menu > li > .megamenu .megamenu-row .col4 {
            width: 31.333333333333%
        }

        .menuzord-menu > li > .megamenu .megamenu-row .col5 {
            width: 39.916666666667%
        }

        .menuzord-menu > li > .megamenu .megamenu-row .col6 {
            width: 48.5%
        }

        .menuzord-menu > li > .megamenu .megamenu-row .col7 {
            width: 57.083333333333%
        }

        .menuzord-menu > li > .megamenu .megamenu-row .col8 {
            width: 65.666666666667%
        }

        .menuzord-menu > li > .megamenu .megamenu-row .col9 {
            width: 74.25%
        }

        .menuzord-menu > li > .megamenu .megamenu-row .col10 {
            width: 82.833333333334%
        }

        .menuzord-menu > li > .megamenu .megamenu-row .col11 {
            width: 91.416666666667%
        }

        .menuzord-menu > li > .megamenu .megamenu-row .col12 {
            width: 100%
        }

        .menuzord-menu > li > .megamenu .megamenu-row .container h2 {
            margin: 0 0 20px;
            color: #FFF;
            font-family: 'JioType-Bold';
        }

        .menuzord-menu > li > .megamenu .megamenu-row .container p {
            margin: 0;
            color: #FFF;
            font-size: 16px;
            line-height: 25px;
            /* font-family: 'JioType'; */
        }

#pro-dis .col7 {
    padding-left: 15px;
}

.menuzord .showhide {
    width: 30px;
    height: 46px;
    padding: 13px 0 0;
    display: none;
    float: right;
    text-decoration: none;
    outline: 0;
    -webkit-tap-highlight-color: transparent
}

    .menuzord .showhide em {
        width: 20px;
        height: 3px;
        margin: 3.5px 0px 0;
        float: right;
        background: #777
    }

.menuzord-menu > li > a > i {
    margin: 18px 0 0 10px;
    font-size: 18px;
    float: none;
    text-align: center;
    line-height: 30px;
    width: 30px;
    font-family: FontAwesome;
    background: #bd2925;
    color: #FFF;
}

header.sticky li.nav-icon i {
    margin: 10px 0 10px 10px;
    line-height: 30px;
}

/* Active/hover state (Menu items) */
.menuzord-menu > li.active > a,
.menuzord-menu > li:hover > a {
    color: #fff;
}

.menuzord-menu > li.nav-icon > a,
.menuzord-menu > li.nav-icon > a {
    background: transparent;
    color: #bd2925;
}

.menuzord-menu > li.nav-icon.active > a,
.menuzord-menu > li.nav-icon:hover > a {
    background: transparent;
    color: #bd2925;
}

.menuzord-menu > li.active > a i,
.menuzord-menu > li:hover > a i {
    color: #FFF;
}

/* Dropdown */
.menuzord-menu ul.dropdown,
.menuzord-menu ul.dropdown li ul.dropdown {
    /*background: #222;
	 border: 1px solid rgba(238, 28, 46, 0.85);*/
    background: rgba(238, 28, 46, 0.85);
    border: 0;
}

/* Megamenu */
.menuzord-menu > li > .megamenu {
    border-top: none;
    background: rgba(238, 28, 46, 0.85);
    border: 1px solid rgba(238, 28, 46, 0.85);
    position: fixed;
}

/*----------------------------------
    menu appear alt
-----------------------------------*/
.menu-appear-alt {
    display: none;
    background: #fff;
    box-shadow: 0 1px 0 rgba(0,0,0,.05);
}

@media screen and (max-width: 768px) {
    header {
        height: auto;
        position: fixed;
        z-index: 1200;
    }

    .menuzord-responsive.menuzord {
        padding: 0
    }

    .menuzord-responsive .logo-brand {
        font-size: 20px;
        line-height: 2.55;
    }

    .menuzord-responsive .showhide {
        margin: 0
    }

    .menuzord-responsive .menuzord-menu {
        width: 100%;
        float: left !important
    }

        .menuzord-responsive .menuzord-menu.scrollable {
            overflow-y: auto;
            overflow-x: hidden;
            -webkit-overflow-scrolling: touch
        }

            .menuzord-responsive .menuzord-menu.scrollable > .scrollable-fix {
                display: block
            }

        .menuzord-responsive .menuzord-menu > li {
            width: 100%;
            display: block;
            position: relative
        }

            .menuzord-responsive .menuzord-menu > li > a {
                width: 100%;
                padding: 12px 20px;
                display: block;
                border-bottom: solid 1px #f0f0f0;
                color: #333;
            }

            .menuzord-responsive .menuzord-menu > li.active > a,
            .menuzord-responsive .menuzord-menu > li:hover > a {
                color: #333;
                background: #FFF;
            }

            .menuzord-responsive .menuzord-menu > li:first-child > a {
                border-top: solid 1px #f0f0f0
            }

            .menuzord-responsive .menuzord-menu > li > a > i {
                line-height: 45px;
                width: 59px;
                margin: -12px -19px 0 0;
                float: right;
            }

            .menuzord-responsive .menuzord-menu > li.active > a i,
            .menuzord-responsive .menuzord-menu > li:hover > a i {
                color: #333;
            }

            .menuzord-responsive .menuzord-menu > li.nav-icon > a i {
                color: #333;
                background: transparent;
                border-left: 1px solid #f0f0f0;
            }

            .menuzord-responsive .menuzord-menu > li.nav-icon.active > a i,
            .menuzord-responsive .menuzord-menu > li.nav-icon:hover > a i {
                color: #333;
                background: transparent;
                border-left: 1px solid #f0f0f0;
            }

        .menuzord-responsive .menuzord-menu ul.dropdown,
        .menuzord-responsive .menuzord-menu ul.dropdown li ul.dropdown {
            width: 100%;
            left: 0;
            position: static;
            border: none;
            background: #fff;
            float: left
        }

            .menuzord-responsive .menuzord-menu ul.dropdown li {
                position: relative;
            }

                .menuzord-responsive .menuzord-menu ul.dropdown li a {
                    border-bottom: solid 1px #f0f0f0;
                    width: 100%;
                }

        .menuzord-responsive .menuzord-menu.menuzord-indented > li > ul.dropdown > li > a {
            padding-left: 40px !important
        }

        .menuzord-responsive .menuzord-menu.menuzord-indented > li > ul.dropdown > li > ul.dropdown > li > a {
            padding-left: 60px !important
        }

        .menuzord-responsive .menuzord-menu.menuzord-indented > li > ul.dropdown > li > ul.dropdown > li > ul.dropdown > li > a {
            padding-left: 80px !important
        }

        .menuzord-responsive .menuzord-menu.menuzord-indented > li > ul.dropdown > li:hover > a {
            padding-left: 40px !important;
            background: #f3f3f3;
            color: #333;
        }

        .menuzord-responsive .menuzord-menu.menuzord-indented > li > ul.dropdown > li > ul.dropdown > li:hover > a {
            padding-left: 70px !important
        }

        .menuzord-responsive .menuzord-menu.menuzord-indented > li > ul.dropdown > li > ul.dropdown > li > ul.dropdown > li:hover > a {
            padding-left: 90px !important
        }

        .menuzord-responsive .menuzord-menu li .indicator {
            width: 60px;
            height: 45px;
            position: absolute;
            right: 0;
            top: 0;
            font-size: 22px;
            text-align: center;
            line-height: 43px;
            border-left: solid 1px #f5f5f5
        }

        .menuzord-responsive .menuzord-menu li ul.dropdown li .indicator {
            height: 38px;
            right: 0;
            top: 0;
            font-size: 18px;
            line-height: 36px
        }

        .menuzord-responsive .menuzord-menu > li > .megamenu {
            width: 100% !important;
            left: 0 !important;
            position: static;
            border-top: none;
            border-left: none;
            border-right: none;
            border-bottom: solid 1px #f0f0f0;
            background: #FFF;
            padding: 0;
        }

    .menuzord-menu > li > .megamenu .megamenu-row li {
        border-bottom: 1px solid #f5f5f5;
    }

        .menuzord-menu > li > .megamenu .megamenu-row li a {
            padding: 10px 25px 10px 40px;
        }

            .menuzord-menu > li > .megamenu .megamenu-row li a .indicator {
                margin: 0 15px 0 -22px;
                line-height: 22px;
                position: relative;
                font-size: 16px;
            }

    .menuzord-responsive .menuzord-menu > li > .megamenu .megamenu-row [class*=col] {
        float: none;
        display: block;
        width: 100% !important;
        margin-left: 0;
        /*margin-top: 15px*/
    }

    .menuzord-responsive .menuzord-menu > li > .megamenu .megamenu-row,
    .menuzord-responsive .menuzord-menu > li > .megamenu .megamenu-row:first-child [class*=col]:first-child {
        margin-top: 0;
    }

    .menuzord-responsive .menuzord-menu ul.dropdown li a, .menuzord-responsive .menuzord-menu > li > .megamenu a,
    .menuzord-responsive .menuzord-menu > li > .megamenu h5, .menuzord-responsive .menuzord-menu ul.dropdown li a {
        color: #333;
    }

    .menuzord-responsive .menuzord-menu > li > .megamenu .megamenu-row li:hover a {
        background: #f3f3f3;
        color: #333;
    }

    /*-------------------------*/
    /* Mneu items */
    /*-------------------------*/
    .menuzord-responsive .menuzord-menu > li > a {
        padding: 12px 20px !important;
        line-height: 20px;
    }

    /* Dropdown indicators */
    .menuzord-responsive .menuzord-menu li ul.dropdown li .indicator {
        border: none;
    }

    /* Dropdown */
    .menuzord-responsive .menuzord-menu ul.dropdown,
    .menuzord-responsive .menuzord-menu ul.dropdown li ul.dropdown {
        background: #fff;
    }

    /* Dropdown items */
    /*.menuzord-responsive .menuzord-menu ul.dropdown li a{
        border: none;
    }*/

    header.sticky .menuzord-menu > li > a {
        line-height: 20px;
    }


    header .logo-brand img, header.nav-center-align .logo-brand img {
        height: 50px;
    }

    header.transparent-header + #fullscreen-banner {
        margin-top: 0px;
    }

    header + #fullscreen-banner {
        margin-top: -50px;
    }

    .dark-header.header-bottom-border,
    .light-header.header-bottom-border {
        height: auto;
        border: none;
    }


    .menuzord-menu li .indicator i.fa-angle-down:before {
        content: "\f107";
    }

    header .light-header {
        /*border-bottom: 1px solid #f5f5f5;*/
    }

    .menuzord-menu > li > .megamenu .megamenu-row .container {
        padding-right: 0px;
        padding-left: 0px;
    }

    #pro-dis {
        display: none;
    }
}

/* ----------------------------------------------------------------
	bs slider
-----------------------------------------------------------------*/
.bs-info {
    position: absolute;
    top: 50%;
    left: 12%;
    background: rgba(0, 71, 133, .9);
    padding: 15px;
}

.bs-info-center {
    position: absolute;
    width: 1000px;
    top: 30%;
    left: 50%;
    margin-left: -500px;
    text-align: center;
}

.bs-info-right {
    position: absolute;
    /*width: 1170px;*/
    top: 35%;
    right: 12%;
    text-align: right;
}

.bs-info h1 {
    margin: 0;
    color: #FFF;
    font-family: 'JioType-Bold';
}

.bs-hero.full-screen .carousel-indicators {
    /*z-index: 1200;*/
    z-index: 1199;
}


.bs-info span {
    font-size: 18px;
    display: block;
    color: #FFF;
}


.carousel.slide .carousel-control {
    width: 30% !important;
    margin-top: 180px;
    margin-bottom: 120px;
}

.full-width img {
    width: 100%;
    height: auto;
}

.carousel.slide .carousel-control {
    width: 50%;
    z-index: 90;
}

.carousel.slide a.right.carousel-control:hover {
    cursor: url(../img/carousel/arrow_right.png), auto;
}

.carousel.slide a.left.carousel-control:hover {
    cursor: url(../img/carousel/arrow_left.png), auto;
}

.carousel.slide a.left.carousel-control,
.carousel.slide a.right.carousel-control {
    background-image: none;
}

.carousel.slide .carousel-fade .carousel-control {
    z-index: 5000;
}

.carousel.slide .carousel-control:hover,
.carousel.slide .carousel-control:focus {
    opacity: 1;
    filter: alpha(opacity=100);
}

.full-screen {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

@media (min-width:320px) and (max-width:480px) {
    .bs-info {
        top: 70%;
        left: 0;
        right: 0;
        margin: 0 10px;
        padding: 10px;
    }

        .bs-info h1 {
            font-size: 18px;
        }

        .bs-info span {
            font-size: 14px;
        }

    .carousel {
        height: 300px;
    }

    .carousel-inner > .item {
        height: 300px !important;
    }

    .carousel-inner > .item {
        background-position: -312px 0px;
    }
}

@media (min-width:480px) and (max-width:992px) {
    .bs-info {
        top: 50%;
    }

        .bs-info h1 {
            font-size: 18px;
        }

        .bs-info span {
            font-size: 14px;
        }

    .carousel {
        height: 500px;
    }

    .carousel-inner > .item {
        height: 500px !important;
    }
}

@media screen and (max-width: 991px) {
    .bs-hero.full-screen .carousel-inner .item img {
        height: 100vh;
        width: 100%;
    }

    .carousel {
        height: 400px;
    }

    .carousel-inner > .item {
        height: 400px !important;
    }
}

/*------------------------------------------------------------------
    page title
-------------------------------------------------------------------*/
.page-title {
    position: relative;
    /*padding: 50px 0;*/
    padding: 79px 0 0;
    background-color: #F5F5F5;
}

    .page-title > .container-fluid.ril-fresh {
        background: url(../img/page-banner/ril-fresh.jpg) no-repeat top center;
        background-size: cover;
    }

    .page-title > .container-fluid.investor-relation {
        background: url(../img/page-banner/investor-relations.jpg) no-repeat top center;
        background-size: cover;
    }

    .page-title > .container-fluid.equalpolicy {
        background: url(../img/page-banner/equalpolicy.jpg) no-repeat top center;
        background-size: cover;
    }

    .page-title .container-fluid.aboutb {
        background: url(../img/page-banner/cart.jpg) no-repeat top center;
        background-size: cover;
    }

    .page-title .container-fluid.rilsmartb {
        background: url(../img/page-banner/rilsmart-banner.jpg) no-repeat top center;
        background-size: cover;
    }

    .page-title .container-fluid.seveneleven {
        background: url(../img/page-banner/7-eleven-banner.jpg) no-repeat top center;
        background-size: cover;
    }

    .page-title .container-fluid.gap {
        background: url(../img/page-banner/gap-banner.png) no-repeat top center;
        background-size: cover;
    }

    .page-title .container-fluid.rilmarketb {
        background: url(../img/page-banner/market-banner.jpg) no-repeat top center;
        background-size: cover;
    }

    .page-title .container-fluid.rildigitalb {
        background: url(../img/page-banner/r-digital-banner.jpg) no-repeat top center;
        background-size: cover;
    }

    .page-title .container-fluid.jiomartb {
        /* background:url(../img/page-banner/jio-digital-banner.png) no-repeat top center;
	background-size:cover; */
        background-position: center center;
        background-attachment: initial;
        background-repeat: no-repeat;
        background-size: cover;
        background-image: url(../img/page-banner/jio-digital-banner.png);
    }

    .page-title .container-fluid.jewelsb {
        background: url(../img/page-banner/jewel-banner.jpg) no-repeat top center;
        background-size: cover;
    }

    .page-title .container-fluid.azorte {
        background: url(../img/page-banner/azorte-banner.jpg) no-repeat top center;
        background-size: cover;
    }

    .page-title .container-fluid.signaturefresh {
        background: url(../img/page-banner/signature-banner-image.jpg) no-repeat top center;
        background-size: cover;
    }

    .page-title .container-fluid.freshpik {
        background: url(../img/page-banner/freshpik-banner.jpg) no-repeat top center;
        background-size: cover;
    }

    .page-title .container-fluid.avantrabanner {
        background: url(../img/page-banner/avantra-banner.jpg) no-repeat top center;
        background-size: cover;
    }

    .page-title .container-fluid.centro {
        background: url(../img/page-banner/centro-banner.jpg) no-repeat top center;
        background-size: cover;
    }

    .page-title .container-fluid.coverstory {
        background: url(../img/page-banner/cover-story.jpg) no-repeat top center;
        background-size: cover;
    }

    .page-title .container-fluid.ancestry {
        background: url(../img/page-banner/ancestry.jpg) no-repeat top center;
        background-size: cover;
    }

    .page-title .container-fluid.netmeds {
        background: url(../img/page-banner/netmeds-banner.jpg) no-repeat top center;
        background-size: cover;
    }

    .page-title .container-fluid.fashionfactory {
        background: url(../img/page-banner/Fashion-Factory-banner.jpg) no-repeat top center;
        background-size: cover;
    }

    .page-title .container-fluid.trendsb {
        background: url(../img/page-banner/r-trends.jpg) no-repeat top center;
        background-size: cover;
    }

    .page-title .container-fluid.projecteveb {
        background: url(../img/page-banner/projecteve_banner.jpg) no-repeat top center;
        background-size: cover;
    }

    .page-title .container-fluid.footprintb {
        background: url(../img/page-banner/footprint.jpg) no-repeat top center;
        background-size: cover;
    }

    .page-title > .container-fluid.ajiob {
        background: url(../img/page-banner/ajio-banner.jpg) no-repeat top center;
        background-size: cover;
    }

    .page-title > .container-fluid.partnersb {
        background: url(../img/page-banner/partners-brands.jpg) no-repeat top center;
        background-size: cover;
    }

    .page-title .container-fluid.key-facts {
        background: url(../img/page-banner/cart.jpg) no-repeat top center;
        background-size: cover;
    }

    .page-title .container-fluid.consumer-brands-banner {
        background: url(../img/page-banner/consumer-brands-banner.jpg) no-repeat top center;
        background-size: cover;
    }

    .page-title .container-fluid.investor-relation,
    .page-title .container-fluid.equalpolicy,
    .page-title .container-fluid.aboutb,
    .page-title > .container-fluid.ril-fresh,
    .page-title .container-fluid.rilsmartb,
    .page-title .container-fluid.seveneleven,
    .page-title .container-fluid.gap,
    .page-title .container-fluid.rilmarketb,
    .page-title .container-fluid.rildigitalb,
    .page-title .container-fluid.jiomartb,
    .page-title .container-fluid.jewelsb,
    .page-title .container-fluid.trendsb,
    .page-title .container-fluid.azorte,
    .page-title .container-fluid.signaturefresh,
    .page-title .container-fluid.freshpik,
    .page-title .container-fluid.avantrabanner,
    .page-title .container-fluid.centro,
    .page-title .container-fluid.coverstory,
    .page-title .container-fluid.ancestry,
    .page-title .container-fluid.netmeds,
    .page-title .container-fluid.fashionfactory,
    .page-title .container-fluid.projecteveb,
    .page-title .container-fluid.footprintb,
    .page-title .container-fluid.ajiob,
    .page-title > .container-fluid.partnersb,
    .page-title .container-fluid.key-facts,
    .page-title .container-fluid.consumer-brands-banner {
        position: relative;
        height: 270px;
    }

    .page-title .container-fluid:before {
        content: "";
        position: absolute;
        left: 0;
        width: 30%;
        height: 64px;
        background: #FFF;
        bottom: 0;
    }

    .page-title .trapezoid {
        height: 0;
        width: 460px;
        /*margin:140px 0 -50px -15px;*/
        margin: 206px 0 -50px -15px;
        border-bottom: 64px solid #FFF;
        border-left: 0px solid transparent;
        border-right: 46px solid transparent;
    }

        .page-title .trapezoid h2 {
            float: left;
            color: #004785;
            margin: 17px 0 15px;
            position: absolute;
            font-family: 'JioType-Medium';
            text-transform: uppercase;
        }

    .page-title h1,
    .page-title h2,
    .page-title h3,
    .page-title h4,
    .page-title h5 {
        margin-bottom: 0px;
        letter-spacing: 2px;
        font-weight: normal;
    }

    .page-title span {
        margin-top: 5px;
        display: block;
        color: #929294;
    }

    .page-title .container {
        position: relative;
    }

@media screen and (max-width:992px) {
    .page-title {
        padding: 50px 0 0;
    }

        .page-title .container {
            padding: 0;
        }

        .page-title .trapezoid {
            height: 0;
            width: 460px;
        }

            .page-title .trapezoid h2 {
                position: absolute;
            }
}

@media screen and (max-width:991px) {
    .page-title .container {
        padding: 0;
    }

    .page-title .trapezoid {
        height: 0;
        width: 460px;
    }

        .page-title .trapezoid h2 {
            position: absolute;
        }
}

@media screen and (max-width:480px) {
    .page-title .container {
        padding: 0;
    }

    .page-title .trapezoid {
        height: 0;
        width: 300px;
    }

        .page-title .trapezoid h2 {
            position: absolute;
            font-size: 16px;
            margin: 24px 0;
        }
}

/*-------------------------------------------------------------------
    breadcrumb
-------------------------------------------------------------------*/
.breadcrumb {
    background-color: transparent;
    width: auto;
    margin: 0;
    padding: 15px 0;
    font-size: 14px;
    /* font-family: 'JioType-Medium'; */
}

    .breadcrumb li {
        letter-spacing: 1px;
    }

    .breadcrumb.box {
        background: rgba(0,0,0,.5);
        padding: 15px;
        margin-top: -20px;
    }

        .breadcrumb.box a:hover {
            color: #fff;
        }

/*-------------------------------------------------------------------
    page container
-------------------------------------------------------------------*/
#page-content {
    margin: 0;
}

#ir-contact {
    margin: 0 0 40px;
}

.ir-contact p {
    font-size: 18px;
    margin: 0 0 5px;
}

#all-statements .panel {
    border-radius: 0;
    border: 0;
    box-shadow: none;
    margin: 0 0 25px;
}

    #all-statements .panel > .panel-heading,
    #all-statements .panel > .panel-body {
        border-radius: 0;
        border: 0;
        box-shadow: none;
        margin: 0;
    }

    #all-statements .panel > .panel-heading {
        background: #004685;
        height: 55px;
    }

        #all-statements .panel > .panel-heading h3 {
            color: #FFF;
            padding: 0;
            margin: 0;
            font-family: 'JioType-Bold';
            line-height: 37px;
        }

    #all-statements .panel > .panel-body {
        background: #F7F7F7;
    }

.statements {
    text-align: left;
    /*margin-right: 40px;*/
}

.statements-list {
    display: block;
    list-style: none;
    padding: 0;
    margin: 0;
}

ul.statements-list li {
    border-bottom: 1px solid #dfdfdf;
    padding: 15px 0;
    display: block;
}

    ul.statements-list li:last-child {
        border-bottom: 0;
    }

    ul.statements-list li a {
        color: #000;
        height: 30px;
        line-height: 30px;
        font-size: 18px;
        font-family: 'JioType-Medium';
        padding-left: 70px;
        display: inline-block;
    }

    ul.statements-list li img {
        width: 30px !important;
        height: 30px;
        float: left;
        margin: 0 0 0 -50px;
    }

#all-statements .owl-controls {
    bottom: 50%;
    left: inherit;
    position: absolute;
    right: 15px;
    text-align: center;
    z-index: 15;
    width: 25px;
    margin-bottom: -38px;
}

    #all-statements .owl-controls .owl-page span {
        background: #FFF;
        margin: 0 5px;
        opacity: 99;
    }

    #all-statements .owl-controls .active span {
        background: #bd2925;
    }

#all-statements .item .panel {
    margin: 0 !important;
}

#all-statements .item .panel-body {
    padding: 0;
}

#key-facts {
    margin: 50px 0 0;
    background: #f6f6f6;
}

.key-facts-white {
    background: #FFF !important;
}

#key-facts .top-padding {
    padding-top: 40px;
}

#key-facts .bottom-padding {
    padding-bottom: 40px;
}

#key-facts .row {
    margin-bottom: 20px;
}

    #key-facts .row + .row {
        margin: 10px 0;
    }

    #key-facts .row p {
        margin: 0;
    }

    #key-facts .row .col-md-8 p {
        margin: 15px 0;
    }

#key-facts .circle {
    border-radius: 50%;
    border: 2px solid #00337f;
    width: 180px;
    height: 180px;
    margin: 30px auto 5px;
    text-align: center;
}

    #key-facts .circle h2 {
        color: #00337f;
        font-size: 26px;
        height: 200px;
        padding-top: 75px;
        margin: 0;
        font-family: 'JioType-Bold';
    }

        #key-facts .circle h2 > i {
            display: block;
            text-align: center;
            font-size: 36px;
            margin-top: -20px;
        }

#key-facts .circle-title {
    color: #00337f;
    font-size: 22px;
    margin: 0 0 40px;
    font-family: 'JioType-Light';
}

.destination {
    background: url(../img/red-patterns.jpg) repeat 0 0;
    padding: 30px 40px 40px;
    margin: -50px -15px 0;
}

    .destination h1 {
        color: #FFF;
        font-size: 32px;
        padding: 0;
        margin: 0 0 30px;
    }

    .destination p {
        color: #FFF;
        margin: 0;
        font-size: 18px;
        font-family: 'JioType-Light';
    }

        .destination p span {
            color: #FFF;
            margin: 0;
            font-size: 18px;
            font-family: 'JioType-Bold';
            text-transform: uppercase;
        }

    .destination .owl-theme .owl-controls {
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        margin: 0px 0 -30px;
        line-height: 12px;
    }

.key-facts-row {
    border-bottom: 1px solid #e5e5e5;
    /*margin-left:-30px;*/
    min-height: 223px;
}

    .key-facts-row > .col-md-7,
    .key-facts-row > .col-md-5 {
        margin: 0;
        padding: 0;
    }

    .key-facts-row .divider {
        border-right: 1px solid #e5e5e5;
    }

.key-facts-box {
    padding: 5px;
    background: #FFF;
    text-align: center;
    margin: 0;
    display: table;
    width: 100%;
    height: 100%;
}

.grey-box {
    height: 212px;
    background: #F7F7F7;
    padding: 0 15px;
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}

.white-box {
    height: 212px;
    background: #FFF;
    padding: 0 15px;
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}

    .gery-box .col-sm-3, .gery-box .col-sm-9,
    .white-box .col-sm-3, .white-box .col-sm-9 {
        padding: 0;
    }

    .gery-box .img-responsive,
    .white-box .img-responsive {
        display: inline-block;
        max-width: 100%;
        height: auto;
    }

.title-left-padding {
    padding-left: 15px !important;
}

.left-icon {
    margin-right: 10px;
    width: 80px;
}

.left-title {
    color: #464646;
    font-size: 20px;
    font-family: 'JioType-Medium';
    margin: 0;
}

.left-content {
    padding: 10px 0 0;
    margin-left: 90px;
}

.right-icon {
    margin-left: 10px;
    text-align: left;
    width: 80px;
}

.right-title {
    color: #464646;
    font-size: 20px;
    font-family: 'JioType-Medium';
    margin: 0;
}

.right-content {
    padding: 10px 0 0;
    margin-right: 90px;
}

.revenues-title {
    color: #0da7dd;
    font-size: 32px;
    font-family: 'JioType-Medium';
    margin: 0;
    line-height: 25px;
}

.ebdita-title {
    color: #ff8400;
    font-size: 32px;
    font-family: 'JioType-Medium';
    margin: 0;
    line-height: 25px;
}

.pro-ban {
    position: relative;
}

    .pro-ban img {
        width: 100%;
    }

.retail-stores-title {
    color: #e74c3c;
    font-size: 32px;
    font-family: 'JioType-Medium';
    margin: 0;
    line-height: 25px;
}

.retail-area-title {
    color: #71cb36;
    font-size: 32px;
    font-family: 'JioType-Medium';
    margin: 0;
    line-height: 25px;
}

.million-title {
    color: #8236bb;
    font-size: 32px;
    font-family: 'JioType-Medium';
    margin: 0;
    line-height: 25px;
}

.cities-title {
    color: #ff3501;
    font-size: 32px;
    font-family: 'JioType-Medium';
    margin: 0;
    line-height: 25px;
}

.visit {
    text-align: left;
    margin: 15px 0 0;
}

ul.visit-link {
    padding: 0;
}

    ul.visit-link li {
        list-style: none;
    }

        ul.visit-link li a {
            background: #bc2824;
            color: #FFF;
            padding: 5px 15px;
        }

            ul.visit-link li a:hover {
                background: #ad2622;
            }

.partner-brands .partner-grey-box {
    padding: 0;
    margin: 14px 0;
    background: #F7F7F7;
}

.pb-logo {
    text-align: center;
}

    .pb-logo img {
        display: inline-block;
        max-width: 100%;
        height: auto;
    }

@media (max-width:767px) {
    .destination {
        margin: -50px 0 0;
    }

    .key-facts-row {
        margin: 0;
    }

        .key-facts-row > .col-md-7,
        .key-facts-row > .col-md-5 {
            margin: 0;
            padding: 0;
        }

        .key-facts-row .divider {
            border-right: none;
        }

    .key-facts-box {
        margin: 0;
    }

    #ir-contact .col-sm-6 + .col-sm-6 {
        margin: 30px 0 0;
    }

    #all-statements .panel > .panel-heading h3 {
        font-size: 18px;
    }

    ul.statements-list li a {
        font-size: 15px;
    }
}

@media (max-width:992px) {
    .key-facts-row {
        margin: 0;
    }

        .key-facts-row > .col-md-7,
        .key-facts-row > .col-md-5 {
            margin: 0;
            padding: 0;
        }

        .key-facts-row .divider {
            border-right: none;
        }

    .key-facts-box {
        margin: 0;
    }

    #key-facts .row p {
        padding: 0;
        margin: 0;
    }

    #key-facts .row + .row p {
        padding: 0;
    }

    .white-box .pull-left,
    .white-box .pull-right,
    .gery-box .pull-left,
    .gery-box .pull-right {
        float: none !important;
    }

    .white-box .text-left,
    .white-box .text-right,
    .gery-box .text-left,
    .gery-box .text-right {
        text-align: center;
    }

    .left-content, .right-content {
        margin: 0;
        padding: 25px 0 0;
    }

    .left-icon, .right-icon {
        width: 120px;
        margin: 0 auto;
        float: none !important;
    }

    .grey-box .text-left,
    .grey-box .text-right {
        text-align: center;
    }
}

/*-------------------------------------------------------------------
    about us
-------------------------------------------------------------------*/
#about p {
    font-size: 16px;
    margin: 0;
}

#about a {
    font-size: 18px;
    text-decoration: none;
    color: #0083bd;
}

    #about a:hover, #about a:focus {
        color: #0083bd;
    }

/*-------------------------------------------------------------------
    brands
-------------------------------------------------------------------*/
#owl-brands .item {
    margin: 0 10px;
}

#owl-brands .brand-panel {
    background: #f2f2f2;
    border-radius: 0;
    border: 2px solid #f2f2f2;
    height: 230px;
    // set animation -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

    #owl-brands .brand-panel:hover {
        background: #f2f2f2;
        cursor: pointer;
        border: 2px solid #bd2925;
    }

    #owl-brands .brand-panel p {
        color: #000;
        text-align: center;
        padding: 20px 0 0;
        min-height: 60px;
        font-size: 16px;
        font-weight: normal;
        /* font-family: 'JioType-Medium'; */
        // set animation -webkit-transition: all 0.4s ease;
        transition: all 0.4s ease;
    }

    #owl-brands .brand-panel:hover p {
        padding: 0;
    }

    #owl-brands .brand-panel img.arrow {
        display: block;
        width: 31px;
        text-align: center;
        margin: -5px auto 0;
        // set animation -webkit-transition: all 0.4s ease;
        transition: all 0.4s ease;
        opacity: 0;
    }

    #owl-brands .brand-panel:hover img.arrow {
        display: block;
        margin: -12px auto 0;
        opacity: 9
    }

.brand-logo {
    text-align: center;
    width: 170px;
    margin: 10px auto 0;
}

#owl-brands .pseudo {
    background: #FFF;
    text-align: left;
    width: 200px;
    padding: 12px 15px;
    margin: 0 0 -17px -17px;
    position: relative;
}

    #owl-brands .pseudo:after {
        content: '';
        position: absolute;
        bottom: 0;
        left: 199px;
        border-bottom: 52px solid #ffffff;
        border-right: 30px solid transparent;
        width: 0;
        height: 0;
        z-index: 99;
    }

#owl-brands .brand-panel .pseudo a {
    color: #bd2925;
    font-size: 18px;
}

#owl-brands .brand-panel:hover .pseudo a {
    color: #bd2925;
}

@media (max-width:767px) {
    #owl-brands .brand-panel p {
        min-height: 60px;
    }
}

/*-------------------------------------------------------------------
    brand banner
-------------------------------------------------------------------*/
#brand-banner {
    margin: 0;
    background: url(../img/blue-patterns.jpg) repeat 0 0;
}

    #brand-banner .item {
        margin: 0;
    }

    #brand-banner .owl-controls {
        bottom: 50%;
        left: inherit;
        position: absolute;
        right: 15px;
        text-align: center;
        z-index: 15;
        width: 25px;
        margin-bottom: -38px;
    }

        #brand-banner .owl-controls .owl-page span {
            background: #FFF;
            margin: 0 5px;
            opacity: 99;
        }

        #brand-banner .owl-controls .active span {
            background: #bd2925;
        }

#adds-banner {
    margin: 15px 0;
}

    #adds-banner .item {
        margin: 0;
    }

    #adds-banner .owl-controls {
        bottom: 50%;
        left: inherit;
        position: absolute;
        right: 15px;
        text-align: center;
        z-index: 15;
        width: 25px;
        margin-bottom: -38px;
    }

        #adds-banner .owl-controls .owl-page span {
            background: #FFF;
            margin: 0 5px;
            opacity: 99;
        }

        #adds-banner .owl-controls .active span {
            background: #bd2925;
        }

/*-------------------------------------------------------------------
    investor relations
-------------------------------------------------------------------*/
#investor {
    margin: 0;
}

    #investor p {
        font-size: 28px;
        margin: 0 0 30px;
    }

@media screen and (max-width:767px) {
    #investor .btn {
        margin-bottom: 15px;
    }
}

/*-------------------------------------------------------------------
    timeline
-------------------------------------------------------------------*/
#slider5 {
    height: 1%;
    overflow: hidden;
    padding: 0;
    width: 100%;
    margin: 0 auto;
}

    #slider5 .viewport {
        width: 100%;
        height: 460px;
        overflow: hidden;
        position: relative;
    }

    #slider5 .buttons {
        background: #bd2925;
        border: 2px solid #bd2925;
        border-radius: 50%;
        display: block;
        margin: 0 auto;
        width: 30px;
        height: 30px;
        position: relative;
        color: #FFF;
        font-weight: bold;
        text-align: center;
        line-height: 30px;
        text-decoration: none;
        font-size: 16px;
    }

    #slider5 .next {
        margin: 0 auto;
    }

    #slider5 .disable {
        visibility: hidden;
    }

    #slider5 .buttons:hover {
        color: #C01313;
        background: #fff;
    }

    #slider5 .overview {
        list-style: none;
        position: absolute;
        width: 100%;
        left: 0;
        top: 0;
    }

        #slider5 .overview .timeline-block {
            float: left;
            margin-top: 40px;
            margin-bottom: 20px;
            padding: 0;
            width: 100%;
        }

@media (max-width:991px) {
    .timeline {
        padding: 0 15px;
    }
}

@media (max-width:800px) {
    #slider5 .overview .timeline-block {
        margin-top: 30px;
        margin-bottom: 0px;
        width: auto;
    }

    #slider5 .buttons {
        margin: 0 0 0 21px
    }

    .timeline.purple-flirt .timeline-content {
        text-align: left;
    }
}

/*-------------------------------------------------------------------
    accordion
-------------------------------------------------------------------*/
#accordion .panel {
    border-width: 0 0 1px 0;
    border-style: solid;
    border-color: #fff;
    background: none;
    box-shadow: none;
}

    #accordion .panel:last-child {
        border-bottom: none;
    }

#accordion > .panel:first-child .panel-heading {
    border-radius: 0;
    border-top: none;
}

#accordion .panel {
    border-radius: 0;
}

    #accordion .panel + .panel {
        margin-top: 0;
    }

#accordion .panel-heading {
    background-color: #f6f6f6;
    border-radius: 0;
    border-top: 1px solid #004785;
    color: #fff;
    padding: 0;
}

#accordion .panel-title a {
    display: block;
    color: #fff;
    padding: 30px 0;
    position: relative;
    font-size: 16px;
    font-weight: 400;
}

    #accordion .panel-title a span {
        color: #2a2a2a;
        font-size: 18px;
        padding-left: 60px;
        margin-left: -45px;
    }

    #accordion .panel-title a h2 {
        color: #bd2925;
        font-size: 36px;
        position: relative;
        left: 15px;
        margin: 5px 0 0;
    }

#accordion .panel-body {
    background: transparent;
    border: 0;
    padding-left: 70px;
}

#accordion .panel:last-child .panel-body {
    border-radius: 0;
}

#accordion .panel-body h3 {
    font-family: 'JioType-Bold';
    color: #004785;
    font-size: 18px;
    margin: 0 0 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #d8e1e8;
}

ul.awards-bullet {
    list-style-image: url(../img/awards/red-dot.png);
    list-style-position: outside;
    padding: 0;
    margin: 0 0 30px 15px;
}

    ul.awards-bullet li {
        padding-left: 15px;
    }

#accordion .panel:last-child .panel-heading {
    border-radius: 0;
}

    #accordion .panel:last-child .panel-heading.active {
        border-radius: 0;
    }

#accordion .panel-heading a:before {
    content: "\f106";
    position: absolute;
    font-family: 'FontAwesome';
    right: 5px;
    top: 43%;
    font-size: 24px;
    transition: all 0.5s;
    transform: scale(1);
    color: #004785;
}

#accordion .panel-heading a:before {
    content: "\f106";
    font-size: 24px;
    position: absolute;
    font-family: 'FontAwesome';
    right: 5px;
    top: 43%;
    transform: rotate(180deg);
    transition: all 0.5s;
}

#accordion .panel-heading.active a:before {
    transform: rotate(0deg);
    transition: all 0.5s;
}


/*------------------------------------------------------------------
    footer
-------------------------------------------------------------------*/
#footer.dark {
    background: #222;
    margin-top: 40px;
}

    #footer.dark .sub-title {
        font-size: 12px;
        color: #ffffff;
        letter-spacing: 2px;
        margin: 15px 0;
    }

    #footer.dark .social-link a {
        display: inline-block;
        font-size: 20px;
        color: #ffffff;
        margin: 15px;
    }

    #footer.dark .social-link.circle a {
        border: 1px solid #fff;
        width: 40px;
        height: 40px;
        border-radius: 50%;
        line-height: 40px;
        text-align: center;
    }

        #footer.dark .social-link.circle a:hover {
            background: #fff;
            color: #222;
            border: 1px solid transparent;
        }

    #footer.dark .copyright {
        font-size: 14px;
        color: #fff;
        letter-spacing: 2px;
    }

.footer-logo {
    display: block;
}

/*------------------------------------------------------------------
    footer 2
-------------------------------------------------------------------*/

.f-link,
#footer.dark h5 {
    color: #bd2925;
    font-size: 18px;
    font-family: 'JioType-Bold';
}

#footer.dark h5 {
    letter-spacing: 1px;
    margin: 0 0 10px 0;
}

    #footer.dark h5.secont-title {
        margin-top: 20px;
    }

#footer.dark {
    color: #FFF;
}

    #footer.dark .primary-footer {
        background: #f7f7f7;
        padding: 50px 0;
    }

#footer .f-list, .r-work {
    padding: 0;
    margin: 0;
    list-style: none;
}

    #footer .f-list li a {
        /* line-height: 30px; */
        color: #000;
        display: block;
        font-size: 15px;
    }

#footer.dark .primary-footer p {
    font-size: 15px;
}

/*#footer .f-list li  {
    border-bottom: 1px solid #333333;
}

#footer .f-list li a:before {
    content:"\f105";
    font-family: 'fontawesome';
    padding-right: 15px;
}*/

.r-work li a {
    float: left;
    margin: 0 10px 10px 0;
}

.r-work li a {
    width: 55px;
    height: 55px;
}

    .r-work li a img {
        width: 100%;
        height: auto;
    }


#footer.dark .secondary-footer {
    background: #ee1c2e;
    padding: 10px 0;
    width: 100%;
    font-weight: normal;
}

    #footer.dark .secondary-footer p.left {
        margin: 0;
        padding: 0;
        color: #FFF;
        text-align: left;
        font-size: 16px;
    }

    #footer.dark .secondary-footer p.right {
        margin: 0;
        padding: 0;
        color: #FFF;
        text-align: right;
        font-size: 16px;
    }

    #footer.dark .secondary-footer a {
        margin: 0;
        padding: 0;
        color: #FFF;
        text-align: right;
        font-size: 16px;
    }

    #footer.dark .secondary-footer .social-link a {
        display: inline-block;
        font-size: 20px;
        color: #FFF;
        margin: 0 0 0 15px;
    }

    #footer.dark .secondary-footer .social-link.circle a {
        border: 1px solid #5a5a5a;
        width: 35px;
        height: 35px;
        border-radius: 50%;
        line-height: 35px;
        text-align: center;
    }

        #footer.dark .secondary-footer .social-link.circle a:hover {
            background: #5a5a5a;
            color: #fff;
            border: 1px solid transparent;
        }

.pt-20 ol li {
    margin: 10px 0px;
}

@media screen and (max-width: 992px) {
    .f-list {
        margin-bottom: 20px !important;
    }

    #footer.dark .secondary-footer p.left,
    #footer.dark .secondary-footer p.right {
        text-align: center;
    }

    #footer div .f-list + .f-list {
        margin-top: -20px;
    }
}


/* Reliance Mall  */

.page-title .container-fluid.rilmallb {
    position: relative;
    height: 270px;
}

.page-title .container-fluid.rilmallb {
    background: url(../img/page-banner/r-mall-banner.jpg) no-repeat top center;
    background-size: cover;
}

.banner {
    overflow: hidden;
}

.addressBar {
    width: 100%;
    padding: 30px;
    position: relative;
    background: #004382 url(../img/blue-patterns.jpg) 0 0 repeat;
}

    .addressBar h5 {
        display: none;
    }

@media screen and (max-width: 767px) {
    .addressBar h5 {
        font-size: 2.5rem;
        margin: 0;
        padding: 0;
        color: #fff;
        text-transform: uppercase;
        padding-bottom: 20px;
        font-weight: bold;
        display: block;
    }
}

.addressBar .colOne {
}

.marginBottom10 {
    margin-bottom: 10px;
    overflow: hidden;
}

.addressBar .colOne .locIcon {
    width: 40px;
    float: left;
    color: #fff;
}

.addressBar .colOne .addressLine {
    width: calc(100% - 40px);
    float: left;
    color: #fff;
    font-size: 14px;
}

    .addressBar .colOne .addressLine span {
        display: block;
        color: #83a8ca;
        font-size: 13px;
    }

        .addressBar .colOne .addressLine span b {
            color: #78b943;
            font-weight: normal;
        }

.aboutContainer {
    width: 100%;
    background: #f6f6f6;
    padding: 0 0 0 30px;
    overflow: hidden;
}


@media screen and (max-width: 767px) {
    .aboutContainer {
        padding: 0;
    }
}

.aboutContainer p {
    font-size: 15px;
    color: #000;
    line-height: 25px;
}

    .aboutContainer p a {
        color: #bd2925;
        text-decoration: underline !important;
    }

.aboutContainer h2 {
    font-size: 2.5rem;
    margin: 0;
    padding: 0;
    color: #bd2925;
    text-transform: uppercase;
    padding: 30px 0 20px 0;
    font-weight: bold;
}

.callAction {
    display: none;
    overflow: hidden;
}

.space15 {
    margin-bottom: 15px;
}

@media (max-width: 767px) {
    .callAction {
        display: block;
    }

        .callAction img {
            width: 100%;
        }
}

@media (max-width: 767px) {
    .hide767 {
        display: none;
    }
}

.widgets .coltwo {
    padding: 35px 0;
    border-bottom: 1px solid #e5e5e5;
    display: block;
}

    .widgets .coltwo:last-child {
    }

    .widgets .coltwo .widgetsTtile {
        display: table;
    }

@media screen and (max-width: 767px) {
    .widgets .coltwo .widgetsTtile {
        margin-bottom: 15px;
    }
}

.widgets .coltwo .widgetsTtile span {
    font-weight: bold;
    font-size: 17px;
    color: #000;
    line-height: 18px;
    padding-left: 7px;
    vertical-align: baseline;
    display: table-cell;
}

.widgets .coltwo .reviews .totalReview {
    margin: 0;
    padding: 0;
    font-weight: bold;
    font-size: 17px;
    color: #000;
}

@media screen and (max-width: 767px) {
    .widgets .coltwo .reviews .totalReview {
        margin-top: 10px;
    }
}

.widgets .coltwo .reviews .reviewer {
    color: #004382;
    font-size: 17px;
    padding-bottom: 5px;
    display: block;
    margin-top: 20px;
    font-weight: bold;
}

.widgets .coltwo .reviews p {
    font-size: 15px;
    color: #000;
    line-height: 25px;
}

.widgets .coltwo .reviews .actionBtn {
    display: block;
    color: #469ede;
}

    .widgets .coltwo .reviews .actionBtn a {
        color: #469ede;
        font-size: 15px;
        text-decoration: underline;
    }

.widgets .coltwo ul.businessH {
    margin: 0;
    padding: 0;
}

    .widgets .coltwo ul.businessH li {
        float: left;
        list-style: none;
        font-size: 15px;
        color: #000;
        width: 45%;
    }

@media (max-width: 767px) {
    .widgets .coltwo ul.businessH li {
        width: 100%;
    }
}

ul.catList {
    margin: 0 -10px 0 -10px;
    padding: 0;
    overflow: hidden;
}

    ul.catList li {
        list-style: none;
        float: left;
        border: 1px solid #cecece;
        padding: 8px 10px;
        color: #000;
        font-size: 15px;
        margin-top: 10px;
        margin-left: 10px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        -ms-border-radius: 5px;
        -o-border-radius: 5px;
        border-radius: 5px;
    }

.widgets .coltwo .clickulr {
    color: #000;
    font-size: 15px;
}

    .widgets .coltwo .clickulr a {
        color: #0981be;
        text-decoration: underline !important;
    }


.explore {
    background: #bd2925 url(../img/red-patterns.jpg) 0 0 repeat;
    padding: 30px 25px 44px 25px;
    text-align: center;
    overflow: hidden;
}

h3 {
    font-size: 2.5rem;
    margin: 0;
    padding: 0;
    color: #fff;
    text-transform: uppercase;
    padding: 50px 0;
    font-weight: bold;
}

.explore h3 {
    font-size: 2.5rem;
    margin: 0;
    padding: 0;
    color: #fff;
    text-transform: uppercase;
    padding: 0 0 30px 0;
    font-weight: bold;
}

.explore a {
    margin-bottom: 1px;
    display: block;
}

    .explore a .exploreBlock {
        background: #004389;
        padding-top: 10px;
        padding-bottom: 10px;
        -webkit-transition: all 0.5s ease;
        -moz-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
        -ms-transition: all 0.5s ease;
        transition: all 0.5s ease;
    }

        .explore a .exploreBlock .exploreTitle {
            display: block;
            font-weight: 300;
            color: #fff;
            font-size: 26px;
        }

    .explore a:hover .exploreBlock {
        background: #fff;
        -webkit-transition: all 0.5s ease;
        -moz-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
        -ms-transition: all 0.5s ease;
        transition: all 0.5s ease;
    }

        .explore a:hover .exploreBlock .exploreTitle {
            color: #004389;
        }

.otherMall {
    padding-bottom: 50px;
}

h2 {
    font-size: 2.5rem;
    margin: 0;
    padding: 0;
    color: #bd2925;
    text-transform: uppercase;
    padding: 30px 0;
    font-weight: bold;
}

.otherMall .locationSlider.owl-carousel .owl-item img {
    width: auto !important;
    margin: 0 auto;
}

.otherMall .locationSlider a .locationView {
    background: #f2f2f2;
    padding: 40px 25px;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

    .otherMall .locationSlider a .locationView h4 {
        font-size: 2rem;
        margin: 0;
        padding: 0;
        color: #000;
        font-weight: bold;
    }

    .otherMall .locationSlider a .locationView .locationAdd {
        color: #000;
        font-size: 15px;
        -webkit-transition: all 0.5s ease;
        -moz-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
        -ms-transition: all 0.5s ease;
        transition: all 0.5s ease;
    }

    .otherMall .locationSlider a .locationView .smallStar {
        display: table;
        margin: 0 auto;
    }

    .otherMall .locationSlider a .locationView .readIcon {
        display: none;
        -webkit-transition: all 0.5s ease;
        -moz-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
        -ms-transition: all 0.5s ease;
        transition: all 0.5s ease;
    }

.otherMall .locationSlider a:hover .locationView {
    padding-top: 15px;
    border: 3px solid #bd2925;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

    .otherMall .locationSlider a:hover .locationView .readIcon {
        display: block;
        -webkit-transition: all 0.5s ease;
        -moz-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
        -ms-transition: all 0.5s ease;
        transition: all 0.5s ease;
    }

.fullW {
    background: #004388;
    color: #fff !important;
    font-size: 30px;
    text-transform: uppercase;
    width: 100%;
    padding: 40px;
    border-radius: 0px;
    margin-top: 40px;
}

@media screen and (max-width: 767px) {
    .fullW {
        font-size: 18px;
        margin-top: 10px;
    }
}

.fullW:hover {
    color: #fff;
    background: #012244;
}

.productSlider ul {
    margin: 0 -10px 0 -10px;
    padding: 0;
}

    .productSlider ul li {
        list-style: none;
        width: 45%;
        float: left;
        margin-left: 10px;
        margin-bottom: 10px;
    }

@media screen and (max-width: 480px) {
    .productSlider ul li {
        width: 44%;
    }
}

.productSlider a .productView .brandPara {
    color: #000;
    font-size: 18px;
    font-weight: 300;
    padding-top: 55px;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.productSlider a .productView .readIcon {
    margin-top: 10px;
    display: none;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.productSlider a:hover .productView {
    border: 3px solid #bd2925;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

    .productSlider a:hover .productView .brandPara {
        padding-top: 30px;
        -webkit-transition: all 0.5s ease;
        -moz-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
        -ms-transition: all 0.5s ease;
        transition: all 0.5s ease;
    }

    .productSlider a:hover .productView .readIcon {
        display: block;
        -webkit-transition: all 0.5s ease;
        -moz-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
        -ms-transition: all 0.5s ease;
        transition: all 0.5s ease;
    }

    .productSlider a:hover .productView .brandLogo {
        padding-top: 5px;
        -webkit-transition: all 0.5s ease;
        -moz-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
        -ms-transition: all 0.5s ease;
        transition: all 0.5s ease;
    }

.productSlider a .productView {
    background: #fff;
    padding: 0px 0 30px 0;
    overflow: hidden;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    transition: all 0.5s ease;
    height: 135px;
}

@media screen and (max-width: 480px) {
    .productSlider a .productView {
        height: 100px;
    }
}

.productSlider.owl-theme .owl-nav {
    margin-top: 2rem;
}

    .productSlider.owl-theme .owl-nav [class*='owl-']:hover {
        background: #004382;
    }

    .productSlider.owl-theme .owl-nav [class*='owl-'] {
        background: #bd2925;
        width: 35px;
        height: 35px;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        -ms-border-radius: 50%;
        -o-border-radius: 50%;
        border-radius: 50%;
        line-height: 35px;
    }

.productSlider.owl-carousel .item .readIcon img {
    width: auto;
    margin: 0 auto;
}

.productSlider .productView .brandLogo {
    padding-top: 40px;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

@media screen and (max-width: 480px) {
    .productSlider .productView .brandLogo {
        padding-top: 30px;
    }
}

.productSlider .productView .brandLogo img {
    width: 100%;
    max-width: 60%;
    margin: 0 auto;
    display: block;
}

.owlSlider .owl-theme .owl-dots .owl-dot.active span, .owlSlider .owl-theme .owl-dots .owl-dot:hover span {
    background: #bd2925 !important;
}

.otherMall .locationSlider.owl-theme .owl-nav {
    margin-top: 2rem;
}

    .otherMall .locationSlider.owl-theme .owl-nav [class*='owl-'] {
        background: #004382;
        width: 35px;
        height: 35px;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        -ms-border-radius: 50%;
        -o-border-radius: 50%;
        border-radius: 50%;
        line-height: 35px;
    }

        .otherMall .locationSlider.owl-theme .owl-nav [class*='owl-']:hover {
            background: #bd2925;
        }

.moreBtn {
    background: #bc2824;
    text-align: center;
}

    .moreBtn:hover {
        background: #ff0700;
    }

    .moreBtn a {
        color: #FFF;
        font-size: 17px;
        padding: 15px 0;
        display: block;
    }


.left-Col {
    float: left;
    width: calc(100% - 360px);
}

@media screen and (max-width: 767px) {
    .left-Col {
        float: none;
        width: 100%;
    }
}

.photos {
    float: right;
    margin-left: 30px;
    margin-bottom: 30px;
}

@media screen and (max-width: 767px) {
    .photos {
        float: none;
        margin-left: 0px;
        margin-bottom: 0px;
    }
}

.photos .imgThumb {
}

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

.owlSlider {
    background: #f7f7f7;
    /* margin-top: 50px; */
    padding: 0 20px 45px 20px;
}

.selectionBox {
    background: #004382 url(../img/blue-patterns.jpg) repeat 0 0;
    padding: 30px;
}

@media screen and (max-width: 767px) {
    .selectionBox .select-wrapper {
        margin-bottom: 10px;
    }
}

.selectionBox .select-wrapper .form-control {
    border-radius: 0px;
}

.selectionBox select::-ms-expand {
    display: none;
}

.selectionBox select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    text-overflow: '';
    text-indent: 0.01px; /* Removes default arrow from firefox*/
    text-overflow: ""; /*Removes default arrow from firefox*/
}

.selectionBox .select-wrapper {
    position: relative;
}

    .selectionBox .select-wrapper:before {
        content: '\f107';
        color: #666;
        display: inline-block;
        position: absolute;
        right: 12px;
        top: 4px;
        pointer-events: none;
        font-size: 1em;
        font-family: Fontawesome;
    }

.selectionBox .searchField {
    background: #brand;
    color: #fff;
    font-size: 14px;
}

.searchButton {
    background: #bc2824;
    color: #FFF;
    padding: 6px 0;
    width: 100%;
    text-align: center;
    border-radius: 0;
}

    .searchButton:hover {
        color: #fff;
    }




/* Reliance Mall  */

/****** Style Star Rating Widget *****/
.ratingStar {
    overflow: hidden;
}

    .ratingStar span.reviewHistory {
        font-size: 12px;
        color: #999999;
        margin-left: 10px;
    }

    .ratingStar span {
        font-weight: bold;
        font-size: 17px;
        color: #000;
        margin-left: 10px;
    }

.rating {
    border: none;
    float: left;
}

    .rating > input {
        display: none;
    }

    .rating > label:before {
        font-size: 1em;
        font-family: FontAwesome;
        display: inline-block;
        content: "\f005";
        font-weight: 900;
    }

    .rating > .half:before {
        content: "\f089";
        position: absolute;
    }

    .rating > label {
        color: #ddd;
        float: right;
    }
    /***** CSS Magic to Highlight Stars on Hover *****/
    .rating > input:checked ~ label, /* show gold star when clicked */
    .rating:not(:checked) > label:hover, /* hover current star */
    .rating:not(:checked) > label:hover ~ label {
        color: #FFD700;
    }
        /* hover previous stars in list */

        .rating > input:checked + label:hover, /* hover current star when changing rating */
        .rating > input:checked ~ label:hover,
        .rating > label:hover ~ input:checked ~ label, /* lighten current selection */
        .rating > input:checked ~ label:hover ~ label {
            color: #FFED85;
        }
/****** Style Star Rating Widget *****/

/******Custom Radio  *****/
.Form-label,
.Form-label--tick {
    display: block
}

.Form-label--tick {
    position: relative;
    display: inline-block;
}

.Form-label-radio,
.Form-label-checkbox {
    position: absolute;
    z-index: -1;
    width: 1px;
    height: 1px;
    opacity: 0;
    overflow: hidden
}

    .Form-label-radio + .Form-label-text,
    .Form-label-checkbox + .Form-label-text {
        cursor: pointer;
        margin-right: 1em
    }

        .Form-label-radio + .Form-label-text::before,
        .Form-label-checkbox + .Form-label-text::before {
            font-size: .875em;
            display: inline-block;
            width: 1em;
            height: 1em;
            line-height: 1;
            border: 1px solid #ccc;
            margin-right: .25em;
            content: "\00a0";
            color: white;
            background-clip: padding-box;
            background-color: white;
            text-align: center
        }

        .Form-label-radio + .Form-label-text:hover::before,
        .Form-label-checkbox + .Form-label-text:hover::before {
            border-color: black !important;
            box-shadow: 0 0 0 0 black !important
        }

    .Form-label-radio:checked + .Form-label-text::before,
    .Form-label-checkbox:checked + .Form-label-text::before {
        background-color: #72ca57;
        border-color: #72ca57;
        box-shadow: 0 0 0 0 black;
        content: "\f00c";
        font-family: FontAwesome;
        font-weight: 900;
    }

    .Form-label-radio:focus + .Form-label-text::before,
    .Form-label-checkbox:focus + .Form-label-text::before,
    .Form-label-radio:active + .Form-label-text::before,
    .Form-label-checkbox:active + .Form-label-text::before {
        border-color: #3bb8ff;
        box-shadow: 0 0 2px 0 rgba(0, 135, 212, 0.2)
    }

    .Form-label-radio + .Form-label-text::before {
        border-radius: 100%
    }

/******Custom Radio  *****/

/*  ----------------------- Mall Locations ------------------------ */
.mall-locations {
    width: 100%;
}

.content {
    overflow: auto;
    position: relative;
    width: 100%;
    height: 415px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-top: 20px;
}

ul.mall-loc {
    margin: 0 0 0 -15px;
    padding: 0;
    width: 6000px;
}

    ul.mall-loc li {
        list-style: none;
        float: left;
        margin-left: 15px;
    }

.cols3 {
    background: #f5f5f5;
    width: 270px;
    padding: 20px;
}

    .cols3 h6 {
        font-size: 2rem;
        margin: 0;
        padding: 0;
        color: #bd2925;
        padding: 0 0 20px 0;
        font-weight: bold;
    }

    .cols3 .colTwo {
        display: block;
    }

        .cols3 .colTwo .locIcon {
            width: 40px;
            float: left;
            color: #ababab;
        }

        .cols3 .colTwo .addressLine {
            width: calc(100% - 40px);
            float: left;
            color: #000;
            font-size: 14px;
            font-family: 'JioType-Medium';
        }

            .cols3 .colTwo .addressLine span {
                display: block;
                color: #ababab;
                font-size: 14px;
            }

                .cols3 .colTwo .addressLine span b {
                    color: #78b943;
                    font-weight: normal;
                }

    .cols3 .callBtns {
        margin-top: 15px;
    }

.callBtn {
    background: #e41c27;
    color: #fff;
    font-size: 16px;
    border-radius: 0px;
    padding: 10px 0;
    text-align: center;
    width: 49.9%;
    float: left;
}

.directionbtn {
    background: #bd2925;
    color: #fff;
    font-size: 16px;
    border-radius: 0px;
    padding: 10px 0;
    text-align: center;
    width: 49.9%;
    float: right;
}

    .callBtn.focus, .callBtn:focus, .callBtn:hover, .directionbtn.focus, .directionbtn:focus, .directionbtn:hover {
        outline: none;
        color: #fff !important
    }

.mapBtn {
    background: #004382;
    color: #fff !important;
    font-size: 14px;
    width: 48%;
    border-radius: 0;
}

    .mapBtn:hover {
        background: #002242;
        color: #fff !important;
    }

.webBtn {
    background: #bd2925;
    color: #fff !important;
    font-size: 14px;
    width: 48%;
    border-radius: 0;
    padding: 9px 38px;
}

    .webBtn:hover {
        background: #730300;
        color: #fff;
    }

.locatePara {
    /* font-family: 'JioType-Medium';
  font-size: 14px;
  color: #000; */
    margin-top: -152px;
}

@media screen and (max-width: 767px) {
    .locatePara {
        margin-top: 25px;
    }
}

.locatePara p {
    margin-bottom: 20px;
}

.map {
    min-height: 450px;
    width: 100%;
}

@media (max-width:1100px) {
    .page-title .container-fluid.rilmallb {
        background-position: 75% 0;
    }
}

@media (max-width:767px) {


    .page-title .container-fluid.jiomartb {
        /* background:url(../img/page-banner/jio-digital-banner.png) no-repeat top center;
    background-size:cover; */
        background-position: top center;
        background-attachment: initial;
        background-repeat: no-repeat;
        background-size: 100% 90%;
        background-image: url(../img/page-banner/jiomart-digital-mobile.jpg);
        position: relative;
        height: 365px;
    }

        .page-title .container-fluid.jiomartb .trapezoid {
            margin: 0px 0 0px -15px;
        }

            .page-title .container-fluid.jiomartb .trapezoid h2 {
                margin: 20em 0 0;
            }

    .page-title .container-fluid.rilmallb {
        background: url(../img/page-banner/r-mall-banner-m.jpg) no-repeat top center;
        /*background-position: 65% 0;*/
        background-size: cover;
    }

    .page-title .container-fluid:before {
        width: 100%;
        height: 34px;
    }

    .page-title .trapezoid {
        height: 0;
        width: 460px;
        /* margin: 140px 0 -50px -15px; */
        margin: 206px 0 0px -15px;
        border-bottom: 0px solid #FFF;
        border-left: 0px solid transparent;
        border-right: 0px solid transparent;
    }
}
/*  ----------------------- Mall Locations ------------------------ */
.bg-Gray {
    background: #f6f6f6;
    overflow: hidden;
    margin-bottom: 20px;
}

.b-logo {
    border: 1px solid #f0f0f0;
    text-align: center;
    padding: 40px 0;
    background: #fff;
    width: 300px;
    float: left;
}

@media (max-width:767px) {
    .b-logo {
        width: 100%;
        float: none;
    }
}

@media screen and (min-width : 768px) and (max-width : 1000px) {
    .b-logo {
        width: 235px;
        margin-top: 10px;
        margin-left: 10px;
    }
}

.brand-Details {
    padding: 20px 30px;
    float: left;
    width: calc(100% - 300px);
}

@media (max-width:767px) {
    .brand-Details {
        width: 100%;
        float: none;
    }
}

.b-Name {
    font-size: 30px;
    font-family: 'JioType-Bold';
    color: #000;
    padding-bottom: 15px;
}

.b-paraghrap {
    font-size: 16px;
    color: #000;
    padding-bottom: 15px;
    font-family: 'JioType-Light';
}

    .b-paraghrap a {
        color: #bd2925;
        text-decoration: underline !important;
    }

/* .cell-Number:before {
  content: "\f017";
  font-family: FontAwesome;
  color: #bd2925;
  font-size: 20px;
} */
.cell-Number {
    padding-bottom: 10px;
}

.cell-Number, .day-Timing {
    font-size: 15px;
    color: #000;
    font-family: 'JioType-Light';
    overflow: hidden;
}

.text-r {
    width: calc(100% - 24px);
    float: left;
}

.cell-Number span, .day-Timing span {
    width: 18px;
    height: 18px;
    margin-right: 5px;
    float: left;
}

/*7th Jul 2020 */
.nav-tabs > li > a {
    font-size: 20px;
    font-weight: bold;
}

h3.tabhdr {
    font-size: 18px;
    font-weight: bold;
    color: #323232;
    padding: 30px 0 20px 0
}

ol li, ul li {
    margin-bottom: 0px;
    font-size: 16px;
}

table.annextable {
    width: 100%;
    border-collapse: collapse;
    margin: 10px 0 20px 0;
}

    table.annextable tr th {
        background-color: #ededed;
    }

    table.annextable tr th, table.annextable tr td {
        border: 1px solid #CCC;
        padding: 5px;
    }

.rbl-crer {
    position: absolute;
    top: -80px;
    right: 15px;
    /*background-color:#bd2925;*/
    padding: 10px;
}

    .rbl-crer a {
        color: #004785; /*text-decoration:none;*/
        font-family: 'JioType-Bold';
        font-size: 18px;
        font-weight: bold;
    }

@media screen and (max-width: 767px) {

    .rbl-crer {
        position: relative;
        top: 0;
        right: 0;
        display: inline-block;
    }
}

/* suresh */
#accordionBrand .panel-group .panel-heading + .panel-collapse > .list-group,
#accordionBrand .panel-group .panel-heading + .panel-collapse > .panel-body {
    border-top: 0px !important;
}

#accordionBrand .panel, #accordionBrand .panel-heading, #accordionBrand panel-title,
#accordionBrand .panel-body {
    border-color: #ddd;
    padding: 0;
    background: transparent;
    border-top: 0px;
}

#accordionBrand .panel {
    box-shadow: none;
    border-top: 0;
    border-right: 0;
    border-left: 0;
}

    #accordionBrand .panel .panel-heading {
        border-radius: 0;
    }

        #accordionBrand .panel .panel-heading .panel-title a {
            text-decoration: none;
            padding: 1em 0;
        }

            #accordionBrand .panel .panel-heading .panel-title a span {
                float: right;
                width: 30px;
                height: 30px;
                border: 1px solid #bc2824;
                border-radius: 50%;
                text-align: center;
                line-height: 26px;
                font-size: 12px;
                position: relative;
            }

                #accordionBrand .panel .panel-heading .panel-title a span:after {
                    content: "\2014";
                    color: #bc2824;
                    font-size: 12px;
                }

            #accordionBrand .panel .panel-heading .panel-title a.collapsed span:after {
                content: "+";
                font-size: 20px;
            }

    #accordionBrand .panel .panel-heading {
        padding-top: 25px;
        padding-bottom: 25px;
    }

#accordionBrand .panel-title {
    font-size: 22px;
    font-family: 'JioType-Bold';
    color: black;
}

#accordionBrand .panel-group .panel + .panel {
    margin-top: 0px;
}

ul.brandsLi {
    margin: 0 0 0 -10px;
    padding: 0;
    overflow: hidden;
}

    ul.brandsLi li {
        background: #fff;
        border-radius: 0;
        border: 2px solid #fff;
        -webkit-transition: all 0.4s ease;
        transition: all 0.4s ease;
        list-style: none;
        float: left;
        margin-left: 10px;
        text-align: center;
    }

@media (max-width: 480px) {
    ul.brandsLi li {
        float: none;
    }
}

ul.brandsLi li:hover {
    cursor: pointer;
    border: 2px solid #bd2925;
}

ul.brandsLi li a {
    display: block;
}

.productL {
    margin-top: -152px;
    background: #FFF;
    margin-bottom: 60px;
    padding-top: 10px;
}

@media screen and (max-width: 767px) {
    .productL {
        margin-top: 20px;
        margin-bottom: 20px;
    }
}

.productThumb {
    text-align: center;
}

    .productThumb img {
        width: auto !important;
        margin: 0 auto;
    }

.productName {
    color: #010101;
    font-size: 16px;
    font-family: 'JioType-Bold';
    text-align: center;
    padding-top: 25px;
    padding-bottom: 15px;
    width: 75%;
    margin: 0 auto;
}

@media screen and (max-width : 767px) {
    .productName {
        width: 100%;
    }
}

.rightA {
    width: 16px;
    height: 11px;
    margin: 0 auto;
}

.consumerBCar {
    margin-top: 35px;
    padding-top: 55px;
    padding-bottom: 55px;
    display: block;
    background: white;
}

    .consumerBCar .panel {
        border: none !important;
        box-shadow: none !important;
    }

    .consumerBCar .owl-theme .owl-controls {
        position: absolute !important;
        top: 35%;
        width: 100%;
    }

    .consumerBCar .owl-next, .consumerBCar .owl-prev {
        position: absolute;
    }

    .consumerBCar .owl-prev {
        left: -5px;
    }

    .consumerBCar .owl-next {
        right: -5px;
    }

    .consumerBCar .owl-theme .owl-controls .owl-nav [class*=owl-] {
        background: #c1c1c1 !important;
    }

        .consumerBCar .owl-theme .owl-controls .owl-nav [class*=owl-]:hover {
            background: #cb2925 !important;
        }

.shopNBtn {
    text-align: center;
    position: absolute;
    left: 0;
    right: 0;
    z-index: 1;
    bottom: -20px;
}

a.shopNow {
    width: 162px;
    height: 40px;
    padding: 6px 20px;
    border-radius: 0;
    border: 0;
    background: #BC2824;
    color: white;
    font-size: 16px;
    text-align: center;
}

.shopNow:hover {
    color: white;
}

.videoCol {
    background: white;
    padding: 30px 25px;
    margin-top: 45px;
}

.inMedia {
    font-size: 18px;
    padding-bottom: 10px;
    font-weight: bold;
    font-family: 'JioType-Bold';
}

.videoCol .owl-prev {
    position: absolute;
    top: 40%;
    left: -45px;
}

.videoCol .owl-next {
    position: absolute;
    top: 40%;
    right: -45px;
}

.videoCol .owl-theme .owl-controls .owl-nav [class*=owl-] {
    background: #c1c1c1 !important;
}

    .videoCol .owl-theme .owl-controls .owl-nav [class*=owl-]:hover {
        background: #cb2925 !important;
    }

.social-media {
    margin: 0 4px;
}

    .social-media a {
        display: block;
    }

.missedCall {
    margin-top: 45px;
    text-align: center;
    background: #BC2824;
    font-size: 18px;
    color: white;
    font-weight: bold;
    font-family: 'JioType-Bold';
    padding: 12px;
}


.tvAddImg {
    background: white;
    /* padding: 30px 25px; */
    margin-top: 45px;
}

    .tvAddImg .owl-prev {
        position: absolute;
        top: 40%;
        left: -20px;
    }

    .tvAddImg .owl-next {
        position: absolute;
        top: 40%;
        right: -20px;
    }

    .tvAddImg .owl-theme .owl-controls .owl-nav [class*=owl-] {
        background: #c1c1c1 !important;
    }

        .tvAddImg .owl-theme .owl-controls .owl-nav [class*=owl-]:hover {
            background: #cb2925 !important;
        }

/* .tvAddImg .panel {
  border: none !important;
  box-shadow: none !important;
}

.tvAddImg .owl-theme .owl-controls {
  position: absolute !important;
  top: 35%;
  width: 100%;
}

.tvAddImg .owl-next, .consumerBCar .owl-prev {
  position: absolute;
}
.tvAddImg .owl-prev {
  left: -20px;
}
.tvAddImg .owl-next {
  right: -20px;
}

.tvAddImg .owl-theme .owl-controls .owl-nav [class*=owl-] {
  background: #c1c1c1 !important;
} */


/* Product Details Box */

.productBox {
    padding: 25px;
    overflow: hidden;
    background: #fff;
    margin-top: 20px;
}

    .productBox .product-thumb {
        float: left;
        padding: 20px 50px;
        position: relative;
    }

        .productBox .product-thumb:after {
            font-family: "FontAwesome";
            content: "\f002";
            position: absolute;
            bottom: 0;
            left: 0;
            right: 0;
            text-align: center;
            font-size: 14px;
            opacity: 0.7;
        }

    .productBox .product-details {
        width: calc(100% - 240px);
        float: left;
        padding-left: 20px;
    }

@media screen and (max-width: 767px) {
    .productBox .product-details {
        width: 100%;
    }
}

.productBox .product-details1 {
    width: calc(100% - 275px);
    float: left;
    padding-left: 20px;
}

.productBox .product-details2 {
    width: calc(100% - 340px);
    float: left;
    padding-left: 20px;
}

@media screen and (max-width: 767px) {
    .productBox .product-details1 {
        width: 100%;
    }

    .productBox .product-details2 {
        width: 100%;
    }

    .productBox .product-thumb {
        margin: 0 auto;
        float: none;
        text-align: center;
    }

    .product-name {
        margin-top: 20px;
    }
}

.product-name {
    color: #BC2824;
    font-size: 25px;
    line-height: 34px;
    font-family: 'JioType-Bold';
}

.product-sloagn {
    font-family: 'JioType-Bold';
    font-size: 16px;
    color: black;
    padding: 10px 0;
}

.product-para {
    font-size: 16px;
    color: black;
    line-height: 26px;
    padding-bottom: 10px;
}

ul.product-list {
    margin: 15px 0 0 0;
    padding: 0;
    overflow: hidden;
}

    ul.product-list li {
        list-style: none;
        font-size: 16px;
        color: black;
        line-height: 22px;
        position: relative;
        padding-left: 15px;
        margin-bottom: 10px;
    }

        ul.product-list li:before {
            content: '';
            position: absolute;
            width: 5px;
            height: 5px;
            top: 10px;
            left: 0;
            background: black;
            border-radius: 50%;
        }

.d-none {
    display: none;
}

ul.noCarousel {
    margin: 0;
    padding: 0;
    overflow: hidden;
}

    ul.noCarousel li {
        list-style: none;
        float: left;
        width: 33.33%;
    }

        ul.noCarousel li.centerItem {
            float: none !important;
            margin: 0 auto;
            text-align: center;
        }

@media screen and (max-width: 767px) {
    ul.noCarousel li {
        width: 100%;
    }
}

ul.noCarousel li a {
    text-decoration: none;
}

ul.noCarousel4 {
    margin: 0;
    padding: 0;
    overflow: hidden;
}

    ul.noCarousel4 li {
        list-style: none;
        float: left;
        width: 25%;
    }

        ul.noCarousel4 li.centerItem {
            float: none !important;
            margin: 0 auto;
            text-align: center;
        }

@media screen and (max-width: 767px) {
    ul.noCarousel4 li {
        width: 100%;
    }
}

ul.noCarousel4 li a {
    text-decoration: none;
}

.w-100 {
    width: 100%;
    max-width: 100%;
}

.no-arrow .owl-theme .owl-controls .owl-nav [class*=owl-] {
    display: none !important;
}

#back-top {
    position: fixed;
    bottom: 48px;
    right: 40px;
}

    #back-top a {
        width: 40px;
        display: block;
        text-align: center;
        font: 11px/100% Arial, Helvetica;
        text-transform: uppercase;
        text-decoration: none;
        color: #fff;
        -webkit-transition: 1s;
        -moz-transition: 1s;
        transition: 1s;
    }

    #back-top span {
        padding: 10px;
        display: block;
        font-size: 20px;
        background: #BC2824;
        -webkit-transition: 1s;
        -moz-transition: 1s;
        transition: 1s;
    }

.youTubeTitle {
    font-size: 14px;
    font-weight: bold;
    font-family: 'JioType-Bold';
    padding-top: 10px;
}

.videoThumb {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

.yBackdrop {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: rgba(0,0,0,0.3);
}

.youtubeIcon {
    position: absolute;
    width: 32px;
    height: 32px;
    margin: 0 auto;
}

.d-f-end {
    display: flex;
    justify-content: flex-end;
}

table.prm-table {
    width: 100%;
    border-collapse: collapse;
    margin: 10px 0 20px 0;
}

    table.prm-table tr th {
        background-color: #ededed;
    }

    table.prm-tablee tr th, table.prm-table tr td {
        border: 1px solid #CCC;
        padding: 5px;
    }

    table.prm-table tr th {
        background-color: #BC2824;
        padding: 10px 15px;
        font-family: 'JioType-Bold';
        color: white;
        font-size: 18px;
    }

    table.prm-table tbody tr:nth-child(odd) td {
        background: #fff;
    }

    table.prm-table tr td {
        background: #f8f8f8;
        padding: 13px 15px;
        border-left: 1px solid #d9d9d9;
        border-top: none;
        color: #666;
    }

        table.prm-table tr td a {
            color: black;
        }

.pdfIcon {
    float: left;
    width: 20px;
}

.linksUrl {
    float: left;
    padding-left: 5px;
    width: calc(100% - 20px);
}

.grey-section .nav-tabs {
    margin-top: 25px;
}

    .grey-section .nav-tabs > li a {
        color: #004785;
        margin: 0;
        font-family: 'JioType-Medium';
        text-transform: uppercase;
    }

    .grey-section .nav-tabs > li > a {
        font-size: 16px;
        font-weight: normal !important;
        font-family: 'JioType-Medium';
    }

.grey-section .nav > li > a {
    padding: 10px 40px;
}

.grey-section .tab-content > .active {
    padding: 20px;
    background: white;
    overflow: hidden;
}

.text-blue {
    color: #254399 !important;
    margin-top: 20px;
    font-size: 18px;
    line-height: 24px;
    font-family: 'JioType';
    font-weight: 500;
}

.grievanceBox {
    overflow: hidden;
    width: 48%;
    float: left;
    padding: 15px 0;
}

    .grievanceBox .number {
        float: left;
        width: 15px;
        margin-right: 10px;
    }

    .grievanceBox .grievanceDetails {
        float: left;
        width:100%;
        font-size: 17px;
        line-height: 26px;
    }

.tableContent {
    margin-top: 30px;
}

.left-border {
    border-left: 1px solid #e4e4e4;
    padding-left: 40px;
}


.dataSearch {
    float: left;
    margin: 50px auto 0 auto;
    width: 100%;
    overflow: hidden;
    padding: 40px 0;
    border-top: 1px dotted#e4e4e4;
}


.inputField {
    width: 45%;
    margin: 0 auto;
}

    .inputField input {
        width: 100%;
        height: 50px;
        margin: 0;
        padding: 0 20px;
        vertical-align: middle;
        background: white;
        border: 1px solid #ddd;
        font-size: 16px;
        line-height: 50px;
        color: #616161;
        -moz-border-radius: 22px;
        -webkit-border-radius: 22px;
        border-radius: 22px;
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
        box-shadow: none;
        -o-transition: all .3s;
        -moz-transition: all .3s;
        -webkit-transition: all .3s;
        -ms-transition: all .3s;
        transition: all .3s;
    }

        .inputField input:focus {
            outline: none;
        }

.submitBtn {
    height: 50px;
    margin: 0;
    text-transform: uppercase;
    padding: 0 80px;
    vertical-align: middle;
    background: #254399;
    border: 0;
    font-family: 'JioType-Medium';
    font-size: 16px;
    line-height: 50px;
    color: #fff;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
    text-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    -o-transition: all .3s;
    -moz-transition: all .3s;
    -webkit-transition: all .3s;
    -ms-transition: all .3s;
    transition: all .3s;
}

    .submitBtn:hover {
        color: white;
        background: #BC2824;
    }

.btnSubmit {
    margin: 30px auto 0 auto;
    text-align: center;
}


/* new css added by sachin 7-7-21*/
.tdstitle {
    font-weight: bold;
    text-align: center;
    font-family: 'JioType-Medium';
    font-size: 20px;
}

.dataSearch .enterDpId {
    padding-bottom: 30px;
    color: #254399;
    font-size: 16px;
    line-height: 24px;
    font-family: 'JioType-Medium';
    text-align: center;
}

.tabheading {
    font-weight: bold;
    font-family: 'JioType-Medium';
    font-size: 24px
}
/* end*/

/*Added by vikas*/
.headcon {
    width: 100%;
    background: #ffffff;
}

.mhead {
    width: 1170px;
    margin: 0 auto;
}

.mlogo {
    display: inline-block;
    padding: 10px;
}

    .mlogo img {
        height: 38px;
    }

.navcon {
    display: inline-block;
    float: right;
}

    .navcon a {
        line-height: 64px;
        padding: 0px 8px;
    }

        .navcon a:hover {
        }



.logbdy {
    display: table;
    width: 100%;
    max-width: 1140px;
    background: #ffffff;
    padding: 0px 0px;
    margin: 30px auto;
    box-shadow: 0px 0px 33px #adadad;
    border-radius: 8px;
    overflow: hidden;
}

.logcon {
    display: table-cell;
    width: 40%;
    vertical-align: top;
    padding: 30px 0px;
}

.logimg {
    display: table-cell;
    width: 60%;
    background: #f7f7f7;
    vertical-align: middle;
}

    .logimg img {
        padding: 20px 20px 20px 155px;
    }

.logttl {
    text-align: center;
    font-size: 24px;
    font-weight: 600;
    line-height: 24px;
    color: #2a3890;
    margin: 10px 10px;
    padding: 10px 10px;
}


.eyeshps {
    position: absolute;
    right: 10px;
    bottom: 10px;
    display: inline;
    height: 20px;
    width: 24px;
}

    .eyeshps input[type=checkbox] {
        display: block;
        height: 20px;
        width: 24px;
        position: absolute;
        z-index: 9;
        opacity: 0;
        cursor: pointer;
    }

    .eyeshps .eyeicn {
        display: block;
        height: 20px;
        width: 24px;
        background: url(../images/eye-off.svg) no-repeat center;
        position: absolute;
        top: 0px;
    }

    .eyeshps input[type=checkbox]:checked ~ .eyeicn {
        background: url(../images/eye.svg) no-repeat center;
    }

.logfrm {
    margin: 0px 40px;
}

.field {
    display: flex;
    flex-flow: column-reverse;
    margin-bottom: 16px;
    position: relative;
}

    .field > label, .field > input {
        transition: all 0.2s;
        touch-action: manipulation;
    }

    .field > input, .field > select {
        line-height: 34px;
        border: 0;
        border-bottom: 2px solid #ccc;
        -webkit-appearance: none;
        border-radius: 0;
        padding: 0;
        cursor: text;
    }

        .field > input:focus {
            outline: 0;
            border-bottom: 2px solid #666;
        }

    .field > label {
        letter-spacing: 0.05em;
        font-size: 10px;
    }

    .field > input:placeholder-shown + label, .field > select:placeholder-shown + label {
        cursor: text;
        max-width: 66.66%;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        transform-origin: left bottom;
        transform: translate(0, 2.125rem) scale(1.5);
    }

    .field > input:focus::-webkit-input-placeholder, .field > select:focus::-webkit-input-placeholder {
        opacity: 1;
    }

    .field > input:not(:placeholder-shown) + label, .field > select:not(:placeholder-shown) + label,
    .field > input:focus + label, .field > select:focus + label {
        transform: translate(0, 0) scale(1);
        cursor: pointer;
    }

::-webkit-input-placeholder {
    opacity: 0;
    transition: inherit;
}

.frmttl {
    border-bottom: 1px solid #00f;
    margin: 20px 20px;
}

    .frmttl span {
        font-size: 18px;
        font-weight: 400;
        line-height: 38px;
        color: #03007f;
    }

.lgerrmsg {
    font-size: 12px;
    font-weight: 400;
    line-height: 14px;
    color: #f00;
    position: absolute;
    bottom: -14px;
}



.logas {
    text-align: center;
    margin: 20px 20px;
}

.logasgrp {
    display: inline-block;
    padding: 0px 12px;
}

    .logasgrp input {
        height: 18px;
        width: 18px;
        vertical-align: top;
    }

    .logasgrp label {
    }

.captcha {
    text-align: center;
}

    .captcha img {
        border: 1px solid #efefef;
    }

.otpsnt {
    text-align: center;
    font-size: 18px;
    font-weight: 400;
    line-height: 24px;
    color: #000;
    margin: 0px 10px;
    padding: 10px 10px;
}

.ttlbtn {
    display: inline-block;
    float: right;
}

    .ttlbtn input[type=submit] {
        background: #2a3890;
        font-size: 16px;
        font-weight: 400;
        line-height: 32px;
        color: #ffffff;
        padding: 0px 20px;
        border: none;
        border-radius: 6px;
    }

.logbtn {
    text-align: center;
    margin: 10px 40px;
}

    .logbtn input[type=submit] {
        background: #2a3890;
        font-size: 16px;
        font-weight: 400;
        line-height: 32px;
        color: #ffffff;
        padding: 0px 20px;
        border: none;
        border-radius: 6px;
    }

.toggleOTP {
    float: right;
    cursor: pointer;
    margin-right: 10px;
    margin-top: -25px;
}

.frgtpass {
    margin: 20px 40px;
}

    .frgtpass a {
        font-size: 16px;
        font-weight: 400;
        line-height: 38px;
        color: #03007f;
        cursor: pointer;
    }

        .frgtpass a:hover {
            text-decoration: underline;
        }

.overlay {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.7);
    transition: opacity 500ms;
    visibility: hidden;
    opacity: 0;
    z-index: 999;
}

    .overlay:target {
        visibility: visible;
        opacity: 1;
    }

.popupfp {
    margin: 70px auto;
    padding: 20px;
    background: #fff;
    border-radius: 5px;
    width: 30%;
    position: relative;
    transition: all 5s ease-in-out;
}

    .popupfp .close {
        position: absolute;
        top: -11px;
        right: -9px;
        background: #fff;
        border-radius: 100%;
        height: 32px;
        width: 32px;
        box-shadow: 0px 0px 4px #000;
        transition: all 200ms;
        font-size: 30px;
        font-weight: bold;
        line-height: 28px;
        text-align: center;
        text-decoration: none;
        color: #333;
    }

        .popupfp .close:hover {
            color: #003380;
        }

    .popupfp .content {
    }

.popfpcon {
    padding: 20px 20px;
    text-align: center;
}

    .popfpcon h2 {
    }

    .popfpcon input[type=text] {
    }

    .popfpcon input[type=otp] {
    }

    .popfpcon input[type=submit] {
    }

.mcon {
    width: 100%;
    max-width: 1170px;
    margin: 30px auto;
    padding: 20px 10px;
    background: #ffffff;
    box-shadow: 0px 0px 33px #adadad;
    border-radius: 8px;
}

.fcon {
    display: table;
    width: 100%;
}

.fgrp {
    width: 50%;
    position: relative;
    display: inline-flex;
    padding: 10px 20px;
}

    .fgrp label {
    }

    .fgrp input {
    }

.fbtn {
}

    .fbtn input {
    }

.Red {
    color: #ff0000;
}
.tblcon {
    display: table;
    width: 100%;
    margin: 10px 0px;
    padding: 0px;
}

    .tblcon > .tblrow {
        display: table-row;
        box-shadow: 0px 0px 1px #bbbbbb;
    }

        .tblcon > .tblrow > div {
            display: table-cell;
            padding: 6px 20px;
            margin: 10px 20px;
            font-size: 14px;
            font-weight: 400;
            color: #4b4b4b;
            line-height: 24px;
            vertical-align: middle;
        }

.tblrow table {
    width: 100%;
}

    .tblrow table tr th {
        background: #3d52ff;
        color: #ffffff;
        padding: 4px 4px;
    }

    .tblrow table tr td {
        padding: 4px 4px;
    }

        .tblrow table tr td:nth-last-child(1) {
            padding: 0px;
            text-align: center;
            width: 74px;
        }

    .tblrow table tr:nth-child(even) {
        background: #ffffff;
    }

    .tblrow table tr:nth-child(1) > div {
        background: #3d52ff;
        color: #ffffff;
    }

    .tblrow table tr:nth-child(odd) {
        background: #f9f9f9;
    }

    .tblrow table tr:nth-child(even) {
        background: #ffffff;
    }

.tblcon > .tblrow:hover {
    box-shadow: 0px 0px 8px #b7b7b7;
    z-index: 999;
    position: relative;
}

.tblcon > .tblrow > div:nth-last-child(1) {
    padding: 4px;
}

.btntar {
    text-align: right;
}

.srcvndr {
    float: right;
    font-size: 16px;
    font-weight: 600;
    line-height: 30px;
    background: #2a3890;
    color: #fff;
    border: 0px;
    border-radius: 4px;
    padding: 0px 16px;
}

.adnvenbtn {
    font-size: 16px;
    font-weight: 600;
    line-height: 30px;
    background: #2a3890;
    color: #fff;
    border: 0px;
    border-radius: 4px;
    padding: 0px 16px;
}

.tbllnk {
    display: inline-block;
    margin: 0px 4px;
}

    .tbllnk .edticn {
        background: url(../images/edit-icon.png) no-repeat;
        height: 28px;
        width: 28px;
        display: inline-block;
        vertical-align: middle;
        margin: 0px 0px 0px 0px;
    }

    .tbllnk .vewicn {
        background: url(../images/view-icon.png) no-repeat;
        height: 28px;
        width: 28px;
        display: inline-block;
        vertical-align: middle;
        margin: 0px 0px 0px 0px;
    }

.tblresp {
    overflow: auto;
    margin: 10px 10px;
    max-height: 460px;
}

.mfooter {
    background: #fff;
    text-align: center;
    padding: 20px 40px;
}


@media screen and (max-width: 768px) {
    .grievanceBox {
        width: 100%;
    }

    .left-border {
        border-left: none;
        border-top: 1px dotted #e4e4e4;
        padding-top: 20px;
        padding-left: 0px;
        margin-top: 5px;
    }

    .inputField {
        width: 90%;
    }
}

* {
    box-sizing: border-box;
    margin: 0px;
    padding: 0px;
    font-family: "Roboto", Arial, sans-serif;
}

input[type=submit] {
    cursor: pointer;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}


/* ===== Scrollbar CSS ===== */
/* Firefox */
* {
    scrollbar-width: auto;
    scrollbar-color: #717176 #ffffff;
}
    /* Chrome, Edge, and Safari */
    *::-webkit-scrollbar {
        width: 0px;
    }

    *::-webkit-scrollbar-track {
        background: #ffffff;
    }

    *::-webkit-scrollbar-thumb {
        background-color: #717176;
        border-radius: 10px;
        border: 3px solid #ffffff;
    }

body {
    scrollbar-width: 0px;
    scrollbar-color: #8f54a0 #ffffff;
    height: 100vh;
}
    /* Chrome, Edge, and Safari */
    body::-webkit-scrollbar {
        width: 0px;
    }

    body::-webkit-scrollbar-track {
        background: #ffffff;
    }

    body::-webkit-scrollbar-thumb {
        background-color: #8f54a0;
        border-radius: 10px;
        border: 3px solid #ffffff;
    }




/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {
    .logbdy {
        display: inline-block;
        width: 100%;
    }

    .logcon {
        display: inline-block;
        width: 100%;
    }

    .logimg {
        display: inline-block;
        width: 100%;
    }

    .fgrp {
        width: 100%;
        display: flex;
    }
}

/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) {
}

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {
}

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {
}

/* Extra large devices (large laptops and desktops, 1200px and up) https://www.linkedin.com/in/vikash-singh/ */
@media only screen and (min-width: 1200px) {
}